SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO MICROTECH COMPUTER TUGAS AKHIR MUHAMMAD ZUHRY RAMADHAN

Transkripsi

1 ii SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO MICROTECH COMPUTER TUGAS AKHIR MUHAMMAD ZUHRY RAMADHAN PROGRAM STUDI D-3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2008

2 iii SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO MICROTECH COMPUTER TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya MUHAMMAD ZUHRY RAMADHAN PROGRAM STUDI D-3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2008

3 iv PERSETUJUAN Judul : SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO MICROTECH KOMPUTER Kategori : TUGAS AKHIR Nama : MUHAMMAD ZUHRY RAMADHAN Nomor Induk Mahasiswa : Program Studi : D3 ILMU KOMPUTER Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Juni 2008 Diketahui Departemen Matematika FMIPA USU Ketua, Pembimbing Dr. Saib Suwilo, M.Sc Drs Rosman Siregar, M.Si NIP NIP

4 iii PERNYATAAN SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO MICROTECH KOMPUTER TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juni 2008 MUHAMMAD ZUHRY RAMADHAN

5 iv PENGHARGAAN Puji Syukur Penulis ucapkan ke hadirat Allah SWT, yang masih memberikan kesempatan dan kesehatan sehingga akhirnya Tugas Akhir ini berhasil diselesaikan dalam waktu yang telah ditetapkan. Penulisan tugas akhir ini merupakan salah satu syarat bagi setiap mahasiswa guna menyelesaikan Program Studi D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Dalam menyelesaikan Tugas Akhir ini, penulis banyak mendapatkan bimbingan dan bantuan dari berbagai pihak baik berupa material, spiritual,. Pada kesempatan ini penulis mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Bapak Dr. Eddy Marlianto, Msc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. 2. Bapak Dr. Saib Suwilo, M.Sc selaku Ketua Pelaksana D-3 Ilmu Komputer dan Statistika FMIPA USU. 3. Bapak Drs. Rosman Siregar, M.Si selaku dosen pembimbing dalam penyusunan Tugas Akhir yang telah banyak memberikan petunjuk dan bimbingan, sehingga akhirnya bisa menyelesaikan Tugas Akhir ini dengan sebaik-baiknya 4. Bapak Syahril Effendi, M.Sc selaku dosen wali yang telah banyak membantu penulis dalam menjalani perkuliahan di kampus. 5. Para dosen dan pegawai Fakultas Matematika dan Ilmu Pengetahuan Alam 6. Seluruh teman-teman D3 Ilmu Komputer stambuk 05, dan juga para senior. 7. Teristimewa kepada kedua orangtua penulis yangtelah anyak memberikan bantuan moril dan materil yang tidak ternilai harganya. Penulis menyadari sepenuhnya bahwa penulisan Tugas Akhir ini masih jauh dari kesempurnaan yang dikarenakan pengetahuan dan pengalaman yang dimiliki oleh penulis yang masih sangat terbataskekurangan yang perlu diperbaiki, baik dari segi penyajian, bentuk maupun isinya. Akhirul kalam kepada Allah Subhanahu Wata ala penulis berserah diri, karena hanya pada-nyalah segala kebenaran dan kesempurnaan itu berada. Akhir kata penulis berharap semoga Tugas Akhir ini dapat berguna bagi semua pihak yang membacanya.

6 v ABSTRAK Tugas Akhir ini merancang suatu aplikasi penjualan online yang bermanfaat untuk menawarkan dan menyebarkan informasi yang baik dengan cepat dan mudah, dan juga melalui kajian ini diharapkan dapat memberi inspirasi kepada pembaca untuk mencoba bisnis penjualan online sehingga membuka lapangan kerja baru dan mendapatkan penghasilan tambahan. Perancangan sistem dalam merancang penjualan online ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, dan Wamp5. Dengan menggunaan Wamp5, paket-paket aplikasi yang kita perlukan dalam merancang sebuah situs yang baik seperti Apache Web Server, PHP dan MySQL telah tersedia. Sistem penjualan online ini meliputi pemakaian situs oleh pelanggan seperti regestrasi pelanggan, pembelian dan pemesanan barang, mengedit data pribadi, pemberitahuan informasi terbaru.. Pengaturan situs oleh admin baik proses pengamanan berbagai data, pengiriman barang, penambahan barang, transaksi jual beli. Semua hal tersebut digunakan untuk menampung data-data yang diperlukan dan memperlancar sistem informasi.

7 vi DAFTAR ISI Halaman PERSETUJUAN ii PERNYATAAN iii PENGHARGAAN iv ABSTRAK v DAFTAR ISI vi DAFTAR TABEL viii DAFTAR GAMBAR ix BAB 1 PENDAHULUAN Latar Belakang Identifikasi Masalah Ruang Lingkup Masalah Maksud dan Tujuan Metode Penelitian Sistematika Penulisan 6 BAB 2 LANDASAN TEORI Pengertian Data Sistem Karakteristik Sistem Informasi Kualitas Informasi Penjualan Sistem Informasi Internet HTML Bagian-Bagian HTML PHP Penggabungkan Script PHP dan HTML CSS JavaScript Kelebihan Javascript Database MySQL Macromedia Dreamweaver Web Server Web Server Apache 25 BAB 3 ANALISIS DAN PERANCANGAN SISTEM Instalasi Apache, PHP, dan MySQL Instalasi WAMP Menjalankan Wamp Persiapan Database Relasi Antar Tabel 35

8 vii 3.4 Perancangan Struktur Web Bagan Alir (Flowchart) Program Data Flow Diagram (DFD) 44 BAB 4 IMPLEMENTASI SISTEM Pengertian dan Tujuan Implementasi Sistem Tahapan Implementasi Sistem Komponen dalam Implementasi Sistem Kebutuhan Perangkat Keras/ Hardware Kebutuhan Perangkat Lunak/ Software Kebutuhan Brainware Gambaran Aplikasi Pada Sistem Administrator Member Pengunjung Tampilan Halaman Website 49 BAB 5 KESIMPULAN DAN SARAN Kesimpulan Sasaran 59 DAFTAR PUSTAKA 60 LAMPIRAN

9 viii DAFTAR TABEL Halaman Tabel 3. 1 Database Microtech Tabel 3. 2 Tabel Admin Tabel 3. 3 Tabel Kategori Tabel 3. 4 Tabel Member Tabel 3. 5 Tabek Konfirmasi Tabel 3. 6 Tabel Order Tabel 3. 7 Tabel Produk... 35

