Perancangan Sistem Penjualan Jam Tangan Pria Berbasis Web

Transkripsi

1 Perancangan Sistem Penjualan Jam Tangan Pria Berbasis Web Apriyanto 1, Tomy Satrio Ramadhan 2 1 Program Studi Manajemen Informatika-AMIK BSI Bogor apriyanto.apo@bsi.ac.id 2 Program Studi Manajemen Informatika-AMIK BSI Jakarta tomysatrio7@gmail.com Abstrak Perdagangan secara konvesional mengharuskan pembeli bertemu dengan penjual dalam suatu tempat dan melakukan transaksi jual beli ditempat tersebut. Namun tidak semua orang memiliki waktu untuk datang ke toko untuk membeli, selain itu penjual juga dapat menghemat biaya penyewaan tempat yang menjadi masalah utama dalam penjualan secara offline. Dengan menggunakan beberapa aplikasi perancangan web dan aplikasi basis data dibuatlah sebuah aplikasi untuk penjualan jam tangan pria yang berbasis online sistem dengan semangat transaksi kapanpun dan dimanapun. Perancangan dimulai dengan analisa kebutuhan, perancangan perangkat lunak, perancangan basis data, spesifikasi file dan perancangan struktur navigasi. Penerapan sistem dilakukan dengan mengadakan beberapa testing pada modul yang dibuat sebelum sistem dinyatakan layak dan siap untuk digunakan. Dari rancangan sistem yang dibuat, pemilik toko yang menggunakan aplikasi ini dapat mempermudah menjual produk-produk jam tangan ke konsumen secara cepat, tepat dan online. Selain itu website ini juga mempermudah konsumen untuk mengetahui produk yang ada dan mempermudah dalam bertransaksi secara online. Dalam hal pelaporan, web ini dapat menghasilkan laporan yang cepat dan akurat karena setiap transaksi yang terjadi langsung tersimpan pada database yang sudah disiapkan Kata Kunci: Analisa, Perancangan Web, Basis Data, Struktur Navigasi, Online Sistem I. PENDAHULUAN Perdagangan secara konvesional mengharuskan pembeli bertemu dengan penjual dalam suatu tempat dan melakukan transaksi jual beli ditempat tersebut. Namun tidak semua orang memiliki waktu untuk datang ke toko untuk membeli, penjual juga dapat menghemat biaya penyewaan tempat yang menjadi masalah utama dalam penjualan secara offline. Terlebih di zaman modern yang serba menggunakan internet saat ini cara lama seperti itu mulai ditinggalkan. Penggunaan computer dalam bidang pemasaran dan penjualan dalam beberapa tahun terakhir berkembang dengan pesatnya (Jauhari, 2010). Dengan adanya internet proses pemasaran dan penjualan dapat dilakukan kapan saja tanpa terikat ruang dan waktu (Jinling et all, 2009). Inovasi di dalam dunia perdagangan telah bermunculan, salah satunya adalah e-commerce. Para pemain di bidang usaha khususnya penjual jam tangan pria harus mengembangkan usahanya untuk masuk ke dalam internet agar memberikan kemudahan bertransaksi kepada konsumen tanpa harus datang ke toko II. LANDASAN TEORI Konsep Dasar Web Yuhefizar (2008) mengatakan bahwa World Wide Web sering disingkat dengan www atau web adalah suatu metode untuk menampilkan informasi di internet, baik berupa teks, gambar, suara maupun video yang interaktif dan mempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext) yang dapat di akses melalui sebuah browser. Browser adalah perangkat lunak untuk mengakses halaman-halaman web, seperti Internet Explorer, Mozilla firefox, Opera, Safari dan lain-lain. Di dalam sebuah website, ada beberapa komponen pendukung agar sebuah website dapat di akses oleh pemakai, di antaranya : 1. Internet Seperti yang dikatakan Sibero (2011) bahwa Internet (Interconneted Network) adalah jaringan komputer yang menghubungkan antar jaringan secara global, internet dapat juga dapat disebut jaringan alam suatu jaringan yang luas. Seperti halnya jarigan komputer lokal maupun jaringan komputer area, internet juga menggunakan protocol komunikasi yang sama yaitu TCP/IP (Tranmission Control Protol / Internet Protocol). 2. Web Browser Web Browser merupakan program yang berfungsi untuk menampilkan dokumen-dokumen web dalam format HTML. Hal tersebut dikatakan oleh Arief (2011). Sedangkan Sibero (2013) mengatakan bahwa Web browser adalah aplikasi perangkat lunak yang digunakan untuk mengambil dan menyajikan sumber informasi web. Sumber informasi web diidentifikasi dengan Uniform Resource Identifier (URI) yang terdiri dari halaman web, video, gambar ataupun konten lainnya. Dari 2 pendapat tersebut dapat disimpulkan bahwa web browser adalah program aplikasi yang digunakan untuk menampilkan informasi berupa video, gambar, ataupun konten lainnya yang dibaca dari format HTML. Prosiding SIMNASIPTEK: Hal. A-40

