BAB 3 DESKRIPSI PERUSAHAAN 3.1 Sejarah Singkat Berdirinya ...

BAB 3 DESKRIPSI PERUSAHAAN

3.1 Sejarah Singkat Berdirinya Toko Buku JhoNaz

Perjalanan bisnis toko buku JhoNaz berawal dari hobi dan kesenangan seorang wanita di Jl. H. M. Said, Medan, Sumatera Utara sejak berusia 22 tahun hingga sekarang. Laila Nazliah ketika itu sedang senang – senangnya untuk berlama – lama di depan layar computer yang menjadi salah satu aktivitasnya sehari – hari, dan untuk melihat – lihat busana muslim dan jilbab - jilbab. Sejak saat itu pada waktu – waktu tertentu Laila akan memesan busana – busana muslim dan jilbabnya secara online. Dan hobi tersebut berlangsung hingga sekarang. Terbersit dipikiran Laila untuk memiliki sebuah usaha online yang seperti dilakkan di web – web yang sering dikunjungi Laila. Namun, karena Laila telah berkeluarga dan tidak cukup waktu banyak harus menjaga toko, karena itu laila ingin memiliki toko buku secara online tanpa ada bangunan fisik dari toko buku tersebut. Sejak itu lah toko buku JhoNaz secara online telah dibuka dengan beberapa tahap yang ditempuh. Dengan perlahan tapi pasti toko buku JhoNaz mulai berkembang walaupun baru memiliki sedikit buku – buku yang di beli juga secara online. Namun, pembelian buku secara online dan dengan jumlah yang cukup banyak, sebuah penerbit buku akan memberikan harga dengan diskon yang cukup besar untuk mendapatkan keuntungan lagi dengan kembali menjualnya dengan cara online pula tapi secara eceran.

Universitas Sumatera Utara

BAB 4 PERANCANGAN SISTEM

Tahap perancangan ini merupakan tahap awal dalam membangun sebuah situs, seperti membuat perencanaan, perancangan, diagram alur, tujuan, dan isi dari sebuah situs. Setelah tahap perancangan, tahap selanjutnya yaitu membuat outline atau garis besar dari situs tersebut. Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi atau flowchart (bagan alir) situs tersebut. Flowchart merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman per halaman, biasanya berbentuk pohon yang bercabang-cabang. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. 4.1 Design Interface Design interface adalah desain dari website yang akan digunakan untuk memberikan output berupa informasi kepada para pengguna. Ada pun desain interface yang penulis buat adalah sebagai berikut ;