10 ix DAFTAR GAMBAR Halaman Gambar 3. 1 Wamp5_ Gambar 3. 2 Setup Wamp5 28 Gambar 3. 3 Wamp5 License Agreement 29 Gambar 3. 4 Lokasi Instalasi 29 Gambar 3. 5 Auto Start 30 Gambar 3. 6 Wamp Control 31 Gambar 3. 7 Localhost 31 Gambar 3. 8 Relasi Antar Tabel 36 Gambar 3. 9 Rancangan Web untuk Pengunjung Biasa 37 Gambar Rancangan Web untuk Member 37 Gambar Rancangan Web untuk Admin 38 Gambar Flowchart Halaman Utama 39 Gambar Flowchart Halaman Index 40 Gambar Flowchart Halaman Register 40 Gambar Flowchart Halaman Login 41 Gambar Flowchart Halaman Edit Profile 41 Gambar Flowchart Halaman Logout 42 Gambar Flowchart Halaman Search Member 42 Gambar Flowchart Halaman Tas Belanja 43 Gambar Flowchart Halaman Search 43 Gambar Flowchart Halaman Order 44 Gambar Flowchart Halaman Administrator 44 Gambar Diagram Alir Data Level Konteks SI Penjualan Komputer 45 Gambar 4. 1 Halaman Index (atas) 51 Gambar 4. 2 Halaman Index (bawah) 51 Gambar 4. 3 Halaman Search 52 Gambar 4. 4 Halaman Register 53 Gambar 4. 5 Halaman Daftar Produk 54 Gambar 4. 6 Halaman Detail Produk 55 Gambar 4. 7 Halaman Home 56 Gambar 4. 8 Halaman Userprofile 56 Gambar 4. 9 Halaman Editprofile 57 Gambar Halaman Save Order 57 Gambar Halaman Tas Belanja 58 Gambar Halaman Chekcout 58

11 BAB 1 PENDAHULUAN 1.1 Latar Belakang Kemajuan teknologi informasi yang demikian pesat serta potensi pemanfaatannya secara luas, membuka peluang bagi pengaksesan, pengelolaan, dan pendayagunaan informasi dalam volume yang besar secara cepat dan akurat. Kenyataan telah menunjukkan bahwa penggunaan media elektronik merupakan faktor yang sangat penting dalam berbagai transaksi nasional dan internasional. Ketidakmampuan menyesuaikan diri dengan kecenderungan global tersebut akan membawa kita ke dalam jurang kesenjangan digital (digital divide), yaitu keterisolasian dari perkembangan global karena tidak mampu memanfaatkan dan mengakses teknologi informasi. Kehadiran komputer dirasakan sangatlah penting di dalam kehidupan. Komputer diciptakan tidak lain untuk membantu manusia dalam hal pemecahan masalah. Saat ini banyak perusahaan yang telah menggunakan sistem komputerisasi sebagai salah satu alat bantu yang digunakan dalam upaya melakukan perkembangan dan perluasan perusahaan.

12 2 Komputer bukan lagi barang mewah atau sesuatu yang langka untuk dimiliki oleh seseorang seperti pada saat awal kedatangannya, tetapi sudah menjadi suatu keperluan bahkan kebutuhan yang sangat memegang peranan penting dalam pengolahan data dan informasi, baik bagi badan instansi, perusahaan milik pemerintah atau swasta, maupun perseorangan. Sehingga segala sesuatu yang dikerjakan dapat dikoordinir secara terkomputerisasi yang sifatnya jauh dari kesalahan dan lebih efisien. Kebutuhan masyarakat, pemerintah maupun swasta akan perangkat komputer yang terus berkembang dan dapat membantu mempermudah dalam menyelesaikan masalah menghasilkan suatu hal yang menguntungkan. Hal yang menguntungkan ini bisa kita sebut sebagai simbiosis mutualisme atau kegitan yang saling menguntungkan antara kedua belah pihak yaitu penyedia perangkat dan pemakai perangkat atau dengan kata lain hal ini mengenai bisnis komputer. Bisnis komputer telah lama membantu kita dalam memenuhi kebutuhan akan perangkat komputer yang terus berkembang pesat dan lebih baik. Kegiatan ini merupakan hal yang sangat mulia dan menguntungkan. Dahulu kala, kita hanya dapat melakukan transaksi jual beli perangkat komputer hanya di tempat penyedia komputer. Dengan berkembangnya komputer menjadi salah satu sarana komunikasi, media informasi dan edukasi melahirkan internet. Internet dengan berbagai aplikasi pada dasarnya adalah media yang digunakan untuk mengefesienkan proses komunikasi. Salah satu aplikasinya yaitu World Wide Web (WWW). World Wide Web pada awalnya hanya digunakan untuk kalangan

13 3 akedemisi dan riset, namun sekarang World Wide Web digunakan untuk bisnis dan hiburan. Bisnis komputer secara konvensional yang penjualannya hanya melalui toko sekarang ada metode baru dan mulai berkembang pesat, yaitu dengan cara online. Melalui cara ini para pemakai tidak perlu lagi pergi ke berbagai toko komputer di kawasan daerahnya atau ke berbagai pelosok daerah hanya untuk mendapatkan perangkat yang dicarinya. Para pemakai atau user hanya perlu mengakses internet dan mencari situs toko komputer online. Situs-situs tersebut akan menampilkan berbagai perangkat yang meraka tawarkan, dan bagaimana cara kita melakukan transaksi jual beli. Bisnis secara online ini telah banyak melahirkan para wirausahawan baru yang tentunya membuka lapangan kerja bagi orang lain. Bisnis ini juga membantu kita mendapatkan penghasilan yang sangat menjanjikan. Berdasarkan uraian di atas, penulis tertarik untuk membuat suatu situs bisnis secara online dengan judul SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO MICROTECH COMPUTER 1.2 Identifikasi Masalah Pada umumnya setiap toko komputer memerlukan sarana dalam memberikan dan menyebarkan informasi tokonya melalui media internet. Maka penulis mencoba mengidentifikasikan masalah sebagai berikut :