2 3. Web Server Web server adalah sebuah komputer yang terdiri dari perangkat keras dan perangkat lunak. Secara bentuk dan fisik dan cara kerjanya, perangkat keras web server tidak berbeda dengan komputer rumah atau PC, yang membedakan adalah kapasitas dan kapabilitasnya, kata Sibero (2013). Bahasa Pemrograman Untuk mengembangkan proses pembuatan website diperlukan beberapa bahasa pemograman diantaranya, adalah: 1. PHP (Personal Home Page) Dalam karyanya Sibero (2011) mengatakan bahwa PHP adalah pemrograman interpreter yaitu proses penerjemahan baris kode sumber menjadi kode mesin yang dimengerti komputer secara langsung pada saat baris kode dijalankan. PHP disebut juga pemrograman Server Side Programming, hal ini dikarenakan seluruh prosesnya dijalankan pada server. PHP adalah suatu bahasa dengan hak cipta terbuka atau yang juga dikenal dengan open source yaitu pengguna data mengembangkan kode-kode fungsi sesuai kebutuhannya. Dengan menggunakan program PHP, sebuah website akan lebih interaktif dan dinamis. 2. HTML (Hypertext Markup Language) HTML (Hyper Text Markup Language) adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran dokumen web, kata Sibero(2012:19). Sedangkan menurut Kustiyahningsih (2011:13), HTML kependekan Hyper Text Markup Language. Dokumen HTML adalah Text file murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. File-file HTML ini berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser yang ada di komputer client (user) sehingga isi informasinya dapat ditampilkan secara visual di komputer pengguna. 3. CSS (Cascading Style Sheets) Andi (2007) menjelaskan bahwa CSS adalah suatu kumpulan kode-kode untuk memformat atau mengendalikan tampilan isi dalam suatu halaman web. Ada dua jenis CSS yang dapat anda gunakan yaitu CSS yang bersifat internal dan Eksternal. Anda akan lebih mudah menggunakan yang eksternal, karena script CSS akan tersimpan berupa file CSS tersendiri, jadi akan lebih mudah melakukan pengeditan, karena biasanya dihubungkan dengan link. Jika anda melakukan perubahan format, anda cukup melakukan perubahan file css, maka halaman yang terhubung dengan file CSS tersebut akan ikut berubah. Jika anda menggunakan CSS bersifat internal pada halaman, maka bila ada perubahan format harus melakukan banyak pengeditan pada semua file 4. JavaScript Sibero (2013) berpendapat bahwa JavaScript adalah suatu bahasa pemograman yang dikembangkan untuk dapat berjalan pada web browser. Pada walnya JavaScript dikembangkan pada web browser Netscape oleh Brenden Eich dengan nama Mocha, kemudian berubah menjadi Live-Script dan yang akhirnya menjadi JavaScript. Sedangkan menurut dalam Wahana Komputer (2012) termuat bahwa JavaScript merupakan bahasa scripting turunan dari pemrograman Java. JavaScript digunakan untuk pemrograman web client-side. Dari pendapat ini, dapat disimpulkan bahwa JavaScript adalah bahasa pemrograman yang merupakan pengembangan dari bahasa pemrograman Java, yang digunakan untuk pemrograman web client-side dan dapat berjalan pada web browser Basis Data Kadir (2009) dalam karyanya mengatakan bahwa MySQL adalah sebuah software open source yang digunakan untuk membuat sebuat database. Sedangkan Aditya (2011) berpendapat bahwa MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multiuser dengan sekitar 6 juta instalasi diseluruh dunia. Sibero, (2011), mengatakan bahwa Apache adalah perangkat lunak yang digunakan untuk mengakses dan mengatur konfigurasi Apache web server. Pada karya Kadir (2009), terdapat kalimat yang manerangkan bahwa Apache adalah otak dari web server anda. Aplikasi web server ini bertugas untuk mengkoordinasikan server anda, dan akan menangani semuanya. Apache menangani koneksi HTTP yang masuk, mengirimkan file yang di-request, kembali kepada komputer yang memintanya, menangani perlindungan direktori dengan menggunakan password, dan dapat berisi modul add-in yang digunakan memperluas kemampuan standar. Apabila dibandingkan IIS, maka Apache jauh lebih unggul. Seperti dikatakan oleh Kadir (2009), dengan mengguanakan PhpMyAdmin, maka aplikasi ini dapat membantu anda dalam menavigasi beberapa database, table, log, dan beberapa hal lainnya. Sedangkan Sibero (2011) berpendapat bahwa PhpMyAdmin adalah aplikasi web yang dibuat oleh PhpMyAdmin.net. PhpMyAdmin digunakan untuk administrasi database MySQL. Program ini juga digunakan untuk mengakses database MySQL. Aplikasi Perancangan Web. Dalam perancangan website ini, ada beberapa aplikasi yang digunakan, diantaranyawamp Server dan Adobe Dreamweaver CS5. Dalam pembangunan sebuah website pastinya setiap programmer memerlukan bantuan web server untuk mengkoneksikan file-file website ke basis data. Beberapa web server yang sering digunakan diantaranya: Apache Web Server, Sun Java System Web Server, Wamp Server, Xitami Web Server, dan sebagainya. Menurut Kadir (2009) Wamp Server adalah sebuah software yang mengemas MySQL, PHP, dan Apache sehingga memudahkan para pengembang sistem yang hendak menggunakan ketiga software tersebut dalam menginstal dan melakukan koneksi. Selain itu digunakan juga aplikasi Adobe Dreamweaver CS 5 yang merupakan program aplikasi yang digunakan untuk melakukan desain halaman Prosiding SIMNASIPTEK: Hal. A-41