Gambar 4.1 Design Interface dari Web JhoNaz 4.2 Data Flow Diagram (DFD) Data Flow Diagram merupakan diagram yang menggunakan notasi-notasi (simbolsimbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir. Pada tahap analisa, penggunaan notasi simbol lingkaran dan anak panah untuk mewakili atau menggambarkan arus data dalam perancangan sistem sangat membantu sekali di dalam komunikasi dengan pemakai sistem untuk memahami sistem secara logika. Diagram yang menggunakan notasi–notasi ini untuk menggambarkan arus dari data sistem sekarang dikenal dengan nama Data Flow Diagram atau diagram arus data. Keuntungan menggunakan DFD adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang sedang dikerjakan atau dikembangkan.


Data Pelanggan

Data Produk

Data tamu

Data Informasi

!

"# $ %& %& %& %&

' () ! * +' ' , - !)

Gambar 4.2 Data Flow Diagram (DFD)

4.3 Perancangan Entity Relationship Diagram (ERD)

a. Mengidentifikasikan dan menetapkan seluruh himpunan entity yang terlibat

Gambar 4.3 ERD Tahap Pertama


b. Menentukan atribut key masing-masing himpunan entity

Gambar 4.4 ERD Tahap Kedua c. Mengidentifikasikan dan menetapkan seluruh

himpunan relasi diantara

himpunan entity-entity yang ada beserta foreign key-nya (kunci asing).

Gambar 4.5 ERD Tahap Ketiga

d. Memasukkan derajat / cardinalitas untuk setiap himpunan

Gambar 4.6 ERD Tahap Keempat


e. Melengkapi himpunan entity dan himpunan relasi atribut deskriptif (non key/bukan kunci)

Gambar 4.7 ERD Tahap Kelima 4.4 Perancangan Database Database dapat diumpamakan sebagai sebuah tempat menyimpan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan langkah awal pembuatan aplikasi, termasuk dalam penambahan produk

dan lain-lain dalam mengolah penjualan pada Toko Buku JhoNaz. Dalam perancangan aplikasi sistem infosmasi penjualan pada Toko Buku JhoNaz, penulis membuat 5 tabel dalam database JhoNaz. Tabel-tabel tersebut adalah table barang, tabel buku tamu, tabel kategori, tabel member, dan tabel user. Pembuatan

database dan tabel-tabel mempergunakan fasilitas MySQL atau phpmyadmin yang terdapat dalam software XAMPP. Di bawah ini adalah gambaran isi dari masing-

masing tabel. 1. Tabel Barang (Produk) Tabel barang (produk) digunakan digunakan untuk menampung data produk baik itu produk baru atau produk lama. Berikut adalah field-field yang dibuat dalam tabel barang :

Field

Type

Keterangan

Nama

Varchar (100)

Nama buku

SKU

Varchar (10)

Kode kategori buku

Harga

Decimal (12,5)

Harga buku


Kategory

Varchar (100)

Category buku

Penerbit

Varchar (100)

Penerbit buku

Deskripsi

Text

Sinopsis dan keterangan buku

Stok

Int (10)

Stok buku

Gambar

Varchar (30)

Gambar buku

Tabel 4.1 Tabel Buku (product)

2. Tabel User (admin) Tabel user (admin) digunakan untuk menampung data user (admin). Berikut adalah field-field yang dibuat dalam tabel user (admin) : Field

Type

Keterangan

Username

Varchar (50)

Username user (admin)

Password

Varchar (50)

Password user (admin)

Tabel 4.2 Tabel User 3. Tabel Kategori Tabel kategori digunakan untuk menampung kategori buku-buku yang dijual pada Toko Buku JhoNaz. Berikut adalah field-field yang dibuat dalam tabel kategori : Field

Type

Keterangan

Kode category

Int (5)

Kode category buku

Kategory

Varchar (50)

Nama category buku

Tabel 4.3 Tabel Kategori


4. Tabel Member Tabel member digunakan untuk menampung data pelanggan atau pengunjung pada Toko Buku JhoNaz. Berikut adalah field-field yang dibuat dalam tabel member :

Field

Type

Keterangan

Email

Varchar (50)

Email pelanggan

Nama

Varchar (50)

Nama pelannggan

Alamat

Varchar (50)

Alamat pelanggan

Kota

Varchar (50)

Kota pelanggan

Negara

Varchar (50)

Negara pelanggan

Kode pos

Int (10)

Kode pos pelanggan

Telepon

Int (20)

Nomor telepon pelanggan

Mobile phone

Int (20)

Nomor

handphone

pelanggan Fax

Int (20)

Nomor fax pelanggan

Tabel 4.4 Tabel Member

4.5 Perancangan Algoritma Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah logika atau matematika. 4.5.1 Algoritma menu utama Langkah 1 : Aktifkan browser Internet Explorer atau Mozilla Firefox, kemudian ketik http://jhonaz_bookstore.com/index.php pada Address Bar lalu tekan enter atau “go” pada sudut kanan Address Bar.


Langkah 2 : Muncul tampilan index yang berupa ucapan selamat datang di Toko Buku JhoNaz. Pada menu Home ini, terdapat menu search untuk mencari judul buku yang dikehendaki pelanggan atau pengunjung dan terdapat menu login khusus admin untuk masuk ke halaman administrator dan member untuk masuk kehalaman yang dapat diakses oleh member. Langkah3: Untuk melihat halaman informasi cara membeli, maka klik menu “Cara Berbelanja”. Pada halaman ini di tampilkan cara memesan buku sampai dengan pembayran dan pengiriman buku. Langkah 4: Untuk melihat koleksi buku JhoNaz, maka klik menu “Category” yang memiliki sub – sub menu . Pada halaman ini akan ditampilkan bukubuku JhoNaz. Untuk membeli buku koleksi tersebut, anda harus memilih kategori sesuai dengan judul yang anda inginkan. Anda dapat mengklik submenu kategori, seperti agama, anak – anak, motivasi, computer dan internet, novel, dan remaja. Setelah menemukan judul buku yang anda inginkan, anda dapat mengklik detail untuk melihat secara detail informasi

mengenai

buku

tersebut,

setelah

itu

anda

dapat

menambahkannya ke keranjang belanja dan mengisi registrasi untuk data pelanggan. Langkah 5 : Untuk melihat alamat dan nomor telp/fax dari Toko Buku JhoNaz maka klik menu “Kontak Kami”. Pada halaman ini juga terdapat Buku Tamu, dimana kita bisa mengisi buku tamu yang telah tersedia ataupun melihat daftar buku tamu yang telah diisi sebelumnya. Langkah 6 : Untuk melihat buku-buku apa saja yang akan anda beli dan jumlah harga buku yang akan anda bayarkan, klik menu “Keranjang Belanja”. Pada menu ini akan dijumlahkan harga buku yang akaan anda beli. Setelah anda selesai memilih anda diharuskan mengisi registrasi data pelanggan. Langkah 7 : Selesai


4.5.2 Algoritma menu admin Langkah 1 : Masukkan nama dan password pada menu “Home” yang disediakan. Setelah login berhasil maka akan muncul halaman Home admin yang berisi menu yang hampir sama dengan menu umum, tapi pada halam ini, admin dapat melakukan pengentrian, penghapusan, dan pengeditan koleksi buku Senyum Muslim. Pada halaman admin juga dapat melakukan penghapusan dan pengeditan dari buku tamu yang telah diisi oleh pengunjung website. Langkah 2 : Untuk menginput, menghapus dan mengedit data produk atau buku klik menu “component” pada menu Home admin, lalu pilih virtumart dan pillih menu “product” lalu pilih “New” untuk menambah, atu klik produk yang akan di edit . Langkah 3:

Untuk melihat data pelanggan Toko Buku JhoNaz anda dapat memilih menu “Site” dan lalu pilih “User Manager” pada halaman admin.

Langkah 5: Jika telah selesai melakukan pengolahan data, maka admin dapat keluar dari halaman admin dan kembali ke Home umum dengan mengklik menu “Logout”. Langkah 6 : Selesai.

4.6 Perancangan Flowchart Flowchart atau diagram alir adalah sekumpulan simbol-simbol atau skema yang menunjukan atau mengambarkan rangkaian kegiatan-kegiatan mulai dari awal (start) hingga akhir (stop). Pembuatan dari flowchart atau diagram alir ini adalah pengambaran dari urutan langkah-langkah pengerjaan dari suatu algoritma.


4.6.1 Flowchart menu utama start

#

Menu Halaman utama

# home

#

login

# masukan username dan password

status admin

#

Halaman admin

about us

contact us

Tampilan tentang toko buku jhonaz

#

Tampilka n contact person

#

cara berbelanj

#

Tampilkan panduan berbelanja

f oru

#

Tampilkan bulletin board

topik

who's online

statistik

# Tampilkan topik

# tampilkan siapa saja yang online

# tampilkan jumlah pengunjung

Gambar 4.8 Flowchart Halaman Menu Utama


4.6.2 Flowchart login

Gambar 4.9 Flowchart Login


4.6.3 Flowchart Halaman Admin

Gambar 4.10 Flowchart Halaman Admin


4.6.4 Flowchart Kategori Buku

start

Menu Halaman Utama

Kategori buku

Anak

motivasi

kompute r

novel

#

#

#

#

Agama

# Tampilkan buku-buku agama

Tampilkan buku-buku anak

Tampilkan buku-buku motivasi

Tampilkan buku-buku komputer

Tampilkan buku-buku novel

lihat detail

lihat detail

lihat detail

lihat detail

lihat detail

#

#

Tampilkan buku-buku remaja

# lihat detail

#

#

#

Tampikan data buku

Tampikan data buku

Tampikan data buku

Tampikan data buku

Tampikan data buku

Tampikan data buku

beli?

beli?

beli?

beli?

beli?

beli?

#

#

remaja

#

#

#

#

Gambar 4.11 Flowchart Kategori Buku


4.6.5 Flowchart Shopping Cart

#

#

#

Gambar 4.12 Flowchart Shopping cart


BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki. Pada implementasi ini terlebih dahulu dilakukan pengujian sistem. Setelah terlihat kesalahan dan permasalahan yang ditemukan di dalam pengujian, sistem tersebut diperbaiki. Pengujian sistem dilanjutkan ke tahap operasi yang nyata.

5.2 Tujuan Implementasi Sistem Adapun tujuan-tujuan dari implementasi sistem, yaitu: 1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang telah disetujui sebelumnya. 2. Memastikan bahwa pemakai atau user dapat mengoperasikan sistem baru, yaitu dengan mempersiapkan manual pemakaian dan melatih sistem. 3. Menguji apakah sistem baru tersebut memenuhi permintaan pemakai, yaitu dengan menguji sistem secara menyeluruh. 4. Memastikan bahwa konversi ke sistem baru berjalan secara benar, yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.


5.3 Komponen Utama Dalam Implementasi Sistem Untuk mewujudkan sistem yang telah dirancang memerlukan sarana pendukung, yaitu berupa komponen-komponen yang sangat berperan dalam menunjang penerapan sistem yang dirancang terhadap pengolahan data. 5.3.1 Perangkat Keras (Hardware) Perangkat keras (Hardware) mesin atau komponen-komponen yang secara fisik bekerjasama dalam melaksanakan pengolahan data yang dilaksanakan. Adapun hardware yang diperlukan dalam perancangan sistem informasi penjualan ini adalah : 1. Monitor Super VGA 2. CPU (Central Processing Unit) 3. Harddisk sebagai tempat sistem beroperasi dan media penyimpanan 4. Memori minimal 128 MB 5. Keyboard dan mouse 5.3.2 Perangkat Lunak (Software) Ada beberapa software yang perlu diinstal dalam membuat website, antara lain: 1. Sistem OperasiWindows XP. 2. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL. 3. Joomla sebagai desain web 4. PHP sebagai bahasa pemrograman server side. 5. Web Server sebagai server lokal dalam pengetesan halaman web. 6. Browser sebagai tempat media tampilan halaman website. Seperti : Mozilla. 5.3.3 Perangkat Manusia (Brainware) Sistem komputerisasi yang berfungsi sebagai alat bantu manusia di bidang pengolahan data membutuhkan manusia sebagai aspek yang menangani proyek pada komputer. Inilah yang disebut dengan aspek brainware. Brainware terdiri atas :


1. Sistem analis, yaitu orang yang membentuk dan membangun fasilitas rancangan sistem. 2. Programer, yaitu orang yang bertugas untuk membuat dan membangun program dengan mengunakan salah satu fasilitas software yang telah ditentukan. 3. Operator, yaitu orang yang menangani langsung dalam pengolahan data, mulai dari mempersiapkan data sampai pemasukan data dalam komputer.

5.4 Instalasi Xampp 1.7.1 Xampp memberikan paket-paket yang cukup lengkap diantaranya: 1. Apache HTTPD 2.2.11 2. MySQL 5.1.33 3. PHP 5.2.9 4. phpMyAdmin 3.1.3.1 Dengan menginstalasi Xampp secara otomatis ketiga software utama yang akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu konfigurasi yang rumit. Adapun tahap-tahap instalasinya adalah sebagai berikut: 1. Klik ganda pada file xampp-win32-1.7.1-installer.

Gambar 5.1 Xampp-win32-1.7.1-installer


2. Pilih bahasa yang digunakan dalam proses instalasi. Pada tahap instalasi ini juga mendukung bahasa Indonesia.

Gambar 5.2 Pilihan Bahasa Instalasi Xampp 3. Maka akan muncul setup wizard. Kemudia klik next.

Gambar 5.3 Setup Wizard


4. Untuk lokasi instalasi, penulis menyarankan pilih secara default.

Gambar 5.4 Lokasi Instalasi 5. Maka akan muncul Xampp option. Kemudian klik install.

Gambar 5.5 Xampp Option


6. Tunggu proses instalasi selesai. Jika selesai akan tampil gambar di bawah ini.

Gambar 5.6 Setup selesai

5.4.1 Menjalankan Xampp 1.7.1

Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah menjalankan Xampp. Untuk itu, klik icon xampp yang berada disudut kiri bawah.

Gambar 5.7 Icon XAMPP Kemudian klik tombol start pada Apache dan mysql. Jika sudah jalan, maka xampp sudah aktif dan proses selanjutnya bisa dilakukan.

5.5 Instalasi Joomla 1.5.23

Joomla adalah Content Management System berbasis PHP, dengan joomla kita dapat membangun website kita sendiri dengan sangat mudah baik dalam pengaturan isi / content beserta component hingga pengaturan tampilan.


Tahap tahap penginstalan Joomla (ECOMMERCE EDITION) :

1. Instal Aplikasi 7zip terlebih dahulu

Gambar 5.8 Instal 7zip

2. Instal webserver (XAMPP) , letakkan pada folder C:\ Cheklist : * Pilih Apache * Pilih Mysql * Pilih Filezilla


Gambar 5.9 Instal XAMPP

3. Buatlah Folder baru di C:\xampp\htdocs dengan nama “Toko_Ecommerce” sehingga menjadi C:\xampp\htdocs\Toko_Ecommerce

Gambar 5.10 Folder Toko_Ecommerce

4. Extractlah

dengan

menggunakan

7zip

arsip

“VirtueMart_1.1.2_eCommerce_Bundle_Joomla_1.5.8.tar”

ke

joomla dalam

C:\xampp\htdocs\Toko_Ecommerce


1) Extract Files ke C:\xampp\htdocs\Toko_Ecommerce