14 4 1. Sejauh mana website ini dapat dirancang dengan semenarik mungkin sehingga dapat memenuhi keingintahuan masyarakat mengenai Toko MicroTech Computer. 2. Informasi, penawaran dan transaksi apa saja yang disediakan dalam situs MicroTech Computer sehingga pengunjung dapat merasakan manfaatnya. 3. Sejauh mana situs ini dapat dipercaya oleh masyarakat sebagai situs online resmi. 1.3 Ruang Lingkup Masalah Adapun ruang lingkup dari tugas akhir ini adalah menampilkan halaman-halaman web baik bersifat statis maupun dinamis sebagai suatu website yang memberikan berbagai penawaran dan informasi mengenai Toko MicroTech Computer. Pihak administrator web sangat berperan penting dalam membuat, menambah, maupun mengubah data yang ditampilkan pada web seperti data produk, data daftar member, data kategori. Aplikasi web ini dibangun di bawah sistem operasi Windows XP menggunakan aplikasi web server WAMP5 version yang terdiri dari Apache Web Server, PHP dan MySQL, menggunakan, Macromedia Dreamweaver 8 sebagai Editor perancangan dan pembangunan web. 1.4 Maksud dan Tujuan

15 5 Maksud penelitian yang dilakukan adalah 1. Merancang suatu aplikasi penjualan online yang bermanfaat untuk menawarkan dan menyebarkan informasi yang baik dengan cepat dan mudah. 2. Mendalami ilmu menjadi Webmaster. 3. Menjadi wirausahawan dan membuka lapangan kerja. Tujuan penelitian 1. Memberikan kemudahan masyarakat dalam mendapatkan informasi yang dicarinya. 2. Mengefesienkan penjualan di masyarakat. 3. Mampu membuka wawasan para pengguna sistem informasi untuk dapat memanfaatkan sumber daya komputer yang ada. 1.5 Metode Penelitian Metode penelitian adalah suatu cara atau teknik yang sistematik untuk mengerjakan atau menyelesaikan sesuatu. Adapun metode penelitian yang digunakan penulis untuk menyelesaian berbagai permasalahan yang terjadi diatas adalah : 1. Studi Kepustakaan (Library Research) Merupakan jenis metode studi yang dilakukan dengan mengumpulkan datadata yang ada hubungannya dengan topik permasalahan yang penulis angkat yang bersifat teoritis dengan cara membaca buku-buku, makalah, bahan kuliah dan membaca bahan-bahan sumber lainnya.

16 6 2. Studi Lapangan (Field Research) Merupakan metode yang dilakukan oleh penulis secara langsung ke lapangan yang merupakan sumber data yang diperoleh sesuai dengan kebutuhan yang digunakan. 3. Studi Literatur Merupakan metode yang dilakukan oleh penulis dengan mengunjungi dan mempelajari website atau situs-situs yang berhubungan dengan Tugas Akhir penulis, seperti website sebuah toko online, serta mempelajari bahasa-bahasa pemrograman web dengan mengunjungi situs-situs yang menyediakan tutorial mengenai bahasa pemrograman yang penulis gunakan. 1.6 Sistematika Penulisan Adapun sistematika penulisan Tugas Akhir ini terdiri dari 5 (lima) bab yang masingmasing dirincikan dalam beberapa subbab, yaitu : BAB 1 : PENDAHULUAN Pada bab ini diuraikan pembahasan tentang latar belakang, identifikasi masalah, ruang lingkup masalah, maksud dan tujuan, metode penelitian, dan sistematika penulisan. BAB 2 : LANDASAN TEORI

17 7 Dalam bab ini diuraikan sekilas tentang konsep data, informasi sistem informasi, pengenalan internet, HTML, PHP, CSS, Javascript, MySQl, dan Macromedia Dreamweaver 8 BAB 3 : ANALISIS DAN PERANCANGAN SISTEM Bab ini membahas tentang memdefinisikan sebuah web, gambaran umum pembuatan program, instalasi WAMP5, persiapan database, membangun halaman situs yang akan dibuat. BAB 4 : IMPLEMENTASI SISTEM Dalam bab ini berisikan uraian tentang pengertian implementasi sistem, komponen dalam implementasi sistem, cara kerja sistem yang dirancang, dan tampilan halaman BAB 5 : KESIMPULAN DAN SARAN Dalam bab ini penulis memberikan beberapa kesimpulan dan saran sebagai akhir penulisan.

18 BAB 2 LANDASAN TEORI 2.1 Pengertian Data Data sering disebut sebagai bahan mentah informasi. Tapi menurut Murdick,dkk (1984) merumuskan bahwa data adalah fakta yang tidak sedang digunakan pada proses keputusan, biasanya dicatat dan diarsipkan tanpa maksud untuk segera diambil kembali untuk pengambilan keputusan. Menurut Zulkifli Amsyah (1987) data adalah fakta yangsudah ditulis dalam bentuk catatan atau direkam ke dalam berbagai bentuk media (Gultom et al, 2005). Dalam dunia usaha dewasa ini, pengaruh data dan informasi dapat dikatakan sangat memegang peranan penting. Adapun istilah data adalah suatu istilah majemuk dari datum yang berarti fakta atau bagian dari fakta yang mengandung arti, yang berhubungan dengan kenyataan, simbol-simbol, gambar-gambar, kata-kata, angkaangka, huruf-huruf atau simbol-simbol yang menunjukkan ide, objek, kondisi atau situasi. Jelasnya data itu dapat berupa apa saja dan dapat ditemui dimana saja. Kegunaan data adalah sebagai bahan dasar yang objektif dalam proses penyusunan kebijakan dan keputusan. Dalam kaitannya dengan pengolahan data dengan komputer, pengerian data dapat dibatasi pada fakta-fakta yang dapat direkam. Dalam setiap pengolahan data, data merupakan sumber infirmasi yang dapat dihasilkan.

19 9 2.2 Sistem Terdapat dua kelompok pendekatan dalam mendefinisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponen atau elemennya. Suatu sistem adalah suatu jaringan kerja untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu. Sedangkan pengertian prosedur itu sendiri menurut Richard F. Neuschel, prosedur suatu urutan- operasi klerikal (tulis menulis), biasanya melibatkan beberapa orang dalam satu atau lebih departemen, yang diterapkan untuk menjamin penanganan yang seragam dari transaksi-transaksi bisnis yang terjadi. (Yogianto, 1989) Karakteristik Sistem Suatu sistem mempunyai karakteristik atau sifat-sifat yang tertentu, yaitu mempunyai komponen-komponen (components), sistem data (boundary), lingkungan luar sistem (environments), penghubung (interface), masukan (input), keluaran (output), pengolahan (proses) dan sasaran (objectives) atau tujuan (goal). Komponenkomponen sistem atau elemen-elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Lingkungan luar dari suatu sistem adalah apapun diluar dari batas sistem yang mempengaruhi operasi sistem. Penghubung merupakan media penghubung antara suatu subsistem