3 website secara visual. Dalam mendesain halaman website, aplikasi ini menyediakan fasilitas-fasilitas yang memberikan kemudahan bagi para pengembang web, juga bagi pemula yang belajar membangun website (Wahana Komputer, 2012:2) III. METODE PENELITIAN Model Pengembangan Perangkat Lunak Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan model waterfall. Menurut Sukamto dan Shalahuddin (2013) menjelaskan bahwa model SDLC air terjun (waterfall) sering juga disebut model sekuensial linier (sequential linear) atau alur hidup klasik (classic life cycle). Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain, pengodean, pengujian dan tahap pendukung (support). Berikut penjelasannya: 1. Analisis Kebutuhan Perangkat Lunak Proses pengumpulan kebutuhan dilakukan secara intensif untuk mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat lunak pada tahap ini perlu untuk didokumentasikan. 2. Desain Desain perangkat lunak adalah proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka, dan prosedur pengodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi desain agar dapat diimplementasikan menjadi program pada tahap selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga perlu didokumentasikan. 3. Pembuatan Kode Program Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain. 4. Pengujian Pengujian fokus pada perangkat lunak secara segi lojik dan fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang diinginkan. 5. Pendukung (support) atau Pemeliharaan (maintenance) Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari tahap analisis spesifikasi untuk perubahan perangkat lunak baru. Teknik pengumpulan Data Teknik pengumpulan data yang digunakan dengan observasi dan studi pustaka. Observasi dilakukan dengan cara pengamatan atau peninjauan langsung terhadap objek penelitian, yaitu mengumpulkan data dan menelaah data-data yang terdapat pada beberapa toko jam tangan pria. Sedangkan studi pustaka dilakukan dengan cara membaca buku-buku referensi, makalah, modul dan juga internet yang dapat dijadikan acuan pembahasan dalam penyusuna tugas akhir. IV. PEMBAHASAN Analisa Kebutuhan Analisa kebutuhan sistem informasi adalah tahap untuk mengidentifikasi apa saja yang diperlukan, dibutuhkan dan di inginkan oleh pengguna. Analisa sistem informasi yang ada pada produk jam tangan pria sebagai berikut: a. Halaman Admin Halaman admin hanya dapat diakses oleh admin jam tangan pria. Admin yang akan mengolah semua data-data website. Mulai dari filtering testimoni, pengelolaan data produk, pengelolaan kategori produk, pengelolaan data user(pembeli), mengelola atau menambahkan data ongkos kirim berdasarkan kota tujuan, menambahkan admin baru,pengelolaan transaksi, melihat laporan barang yang belum dibayar, laporan barang yang sudah dibayar, laporan barang sudah dikirim. b. Halaman User Halaman member ini hanya dapat diakses oleh pengguna yang sudah terdaftar dalam sistem penjualan ini. Halaman user dapat digunakan untuk membeli produk yang tersedia, memperbarui profil user, melakukan pengecekan keranjang belanja, mengirim testimoni, mengirim konfirmasi pembayaran dan melihat daftar history order. c. Halaman Pengunjung Halaman pengunjung dapat diakses dan dilihat okleh semua orang. Pengunjung tidak bisa melihat halaman ini secara utuh tanpa login. Pengunjung dapat melihat katalog produk, melakukan pendaftaran, melihat testimoni dari pelanggan-pelanggan dan melihat informasi yang ada. Rancangan Perangkat Lunak Website ini terdiri dari halaman administrator, halaman user dan pengunjung. Halaman administrator digunakan untuk admin untuk mengelola data dan gambar yang akan ditampilkan pada halaman user. Halaman pengunjung adalah halaman yang digunakan pelanggan untuk berinteraksi langsung dengan website jam tangan pria. Halaman user yaitu halaman dimana user telah menjadi member dan dapat berbelanja. Rancangan Tampilan Halaman Administrator Halaman administrator dapat diakses oleh seorang admin, halaman yang tersedia adalah beranda, kategori produk, produk, ongkis kirim, transaksi, transaksi expired, konfirmasi, user, admin, laporan, testimoni dan keluar. Saat pertama masuk ke halaman Prosiding SIMNASIPTEK: Hal. A-42

