PERANCANGAN DAN IMPLEMENTASI WEBSITE PENJUALAN
TOKO OLAHRAGA MILANETO SPORTS
BANJARNEGARA
NASKAH PUBLIKASI
diajukan oleh
Faiszhal Rasyiid K
15.22.1680
kepada
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM YOGYAKARTA
YOGYAKARTA
2016
1
PERANCANGAN DAN IMPLEMENTASI WEBSITE PENJUALAN
TOKO OLAHRAGA MILANETO SPORTS
BANJARNEGARA
Faiszhal Rasyiid K
1), Sudarmawan
2),
1) Sistem Informasi STMIK AMIKOM Yogyakarta 2)Teknik Informatika STMIK AMIKOM Yogyakarta
Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 Email : faiszhal.k@students.amikom.ac.id1), sudarmawan@amikom.ac.id2)
Abstract - The technological developments
that rapidly in this era of globalization, such as the development of information and communication technologies provide such a huge impact on the development of the community who are in need of a means that can facilitate their activities in the conduct of a business. Of course all of that is also inseparable from the life of the community that is currently very closely linked with the internet, because with the internet people-people become easily linked in a global network.
Millaneto Sports shop is a sports shop that provides a variety of sports tools. Until recently, the Millaneto Sports Shops has yet to use the internet as a marketing . The existing system is still manually, buyers to come into the store and Transact a purchase in the store. Millaneto Sports Shops website is created to develop efforts to make it more widely known, so that it can meet the needs of consumers in terms of product information and make it easier buyers booking products without having to come to the store.
This website is made with expected to facilitate Millaneto Sports Shop in marketing while ordering a product that would help Parties Millaneto Sports to market the products sell through the internet, without limitation of time and space.
Keywords- Website, information systems, PHP,
Internet, OOP, CodeIgniter, ecommerce. 1. Pendahuluan
1.1 Latar Belakang
Di dalam dunia bisnis, teknologi internet dimanfaatkan sebagai media untuk mempromosikan produk, mengembangkan usaha, dan jual beli online. Mengingat masyarakat yang terus mengikuti kemajuan jaman, efektifitas, dan efisiensi waktu menjadi alasan perusahaan menggunakan internet, dengan metode website sebagai strategi mempromosikan segala informasi yang berkaitan dengan perusahaan, termasuk produk serta memberikan kemudahan dalam bertransaksi dengan jarak yang jauh antara perusahaan dan konsumen. Toko Millaneto Sports merupakan sebuah toko yang bergerak pada bidang penjualan perlengkapan olahraga, sampai saat ini toko ini masih menggunakan penjualan secara manual yaitu pembeli harus datang ke toko untuk membeli produk. Hal ini yang menjadi alasan
untuk membuat sebuah website dinamis yang bisa diakses oleh masyarakat luas, dan menjadikan website Toko Millaneto Sports sebagai media penjualan yang berkaitan dengan perlengkapan olahraga serta informasi tentang Toko Millaneto Sports dan juga sebagai media bertransaksi dengan konsumen tanpa harus datang ke toko.
Melihat keunggulan serta peluang pemanfaatan penjualan melalui website dengan sarana internet, penulis berupaya merancang suatu website sebagai media penjualan, diharapkan nantinya akan mendatangkan keuntungan lebih. Selain bertambah keuntungan penghasilan yang diperoleh, produk Millaneto Sports bisa lebih dikenal di kalangan masyarakat luas.
1.2 Rumusan Masalah
“Bagaimana cara membuat game Pool Match berbasis Android menggunakan GameMaker Studio?”
1.3 Batasan Masalah
Berdasarkan dari latar belakang yang telah diuraikan di atas, maka masalah pokok yang dibahas dalam adalah :
Bagaimana merancang sebuah web sebagai media penjualan di Toko Millaneto Sports.
1.4 Maksud dan Tujuan Penelitian
Adapun tujuan yang ingin dicapai dari penelitian ini adalah :
1. Merancang website sebagai media penjualan secara online pada Toko Millaneto Sports melalui perangkat komputer maupun mobile yang dapat menampilkan detail produk, harga produk, pemesanan, ongkos kirim, harga total pemesanan dan konfirmasi pembayaran para calon pelanggan dalam melakukan transaksi pemesanan produk.
2. Untuk memenuhi syarat kelulusan untuk menjadi sarjana komputer pada jurusan Sistem Informasi STMIK AMIKOM Yogyakarta.
1.5 Metode Penelitian
1. Metode Pengumpulan Data 2. Metode Studi Pustaka
3. Metode Wawancara 4. Metode Analisis 5. Metode Perancangan 6. Metode Implementasi 2. Landasan Teori 2.1 Tinjauan Pustaka
Tinjauan pustaka merupakan refrensi dari karya-karya yang telah dipublikasikan sebelumnya, baik berupa buku, majalah, jurnal elektronik, skripsi, tesis dan tugas akhir.
Pada bagian tinjauan pustaka ini penulis akan mencari perbedaan dan kesamaan penelitian dari Abdul Wadud Hilmi (2015), dengan judul ”Perancangan Sistem Informasi Penjualan Berbasis Website pada Toko Ummi”. [1]
Nicco Prakoso (2014), dengan judul “Perancangan Sistem Informasi Penjualan Toko Online Adriano MX Shop Purworejo Berbasis Website Dengan Codeigniter dan Bootstrap”. [2]
Try Adi (2015) dengan judul “Perancangan Situs Web Toko Online B2C (Business to Consumer) Menggunakan Konsep RWD (Responsive Web Design)”.[3]
2.2 Pengertian Internet
Internet (Inter-Network) adalah sebutan untuk sekumpulan jaringan komputer yang menghubungkan situs akademik, pemerintahan, komersial, organisasi, maupun perorangan. Internet menyediakan akses untuk layanan telekomunikasi dan sumber daya informasi untuk jutaan pemakainya yang tersebar di seluruh dunia.[4]
2.3 World Wide Web (WWW)
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 diakses melalui sebuah browser.[5]
2.4 Konsep Dasar Analisis Sistem
1. Definisi Analisis Sistem 2. Analisis PIECES
3. Analisis kebutuhan Sistem 4. Analisis kelayakan Sistem. [6]
2.5 Konsep Pemodelan Sistem
UML (Unifed Modeling Languange) adalah seperangkat aturan dan notasi untuk spesifikasi sistem perangkat lunak, dikelola dan dibuat oleh Object Management Group.[7]
2.6 Pengertian E-Commerce
E-Commerce merupakan satu set dinamis teknologi, aplikasi, dan proses bisnis yang menghubungkan perusahaan, konsumen, dan komunitas tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan, dan informasi yang dilakukan secara elektronik.[8]
2.6 Software Pengembang aplikasi
1. CodeIgniter
CodeIgniter adalah aplikasi open source berupa framework berupa model MVC (Model, View, Controller) untuk membangun website dinamis menggunakan PHP.[9]
2. XAMPP
XAMPP Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.[10] 3. Bootstrap
Bootstrap adalah framework ataupun tools untuk membuat aplikasi web ataupun website yang bersifat responsive secara cepat, mudah dan gratis.[11]
4. Sublime Text
Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat berjalan diberbagai platform operating system dengan menggunakan teknologi Phyton API.[12] 5. Corel Draw
CorelDraw yaitu sebuah editor grafis vektor, Corel Graphics Suite , yang tergabung dengan CorelDraw degan editor gambar bitmap, Corel Photo-Paint, dan juga program grafis lainnya yang mana mereka saling berhubungan.[13] 6. Google Chrome
Google Chrome adalah sebuah peramban web sumber terbuka yang dikembangkan oleh Google.[14]
3 Analisis Dan Perancangan 3.1 Tinjauan Umum
3.1.1 Alur Kerja Penjualan Toko Milaneto sports
Terdapat alur kerja yang menggambarkan proses penjualan yang ada di toko Milaneto Sports.
3.1.2 CRUD Analisis
Terdapat proses data dan aktivitas data yang terlibat di dalam proses kerja di toko Milaneto Sports.
3
3.2.1 Analisis PIECES
Terdapat identifikasi analisis (Performance, Information, Economy, Control, Efficiency, Service) yang digunakan sebagai mengetahui masalah dan digunakan untuk mencari solusi yang ada atau untuk mencari peluang.
3.3 Analisis Kebutuhan Sistem
1. Kebutuhan Fungsional 2. Kebutuhan Non Fungsional 3. Analisis Kebutuhan Biaya
3.4 Analisis Kelayakan Sistem
3.4.1 Kelayakan ekonomi
Metode kuantitatif yang dapat digunakan adalah :
1. Analisis Payback (Payback Period) 2. Analisis Net Present Value 3. Return On Invesment (ROI)
3.5 Perancangan Sistem
3.5.1 UML (Unified Modelling Languange)
Dalam merancang proses digunakan Unified Modelling Languange (UML) yang merupakan bahasa standar untuk melakukan spesifikasi visualisasi, konstruksi dan dokumentasi dari komponen-komponen perangkat lunak (software), dan digunakan untuk pemodelan bisnis. UML terdiri atas kelompok diagram sistem antara lain : Use Case Diagram, Class diagram, Activity Diagram dan Sequence Diagram.
3.5.2 Perancangan Interface atau Antar Muka Gambar 3.14 Rancangan Admin Dashboard
Gambar 3.15 Rancangan Halaman Kelola Produk
Gambar 3.20 Halaman Keranjang Order Detail Produk
4. Implementasi dan Pembahasan
Gambar 4.1 Screenshot Listing program form admin dan inputan login
Gambar 4.3 Screenshot Pengujian Admin Dashboard
Gambar 4.4 Halaman admin kelola produk
Gambar 4.25 Listing Program Detail Produk Gambar 4.26 Tampilan Detail Produk
5. Kesimpulan 5.1 Kesimpulan
Berdasarkan pembahasan yang ada pada halaman sebelumnya dengan adanya penelitian pada Milaneto Sports Banjarnegara, dalam rangka penyusunan skripsi dengan judul “Perancangan dan Implementasi Website Penjualan Toko Olahraga Milaneto Sports Banjarnegara”, maka dapat diambil beberapa kesimpulan berikut :
1. Pada case admin sudah bisa melakukan login halaman dashboard admin, kelola laporan, kelola produk dan kelola invoices.
2. Pada case admin, semua document yang membutuhkan file cetak sudah bisa melakukan cetak seperti yang diingikan.
3. Pada case konsumen/pembeli, sudah bisa melakukan proses order yang di dalamnya terdapat proses tampil detail produk, cart/keranjang beli, login/registrasi, cek ongkos kirim, shoping history dan konfirmasi pembayaran.
5.2 Saran
1. Pada case admin class detail produk belum bisa menampilkan perhitungan diskon jika produk tersebut terdapat diskon. Diharapkan dalam pengembangan nantinya bisa menampilkan perhitungan diskon pada detail produk yang terdapat diskon.
2. Pada case pembeli class order metode pembayaran masih menggunakan satu metode yaitu transfer via bank. Diharapkan nantinya dapat dikembangkan dengan beberapa pilihan metode pembayaran.
3. Website belum bisa menampilkan testimoni pembeli tentang produk yang dibeli.
4. Pada detail produk masih memerlukan penambahan gambar produk dan penambahan zooming pada gambar produk untuk melihat jelas produk secara dekat.
Daftar Pustaka
[1] Hilmi, Abdul Wadud, Perancangan Sistem Informasi Penjualan Berbasis Website pada Toko Ummi. Penerbit STMIK Amikom Yogyakarta. 2015.
[2] Prakoso, Nicco, Perancangan Sistem Informasi Penjualan Toko Online Adriano MX Shop Purworejo Berbasis Website Dengan Codeigniter dan Bootstrap,. Penerbit STMIK Amikom Yogyakarta. 2014.
[3] Adi, Try, Perancangan Situs Web Toko Online B2C (Business to Consumer) Menggunakan Konsep RWD (Responsive Web Design). Penerbit STMIK Amikom Yogyakarta. 2015.
[4] Agency, Beranda. Menggali Harta Karun Internet, Jakarta, Penerbit Elekmedia Komputindo. 2010.
[5] Yuhefizar, Menguasai Materi Internet : Teknologi dan Aplikasinya. Jakarta: Elex Media Komputindo, 2008 hal 159.
[6] Al Fatta, Hanif, Analisis & Perancangan Sistem Informasi, Penerbit Andi Yogyakarta. 2007.
[7] Taufiq. Emha. Materi1 Rekayasa Perangkat Lunak 2012.
[8] Onno W. Purbo dan Aang Arif Wahyudi. Mengenal E-Commerce, Penerbit Elex Media Komputindo Jakarta. 2001.
[9] Edison Tarigan, Daud, Membangun SMS GATEWAY berbasis web dengan codeigniter, Penerbit Lokomedia Yogyakarta. 2013.
[10] Hidayatullah Priyanto, Jauhari Khairul Kawistara.
Pemrograman Web
(HTML/CSS/JavaScript/PowerDesigner/XAMPP/PHP/C odelgniter/Jquery), Penerbit Informatika. 2015.
[11] Alatas Husein, Responsive Web Design dengan PHP & Bootstrap, Penerbit Loko Media. 2013.
[12] http://www.jurnalweb.com/33-paket-sublime-text-untuk-mempermudah-pembuatan-web/, diakses pada tanggal 17 september 2016, pukul 20.10 WIB.
[13] Hemdrataman Hendi, The Magic of Corel Draw, Penerbit Informatika. 2014.
[14] Enterprise, Jabilee. Trik Cepat Menguasai Google Chrome, Elek Media Komputindo Jakarta. 2009.
5
Biodata Penulis
Faiszhal rasyiid K, memperoleh gelar Ahli Madya
Komputer (Amd.Kom), jurusan Manajemen Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2015, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Sistem Informasi STMIK AMIKOM Yogyakarta, lulus tahun 2016.
Sudarmawan, memperoleh gelar Sarjana Teknik (ST),
Jurusan Teknik Elektro Universitas Gajah Mada Yogyakarta tahun 1998, memperoleh gelar Program Pasca Sarjana Magister Teknik Elektro (MT) Fakultas Teknologi Elektro Universitas Gajah Mada Yogyakarta tahun 2006. Saat ini menjadi Dosen di STMIK AMIKOM Yogyakarta, pada Program Studi D3-Teknik Informatika, D3-Manajemen Informatika, S1-Teknik Informatika, dan Magister Teknik Informatika.