20 10 dengan subsistem yang lainnya. Keluaran dari suatu subsistem akan menjadi masukan untuk subsistem yang lainnya dengan melalui penghubung. Masukan adalah energi yang dimasukkan ke dalam sistem dapat berupa masukan perawatan dan masukan sinyal. Masukan perawatan dimasukkan supaya sistem dapat beroperasi sedangkan sinyal untuk mendapatkan keluaran. Keluaran adalah hasil dari energi yang diperoleh dan diklasifikasikan menjadi keluaran yang berguna dari sisi pembuangan. Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran. Suatu sistem pasti mempunyai tujuan atau sasaran. Kalau suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya. Sasaran dari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang dihasilkan sistem (Yogianto, 1989). 2.3 Informasi Informasi adalah data yang dibentuk menjadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya. (Yogianto, 1989). Menurut George R. Terry, bahwa informasi adalah data yang memberikan pengetahuan yang berguna. Sedangkan menurut Gordon B. Davis informasi adalah suatu data yang lebih diolah menjadi sebuah bentuk yang penting bafi penerima dan mempunyai nilai yang nyata atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau yang akan datang. Informasi akan memiliki arti manakala informasi tersebut memiliki unsur-unsur sebagai berikut :

21 11 1. Relavan artinya informasi yang diinginkan benar-benar ada relevansi dengan masalah yan dihadapi. 2. Kejelasan artinya terbebas dari istilah-istilah yang membingungkan. 3. Akurasi artinya bahwa informasi yang hendak disajikan harus secara teliti dan lengakp. 4. Tepat waktu artinya data yang disajikan adalah data terbaru dan mutakhir Kualitas Informasi Kualitas dari suatu sistem informasi (quality of information) tergantung dari 3 hal, yaitu informasi harus akurat (accurate), tepat pada waktunya (timeliness) dan relevan (relevance). Yang dimaksud dengan akurat berarti informasi harus bebas dai kesalahan-kesalahan dan tidak bisa atau menyesatkan. Sedangkan tepat waktu berarti, informasi yang datang pada penerima tidak boleh terlambat, dan yang terakhir relevan, berarti informasi tersebut mempunyai manfaat untuk pemakainya. (Yogiyanto, 1989). 2.4 Penjualan Penjualan adalah suatu sistem keseluruhan dari kegiatan usaha yang ditujukan untuk merencanakan, menentukan harga, mempromosikan dan mendistribusikan barang,

22 12 jasa, ide kepada pasar sasaran agar dapat mencapai tujuan organisas (Basu Swastha, 1989). 2.5 Sistem Informasi Sistem informasi adalah suatu sistem di dalam sautu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manejerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan (Yogiyanto, 1989). Menurut Simkin Mark G dalam bukunya yang berjudul computer information system for bussiness, sistem informasi adalah sekumpulan elemen yang bekerja secara bersama-sama baik secara manual ataupun berbasis komputer dalam melaksanakan pengolahan data yang berupa pengumpulan, penyimpanan, pemrosesan data untuk menghasilkan informasi yang bermakna dan berguna bagi proses pengambilan keputusan. Menurut Burch dan Strater dalam bukunya information system : theory and practice, sistem informasi adalah suatu kumpulan fungsi-fungsi yang bergabung secara formal dan sistematis yaitu : 1. Melaksanakan pengolahan data transaksi operasional. 2. Menghasilkan informasi untuk mendukung manajemen dalam melaksanakan aktifitas perencanaan, pengendalian dan pengambilan keputusan. 3. Menghasilkan berbagai laporan bagi kepentingan eksternal organisasi.

23 13 Dari definisasi diatas terlihat bahwa sistem informasi merupakan satu kesatuan unsur (manusia dan peralatan) yang bekerjasama secara untuk melaksanakan pengolahan informasi dari mulai mengumpulan, pengolahan, penyimpangan sampai pendistribusiannya. 2.6 Internet Internet adalah jaringan luas dari computer, yang lazim disebut dengan worldwide network. Dengan internet maka anda akan dapat mencari jutaan infomasi, mulai dari informasi kota-kota dunia, pemerintahan, budaya, teknologi, pribadi, berita (majalah dan koran dari seluruh dunia), software computer, iklan-iklan perusahaan dari seluruh dunia, iklan-iklan pribadi, informasi barang-barang terbaru dan lain-lain. Selain itu internet juga bisa digunakan untuk mencari teman, kontak jodoh, megirim berita, alat komunikasi, alat hiburan seperti game dan lain-lain. Internet terdiri dari berjuta-juta halaman, dan setiap halaman disebut dengan web. Sedangkan halaman yang pertama kali muncul ketika anda membuka browser (Internet Explorer atau Netscape Communication) disebut dengan Homepage. Tetapi web sering juga disebut dengan website atau homepage. Contoh-contoh web (WEBSITE/HOMEPAGE):

24 14 web browser adalah suatu program atau perangkat lunak yang digunakan untuk mengakses internet, contoh web browser adalah internet explorer (produk Microsft Coorporation), Netscape communicator (Produk Netscape) dan lain-lain. 2.7 HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti : Windows, Linux, Macintosh. Kata Markup Language pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML dimana kita bisa mengatur judul, garis, tabel, gambar, dan lalin-lain dengan perintah yang telah ditentukan pada elemen HTML. HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortin), setiap terjadi perkembangan level HTML, harus dievakuasi ketat dan disetujui oleh W3C Bagian-Bagian HTML

25 15 HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title>dan sebagainya. Untuk lebiih lanjut mengenai bagianbagian HTML perhatian skema dibawah ini : <html> <head> <title> </title> </head> <body>.isi dari halaman web. </body> </html> Keterangan : 1. Dokumen HTML, selalu diawali dengan tanda pembuka <html> dam diakhiri dengan tanda tag penutup </html>. 2. Pada elemen head <head></head>, dapat kitta sisipkan kode-kode untuk menuliskan keterangan tentang dokumen HTML, atau dapat juga kita sisipkan script-script pemoragraman web seperti JavaScript, VBScript atau CSS untuk menambahkan daya tarik pada situs yang kita buat agar lebih menarik dan dinamis. 3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan situs, seperti : <font></font>,<table></table>,<form></form>.