4 awal yaitu index, admin diminta login terlebih dahulu. Setelah login selesai, admin dapat menginput data baru, menghapus produk, dan lain sebagainya. 1. Rancangan Halaman Login Halaman ini akan muncul ketika seorang admin ingin mengakses situs administrator website. Yang terdiri dari dan password. Lebih lengkapnya dapat dilihat pada gambar 1. Gambar 1 2. Rancangan Halaman Admin Setelah admin login maka admin secara otomatis masuk ke halaman admin. Halaman admin merupakan halaman dimana admin memasukkan produk-produk yang akan dijual, admin juga dapat menghapus data produk yang telah di input. Gambar 2 3. Rancangan Halaman Kategori Pada halaman ini terdiri dari Data Kategori, Input Kategori dan Ubah kategori. Penjelasannya sebagai berikut : a. Rancangan Halaman Data Kategori Pada halaman data kategori ini admin dapat mengolah data katagori yang ada. Untuk lebih jelasnya dapat dilihat pada gambar 3. Gambar 3 b. Rancangan Halaman Input Kategori Pada halaman input kategori, admin dapat menambahkan nama kategori, dan gambar setelah memasukan nama kategori dan gambar admin dapat memilih simpan atau batal. c. Rancangan Halaman Ubah Kategori Pada halaman update kategori, admin dapat merubah nama kategori, dan gambar setelah merubah nama kategori dan gambar admin dapat memilih update atau batal. 4. Rancangan Halaman Produk Pada halaman ini terdiri dari Data Produk, Input Produk dan Ubah Produk. Penjelasannya sebagai berikut : a. Rancangan Halaman Data Produk Setelah login admin masuk ke halaman utama administrator dan dapat melihat halaman data produk kemudian melakukan pengolahan data. b. Rancangan Halaman Input Produk Admin dapat melakukan penambahan produk dari nama produk, deskripsi produk, stok, gambar, berat dan memilih kategori untuk produk. c. Rancangan Halaman Ubah Produk Admin dapat melakukan perubahan produk dari nama produk, deskripsi produk, stok, gambar, berat dan memilih kategori untuk produk. 5. Rancangan Halaman Ongkos Kirim Halaman ini dapat diakses oleh admin untuk mengelola data ongkos kirim. Pada halaman ini terdiri dari Data Ongkos Kirim, Input Ongkos Kirim dan Ubah Ongkos Kirim. Berikut penjelasannya : a. Rancangan Halaman Data Ongkos Kirim Pada halaman data ongkos kirim ini admin dapat mengolah data ongkos kirim yang ada. b. Rancangan Halaman Input Ongkos Kirim Halaman ini digunakan admin untuk menambahkan ongkos kirim antar kota. Halaman ini terdiri dari nama kota, biaya, simpan dan batal. c. Rancangan Halaman Ubah Ongkos Kirim Halaman ini digunakan admin untuk merubah data ongkos kirim antar kota. Halaman ini terdiri dari nama kota, biaya, update dan batal. 6. Rancangan Halaman Data Transaksi Halaman ini dapat diakses oleh admin untuk mengelola data transaksi. Pada halaman ini terdiri dari Data Transaksi dan Detail Transaksi. Berikut penjelasannya : a. Rancangan Halaman Data Transaksi Pada halaman data transaksi ini admin dapat melihat data transaski yang ada. b. Rancangan Halaman Detail Transaksi Pada halaman detail transaksi ini admin dapat melihat detail setiap transaksi dan admin dapat melakukan pengiriman barang setelah pelanggan melakukan pembayaran. Untuk lebih jelasnya dapat dilihat pada 7. Rancangan Halaman Data Transaksi Expired Pada halaman ini admin dapat melakukan pembatalan transaksi saat pelanggan tidak melakukan pembayaran dan konfirmasi. 8. Rancangan Halaman Data Konfirmasi Halaman ini dapat diakses oleh admin untuk mengelola data konfirmasi. Pada halaman ini terdiri dari Data Konfirmasi dan Detail Konfirmasi. 9. Rancangan Halaman Data User (Pembeli) Halaman ini dapat diakses setelah admin login. Di halaman ini admin dapat melihat data user (pembeli). 10. Rancangan Halaman Data Admin Halaman ini dapat diakses oleh admin untuk mengelola data admin. Pada halaman ini terdiri dari Data Admin dan Tambah Admin. 11. Rancangan Halaman Data Laporan Halaman ini digunakan untuk mencetak setiap data laporan. Admin memilih tanggal dan status transaksi saat melakukan pencetakan laporan. 12. Rancangan Halaman Data Testimoni Halaman ini diakses untuk menyaring testimoni yang dikirim oleh user (pembeli) mana yang layak Prosiding SIMNASIPTEK: Hal. A-43