Gambar 5.11 Extract File

2) Buka folder C:\xampp\htdocs\Toko_Ecommerce kemudian Extract here dengan 7zip arsip “VirtueMart_1.1.4_eCommerce_Bunde_Joomla_1.5.14”

Gambar 5.12 Extract Here


5. Aktifkan Apache Server, PHP, dan MySQL. Jalankan aplikasi XAMPP yang telah terinstal dan tekan tombol Start pada Apache , MySql, FileZilla hingga tombol Start berubah menjadi Stop (Running)

Gambar 5.13 Aktifkan Apache,Mysql,FileZila 6. Bukalah browser (Mozilla Firefox / Google Chrome / Opera / Safari / Internet Explorer). Lalu ketikkan pada address bar http://localhost/Toko_Ecommerce

Gambar 5.14 Pilih Bahasa Pilih Bahasa yang ingin digunakan kemudian Next


7. Langkah berikutnya adalah pre-installation check, Langsung Next 8. Pada tahap lisensi silahkan dibaca jika ingin mengetahui peraturan penggunaan dan lisensi penggunaan., Klik Next

Gambar 5.15 Pre Instalation

Gambar 5.16 Lisensi 9. Langkah selanjutnya adalah pengaturan database untuk joomla. Isikan data sebagai berikut: Database type : mysql Host Name : localhost Username : username_anda (default : root) Password : password_anda (default : kosong)