26 16 Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kodekode tag tersebut. Sedangkan tag hanyalah merupakan bagain dari elemen. Tag adalah kode-kode yang digunakan untuk mensetting dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : <tag awal> TEKS <tag akhir> Namun ada juga tag yang tidak perlu ada penutup seperti <br>, <hr>, <img>, dan lain-lain. 2.8 PHP PHP adalah bahasa pemrograman web atau scripting language yang didesain untuk web. PHP dibuat pertama kali oleh satu orang yaitu Rasmus Lerdorf, yang pada awalnya dibuat untuk menghitung jumlah pengunjung pada homepagenya. Pada waktu itu PHP bernama FI (Form Interpreter). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web. Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah Personal Home Page/Form Interpreter. Pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP. Pada tahun 1997 sebuah perusahaan bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis intpreter baru untuk PHP dan meresmikan nama rilis

27 17 tersebut menjadi PHP 3.0. Pada pertengahan tahun 1999, Zend merilis intpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi. Pada Juni 2004 Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari intpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemograman berorientasi objek baru untuk menjawab perkembangan bahas pemograman kearah pemograman kearah pmograman berorientasi objek. 2.9 Penggabungkan Script PHP dan HTML Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag bka dilanjutkan tanda tanya (<? )kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML, yaitu : 1. Embedded Script Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan

28 18 script PHP untuk proses di dalam server. Embedded Script menempatkan sebagai bagian dari script HTML. Contoh penulisan dapat dilihat di bawah ini : <html> <head> <title> Testing</title> </head> <body> <? Echo Hallo World ;?> </body> </html> 2. Non Embedded Script Cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen. Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script HTML sebagai bagian dari script PHP. Contoh penulisan dapat dilihat dibawah ini : <? echo <html> ; echo <head> ; echo <title>testing</title>; echo </head><body> ; echo Hallo World ; echo </body> ; echo </html> ;

29 19?> CSS CSS adalah singkatan dari Cascading Style-Sheet,, sebuah pengembangan atas kode HTML yang sudah ada sebelumnya. Dengan CSS, kita bisa menentukan sebuah struktur dasar halaman web secara lebih mudah dan cepat, serta irit size. Cara mudah untuk menerangkan CSS adalah dengan memberikan contoh berikut. Kode di bawah ini sebagai contoh, kode ini dimasukkan dibahagian head halaman web karena setiap client web anda akan dapat melihat style sheets web itu. <style type = text/css > <!-- BODY { background-color: white; color: black ; font-family: Arial, Helvetica, sans-serif; } --> </style> Kode di atas akan membuat halaman anda mempunyai latar belakang putih dan teks berwarna hitam. Teks pada BODY akan menggunakan font Arial, Helvetica, ataupun jika tidak terdapat kedua-duanya, ia akan menggunakan typeface/font Sans-serif. Pada perkembangannya CSS sudah masuk level 3 untuk sekarang, dimana dimulai CSS level 1 atau yang sering disebut CSS saja, kemudian level 2 yang

30 20 merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana mempunyai banyak keuntungan, diantaranya : 1. Ukuran file lebih kecil. 2. Load file lebih cepat. 3. Dapat berkolaborasi dengan JavaScript. 4. Pasangan setia XHTML. 5. Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS. 6. Mudah mengganti-ganti tampilan dengan hanya merubah file CSS-nya saja. JavaScript Javascript merupakan modifikasi dari bahasa c++ dengan pola penulisan yang lebih sederhana. Interpreter bahasa ini sudah disediakan ASP ataupun internet explorer. Secara khusus beberapa hal yang penting dalam javascript adalah : 1. Mengunakan blok awal { dan blok akhir :} 2. Automatic conversion dalam pengoperasian tipe data yang berbeda. 3. Sensitive case, sehingga programmer java harus ekstra hati-hati dalam menggunakan nama variabel, fungsi dan lain-lain. 4. Ekstention umumnya menggunakan *.js 5. Setiap statement dapat diakhiri dengan, sebagaimana c++ tetapi dapat juga tidak.

31 21 6. Jika tidak didukung oleh browser versi lama, scriptnya dapat disembunyikan diantara tag <!-- dan -- >. 7. Jika program dalam satu baris terlalu panjang dapat disambung dengan karakter \. Seperti CSS yang menggunakan tag : <style></style> Javascript menggunakan tag : <script></script> Tag ini boleh diletakkan beberapa kali di dalam sebuah dokumen, sama seperti tag-tag HTML yang lain. <html> <head> <script language = javascript > <!--script javascript dimasukkan di sini --> </script> </head> <body> <script language= javascript > <! script javascript dimasukkan di sini --> </script> </body> </html> Anda boleh meletakkan kode javascirpt pada bagian HEAD atau BODY. Terdapat beberapa keadaan dimana javascript digunakan sebagai skrip luar yang mana file tersebut ditulis dan disimpan dalam format js. File ini boleh dipanggil menggunakan attribute src. <html> <head></head> <body> <script src = namafile.js ></script> </body>

32 22 </html> Kelebihan Javascript Javascript berinteraksi dengan HTML, ini membolehkan pembuat web untuk memasukkan web mereka dengan kandungan-kandungan yang dinamik, menukar werna background, menukar banner, efek mouse, menu interaktif dan sebagainya. Database Database adalah suatu kumpulan data komputer yang teintegrasi, diorganisasikan dan disimpan menurut cara yang memudahkan pengambilan kembali. Tujuan utama konsep database adalah meminimumkan pengulangan (Gultom et al, 2005). MySQL MySQL merupakan salah satu perangkat lunak sistem pengelola basis data (Data Base Management System). MySQL juga dapat dikategorikan sebagai Relational Data Base Management System (RDBMS), karena dalam pembuatan basis data pada MySQL dapat dipilah-pilah ke dalam berbagai tabel 2 (dua) dimensi. Setiap tabel pada MySQL terdiri atas lajur horizontal dan lajur vertical.

33 23 MySQL pada saat ini, banyak digunakan oleh pemrograman web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan data. Macromedia Dreamweaver 8 Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Macromedia Dreamweaver 8 adalah salah satu produk dari vendor Macromedia Inc. Dreamweaver 8 memililki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming webnya. Kehebatan Dreamweaver ini menjadikannya lebih banyak digunakan oleh Web Desainer maupun Web Programmer guna mengembangkan situs web. Ruang kerja, fasilitasm dan kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun situs web. Web Server Web server adalah software yang menjadi tulang belakang dari world wide web (www). Web server menunggu permintaan dari client yang menggunakan browser seperti Netscape Navigator, Internet Explorer, Modzilla, dan program browser

