1 ANALISIS DAN PERANCANGAN SISTEM INFORMASI BERBASIS WEB SEBAGAI MEDIA PROMOSI DAN TRANSAKSI PADA MAC MOHAN SOLO JAWA TENGAH Naskah Publikasi diajukan oleh : Sobri 07.22.0745 kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2010 2 3 WEB BASED INFORMATION SYSTEM ANALYSIS AND DESIGN AS PROMOTING MEDIA AND TRANSACTION AT MAC MOHAN SOLO CENTRAL JAVA ANALISIS DAN PERANCANGAN SISTEM INFORMASI BERBASIS WEB SEBAGAI MEDIA PROMOSI DAN TRANSAKSI PADA MAC MOHAN SOLO JAWA TENGAH Sobri Jurusan Sistem Informasi STMIK AMIKOM Yogyakarta ABSTRACT The aim of this research is to design a system that will present complete and accurate information on MacMohan’s products. Research methodology used is analysis method that includes data collection by surveys, interviews, and literature study in order to acquire information as the foundation in designing the system. Design methods used are database design, web structuring, module generation and interface design. The intended result of this research writing is for the consumers to have information of MacMohan and products sold on this store, to ease consumers in doing transaction, and to do online transaction without any need to visit the store. In short, consumers can acquire up-to-date products information as well as other information on MacMohan by simply visiting the concerned web that also provide alternative of product ordering for MacMohan customers. Keywords : Analysis, design. Internet 4 1. Pendahuluan Saat ini kebutuhan akan informasi yang cepat dan tepat semakin meningkat. Tanpa disadari hal ini turut merubah cara menusia dalam berkomunikasi, mencari berita, bertukar informasi dan memenuhi kebutuhan hidupnya. Informasi menjadi salah satu elemen penting dalam kehidupan sehari-hari. Website adalah salah satu media informasi berbasis internet yang mampu memenuhi kebutuhan informasi tersebut, khususnya bagi dunia usaha dan bisnis. Informasi mengenai dunia usaha dan bisnis banyak tersedia di internet dan dapat digunakan oleh siapapun secara cuma-cuma. Selain itu website juga dapat dimanfaatkan sebagai media periklanan, transaksi dan penyampaian informasi oleh perusahaan atau suatu lembaga organisasi baik bisnis maupun non bisnis. Informasi yang disediakan dapat berupa promosi suatu produk, layanan publik, informasi, dan lain sebagainya. Saat ini terdapat jutaan website di internet. Kita dapat mengakses seluruh informasi yang disediakan didalamnya. Website juga menjadi salah satu sarana komunikasi yang menukar sifatnya mendunia (World Wide) dan menjadi sarana untuk tukar informasi bagi penggunanya. Website tidak hanya digunakan untuk menampilkan informasi saja, namun website mulai digunakan untuk aplikasi yang banyak membutuhkan interaksi dari pengguna (user). 2. Landasan Teori 2.1 Konsep Dasar Sistem Defenisi sistem berdasarkan aturan sebuah sistem adalah sistem sebagai suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersamasama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu [1]. Proses yang terjadi dalam sebuah sistem didasarkan pada aturan-aturan kerja yang telah ditetapkan untuk suatu sistem. Proses kerja dalam suatu sistem yang dimaksudkan dalam defenisi diatas adalah saling terintegrasi dengan tujuan pencapaian keberadaan sistem. Defenisi sistem secara umum adalah kumpulan dari subsistem-subsistem yang saling berinteraksi dan terintegrasi untuk mencapai tujuan dan sasaran dari kehadiran sistem tersebut. Komponen dari suatu sistem dapat berupa fisik, yaitu berupa perangkat keras yang mendukung, dan hasil proses dari sebuah sistem. Dapat juga berupa komponen non fisik, yaitu berupa perangkat lunak dan kerangka konseptual sistem operasi berupa manual pengguna sistem. 2.2 Konsep Dasar Informasi dan Sistem Informasi Kosep dasar informasi menjelaskan standar nilai nformasi, siklus informasi, komponen serta kualitas yang dihasilkan oleh suatu sistem sehingga informasi tersebut 5 masih dianggap layak atau tidak layak lagi digunakan dalam mendukung pencapaian tujuan dalam penerapan sistem informasi dalam suatu perusahaan. Siklus informasi adalah gambaran secara umum proses data-data sehingga menjadi informasi. Informasi yang dihasilkan sebagai keluaran (output) dari proses akan menjadi data masukan (input) bagi pemrosesan selanjutnya. Informasi merupakan hasil dari penggunaan suatu model proses yang ditetapkan untuk memproses data-data. Informasi merupakan proses lanjut dari data-data dan memiliki nilai tambah, dari kategorinya informasi dikelompokan menjadi informasi strategis, praktis dan teknis. Sedangkan ukuran kualitas informasi untuk pengambilan keputusan dalam lingkungan bisnis di tentukan oleh beberapa kreteria, yaitu : 1. Akurat 2. Relevan 3. Tepat waktu Sistem informasi adalah suatu kegiatan dari prosedur-prosedur yang diorganisasikan, bilamana dieksekusi akan menyediakan informasi untuk mendukung pengambilan keputusan Internet [2] adalah jaringan terbesar yang menghubungkan jutaan komputer yang tersebar diseluruh dunia. Siapa saja dapat terhubung pada interet sepanjang memiliki alamat IP (internet protocol). Dengan internet, tersedia banyak sumber daya yang menjadi kekuatan internet sebagai media komunikasi-iformasi, yaitu Email, Word wide Web (WWW), Telnet dan lainya Web menggunakan protocol yang disebut dengan HTTP (Hyper Text Transfer Protocol) yang berjalan pada TCP/IP. Adapaun dokumen web diletakan pada Web server (server yang melayani permintaan halaman web) dan diakses oleh klien (pengakses informasi) melalui perangkat lunak yang disebut Web Browser atau dikenal dengan browser saja. Pada perkembangan terkini, web tidak hanya digunakan untuk mengakses halaman web (web page) saja, namun digunakan sebagai sistem informasi yang terkoneksi dengan database yang sifatnya transaksional. 2.3 Pemrograman Website Semua web yang ada di internet dibangun dengan menggunakan suatu script dasar yaitu HTML (Hypertext Markup Language). HTML termasuk Client Side Scripting karena script HTML diproses disisi client dan user dapat melihat script HTML yang menyusun suatu halaman web. PHP merupakan bahasa standar yang digunakan dalam dunia web site. PHP adalah bahasa program yang berbentuk script yang diletakkan di dalam server web. Mulanya PHP diciptakan dari ide Rasmus Lerdof yang membuat sebuah script perl. Script tersebut sebenarnya dimaksudkan untuk digunakan sebagai program untuk dirinya 6 sendiri. Akan tetapi, kemudian dikembangkan lagi sehingga menjadi sebuah bahasa yang disebut “Personal Home Page”. Hampir seluruh aplikasi berbasis web dapat dibuat dengan PHP, namun fungsi PHP yang paling utama adalah untuk menghubungkan database dengan web. Sistem database yang telah didukung oleh PHP antara lain Oracle, Sybase mSQL, MySQL, Solid, Generic ODBC, PostgreSQL [3]. Client side scripting merupakan bahasa pemrograman internet yang akan dieksekusi oleh browser dalam format*.html. Biasanya client side yang digunakan untuk hal-hal yang membutuhkan interaksi user tetapi data yang ditampilkan tetap sama dengan menggunakan server side scripting. Server side scripting merupakan dokumen-dokumen yang digunakan dalam membangun suatu aplikasi internet yang dijalankan pada sisi server dan dikirimkan ke browser dalam bentuk HTML. Jika yang diinginkan oleh seorang user adalah file yang mengandung perintah server side maka server web akan menjalankan dahulu program tersebut lalu mengirimkannya kembali ke browser dalam bentuk HTML sehingga dapat diterjemahkan oleh browser. 2.4 Perangkat Lunak Pembangaun Website MySQL (My Structure Query Language) adalah sebuah program pembuat database yang bersifat open source, sehingga dapat dijalankan pada semua platform baik window maupun Linux. Selain itu, MySQL juga merupakan program pengakses database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi Multi user (Banyak Pengguna). Saat ini database MySQL telah digunakan hampir oleh semua programer database, apalagi dalam pemrograman website. 1 Kelebihan lain dari MySQL adalah penggunaan bahasa query standar, SQL adalah suatu bahasa permintaan yang terstruktur yang telah distandarkan untuk semua program pengakses database seperti Oracle, Posgres SQL, SQL Server dan lain-lain. Sebagai sebuah program penghasil database, MySQL tidak dapat berjalan sendiri tanpa adanya sebuah aplikasi lain (interface). MySQL dapat didukung oleh hampir semua program aplikasi baik yang open source seperti PHP maupun yang tidak, yang ada pada platform Window seperti Visual Basic, Delphi dan lainnya. Web server adalah komputer yang digunakan untuk menyimpan dokumendokumen website, komputer server ini akan melayani permintaan dokumen dari clientnya. Web server diperlukan agar fungsi-fungsi server pada halaman website yang menggunakan server side scripting yang ada pada halaman tersebut dapat dieksekusi dan ditampilkan pada browser. Web server yang banyak digunakan antara lain Personal Web Server, Internet Information Service (IIS), Apache, Xitami dan lain sebagainya. 7 Apache merupakan turunan dari web server yang dikeluarkan oleh NSCA (http://hoohoo.nsca.uiuc.edu), yaitu NSCA HTTPd sekitar tahun 1995-an. Pada dasarnya, Apache adalah “A PatCHy” (path) dan pengganti dari NSCA HTTPd. Apache Web Server merupakan tulang punggung dari WWW. Web Server menunggu permintaan dari client yang menggunakan Web Browser. Web Server dapat berkomunikasi dengan clientnya menggunakan protocol HTTP. Apache berada di bawah GNU (General Public Licenci) yang bersifat gratis sehingga Apache dapat di download gratis pada alamat http://www.apache.org . Saat ini, Apache banyak digunakan sebagai web server untuk portal-portal besar. Cara kerja Apache a. Browser meminta sebuah halaman index.php b. Permintaan diterima oleh web server (server yang melayani permintaan halaman website) c. Web Server menerima dan memeriksa halaman index.php dan memeriksa apakah halaman index.php menggunakan database. d. Jika menggunakan database, web server akan menggambil kedalam database Browser website mempunyai tugas untuk menterjemahkan informasi yang diterima dari server website dan menampilkan pada layar komputer pengguna. Internet Explorer adalah browser program aplikasi yang dapat menampilkan dokumen website keluaran Microsoft Coorporation. Beberapa hal yang harus diperhatikan dalam memilih sebuah website browser agar nantinya memudahkan untuk memperoleh sesuai dengan apa yang diinginkan adalah sebagai berikut : a. Mudah diinstal b. Mudah disesuaikan dengan pemakai c. Memungkinkan menjelajahi website yang paling umum d. Mendukung keamanan transaksi e. Mendukung piranti internet yang lain f. Bekerja cepat. g. Sudah built-in dalam sistem operasi Adobe Photoshop merupakan Software pengolah image buatan Adobe yang sangat handal dan mudah pengunaannya. Sampai saat ini Adobe Photoshop sudah mencapai versi Photoshop CS yang merupakan pengembangan dari Photoshop 7.0, Dukungan plug-in dari berbagai sumberpun banyak tersedia, mulai yang gratis maupun bayar, menjadikan Adobe Photoshop sebagai standar pengolah gambar kelas dunia. Dukungan format file pada Photoshop, antara lain: a. Photoshop Document (.psd) 8 b. Bitmap Image (.bmp) c. Join Photographic Experts Group (.jpg) d. Graphics Interchange Format (.gif). e. Portable Network Graphic (.png) Macromedia Dreamweaver 8 adalah Software professional untuk desain dan manajemen situs web dengan tingkat fleksibilitas yang tinggi [4]. tingkat fleksibel dimaksud memungkinkan user dengan keahlian tingkat lanjut (advance) untuk membuat situs web dengan cara menuliskan kode HTML pada tool pemograman yang terintergrasi pada software ini atau memungkinkan user tingat awal (beginner) membuat situs web dengan menggunakan lingkungan visual editing pada menu-menu yang sudah disediakan. Dreamweaver 8 selain mendukung pembuatan web yang berbasis HTML, juga mendukung program-program web yang lain, seperti PHP, VB Script, Coldfusion, ASP, Perl, Java script, XML, CSS dan lain-lain. Dreamweaver merupakan pengembangan software situs web yang memberikan tingkat kompabilitas tinggi dengan software dari Macromedia dan Adobe sendiri seperti: Macromedia Flash, Macromedia Fireworks, Adobe Photoshop, Adobe Illustrator. Saat ini, banyak dijumpai situs-situs yang menggunakan animasi yang berfungsi game, banner, film, button, navigasi atau presentasi. Sejak versi pertamanya, SWISH 1.51 telah menarik banyak web developer baik yang telah menguasai flash maupun yang belum untuk memanfaatkannya dalam pembuatan animasi. Jika ingin membuat animasi yang bagus tanpa menggunakan flash, maka SWISH 2.0 merupakan salah satu alat yang tepat. Hal ini dikarenakan SWISH 2.0 memiliki kemudahan-kemudahan yang dapat menghasilkan animasi komplek yang indah, baik dari segi teks, grafik, maupun suara. Saat ini, SWISH 2.0 sudah memiliki 150 built-in efek seperti explode, vortex, 3D spin, snake dan lain-lain. SWISH 2.0 memiliki perangkat bantu untuk membuat garis, kotak, elips, kurva Bezier, animasi, sprite dan tombol roll over, yang semuanya dapat dilakukan dengan mudah. SWISH 2.0 dapat mengekspor ke format file SWF yang menjadi standar format untuk animasi flash sehingga dapat dimainkan di setiap komputer yang memiliki flash player. Animasi SWISH 2.0 dapat langsung diletakkan di halaman web atau di import ke macromedia flash. Selain itu, dapat juga dikirimkan ke Email, diikutkan dalam presentasi Microsoft powerpoint, atau dokumen word. 9 3. Analisis Analisis sistem dapat didefinisikan sebagai pengunaan dari sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mendefinisikan dan mengevaluasi permasalahan, kesempatan, hambatan yang terjadi dan kebutuhan yang diharapkan. Tahap analisis sistem merupakan tahapan yang sangat sangat penting, karena kesalahan ditahap ini akan menyebabkan kesalahan ditahap berikutnya. 3.1 Analisis PIECES a. Analisis Kinerja (Performance) Kinerja dapat diukur dari thoughput dan response time. Throughput adalah jumlah dari pekerjaan yang dapat dilakukan suatu sistem tertentu. Response time adalah rata – rata waktu yang tertunda diantara dua pekerjaan ditambah dengan waktu response untuk menangani pekerjaan tersebut. Tabel 3.1. Analisis kinerja Sistem Lama − Penyampainyan Sistem Baru Mac − Proses penyampaian informasi tidak Mohan masih melalui media cetak dan hanya melaluai media cetak dan web statis. elektronik namun juga melalui web informasi pada − Throughput, yang dinamis, yang menyediakan aktifitas menjelaskan Mohan dan informasi Mac pencatatan identitas konsumen dilakukan dalam satu aktifitas informasi yang dapat diakses kapan saja. − Kinerja yang dilakukan pencatatan dan konfirmasi kepastian produk transaksi pemesanan − Response time, secara langsung − Waktu yang digunakan singkat. Memakan waktu lama b. Analisis Informasi (Information) Apabila kemampuan dan kualitas informasi baik, maka perusahaan akan mendapatkan informasi yang akurat, tepat waktu dan relevan sesuai dengan yang diharapkan. Tabel 3.2. Analisis informasi Sistem lama − Informasi yang Sistem Baru disampaikan bersifat − Informasi yang disampaikan bersifat terbatas dan tidak akurat menyeluruh Contohnya ; data - data ketersedian perusahaan layanan yang selalu berubah–ubah pemesanan dan pembelian produk. − Adanya keterlambatan penyampai tentang dan informasi layanan baik − Penyajian informasi dilakukan secara 10 informasi ke konsumen. menyeluruh dan cepat,mulai dari penyajian profile perusahaan ,info layanan pemesanan dan pembelian. c. Analisis Ekonomi (Economic) Merupakan peningkatan pendapatan karena adanya sistem baru terhadap manfaat, atau penurunan bianya yang terjadi berdasarkan penilaian secara ekonomis Tabel 3.3. Analisis ekonomi Sistem Lama Sistem Baru − Biaya untuk memasang iklan di media cetak dan elektronik terlalu mahal. − Biaya hanya penyewahan dilakukan hosting pada dan pemeliharaan web yang saat ini tidak mahal d. Analisis Kontrol (Control) Pengendalian atau kontrol dalam sebuah sistem sangat diperlukan keberadaannya untuk menghindari dan mendeteksi secara dini terhadap penyalah gunaan atau kesalahan sistem serta untuk menjamin keamanan data atau informasi. Dengan adanya kontrol, maka tugas atau kinerja yang mengalami gangguan bisa di perbaiki. Tabel 3.4. Analisis kontrol Sistem Lama Sistem Baru − Control terhadap informasi lebih susah dilakukan, karena data yang sudah diberikan kepada media elektronika untuk terjadi untuk melakukan − Kontrol mudah terhadap informasi lebih karena publikasi yang cetak atau dilakukan lewat website dikelolah dipublikasikan sulit oleh bagian pengolahan data perubahan kesalahanan atau apabila perubahan Mohan, sehingga Mac kesalahan informasi langsung dapat diperbaiki. informasi. e. Analisis Efisiensi (Efficiency) Efisiensi berhubungan dengan bagaimana kita menggunakan sumber – sumber daya yang ada dengan penggunaan paling minimum. Tabel 3.5. Analisis efesiensi Sistem Lama − Pengunaan waktu yang kurang efisien Sistem Baru − Dengan adanya media informasi 11 dalam memberi informasi pemesanan tambahan seperti dan pembelian kepada konsumen. meningkatkan website kuantitas dapat informasi yang di sampaikan, dan waktu untuk penyampaian Sehingga singkat sangat dan jelas. mengefisiensi waktu bagi pegawai. f. Analisis Pelanyanan (Service) Merupakan peningkatan terhadap pelanyanan yang diberikan oleh sistem. Dalam suatu perusahaan peningkatan pelayanan terhadap pelanggan atau konsumen merupakan tujuan utama. Tabel 3.6. Analisis pelayanan Sistem Lama Sistem Baru − Pelayanan yang diberikan hanya sebatas − Pelayanan yang diberikan bisa lewat pada saat jam kerja dan lewat fasilitas email, serta contact from yang ada di telepon atau dikantor. website. Dan itu bisa dilakukan oleh pemakai (konsumen) kapan saja dan dimana saja selama terhubung lewat internet. 3.2 Analisis Kelayakan Studi kelayakan adalah suatu studi yang akan digunakan untuk menentukan apaka proyek pengembangan sistem layak dipakai atau tidak. Ada empat macam kelayakan yang dapat dipertimbangkan, yaitu : a. Kelayakan Teknis (Technical Feasibility) Dalam menentukan kelayakan teknis pada pembuatan situs website dapat dilihat dari : 1. Ketersediaan Teknologi Pada dasarnya teknologi yang digunakan baik hardware dan software ketersediaannya ada di pasaran dan dapat dijangkau. 2. Ketesediaan ahli yang dapat mengoperasi sistem Dengan adanya aplikasi yang sederhana dan mudah dipahami dengan pelatihan yang diberikan akan memunculkan tenaga – tenaga ahli yang diinginkan. b. Kelayakan Operasi (Operation Fesibility) Kelayakan operasi, yaitu menganalisis apakah sistem dapat diimplementasikan. Dan dapat dilihat pada tabel dibawah ini yang di lakukan pada sistem yang dibuat. 12 Tabel 3.7. Penilaian kelayakan operasi Pertimbangan Penilaiaan kelayakan Kemampuan personil dalam pengoperasian Mampu Sangat baik, dengan tampilan website yang dibuat Bagi konsumen atau mengunjung dalam pengoperasian website situs yang dapat dimengerti. Bagi administrator pengendalian operasi Baik, sistem c. Kelayakan Ekonomi (Economic Feasibility) Kelayakan ekonomi, yaitu dengan menganalisis manfaat penggunaan dan potensi pengembalian secara ekonomi dari pembangunan sistem itu. Kelayakan dapat dilihat dari Payback Period , Return On Investment dan Net Present Value yang dimana peneliti akan menjabarkan pada analisis biaya dan manfaat. d. Kelayakan Hukum (Low Feasibility) Dalam kelayakan hukum dapat dilihat dari perangkat lunak (software) yang digunakan untuk mendukung pembuatan aplikasi apakah software atau perangkat lunak yang digunakan semuanya orisinil atau legal dengan lisensi yang dilindungi oleh undang- undang hak cipta. 3.3 Analisis Kebutuhan Sistem a. Kebutuhan Perangkat keras ( Hardware ) Untuk merancang dan pembuatan sistem informasi berbasis web dibutuhkan perangkat keras agar program aplikasi yang dibuat dapat berjalan dengan baik. Spesifikasi yang digunakan adalah Computer PC dimana spesifikasinya sebagai berikut : Tabel 3.8. Kebutuhan perangkat keras No 1. 2. 3. Spesifikasi Hardware Matherboard Procesor Ram Kebutuhan Ketersediaan Intel Corporation D Ya E 2200 Ya Intel (R) Pentium (R) D CPU Ya 2,20Ghz Ya DDR 1 Gbmb visipro PC 5300 Ya 80 Gb Seagate 7200 Rpm Ya Ya 4. Harddisk 52 X LG 5. DVD RW Sami dan PRO touch 6. Monitor , Samsung 17” 7. Keyboard dan Mouse 13 b. Kebutuhan Perangkat Lunak ( Software ) Software atau perangkat lunak yang digunakan untuk mendukung dan merancang pembuatan sistem informasi berbasis web Mac Mohan ini harus sesuai dengan kebutuhan. Tabel 3.9. Spesifikasi software No 1. Spesifikasi Sistem Operasi Kebutuhan Ketersediaan Windows Xp Profesional Porf Ya with Sp2 Ya 2. Web Server Apache Ya 4. Database server MySql Ya 4. Desain Grafis Asobe Photohshop 07 Ya 5. Desain web Dreamweaver MX 2004 Ya 6 Script Engine PHP Ya 7 Web Browser Internet Expoler Ya c. Kebutuhan Pengguna Pengguna dari sistem yang dibuat adalah pihak administrator dan pihak user atau konsumen. Yang mana administrator sebagai pengolah website dan pencatatan data konsumen .sedangkan pihak user yang mengakses untuk mengetahui informasi mengenai mac mohan dan produk-produk yang ditawarkan. 4. Hasil Penelitian dan Pembahasan 4.1 Struktur Situs Web Struktur situs web berfungsi untuk mengetahui relasi antar dokumen web yang akan dibuat. Dari struktur tersebut, dapat diketahui hubungan antar file sehingga memberikan kemudahan untuk menentukan alur link-link dalam web tersebut. Adapun tujuan dari tahap pembuatan struktur web ini adalah: 1. Memberi kemudahan dalam melihat struktur web 2. Mempermudah dalam tahap perancangan web 3. Meminimalkan waktu proses pembuatan web karena sudah ada pola desain web sebagai acuan. Pembuatan situs web Mac Mohan mempunyai struktur web sebagai berikut: 14 a. Halaman Admin admin news profile guestbook category product order shop_config user lihat lihat lihat lihat lihat lihat lihat lihat tambah tambah hapus tambah tambah edit edit tambah edit edit edit edit edit hapus hapus hapus hapus hapus b. Halaman Customer Customer news profile guestbook category product order shop_config lihat lihat lihat lihat lihat lihat lihat tambah tambah 4.2 Flowchart Sistem Flowchart sisem adalah suatu model logika yang digunakan untuk menggambarkan sistem secara fisik dan menunjukkan arus suatu model dalam program. Dibawah ini adalah flowchart sistem yang digunakan dalam pembuatan web Mac Mohan. 15 1. Flowchart Admin Mulai Login F Nama user & password T Masuk ke menu admin Pilih Menu F F F Tambah Data T Edit Data T Tambah Hapus Data T Edit Simpan DATABASE SMK Mohan YPKK 2 Mac SLEMAN Logout Gambar 4.1. Flowchart admin Hapus 16 2. Flowchart Customer a a use & Mulaio d pass Login Masuk ke menu Organisasi Customer Pilih Menu F F Tambah Data Edit Data T T Tambah Edit Simpan DATABASE SMK Mohan YPKK 2 Mac SLEMAN Logout Gambar 4.2. Flowchart customer 17 4.3 Relasi antar Tabel Relasi antar tabel menggambarkan tentang hubungan masing-masing tabel terhadap tabel lainnya. Dengan adanya relasi tersebut akan mempermudah pembacaan tabel kerena akan terlihat file mana yang dijadikan primary key dan foreign keynya. Hubungan tersebut akan mempengaruhi tabel jika terjadi pengimputan, penghapusan, maupun pengubahan data pada tebel tertentu. Setelah melalui tahap normalisasi, menghasilkan gambar yang hubungan antar tabel yang dapat dilihat pada gambar 4.3 jumlah seluruh tabel berjumlah 11 tabel. tbl_category tbl_cart PK cat_id PK pd_id PK ct_id FK1 cat_parent_id cat_name cat_description cat_images FK1 cat_id pd_name pd_description pd_price pd_qty pd_images pd_thumbnail pd_data pd_last_update FK1 pd_id ct_session_id ct_qty ct_date tbl_order PK tbl_product tbl_guestbook PK FK1 FK2 od_id pd_id od_qty FK1 tbl_user PK user_id user_name user_password user_regdate user_last_login tbl_currency cy_id cy_code cy_symbol Gambar 4.3. Relasi antar tabel. gu_id gu_name gu_address gu_email gu_phone gu_description gu_date sc_name sc_address sc_phone sc_email sc_shipping_cost sc_currency PK n_id n_name n_description n_date n_image n_thumbnail tbl_shop_config tbl_order_item od_id od_date od_last_update od_status od_memo od_shipping_first_name od_shipping_last_name od_shipping_address1 od_shipping_address2 od_shipping_phone od_shipping_city od_shipping_state od_shipping_postal_code od_shipping_cost od_payment_first_name od_payment_last_name od_payment_address1 od_payment_address2 od_payment_phone od_payment_city tbl_news PK tbl_profile PK pr_id pr_name pr_description pr_image pr_thumbnail 18 4.4 Tampilan Halaman Gambar-gambar dibawah ini menampilkan contoh tampilan halaman- halaman website antara lain halaman utama admin, halaman utama untuk customer, halaman tentang Mac mohan, Halaman produk dan halaman konfigurasi pesanan. Gambar 4.4. Halaman utama admin Gambar 4.5. Halaman utama customer 19 Gambar 4.6. Halaman tentang Mac Mohan Gambar 4.7. Halaman produk 20 Gambar 4.8. Halaman konfigurasi pesanan 5. Kesimpulan Berdasarkan perancangan dan implementasi sistem informasi berbasis web sebagai media promosi dan transaksi dapat ditarik beberapa kesimpulan sebagai berikut : 1. Pembuatan sitem informasi sebagai media promosi dan transaksi akan membantu efektifitas kegiatan usaha 2. Melihat ruang lingkup kerja Mac Mohan yang sangat luas yaitu meliputi beberapa kota di Jawa Tengah, maka website ini akan sangat membantu jika diimplementasikan secara nyata, karena website yang dimaksud dapat melakukan pemesanan secara online dari manapun dengan menggunakan fasilitas internet. Sehingga konsumen yang berada diluar kota akan terbantu dalam pembelian produk DAFTAR PUSTAKA Jerry Fitz Gerald, Ardra F Gerald dan Warren D Starling jr. 1981. Fundamentals of System Analysis. Edisi kedua.NewYork. John Willey & Sons .Eddy Purwanto. 2003. Pengantar World Wide Web, http://www.ekanofiansari.files.wordpress.com200709latihan-1.doc, diakses tanggal 21 Oktober 2009 Bunafit Nugroho. PHP & MySQL dengan Editor Dreamweaver MX. Hal 29-30 Henky Prihatna. 2005. Kiat Praktis menjadi web master professional. Elex Media Komputindo, Jakarta