Database Name : data_ecommerce

Gambar 5.17 Pengisian Data Setelah data diisikan dengan benar, tekan tombol Next.

10. Langkah selanjutnya FTP Configuration

Gambar 5.18 FTP Configuration Basic Setting pilihlah NO, lalu tekan tombol “Next”%


11. Langkah selanjutnya adalah konfigurasi email dan nama untuk website joomla: Site Name : (House Of Handicorft) Your Email : Email_anda ([email protected]) Password dan confirm password : (usahakan yang mudah di ingat) Lalu Klik instal data sample

Gambar 5.19 Main Configuration

setelah semua terisi, tekan tombol “Next”.

12. Setelah semua selesai akan muncul peringatan untuk menghapus / merename folder “installation” terlebih dahulu.


Gambar 5.20 Hapus File Instalation

13. Pada

tahap

ini

anda

harus

“menghapus

atau

merename”

folder installation yang terdapat pada C:/ xampp / htdocs / Toko_Ecommerce

Gambar 5.21 File Instalation

14. Setelah itu masuk ke administrator untuk login Ketikkan pada address bar http://localhost/Toko_Ecommerce/administrator maka anda akan diminta untuk memasukkan username dan password username : admin


password : password_anda ( password harus sama seperti langkah 11 saat mengkonfigurasi website ) 15. Bila berhasil masuk administrator akan keluar tampilan seperti ini