34 24 lainnya. Jika ada permintaan dari browser, maka web server akan memproses permintaan itu kemudian memberikan hasil prosesnya berupa data yang diinginkan kembali ke browser. Data ini mempunyai format yang standar, disebut dengan format SGML (standar general markup language). Data yang berupa format ini kemudian akan ditampilkan oleh browser sesuai dengan kemampuan browser tersebut. Contohnya, bila data yang dikirim berupa gambar, browser yang hanya mampu menampilkan teks (misalnya lynx) tidak akan mampu menampilkan gambar tersebut, dan jika ada akan menampilkan alternatifnya saja. Web server, untuk berkomunikasi dengan client-nya (web browser) mempunyai protokol sendiri, yaitu HTTP (hypertext tarnsfer protocol). Dengan protokol ini, komunikasi antar web server dengan client-nya dapat saling dimengerti dan lebih mudah. Seperti telah dijelaskan diatas, format data pada world wide web adalah SGML. Tapi para pengguna internet saat ini lebih banyak menggunakan format HTML (hypertext markup language) karena penggunaannya lebih sederhana dan mudah dipelajari. Kata HyperText mempunyai arti bahwa seorang pengguna internet dengan webbrowsernya dapat membuka dan membaca dokumen-dokumen yang ada dalam komputernya atau bahkan jauh tempatnya sekalipun. Hal ini memberikan cita rasa dari suatu proses yang tridimensional, artinya pengguna internet dapat membaca dari satu dokumen ke dokumen yang lain hanya dengan mengklik beberapa bagian dari halaman-halaman dokumen (web) itu.

35 25 Proses yang dimulai dari permintaan webclient (browser), diterima web server, diproses, dan dikembalikan hasil prosesnya oleh web server ke web client lagi dilakukan secara transparan. Setiap orang dapat dengan mudah mengetahui apa yang terjadi pada tiap-tiap proses. Secara garis besarnya web server hanya memproses semua masukan yang diperolehnya dari web clientnya. Web Server Apache Apache merupakan web server yang paling banyak dipergunakan di Internet. Program ini pertama kali didesain untuk sistem operasi lingkungan UNIX. Namun demikian, pada beberapa versi berikutnya Apache mengeluarkan programnya yang dapat dijalankan di Windows NT. Berdasarkan sejarahnya, Apache dimulai oleh veteran developer NCSA httpd (National Center for Supercomputing Application). Saat itu pengembangan NCSA httpd sebagai web server mengalami stagnasi. ROB MC COOL meninggalkan NCSA dan memulai sebuah proyek baru bersama para webmaster lainnya, menambal bug, dan menambahkan fitur pada NCSA httpd. Mereka mengembangkan program ini lewat mailing list. Dengan berpijak pada NCSA httpd versi 1.3, Team Apache mengeluarkan rilis pertama kali secara resmi Apache versi Nama Apache diambil dari kata "A Patchy Server", server perbaikan yang penuh dengan tambalan (patch). Tambalan yang dimaksud adalah penambahan fitur dan penambalan bug dari NCSA httpd Versi 1.3.

36 26 Saat ini Apache dipergunakan secara luas. Hal ini disebabkan karena programnya yang gratis, dengan kinerja relatif stabil. Dalam pengembangannya pun mempergunakan sistem Bazaar, yakni tiap orang dibuka kesempatan seluas-luasnya untuk dapat memberikan kontribusi dalam mengembangkan program. Kontribusi dikomunikasikan lewat mailing list. Tim Apache mempunyai mailing list yang terbuka untuk siapa saja yang ingin ambil bagian. Untuk mendaftar cukup kirim ke dengan baris pertama dari bertuliskan "subscribe newhttpd". Perlu dicatat bahwa proyek pengembangan Apache ini mempunyai sistem meritokrasi. Semakin banyak yang Anda sumbangkan, semakin banyak yang boleh dikerjakan.

37 BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1 Instalasi Apache, PHP, dan MySQL Sebelum kita dapat membuat ataupun melihat hasil kerja kita dalam membuat situs web adalah mengintalasi beberapa perangkat lunak yang penting untuk itu, disini kita gunakan Apache, PHP, dan MySQL. Penginstalasiannya dilakukan secara satu per satu. Perangkat lunaknya dapat diperoleh dari situs untuk Apach,. untuk PHP, dan untuk MySQL. Tahap instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit. Alternatif lain yang digunakan penulis adalah dengan menginstalasi WAMP5. WAMP5 adalah salah satu paket aplikasi web server yang dapat diinstal di Windows. WAMP adalah kepanjangan dari Windows - Apache MySQL - PHP5.

38 27 Perangkat lunak WAMP5 dengan versi dapat di download secara gratis pada situs Aplikasi ini kita butuhkan sebagai : 1. Server web. Di dalam paket WAMP5 dapat kita jumpai aplikasi Apache Web Server. Server Web adalah sebuah program yang berfungsi sebagai penerima dan mengolah permintaan browser web. Kode pemrograman server side seperti script PHP, dikirim dan dijalankan pada server, kemudian Server Web mengirimkan hasilnya pada komputer klien dan klien hanya dapat menerima hasilnya saja. 2. PHP. Pada paket WAMP5 ini juga dapat kita temui aplikasi PHP sebagai program pengeksekusian script PHP. 3. MySQL. Paket WAMP5 juga menyediakan aplikasi MySQL sebagai tempat penampungan dan penyimpangan data dari database. Karena kelebihan paket WAMP5 ini, bisa menyediakan 3 paket aplikasi sekaligus, memudahkan kita dalam melakukan penginstalan paket tersebut, tanpa perlu lagi melakukan konfigurasi yang rumit terhadap ketiga aplikasi tersebut. Instalasi WAMP5 Menginstal WAMP5 secara otomatis menginstal ketiga perangkat lunak utama yang akan digunakan pada pembangunan web penjualan online yaitu Apache, PHP, dan

39 28 MySQL, tanpa perlu konfigurasi yang rumit, serta dalam pengetesan ataupun untuk melihat hasil halaman web. Adapun tahap-tahap instalasinya adalah sebagai berikut : 1. Klik ganda file wamp5_1.6.1.exe 2. Klik tombol next. Gambar 3. 1 Wamp5_1.6.1 Gambar 3. 2 Setup Wamp5 3. Klik next untuk merima persetujuan.

40 29 Gambar 3. 3 Wamp5 License Agreement 4. Untuk lokasi intalasi, penulis menyarankan untuk membiarkannya secara default. Gambar 3. 4 Lokasi Instalasi 5. Jika kita ingin Wamp5 secara otomatis aktif saat masuk ke OS, centang kotak yang tersedia

