GUNADARMA UNIVERSITY LIBRARY : http://library.gunadarma.ac.id 1 WebsiteCreationUsingShellsAerospaceSouvenirSalesPhp,Mysql,andMacromediaDreamweaver. Selvi Anugrah. 31107571 (31107571) Abstract—Website Creation Using Shells Aerospace Souvenir Sales Php, Mysql, and Macromedia Dreamweaver. Selvi Anugrah. 31107571 Pembuatan Website Penjualan Souvenir Dirgantara Kerang Menggunakan Php, Mysql, dan Macromedia Dreamweaver. Kata kunci : Macromedia Dreamweaver ( xvi + 72+ Lampiran ) Dengan perkembangan teknologi informasi yang sangat pesat, bukan hal yang sulit bagi para masyarakat atau pengguna lain untuk mendapatkan informasi yang mereka perlukan. Apalagi saat ini dengan mudah menggunakan fasilitas wireless ( WI-FI ) yang ada di tempat-tempat umum untuk mencari ( browsing ) informasi yang diperlukan dalam proses transaksi pembelian. Hal ini juga dapat mempermudah pihak toko atau karyawan dalam menyampaikan informasi penjualan. Oleh karena itu penulis ingin membuat suatu website penjualan souvenir berbahan dasar kerang agar dapat dikenal oleh banyak kalangan. Penulis ingin menyampaikan informasi kepada para masyarakat untuk mengenal souvenir berbahan dasar kerang ini. Semua bahan dapat diperoleh melalui interview lansung dengan pemilik toko, media internet, mulai dari gambar sampai artikelartikel yang membahas secara mendetail. Daftar Pustaka ( 2008-2010) I. Chapter 1 BAB 1 PENDAHULUAN 1.1 Latar Belakang Masalah Dalam menghadapi perkembangan teknologi internet terutama dbidang informasi, internet menjadi salah satu peranan penting dalam kehidupan manusia, terutama tuntutan untuk penyajian informasi yang lebih baik dari masa ke masa menjadi tanggung jawab bagi pihak penyaji Manajemen Informatika saat ini. Dalam hal ini penulis ingin membuat website untuk toko Dirgantara Kerang yang dapat kita temui di Bekasi Timur tepatnya jln Rawa Baru Karang kitri. Saat ini toko dirgantara kerang belum terjamah teknologi, padahal pelayanan ditoko ini sangat banyak melayani masyarakat dalam penjualan souvenir berbahan dasar kulit kerang ini. Toko dirgantara kerang adalah toko yang menjual souvenir berbahan dasar kulit kerang, sejak lama toko ini berdiri tetapi permasalahannya adalah tidak ada perangkat lunak atau software yang membantu pelayanan transaksi dengan pelanggan. Untuk mengatasi masalah ini penulis ingin membuat aplikasi berbasis web untuk memasarkan produk-produk ditoko dirgantara kerang sekaligus untuk mempublikasikannya kepada masyarakat. Hal ini dimaksudkan agar produk-produk dirgantara kerang dapat dikenal secara luas dan cepat, karena informasi yang disajikan lebih mudah diserap dan dipahami oleh orang yang membutuhkannya. Toko dirgantara kerang memproduksi limbah cangkang kerang yang dapat dikreasikan menjadi produk berkualitas seperti, gantungan kunci, bingkai foto, gelang, tempat tisu, asbak, souvenir, miniature berbentuk binatang, hingga asesoris berbahan baku kulit kerang. Limbah kerang dapat dirubah menjadi aneka 1 2 kerajinan tangan yang berkualitas dan memiliki ni- lai jual tinggi. Kerang adalah salah satu hewan air yang memiliki banyak manfaat. Bentuk cangkang yang unik, membuat sejumlah orang tertarik untuk menyimpannya. Salah satunya dijadikan cendera mata, kulit kerang di desain dan di rancang sedemikian rupa sehingga memiliki motif yang unik, setiap proses produksi dilakukan dengan hati-hati dan ketelitian untuk hasil yang sempurna. Dari permasalahan diatas maka penulis akan membuat sebuah penulisan ilmiah dengan judul Pembuatan Website Penjualan Souvenir Dirgantara Kerang Menggunakan....... For further detail, please visit UG Library (http://library.gunadarma.ac.id) II. Chapter 2 BAB II TINJAUAN PUSTAKA 2.1 Struktur Navigasi Struktur navigasi adalah struktur atau alur dari suatu program. Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan sebelum membuat suatu aplikasi. Ada 4 (empat) macam bentuk dasar dari struktur navigasi yang biasa digunakan dalam proses pembuatan aplikasi, yaitu linear, non linear, hirarki, dan composit ( campuran ). 2.1.1 Struktur Navigasi Linier Gambar 2.1 Navigasi Linier Struktur navigasi linear hanya mempunyai satu rangkaian cerita yang berurutan. Struktur navigasi ini menampilkan satu demi satu tampilan layer secara berurutan sesuai dengan urutannya dan tidak diperbolehkan adanya percabangan. Tampilan yang dapat ditampilkan adalah satu halaman sebelumnya atau halaman sesudahnya. 5 6 2.1.3 Struktur Navigasi Non Linaer Gambar 2.3 Navigasi Non Linier Struktur Navigasi Non-Linier adalah struktur linier yang memperbolehkan percabangan pada struktur ini disamakan oleh karena itu tidak ada Master Page atau Slave Page. Pemakai bebas menelusuri program tanpa dibatasi oleh suatu rute dimana control navigasi dapat mengakses kesemua halaman. 2.1.4 Struktur Navigasi Hirarki Gambar 2.2 Navigasi Hirarki 7 Struktur Navigasi Hirarki merupakan percabangan untuk menampilkan data berdasarkan criteria tertentu. Tampilan utama disebut Master Page dan untuk tampilan cabang disebut Slave Page. 2.1.5 Struktur Navigasi Campuran Gambar 2.4 Navigasi Campuran Struktur Navigasi Campuran atau struktur Navigasi Composite, merupakan gabungan dari seluruh struktur yang ada. 2.2 Story Board (alur cerita) Storyboard merupakan gambaran dari bentuk awal sebuah halaman web yang disususn secara beruntun serta dilengkapi dengan penjelasan yang mengikuti peta navigasi yang telah dibuat. Storyboard digunakan untuk merancang segala sesuatu yang muncul pada layar monitor yang bertujuan agar program yang dihasilkan tidak terlali sulit, mudah digunakan dan tentu saja agar menarik, 2 GUNADARMA UNIVERSITY LIBRARY : http://library.gunadarma.ac.id dibawah ini adalah bentuk tampilan storyboard dari website kerajinan tangan souvenir berbahan dasar kerang. ....... For further detail, please visit UG Library (http://library.gunadarma.ac.id) III. Chapter 3 internet atau penjualan secara online oleh sebab itu penulis mencoba memasarkan produk dirgantara kerang agar penjualan melalui internet dapat dikenal banyak kalangan. Kelebihan dari website souvenir ini adalah pembelian dapat dilakukan secara online atau pembeli hanya memasukkan data diri dan barang yang akan dipesan. Kekurangan dari website souvenir ini adalah belum adanya pembayaran secara online yang belum penulis gunakan dalam aplikasi pembuatan souvenir ini, setelah pembeli memesan produk yang dibeli pembayaran dilakukan secara manual atau tatap muka langsung oleh pembeli, aplikasi ini hanya baru diuji coba di toko dirgantara kerang saja, dan penulis belum dapat memberikan perancangan website yang lebih bagus dikarenakan keterbatasan pengetahuan penulis, sehingga di coba di toko yang lain mungkin bisa terjadi ke tidak seimbangan dalam proses transaksi pemesanan, maka dari itu setidaknya penulis akan berusaha mengembangkan 72 73 aplikasi ini sehingga terlihat tidak kalah dengan kemajuan teknologi dan terkesan berbeda dari aplikasi lain sehingga menjadi lebih menarik lagi terutama dalam segi tampilannya dan kegunaannya. 4.2 Saran Kemajuan akan teknologi tentunya akan mempengaruhi aplikasi ini dan spesifikasi hardware atau software yang digunakan. Harapan selanjutnya pada pembuatan website ini yaitu dapat....... For further detail, please visit UG Library (http://library.gunadarma.ac.id) BAB III ANALISA DAN PEMBAHASAN 3.1 Struktur Navigasi Struktur navigasi termasuk struktur terpenting dalam pembuatan suatu website dan gambarannya harus sudah ada pada tahap perencanaan. Struktur navigasi web penjualan ini terbagi menjadi 2 buah struktur navigasi yaitu struktur navigasi user (pemakai) serta struktur navigasi admin. 3.1.1 Struktur Navigasi User Adapun struktur navigasi user (pemakai) adalah struktur navigasi user. Sebelum melakukan perancangan aplikasi web maka terlebih dahulu dibuat struktur navigasi user untuk mempermudah perancangan sebuah web. Aplikasi web ini terdiri dari halaman yaitu halaman home, profil, gallery, login user, halaman produk, beli, form pemesanan, guestbook, isi buku tamu, dan contact. Gambar 3.1 Struktur Navigasi User 34 35 3.1.2 Struktur Navigasi Admin Adapun struktur navigasi administrator adalah struktur navigasi admin. Pada struktur navigasi ini diperkenankan membuat penjejakan bercabang, yang memungkinkan salah satu halaman dapat terhubung dengan halaman yang lain. Sebelum melakukan perancangan aplikasi web maka terlebih dahulu dibuat Struktur Navigasi admin ini untuk mempermudah perancangan sebuah web. Adapun halaman yang masuk V. Chapter 5 kedalam struktur navigasi admin terdapat 9 halaman yaitu ....... halaman login admin, halaman admin, edit home, edit proFor further detail, please visit UG Library fil, edit gallery, edit guestbook, edit contact, pesanan dan (http://library.gunadarma.ac.id) logout. Gambar 3.2 Struktur Navigasi Admin 36 Nmp embeliJmlhb elialamatN mb aranghargaIdp embeli∗ P embeliIdb arang∗BarangBeliM 1hargaN ot elpIdp embeli∗ N mb arangJumlahb arangGambar3.3P enggambaranDiagramEntity(ERD)3.2N ormalisasiF ileN ormalisasiadalahprosespembe tabelyangberkualitasbaik. 37 3.2.1 Bentuk Tidak Normal (Unnormalized Form)....... For further detail, please visit UG Library (http://library.gunadarma.ac.id) IV. Chapter 4 72 BAB IV PENUTUP 4.1 Kesimpulan Kesimpulan dari pembuatan Website Penjualan souvenir yang dibuat, yaitu dapat mempercepat penjual dalam mengelola data Accessories serta memberi kemudahan. Dengan adanya program yang telah dibuat dalam Dreamweaver dan didesain secara sederhana dapat memudahkan dalam interaksi manusia dan komputer serta website yang telah penulis buat belum mendapat tanggapan yang baik oleh para pembeli, karena penulis belum mengupload website yang penulis buat .Rekayasa terhadap sebuah perangkat lunak yang akan diciptakan dapat membantu dan mengurangi kesalahan-kesalahan yang akan dilakukan oleh seseorang, terutama pada perancangan website souvenir ini. Penulis sengaja pembuat website souvenir ini karena di toko dirgantara kerang belum adanya penjualan melalui