Gambar 5.22 Login

Gambar 5.23 Halaman Admin


BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan Adapun kesimpulan yang dapat diambil oleh penulis dalam pembuatan website Toko Buku JhoNaz ini adalah: 1. Dengan adanya Sistem Informasi Penjualan berbasis web ini, dapat memperluas pemasaran produk yang dapat meningkatkan jumlah keuntungan bagi toko buku. 2.

Sistem Informasi penjualan ini menyediakan layanan pemesanan produk melalui system online, hanya dengan memilih produk dan memasukkannya ke dalam keranjang belanja (shopping chart), dan melakukan pembayaran ke nomor rekening yang telah diberitahu, maka produk akan langsung dikirim ke alamat pelanggan. Hal ini tentu akan mempermudah pelanggan yang berdomisili jauh dari lokasi toko buku.

3. Memberikan informasi secara lengkap, seperti tampilan produk, informasi produk, deskripsi produk, dan harga sehingga pelanggan bisa mendapatkan informasi yang terbaru hanya dengan membuka website toko buku JhoNaz.

6.2 Saran Dengan selesainya website Sistem Informasi Penjualan pada Toko Buku JhoNaz ini, penulis memberikan beberapa saran yang dapat mendukung pengembangan sistem lebih lanjut :


1. Tampilan website dibuat semenarik mungkin, sehingga dapat meningkatkan ketertarikan pengunjung website. 2. Pemeliharaan keamanan terhadap data pada server sangat perlu diawasi dan dijaga dengan baik agar tidak bisa diakses oleh orang yang tidak berkepentingan. 3. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah karena penggunaan software yang banyak memakan sumber daya komputer seperti memori dan kapasitas hardisk.