41 30 Gambar 3. 5 Auto Start 6. Tunggu proses instalasi sampai selesai. Proses ini memerlukan waktu yang cukup lama. Menjalankan Wamp5 Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah menjalankan Wamp5. Bila ktia kita tidak mencentang autostart, buka aplikasi Wamp5 dengan klik ganda icon Wamp5 yang ada di desktop, sehingga muncul icon tray pada taskbar. Secara otomatis Apache dan MySQL telah aktif. Klik kiri pada icon tersebut untuk mengatur Wamp5, dari sana anda bisa membuka localhost, folder situs-situs anda, setting Apache, PHP, MySQL.

42 31 Gambar 3. 6 Wamp Control Gambar 3. 7 Localhost Setelah kita dapat menggunakan WAMP, kita menuju dulu Wamp Control, yaitu klik kiri lalu pilih config files, buka php.ini untuk mengaktifkan register globals atau bisa dengan membuka foldernya yaitu C:\wamp\Apache2\bin, pilih php.ini. Tekan Ctrl + F, ketik register_globals. Pada saat itu register globalsnya masih off, segera anda aktifkan, ganti off menjadi on. Register_globals kali ini untuk mengaktifkan belannja secara online, karena dibutuhkan script untuk mengaktifkan berbagai variabel dan pemasukan data ke database sementara.

43 32 Persiapan Database Database dapat diumpamakan sebagai sebuah tempat penyimpanan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan langkah awal pembuatan aplikasi, termasuk aplikasi yang akan dibuat di sini. Dalam perancangan web MicroTech Computer ini, penulis membuat 6 (lima) tabel dalam database microtech. Tabel tabel tersebut adalah tabel admin, tabel kategori, tabel konfirmas, tabel member, tabel order dan tabel produk. Pembuatan database dan tabel-tabel mempergunakan fasilitas MySQL dengan terlebih dahulu login sebagai user, keuntungan yang kita dapat dengan menginstal wamp untuk database adalah tersedianya phpmyadmin, yang berguna untuk mempermudah pegerjaan di database. Dibawah ini adalah gambaran isi database microtech dan dari masing-masing tabel. 1. Tabel Database Microtech Pada tabel ini kita dapat melihat database microtech memiliki 6 tabel yang nantinya akan saling bekerja sama dalam menjalankan web. Tabel 3. 1 Database Microtech

44 33 2. Tabel Admin Tabel admin adalah digunakan untuk menampung data dari admin pada web ini. Berikut ini adalah field-field yang dibuat dalam tabel admin. Tabel 3. 2 Tabel Admin 3. Tabel Kategori Tabel kategori digunakan untuk menampung dan menyimpan data berbagai kategori produk yang natinya akan mengelompokkan produk berdasarkan kategori. Berikut ini adalah field-field yang dibuat dalam tabel kategori. Tabel 3. 3 Tabel Kategori

45 34 4. Tabel Member Tabel member digunakan untuk menampung dan menyimpan semua data pribadi member pada Toko MicroTech Computer. Berikut ini adalah field-field yang dibuat dalam tabel member. Tabel 3. 4 Tabel Member 5. Tabel Konfirmasi Tabel konfirmasi digunakan untuk menampung dan menyimpan data pesanan, kode pesanan produk pegawai. Berikut ini adalah field-field yang dibuat dalam tabel konfirmasi. Tabel 3. 5 Tabek Konfirmasi

46 35 6. Tabel Order Tabel Order digunakan untuk menampung dan menyimpan data jumlah item, harga, total harga, dan lain-lain. Berikut ini adalah field-field yang dibuat dalam tabel order. Tabel 3. 6 Tabel Order 7. Tabel Produk Tabel produk digunakan untuk menampung dan menyimpan semua data produk dan akan dihubungkan dengan kategori. Berikut ini adalah field-field yang dibuat dalam tabel order. Tabel 3. 7 Tabel Produk Relasi Antar Tabel Beriku ini adalah relasi dari tabel yang dijabarkan diatas.

47 36 Admin id_admin * username pass user_prev Kategori id_kategori * kategori align view Produk id_produk * id_kategori ** produk harga_per_item spesifikasi image stok Member id_member * username pass fullname kelamin tanggal_lahir pekerjaan teepon user alamat kota propinsi kodepos negara Order id_order * id_produk ** id_member ** id_konfirmasi ** jumlah_item harga_per_item Konfirmasi id_konfirmasi tanggal_konfirmasi tanggal_deliver *) Keterangan * Kunci Utama ** Kunci Tamu satu ke banyak banyak ke satu Gambar 3. 8 Relasi Antar Tabel Tabel ini menunjukkan hubungan antara entitas yang berbeda dimana pertamatama penulis mengasumsikan hanya ada satu administrator sistem di dalam Toko MicroTech Computer. Sebagai tambahan, 1 member dapat memesan n order, dan 1 konfirmasi mempunyai n order. Berikutnya, 1 produk dapat mempunyai n order atau 1 order dapat dipunyai n produk. Keempat 1 kategori mempunyai n produk. Pada akhirnya adminstrator bisa mengatur data n kategori, n produk, n member da n konfirmasi. Bentuk ini diadopsi untuk memandu perancangan sistem database

48 37 MySql Toko MicroTech Computer. Oleh sebab itu dalam perancangan database microtech, terdapat 6 tabel yang berbeda untuk menyimpan jenis data yang berberda. 3.4 Perancangan Struktur Web Adapun perancangan halaman-halaman dalam website ini dibagi atas tiga macam yaitu bagi admin, member, maupun pengunjung biasa. Rancangan ini dapat dilihat pada gambar di bawah ini. Homepage MicroTech Computer Login Register Index Cari Lihat Produk Gambar 3. 9 Rancangan Web untuk Pengunjung Biasa Homepage MicroTech Computer Informasi Lihat Produk Liht Profil Cari Home Edit Profil Tas Belanja Check Out Logout Gambar Rancangan Web untuk Member

49 38 Homepage MicroTech Computer Menu Order Menu Konfirmasi Menu Admin Home Menu Member Menu Produk Logout Gambar Rancangan Web untuk Admin 3.5 Bagan Alir (Flowchart) Program Flowchart sendiri merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman per halaman 1. Flowchart Halaman Utama

50 39 Start Tampilkan Menu Tidak Apakah Sudah Login? Ya Tampilkan Menu Index Ya Procedur Index Home Ya Procedur Index Search Tidak Ya Procedur Search Tidak Ya Search Procedur Seach Member Tidak Tidak Register Ya Procedur Register Edit Profile Ya Procedur Edit Profile Tidak Login Ya Procedur Login Tidak Ya Order Procedur Order Tidak Informasi Tidak Tidak Ya Tas Belanja Tidak Procedur Tas Belanja Informasi Tidak Tidak Logout Ya Procedur Logout Tidak Keluar Ya Stop Gambar Flowchart Halaman Utama 2. Flowchart Halaman Index