5 untuk ditampilkan dan yang tidak layak untuk ditampilkan. Rancangan Halaman Pengunjung Pada halaman ini pengunjung dapat melihat beranda, produk, kategori, testimoni,informasi, melakukan register dan melakukan login. Penjelasannya sebagai berikut : 1. Rancangan Halaman Beranda Pengunjung Halaman ini adalah halaman pertama yang dilihat oleh pengunjung saat membuka website. 2. Rancangan Halaman Produk Pada halaman ini pengunjung dapat melihat data produk/barang yang tersedia. Klik lihat produk untuk melihat detail barang. 3. Rancangan Halaman Kategori Pada halaman ini pengunjung dapat melihat kategori produk yang tersedia. Klik lihat kategori untuk melihat produk yang terdapat dalam kategori tersebut. 4. Rancangan Halaman Testimoni Pada halaman ini pengunjung dapat melihat testimoni dari user (pembeli) yang telah memberikan testimoni, yang telah disetujui oleh admin mana yang layak ditampilkan dan yang tidak layak untuk ditampilkan 5. Rancangan Halaman Register User (Pembeli) Halaman ini digunakan untuk melakukan pendaftaran User (Pembeli) baru. Ada tujuh objek yang wajib diisi dengan benar yaitu nama, , password,ulang kata sandi, nomor hp, alamat dan kota. Klik daftar untuk melakukan pendaftaran. 6. Rancangan Halaman Login User (Pembeli) Bagi pengunjung yang sudah mendaftar menjadi user (pembeli) maka bisa menggunakan halaman login ini untuk masuk ke halaman user (pembeli). Rancangan Halaman User (Pembeli) Pada halaman User (Pembeli) hampir sama dengan halaman pengunjung, disini ada tambahan fitur yaitu keranjang, riwayat transaksi, profil dan testimony. Rancangan ini terdiri atas : 1. Rancangan Halaman Beranda User (Pembeli) Setelah pengunjung melakukan login maka akan langsung menuju ke halaman beranda User (Pembeli). 2. Rancangan Halaman Keranjang Belanja Halaman ini digunakan untuk mengetahui barang apa yang dibeli oleh user (Pembeli). Di halaman ini user (Pembeli) bisa mengubah jumlah beli ataupun membatalkan belanja. 3. Rancangan Halaman Riwayat Transaksi Halaman ini digunakan untuk mengetahui riwayat transaksi dari pembelian terdahulu yang pernah dilakukan oleh user (Pembeli) dan terdapat tombol konfirmasi untuk melakukan konfirmasi pembayaran 4. Rancangan Halaman Konfirmasi Halaman ini digunakan untuk melakukan konfirmasi pembayaran yang akan dikirim oleh user (pembeli) untuk melengkapi proses pembelian. 5. Rancangan Halaman Profil Halaman ini ditujukan agar user (Pembeli) dapat melihat data dirinya. Terdapat tombol ganti password dan ubah data. Pada rancangan halaman profil ganti password, user dapat melakukan perubahan password. Sedangkan pada rancangan halaman profil ubah data, user(pembeli) dapat melakukan perubahan data diri. 6. Rancangan Halaman Input Testimoni Halaman ini digunakan untuk mengirimkan komentar dari pembelian produk. Spesifikasi File Di dalam perancangan website sistem informasi penjualan ini nama databasenya jamtanganpria. Beberapa file yang saling terhubung didapat dengan menggambarkan ERD dan LRS. Berikut adalah spesifikasi file yang terdapat di dalam database tersebut : 1. Spesifikasi File Admin : : Admin : admin administrator. Panjang Record : 310 byte Kunci Field : admin_id 2. Spesifikasi File Produk : : Produk : produk produk. Panjang Record : 75 byte Kunci Field : produk_id 3. Spesifikasi File Kategori : : Kategori : kategori kategori Panjang Record : 35 byte Kunci Field : kategori_id 4. Spesifikasi File Ongkir : : Ongkir : ongkir Ongkir Panjang Record : 40 byte Kunci Field : ongkir_id 5. Spesifikasi File User : : User Prosiding SIMNASIPTEK: Hal. A-44

