BAB 3 DESKRIPSI PERUSAHAAN. 3.1 Sejarah Singkat Berdirinya Toko Buku JhoNaz

Transkripsi

1 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.

2 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 ;

3 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.

4 Data Pelanggan Data Produk Data Informasi Data tamu! "# $ %& '() %&! *+' +' %& ', %& -! ) 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

5 b. Menentukan atribut key masing-masing himpunan entity Gambar 4.4 ERD Tahap Kedua c. Mengidentifikasikan dan menetapkan seluruh himpunan relasi himpunan entity-entity yang ada beserta foreign key-nya (kunci asing). diantara Gambar 4.5 ERD Tahap Ketiga d. Memasukkan derajat / cardinalitas untuk setiap himpunan Gambar 4.6 ERD Tahap Keempat

6 e. Melengkapi himpunann 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 menyimpann 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. 1. Tabel Barang (Produk) Dalam perancangan aplikasi sistem infosmasi penjualan pada Toko Buku JhoNaz, penulis membuat 5 tabel dalam database JhoNaz. Tabel-tabel tersebutt adalah table barang, tabel buku tamu, tabel kategori, tabel member, dan tabel user. Pembuatan database dan tabel-tabell mempergunakan fasilitas MySQL atau phpmyadmin yang terdapat dalam software XAMPP. Di bawah ini adalah gambaran isi dari masing- masing tabel. Tabel barang (produk) digunakan untuk menampung data produk baik itu produk baru atau produk lama. Berikut adalah field-field yang dibuat dalam tabel barang : Nama SKU Harga Field Type Varchar (100) Varchar (10) Decimal (12,5) Keterangan Nama buku Kode kategori buku Harga buku

7 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

8 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 Varchar (50) 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 Algoritma menu utama Langkah 1 : Aktifkan browser Internet Explorer atau Mozilla Firefox, kemudian ketik pada Address Bar lalu tekan enter atau go pada sudut kanan Address Bar.

9 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

10 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.

11 4.6.1 Flowchart menu utama start # Menu Halaman utama # home # login # masukan username dan password status admin # Halaman admin about # us Tampilan tentang toko buku jhonaz contact # us Tampilka n contact person cara berbelanj # Tampilkan panduan berbelanja foru Tampilkan who's # bulletin topik statistik online board # Tampilkan topik tampilkan siapa saja yang online # # tampilkan jumlah pengunjung Gambar 4.8 Flowchart Halaman Menu Utama

12 4.6.2 Flowchart login Gambar 4.9 Flowchart Login

13 4.6.3 Flowchart Halaman Admin Gambar 4.10 Flowchart Halaman Admin

14 4.6.4 Flowchart Kategori Buku start Menu Halaman Utama Kategori buku # Agama Tampilkan buku-buku agama # # # # # lihat lihat lihat lihat lihat lihat detail detail detail detail detail detail # # # # # # Tampikan data buku Anak Tampilkan buku-buku anak Tampikan data buku motivasi Tampilkan buku-buku motivasi Tampikan data buku kompute r Tampilkan buku-buku komputer Tampikan data buku beli? beli? beli? beli? beli? beli? # # # # # novel Tampilkan buku-buku novel Tampikan data buku remaja Tampilkan buku-buku remaja Tampikan data buku Gambar 4.11 Flowchart Kategori Buku

15 4.6.5 Flowchart Shopping Cart # # # Gambar 4.12 Flowchart Shopping cart

16 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.

17 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 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 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 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 :

18 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 Xampp memberikan paket-paket yang cukup lengkap diantaranya: 1. Apache HTTPD MySQL PHP phpmyadmin 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-win installer. Gambar 5.1 Xampp-win installer

19 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

20 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

21 6. Tunggu proses instalasi selesai. Jika selesai akan tampil gambar di bawah ini. Gambar 5.6 Setup selesai Menjalankan Xampp 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 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.

22 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

23 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 joomla VirtueMart_1.1.2_eCommerce_Bundle_Joomla_1.5.8.tar ke dalam C:\xampp\htdocs\Toko_Ecommerce

24 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_ Gambar 5.12 Extract Here

25 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 Gambar 5.14 Pilih Bahasa Pilih Bahasa yang ingin digunakan kemudian Next

26 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)

27 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 %

28 11. Langkah selanjutnya adalah konfigurasi dan nama untuk website joomla: Site Name : (House Of Handicorft) Your _anda (Prazmilanisty@gmail.com) 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.

29 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 maka anda akan diminta untuk memasukkan username dan password username : admin

30 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

31 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 :

32 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.