51 40 Procedur Index Tampilkan Isi Index Tidak Lihat Detail Produk Ya Tampilkan Detail Produk Gambar Flowchart Halaman Index 3. Flowchart Halaman Register Prosedur Register Pengisian Form Tidak Apakah semua data sudah benar? Ya Simpan Data Register Pindah ke Halaman done Gambar Flowchart Halaman Register 4. Flowchart Halaman Login

52 41 Prosedur Login Pengisian username dan password Tidak Apakah username dan password benar? Cari Data di Database Ya Pindah ke Halaman home Gambar Flowchart Halaman Login 5. Flowchart Halaman Edit Profile Prosedur Edit Profil Ubah Data Diri Tidak Apakah semua data sudah benar? Ya Simpan Data Edit Profil Pindah ke Halaman userprofil Gambar Flowchart Halaman Edit Profile 6. Flowchart Halaman Logout

53 42 Prosedur Logout Tidak Keluar dari sistem? Ya Keluar Gambar Flowchart Halaman Logout 7. Flowchart Halaman Search Member Prosedur Search Member Tampilkan hasil pencarian Pengisian kata bedasarkan produk Pindah ke Halaman Search Member Tidak Apakah semua kata sudah benar? Ya Cari Data di Database Ya Apakah data ada di Database Tidak Pindah ke Halaman Search Member Tampilkan hasil pencarian tidak ada Gambar Flowchart Halaman Search Member 8. Flowchart Halaman Tas Belanja

54 43 Prosedur Tas Belanja Tampilkan daftar barang yang sudah dipesan Prosedur Home Tidak Beli atau lanjutkan memesan? Ya Simpan Data Tas Belanja Pindah ke Halaman checkout Gambar Flowchart Halaman Tas Belanja 9. Flowchart Halaman Search Prosedur Search Tampilkan hasil pencarian Pengisian kata bedasarkan produk Pindah ke Halaman Search Tidak Apakah semua kata sudah benar? Ya Cari Data di Database Ya Apakah data ada di Database Tidak Pindah ke Halaman Search Tampilkan hasil pencarian tidak ada Gambar Flowchart Halaman Search 10. Flowchart Halaman Order

55 44 Prosedur Order Tampilkan daftar barang Beli barang? Tidak Pindah ke halaman lihat Produk Ya Simpan Data Order Pindah ke Halaman save order Tampilkan produk yang di order Gambar Flowchart Halaman Order 11. Flowchart Halaman Administrator Start Halaman Administrator Pengisian username dan password Halaman Gagal username dan password benar? Tidak Ya Halaman Home Tampilkan Menu Tidak Keluar Ya Stop Gambar Flowchart Halaman Administrator 3.6 Data Flow Diagram (DFD)

56 45 Data Flow Diagram (DFD) merupakan diagram alir data, mulai dari memasukkan data, memproses data hingga menghasilkan informasi.dfd ini bisa dipergunakan untuk sistem secara nyata, sehingga orang mengerti kenyataan tentang sistem yang sedang berjalan. Data Barang Data Pembeli Data Pemesanan Penyalur (Supplier) Pengolahan Data Pemasang Iklan (Advertiser) Pembelian barang yang akan di jual Administrator Iklan/partner untuk kerjasama Sistem Informasi Penjualan Komputer Data Pembeli Data barang yang sudah dibeli Pembeli Gambar Diagram Alir Data Level Konteks SI Penjualan Komputer

57

58 27

59 BAB 4 IMPLEMENTASI SISTEM 4.1 Pengertian dan Tujuan Implementasi Sistem Implementasi sistem adalah langkah-langkah atau prosedur-prosedut yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstal dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama. Implementasi yang telah sesuai harus diuji coba sehingga dapat diketahui kehandalan dari sistem yang ada telah sesuai dengan apa yang diinginkan. Tujuan implementasi sistem ini adalah : 1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang disetujui, menyusun dokumen baru atau dokumen-dokumen yang diperbaiki. 2. Menulis, menguji dan mendokumentasikan program-program dan prosedurprosedur yang diperbaiki oleh desain sistem yang disetujui. 3. Memastikan bahwa user dapat mengoperasikan ssitem baru. 4. Memperhitungkan bahwa sistem memenuhi permintaan user yaitu dengan menguji sistem secara menyeluruh.

60 45 5. Memastikan bahwa konversi sistem yang baru berjalan secara benar yaitu dengan merencanakan, mengontrol dan melakukan instalasi sistem baru secara benar. 4.2 Tahapan Implementasi Sistem Dalam membuat suatu sistem haruslah dijelaskan terlebih dahulu langkah-lagkah atau tahapan dari sistem yang akan dirancang, sehingga dapat tercapai sistem yang diharapkan. Tahap-tahap yang dilakukan dalam pembuatan sistem ini terdiri dari : 1. Persiapan Pada tahap ini dilakukan persiapan yaitu menganalisa masalah yang akan diproses, masalah yang penulis baha dalam hal ini adalah masalah pengolahan data penjualan barang. 2. Analisa Pada tahap ini akan dilakukan proses analisa mengenai data input barang. 3. Penulisan Tahap berikutnya adalah penyusunan atau penulisan program ke dalam bahasa komputer dengan bahasa yang telah ditentukan.

61 46 4. Menjalankan Program Kita gunakan web server untuk menjalankan program dan browser internet untuk melihat output atau tampilan halaman web. 5. Pengujian Program Sebelum program dijalankan benar, maka program terlebih dahulu harus bebas dari kesalahan, oleh sebab itu program harus diuji kembali untuk mengetahui apakah program dapat menerima input dengan baik atau tidak, serta memberikan output yang sesuai dengan yang diharapkan. 4.3 Komponen dalam Implementasi Sistem Agar sistem perancangan yang telah kita kerjakan dapat berjalan baik atau tidak, maka perlu kiranya dilakukan pengujian terhadap sistem yang telah kita kerjakan. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras (hardware), perangkat lunak (software), dan perangkat operator (brainware). Pada web ini kita dibutuhkan komponen-komponen yang mencakup seperti diatas Kebutuhan Perangkat Keras/ Hardware Perangkat keras merupakan komponen-komponen peralatan yang membentuk suatu sistem komputer dan peralatan-peralatan tambahan lainnya yang memungkin kan