6 : user :Untuk menyimpan data User. Panjang Record : 327 byte Kunci Field : user_id 6. Spesifikasi File Transaksi : : Transaksi : transaksi :Untuk menyimpan transaki : File Transaksi Panjang Record : 26 byte Kunci Field : transaksi_id 7. Spesifikasi File Detail Transaksi : : Detail Transaksi : detailtransaksi detail transaksi. : File Transaksi Panjang Record : 40 byte Kunci Field : detailtransaksi_id 8. Spesifikasi File Konfirmasi : : Konfirmasi : konfirmasi konfirmasi pembayaran. : File Transaksi Panjang Record : 197 byte Kunci Field : id_konfirmasi 9. Spesifikasi File Testimoni : : Testimoni : testimoni testimoni. : File Transaksi Panjang Record : 126 byte Kunci Field : id_testimoni Rancangan Struktur Navigasi Perancangan struktur navigasi ini sangat diperlukan karena memberikan kemudahan bagi admin dalam pengaksesan semua halaman yang ada di website dengan cepat. Struktur navigasi disini dibagi menjadi tiga bagian yaitu untuk pengunjung, user, dan admin dengan menggunakan metode struktur navigasi campuran (compisite). Implementasi Rancangan 1. Implementasi Halaman Login Halaman ini akan muncul ketika seorang admin ingin mengakses situs administrator website. Yang terdiri dari dan password. Gambar 4 2. Implementasi Halaman Admin Setelah admin login maka admin otomatis masuk ke halaman admin dimana admin dapat memasukkan produk, menghapus data produk yang telah di input juga edit data produk Gambar 5 3. Implementasi Halaman Kategori Pada halaman ini terdiri dari Data Kategori, Input Kategori dan Ubah kategori. Pada halaman data kategori ini admin dapat mengolah data katagori yang ada. Untuk lebih jelasnya lihat pada gambar 6. Gambar 6 Pada halaman input kategori, admin dapat menambahkan nama kategori, dan gambar setelah memasukan nama kategori dan gambar admin dapat memilih simpan atau batal, lebih lengkapnya dapat dilihat pada gambar 7. Prosiding SIMNASIPTEK: Hal. A-45

