PERANCANGAN SISTEM INFORMASI
PENJUALAN ONLINE TOKO AON2 SPORTS
Irwanto1, Wina Yusnaeni2, Nuzuliarini Nuris3 1
AMIK BSI
e-mail: irwanzho0109@gmail.com 2
AMIK BSI Jakarta e-mail: wina.wyi@bsi.ac.id
3
AMIK BSI Jakarta e-mail: nuzuliarini.nzn@bsi.ac.id
Abstrak
Perkembangan ilmu pengetahuan dan teknologi yang berkembang semakin pesat saat ini selalu memicu manusia untuk berkembangan dan bersaing dalam penguasaan teknologi. Khususnya teknologi informasi dan komputer. Saat ini hampir semua informasi dapat diperoleh melalui internet, hal ini berpengaruh besar dalam dunia usaha. Banyak jenis-jenis usaha yang memanfaatkan teknologi internet untuk mempromosikan produk-produk yang akan dipasarkan secara online atau biasa disebut Toko online. Dengan Penjualan berbasis web diharapkan bisa melakukan promosi dan publikasi secara luas sehingga bisa meningkatkan penjualan. Melihat kenyataan diatas, maka penulis membuat perancangan Sistem Informasi berbasis web pada Toko AON2 SPORTS. Hal ini bisa digunakan sebagai saran promosi barang pada toko AON2 SPORT bukan hanya di daerah lokasi toko tetapi ke seluruh indonesia. Sistem Informasi yang dirancang ini ditujukan agar bisa memberikan kemudahan para konsumen mendapatkan informasi yang lebih cepat, akurat dalam mengetahui spesifikasi, harga serta stock produk tanpa harus datang ke Toko AON2 SPORTS.
Keywords: Sistem Informasi, Web, Toko online
1. Pendahuluan
Format penulisan 2 kolom dengan lebar Pada era sekarang yang menuntut kita untuk lebih efektif, cepat dan akurat dalam teknologi informasi. Teknologi informasi pada saat ini bukan hanya di dapat dari media cetak saja berupa Koran ataupun media elektronik berupa berita di TV. Seiring berkembangnya teknologi komputer, Teknologi informasi pun menjadi kesatuan yang tak terpisahkan dari kehidupan masyarakat luas. Internet adalah salah satu teknologi informasi yang sudah akrab digunakan masyarakat untuk mencari dan bertukar informasi, dimana informasi yang didapat menjadi lebih mudah di akses, karena saat ini internet dapat di gunakan melalui mobile phone.
Perkembangan teknologi informasi digunakan dengan baik oleh pemerintah, pengusaha, dan perorangan untuk memberikan informasi terkini melalui media internet. Internet sebagai salah satu media pemasaran & promosi online yang dapat mempermudah terjadinya transaksi real time atau online
tanpa harus terbentur dengan jarak dan waktu untuk terjadinya transaksi jual beli. Media promosi melalui internet menjadi lebih efektif dimana perusahaan tidak perlu lagi membagi-bagikan brosur secara manual yang memiliki lingkup penyebarannya terbatas.
AON2 sport adalah sebuah toko perlengkapan olahraga khususnya sepak bola yang sedang berkembang dimana media pemasaran yang digunakan saat ini ialah masih secara lisan, menghubungi lewat telepon atau pesan singkat ( SMS ) serta mendatangi langsung ke toko untuk mengetahui spesifikasi produk dan harga yang terdapat toko AON2 SPORT. Dengan pertimbangan tersebut maka peneliti berinisiatif untuk menggunakan Teknologi informasi berbasis internet seperti website sebagai sarana baru untuk meningkatkan promosi toko AON2 SPORT. Dengan pertimbangan tersebut peneliti tertarik untuk membuat website resmi pada toko AON2 SPORT.
2. Metode Penelitian Internet
“Internet adalah komputer yang terhubung melalui jaringan dan saling berkomunikasi dengan waktu dan wilayah tak terbatas” (Ananda & dkk, 2009).
Internet merupakan jaringan komputer terluas didunia (world wide Network) dimana antara satu komputer dengan komputer lainnya saling berhubungan dan saling berkomunikasi. Internet menggunakan jalur untuk mentransfer data yang dinamakan dengan backbone. Dengan menggunakan backbone inilah kita bias saling berkomunikasi dengan orang-orang dinegara manapun dengan mudah dan cepat. Di internet kita dapat mencari informasi seperti politik, pendidikan, hiburan, teknologi, kota-kota didunia, budaya, pemerintahan, dan lain-lain.
World Wide Web (WWW)
“World Wide 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 diakses melalui sebuah browser” (Yuhefizar, 2008).
PHP
“PHP adalah bahasa script yang berjalan dalam sebuah web server” (Prasetio, 2012). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Jika dilihat dari versi pertamanya bahwa PHP terdiri dari sekumpulan script PERL yang digunakan untuk mengolah data form dari web. Kemungkinan bahwa PHP singkatan dari Perl
Hypertext Processor. Pada awalnya PHP
bernama FI (Form Interpreted). Setelah rasmus melepaskan kode sumbernya, maka terbentuklah nama PHP/FI (Personal Home
Page/Form Interpreted).
MySql
“MySQL adalah merupakan perangkat Lunak untuk system manajemen database (Database Manajemen Sistem)” (Soekarno, 2006). Karena sifatnya yang open source dan memiliki kemampuan menampung kapasitas yang sangat besar, maka MySQL menjadi database yang sangat popular dikalangan programmer web.
Penyimpanan data yang fleksibel dan cepat aksesnya sangat dibutuhkan dalam sebuah website yang interaktif dan dinamis. Database sendiri berfungsi sebagai penampung data yang anda inputkan melalui
form website. Selain itu dapat juga dibalik dengan menampilkan data yang tersimpan dalam database kedalam halaman website. Jenis database yang sangat popular dan digunakan pada banyak website di internet sebagai bank data adalah MySQL. MySQL menggunakan SQL yang bersifat gratis, selain itu MySQL dapat berjalan diberbagai platform, antara lain LINUX, WINDOWS dsb. Database MySQL dapat dibuat dan diolah menggunakan tampilan jendela phpmyadmin atau menggunakan script pemograman PHP.
Entity Relationship Diagram
Entity Relationship Diagram (ERD)
merupakan suatu model data yang dikembangkan berdasarkan objek. Entity Relationship Diagram (ERD) digunakan untuk menjelaskan hubungan antar data dalam basis data kepada pengguna secara logis (Sutabri, 2012).
Logical Record Structure
LRS (Logical Record Structure) aturan-aturan
dalam melakukan transformasi E-R Diagram
ke logical record structure sebagai berikut:
(Ladjamudin, 2006)
a. Setiap entity akan diubah kebentuk sebuah kotak dengan nama entity berada diluar kotak dan atribut berada didalam kotak.
b. Sebuah relasi kadang disatukan dalam sebuah kotak bersama entity, kadang dipisah dalam sebuah kotak sendiri. Struktur Navigasi
Dalam pengembangan multimedia interaktif terdapat beberapa desain navigasi, dimana desainer harus mengenal dengan baik karena setiap desain navigasi memberikan solusi untuk kebutuhan yang berbeda. (Binanto, 2010) “menyatakan bahwa terdapat empat struktur dasar navigasi yang digunakan pada produk multimedia”.
a. Linier
Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte informasi yang satu ke yang lainnya.
Sumber: (Binanto, 2010)
Gambar 1. Struktur Navigasi Linear
b. Hierarkies
struktur dasar ini disebut juga struktur "linear dengan percabangan" karena pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika isi.
Sumber: (Binanto, 2010)
Gambar 2. Struktur Navigasi Hierarkies c. Non Linier
Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya.
Sumber: (Binanto, 2010)
Gambar 3. Struktur Navigasi Non Linear
d. Composite (Campuran)
Pengguna akan melakukan navigasi dengan bebas (secara non-linear), tetapi terkadang dibatasi presentasi linear film atau informasi penting dan atau pada data yang paling terorganisir secara logis pada suatu hierarki.
Sumber: (Binanto, 2010)
Gambar 4. Struktur Navigasi
Composite
A. Metode Pengembangan Perangkat Lunak
Metode yang digunakan dalam pengembangan perangkat lunak adalah Model SDLC (Software Development Life
Cycle) air terjun (Waterfall) sering juga di
sebut model sekuensi linier (Sequential liniar) atau alur hidup klasik (classic life cycle). Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara sekuensial
atau terurut dimulai dari analisis, desain, pengkodean, pengujian, dan tahap pendukung (support). Berikut adalah gambar model air terjun (Rosa & Shalahudin, 2013):
Sistem / Rekayasa Informasi
Analisis Desain Pengkodean Pengujian
Sumber : (Rosa & Shalahudin, 2013) Gambar 5. Ilustrasi waterfall
1. Analisis kebutuhan
Pada Proses pengumpulan kebutuhan meliputi proses pengolahan data user, pengolahan data produk, data transaksi penjualan, akses website berdasarkan level user.
2. Desain
Merancang sistem dengan hubungan antar entitas yang ada dalam sistem dijabarkan dalam Data Flow Diagram dan juga Entity Relationship Diagram. Rancangan database dari sistem usulan, peneliti gambarkan dalam bentuk Logical Record Structure dan Struktur Navigasi antar pengguna.
3. Pembuatan Kode Program
Pembuatan kode program dengan memanfaatkan software dreamweaver CS6 dan basis data MySql.
B. Teknik Pengumpulan Data
Untuk mendapatkan data dan informasi yang dapat menunjang dalam penelitian ini memiliki beberapa teknik yaitu:
1. Observasi
Melakukan observasi langsung untuk pengumpulan data yang diperlukan dalam pembuatan website toko AON2 sport 2. Wawancara
Melakukan pengumpulan data dengan metode wawancara langsung kepada pihak terkait dalam hal ini owner ( pemilik toko ) untuk bertanya lebih terperinci kembali tentang toko AON2 sport (spesifikasi & harga produk )
3. Studi Pustaka
Untuk mendukung penelitian ini peneliti juga melakukan studi kepustakaan untuk mencari data-data yang diperlukan untuk pembuatan web toko AON2 sport dari berbagai sumber buku.
3. Pembahasan Analisa & Perancangan A. Analisa Web
Saat ini memasang situs di internet adalah cara promosi yang efektif dan efisien. Sehingga seseorang atau perusahaan ingin memberikan informasi kepada masyarakat dengan media internet, karena manfaat yang dihasilkan dan informasi akan lebih cepat diterima oleh masyarakat.
Tampilan web yang baik juga sangat menentukan jumlah pengunjung. Oleh karena itu ada baiknya bila kita membuat tampilan web yang dikemas dengan tampilan yang unik dan menarik tanpa mengurangi rasa nyaman pengguna terhadap web atau situs yang sedang dijelajahi.
B. Tinjauan Kasus
Saat ini kegiatan pemasaran toko AON2 Sports masih sebatas aplikasi pada smartphone seperti blackberry messenger, whatsapp & facebook. Sehingga informasi detail spesifikasi serta harga barang tersebut belum dapat diketahui langsung oleh para konsumen Masalah utama yang dihadapi yaitu mengenai sangat minimnya informasi kepada para konsumen mengenai spesifikasi serta harga barang pada toko AON2 SPORTS sehingga konsumen tidak dapat tahu langsung spesifikasi & harga barang yang diminati & untuk mengetahuinya konsumen harus datang langsung ke toko Melihat masalah tersebut di atas, maka peneliti mencoba membantu memecahkan permasalahan yang ada dengan membangun sebuah sistem informasi berbasis website untuk memudahkan konsumen mengetahui spesifikasi serta harga barang-barang yang diminati.
C. Entity Relationship Diagram (ERD)
Category Product Berita Admin Vendor CategoryID CategoryName Id_berita Judul_berita Isi_berita Keterangan UserID UserName AccessLevel VendorID VendorName ProdID ProdName ProdPrice ProdDesc ProdInventory Mengolah Memiliki Mengolah Mengolah M M M M 1 1 1 1 UserID UserID UserID CategoryID Sumber: Peneliti
Gambar 2. ERD Sistem Informasi Penjualan Online Toko AON2 Sports
D. Logical Record Structure (LRS)
TableCategory PK categoryID categoryName TableProduct PK prodID prodName prodPrice prodDesc prodInventory FK2 categoryID imagepath FK1 userID TableVendor PK vendorID vendorName FK1 userID TableAdmin PK userID userName password accessLevel TableBerita PK id_berita Judul_berita isi_berita keterangan FK1 userID Sumber : Peneliti
Gambar 3. LRS Sistem Informasi Penjualan Online Toko AON2 Sports E. Rancangan Tampilan
1. Rancangan Tampilan Halaman Home Tampilan home merupakan tampilan utama website dan juga merupakan tampilan pembuka website dari toko AON2 SPORTS, Tampilan ini dapat dilihat pada setiap level user. Rancangan tampilan home dapat di lihat pada gambar sebagai berikut:
Sumber: Peneliti
Gambar 6. Rancangan Tampilan Halaman Home
2. Rancangan Tampilan Halaman Login Tampilan halaman login difungsikan sebagai media akses user untuk masuk ke dalam sistem website. Baik sebagai pengguna maupun sebagain admin
Sumber: Peneliti
Gambar 7. Rancangan Tampilan Halaman Login
3. Rancangan Tampilan Halaman Admin Halaman Admin diakses oleh user admin untuk melakukan pengolahan data pada website Toko AON2 SPORTS
Sumber: Peneliti
Gambar 8. Rancangan Tampilan Halaman Admin
F. Struktur Navigasi
1. Struktur Navigasi Halaman Home
Sumber: Peneliti
Gambar 4. Struktur Navigasi Halaman Home
2. Struktur Navigasi Halaman Admin
Sumber: Peneliti
Gambar 5. Struktur Navigasi Halaman Admin
4. Simpulan
Dari hasil penelitian yang di lakukan pada Toko AON2 SPORTS dapat diambil beberapa kesimpulan yaitu:
1. Dengan adanya website ini maka informasi yang akurat, cepat dan efisien mudah disampaikan kepada konsumen karena dapat diakses oleh siapapun dan kapanpun tanpa harus datang langsung ketempat yang dituju.
2. Informasi tentang produk yang terdapat pada toko AON2 SPORTS yang up-to-date dapt memberikan kepuasan kepada para konsumen atau pengunjung website tersebut. Referensi
Ananda, S. (2009). Buku pintar menguasai
internet. Jakarta: Mediakita.
Binanto, I. (2010). Multimedia Digital Dasar
Teori dan Pengembangannya.
Yogyakarta: CV. Andi Offset.
Ho
Pro
Abo
Con
Ne
Jak
Jers
Swe
Tas
Sen
Ladjamudin, A. B. (2006). Rekayasa
Perangkat Lunak. Yogyakarta: Graha
Ilmu.
Prasetio, A. (2012). Buku Pintar
Pemrograman Web. Jakarta:
Mediakita.
Rosa, A., & Shalahudin, M. (2013). Rekayasa Perangkat Lunak Terstruktur dan
Berorientasi Objek. Bandung:
Informatika.
Soekarno, M. (2006). Membangun Website Dinamis Interaktif dengan
PHP-MYSQL (Windows & Linux). Jakarta:
Eska Media.
Sutabri, T. (2012). Analisis Sistem Informasi.
Yogyakarta: Andi.
Yuhefizar. (2008). 10 Jam Menguasai Internet Teknologi dan Aplikasinya.