7 melakukan pengiriman barang setelah pelanggan melakukan pembayaran. Gambar 7 Pada halaman update kategori, admin dapat merubah nama kategori, dan gambar setelah merubah nama kategori dan gambar admin dapat memilih update atau batal, lebih lengkapnya dapat dilihat pada gambar 8 Gambar 11 Pada halaman Transaksi Expired admin dapat melakukan pembatalan transaksi saat pelanggan tidak melakukan pembayaran dan konfirmasi. Gambar 8 Pada halaman ini terdiri dari Data Produk, Input Produk dan Ubah Produk. Setelah login, admin masuk ke halaman utama administrator dan dapat melihat halaman data produk kemudian melakukan pengolahan data baik untuk input, ubah produk dan juga hapus produk. Untuk tampilannya seperti pada gambar 9. Gambar 12 Halaman Konfirmasi dapat diakses oleh admin untuk mengelola data konfirmasi. Pada halaman ini terdiri dari Data Konfirmasi dan Detail Konfirmasi. Pada halaman data konfirnasi ini admin dapat melihat data konfirnasi yang masuk. Pada halaman detail konfirmasi admin dapat melihat detail konfirmasi dan bukti konfirmasi dalam pembayaran yang dilakukan pelanggan dan admin dapat melakukan penerimaan konfirmasi dan pembatalan konfirmasi jika pembayaran tidak sesuai. Gambar 9 Halaman Ongkos kirim dapat diakses oleh admin untuk mengelola data ongkos kirim. Pada halaman ini terdiri dari Data Ongkos Kirim, Input Ongkos Kirim dan Ubah Ongkos Kirim. Gambar 13 Halaman User dapat diakses setelah admin login. Di halaman ini admin dapat melihat data user (pembeli). Gambar 10 Halaman Transaksi dapat diakses oleh admin untuk mengelola data transaksi. Pada halaman ini terdiri dari Data Transaksi dan Detail Transaksi. Pada halaman data transaksi admin dapat melihat data transaski yang ada. Pada halaman detail transaksi ini admin dapat Gambar 14 Halaman Data Admin dapat diakses oleh admin untuk mengelola data admin. Pada halaman ini terdiri dari Data Admin dan Tambah Admin. Halaman ini Prosiding SIMNASIPTEK: Hal. A-46

8 digunakan untuk mengelola admin website, dihalaman ini admin dapat menghapus data admin yang ada, menambahkan data pengelola website atau data admin. 4. Implementasi Halaman Data Laporan Halaman Data Laporan digunakan untuk mencetak setiap data laporan. Admin memilih tanggal dan status transaksi saat melakukan pencetakan laporan. Gambar 15 Halaman testimony diakses untuk menyaring testimoni yang dikirim oleh user (pembeli) mana yang layak untuk ditampilkan dan yang tidak layak untuk ditampilkan. Gambar 16 Implementasi Tampilan Halaman Pengunjung Pada halaman ini pengunjung dapat melihat beranda, produk, kategori, testimoni,informasi, melakukan register dan melakukan login. Halaman pertama yang dilihat oleh pengunjung saat membuka website adalah halaman beranda pengunjung. Gambar 17 Selanjutnya ada halaman produk. Pada halaman ini pengunjung dapat melihat data produk/barang yang tersedia. Klik lihat produk untuk melihat detail barang. Pengunjung juga dapat melihat kategori produk yang tersedia. Klik lihat kategori untuk melihat produk yang terdapat dalam kategori tersebut. Pada Halaman Register User (Pembeli) digunakan untuk melakukan pendaftaran User (Pembeli) baru. Ada tujuh objek yang wajib diisi dengan benar yaitu nama, , password, ulang kata sandi, nomor hp, alamat dan kota. Klik daftar untuk melakukan pendaftaran. Bagi pengunjung yang sudah mendaftar menjadi user (pembeli) maka bisa menggunakan halaman login user (Pembeli) untuk masuk ke halaman user. Pada halaman User terdapat tambahan fitur yaitu keranjang, riwayat transaksi, profil dan testimony. Pada Halaman Keranjang Belanja digunakan untuk mengetahui barang apa yang dibeli oleh user (Pembeli). Di halaman ini user (Pembeli) bisa mengubah jumlah beli ataupun membatalkan belanja. Pada halaman riwayat transaksi dapat digunakan untuk mengetahui riwayat transaksi dari pembelian terdahulu yang pernah dilakukan oleh user (Pembeli) dan terdapat tombol konfirmasi untuk melakukan konfirmasi pembayaran. Pada halaman konfirmasi dapat digunakan untuk melakukan konfirmasi pembayaran yang akan dikirim oleh user (pembeli) untuk melengkapi proses pembelian. Kemudian pada halaman profil dapat digunakan agar user (Pembeli) dapat melihat data dirinya, juga terdapat tombol ganti password dan ubah data untuk pembeli. Spesifikasi Sistem Komputer Spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan sistem penjualan jam tangan pria berbasis web, terdiri atas : 1. Spesifikasi Perangkat Keras a. Server CPU (Processor Pentium Core 2 Duo, RAM DDR3 2 GB, Hard Disk 500 GB ), Mouse, Keyboard, Monitor dengan resolusi layar minimum 1024x768, Koneksi Internet b. Client CPU (Processor Pentium Core 2 Duo, RAM DDR3 2GB, Hard Disk 500 GB ), Mouse, Keyboard, Monitor dengan resolusi layar minimum 1024x768, Koneksi internet. 2. Spesifikasi Perangkat Lunak a. Server Sistem operasi: Microsoft Windows atau Linux (Ubuntu, Fedora, dan lain-lain). Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang terdiri dari beberapa komponen, diantaranya: Aplikasi Apache Server v2, Aplikasi PHP Server v5, Aplikasi MySQL Server v5, Aplikasi phpmyadmin v3. Aplikasi Web seperti Mozilla Firefox, Opera, Internet Explorer, Google Chrome. b. Client Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux (Ubuntu, Fedora, dan lain-lain). Aplikasi Web seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google Chrome. V. KESIMPULAN Dari rancangan sistem yang dibuat dapat disimpulkan bahwa bagi pemilik toko yang menggunakan aplikasi ini dapat mempermudah Prosiding SIMNASIPTEK: Hal. A-47

9 menjual produk-produk jam tangan ke konsumen secara cepat, tepat dan online. Selain itu web ini juga mempermudah konsumen untuk mengetahui produk yang ada dan mempermudah dalam bertransaksi secara online. Dalam hal pelaporan, web ini dapat menghasilkan laporan yang cepat dan akurat karena setiap transaksi yang terjadi langsung tersimpan pada database yang sudah disiapkan. Penggunaan aplikasi yang berbasis web ini harus disertakan dengan pengamanan yang tinggi dari sisi software agar terhindar dari kerusakan ataupun penggunaan secara tidak sah oleh pihak pihak lain. Aplikasi ini juga dapat dikembangkan lagi untuk produk-produk lainnya dengan tetap berbasiskan web. REFERENSI Arief, M. Rudyanto. (2011). Pemrograman Web Dinamis Menggunakan PHP dan MySQL. Yogyakarta: CV. Andi Offset. Jauhari, Jaidan. (2010). Upaya pengembangan usaha kecil dan menengah (UKM) dengan memanfaatkan e-commerce. Jurnal sistem informasi fakultas ilmu komputer UNSRI Jinling, Chang et all. (2009). Modelling e-commerce Website Quality with Quality function Deployment. IEEE International Comperence on Deployment e business Engineering Kadir, Abdul. (2009). Dasar perancangan & Implementasi, Yogyakarta: Andi Offset. Kustiyahningsih, Y. dan Anamisa, D. R. (2011). Pemrograman Basis Data Berbasis Web Menggunakan PHP& MySQL. Edisi Pertama. Yogyakarta: Graha Ilmu. Sibero, Alexander F.K. (2013). Web Programing Power Pack. Yogyakarta: Kom. Sibero, Alexander F.K. (2011). Kitab Suci Web Programming. Yogyakarta: Kom. Sukamto, Rosa Arini, dan Muhammad Shalahuddin. (2014). Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung: Informatika Bandung. Sunyoto, Andi AJAX Membangun web dengan teknologi Asynchronous JavaScript & XML. Andi. Yogyakarta. Wahana Komputer. (2011). Mastering CMS Programing with PHP & MySQL. Yogyakarta: CV. Andi Offset. Wahana Komputer. (2012). Tips dan Trik Adobe Dreamweaver CS.5. Yogyakarta: CV. Andi Offset. Yakub. (2008). Sistem Basis Data, Tutorial Konseptual. Yogyakarta: Graha Ilmu. Prosiding SIMNASIPTEK: Hal. A-48