PERANCANGAN WEB UNTUK PENJUALAN MAKANAN
KHAS DAERAH CEPU DI TOKO “BANDJIR JAYA”
NASKAH PUBLIKASI
diajukan oleh
Guisti Linggar Farnanda
08.12.2762
kepada
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM YOGYAKARTA
YOGYAKARTA
2014
3
WEB DESIGNING FOR LOCAL ORIGINALLY FOOD SALES OF CEPU AT “BANDJIR JAYA” STORE
PERANCANGAN WEB UNTUK PENJUALAN MAKANAN KHAS DAERAH CEPU DI TOKO “BANDJIR JAYA”
Guisti Linggar Farnanda Krisnawati Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA
ABSTRACT
The online store is a form of e-commerce where consumers directly buy goods or services from a seller over the Internet without an intermediary. Buyers can see the goods and services being promoted in the online store. This kind of sale system now has grown rapidly over the development of the Internet is increasingly widespread. Use of online stores has spurred innovations in inventory management, supply of goods, marketing, transaction processing, and data collection systems. Today the trend of online media shop done through blogs, sales websites, and social networking .
Of the few reviews above the idea arose to create and promote Bandjir Jaya Online Store Local Foods in Cepu that are expected to augment and facilitate the sale of the store.
In this paper, the authors will try to analyze the main points of the discussion are then applied into a site. Thus will facilitate between the seller and the buyer to make the process of buying and selling goods online.
4
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah
Dewasa ini Internet bukan merupakan hal yang asing pada masyarakat umum. Mungkin sebagian dari anda tidak tahu arti dari internet itu sendiri. Lalu apa arti dari Internet? Internet adalah kumpulan secara global dari orang – orang dan jaringan komputer besar / kecil, dimana semuanya tersambung oleh ribuan kilometer kabel dan line telepon maupun nirkabel yang semuanya dapat saling berkomunikasi.
Banyak para pengusaha dagang atau perusahaan – perusahaan maju dunia baik dalam maupun luar negeri memasarkan produknya menggunakan jasa internet, baik hanya untuk iklan maupun langsung melakukan transaksi secara online. Namun masih ada juga yang b elum berani mencoba jasa Internet untuk menawarkan produknya. Salah satunya adalah Toko “Bandjir Jaya” yang bergerak di bidang penjualan oleh – oleh ataumakanan khas daerah Cepu. Toko “Bandjir Jaya” beralamat di jalan Pemuda Lorong VIII No. 25 Kec. Cepu, Kab. Blora – Jawa Tengah.
Toko “Bandjir Jaya” masih menggunakan transaksi secara langsung dan pemasaran lewat iklan daerah setempat yaitu menggunakan radio dan media cetak lokal. Sedangkan untuk pemesanan dapat dilakukan melalui pesawat telepon maupun secara langsung.
Oleh karena itu, untuk menambah popularitas dan keuntungan usaha dagang oleh-oleh ini, penulis mencoba menawarkan perancangan website untuk penjualan oleh–oleh atau makanan khas daerah cepu khususnya pada Toko “Bandjir Jaya”.
1.2 Rumusan Masalah
Berdasarkan dari latar belakang tersebut di atas, maka yang menjadi pokok permasalahannya adalah bagaimana merancang sebuah website untuk penjualan Oleh – oleh / Makanan Khas Daerah Cepu khususnya pada Toko “Bandjir Jaya” ?
1.3 Batasan Masalah
1) Output data berupa sebuah website yang bertemakan penjualan makanan khas daerah Cepu untuk Toko “Bandjir Jaya”
5
2) Perancangan Web menggunakan bahasa pemrograman HTML, CSS, Java Script, dan SQL saja.
3) Software yang digunakan untuk merancang website ini adalah Macromedia Dreamweaver 8 dan XAMPP (Apache dan My SQL)
1.4 Tujuan Penelitian
1) Memenuhi prasyarat kelulusan bagi jenjang S1 di Sekolah Tinggi Manajemen Informatika dan Komputer “AMIKOM” Yogyakarta. 2) Merancang dan menerapkan website ini kepada Toko “Bandjir Jaya”
1.5 Manfaat Penelitian
Bagi Penulis :
1) Membuka wawasan pengetahuan baru sesuai dengan bidang teknologi Internet.
2) Menerapkan ilmu dan teori yang diperoleh selama mengikuti pendidikan ke dalam aplikasi nyata.
3) Memperdalam dan mengasah kemampuan penulis dalam hal programming yang berhubungan dengan website.
Bagi Perusahaan :
1) Membantu dalam menawarkan barang secara online 24 jam nonstop. 2) Mendongkrak popularitas perusahaan.
3) Dapat menghemat biaya iklan / pemasaran.
1.6 Metodologi Penelitian
Sebagai usaha untuk memperoleh data yang benar dan terarah sesuai masalah yang dihadapi, maka perlu adanya suatu metode yang tepat untuk mencapai tujuan dan manfaat dalam penelitian. Agar data yang diperoleh menjadi akurat maka penyusun menggunakan metode – metode pengumpulan data, yaitu :
1) Observasi, yaitu metode pengumpulan data yang di lakukan dengan cara mengadakan pengamatan langsung terhadap seluruh kegiatan dengan cermat dan sistematik.
2) Wawancara, yaitu metode pengumpulan data dengan cara berkomunikasi langsung dengan Pemilik Toko “Bandjir Jaya”.
3) Kearsipan, yaitu pengumpulan data berdasarkan dokumen-dokumen yang telah ada untuk dilakukan analisa.
6
4) Kepustakaan, yaitu metode pengumpulan data dengan cara mempelajari literatur – literatur yang berhubungan dengan masalah yang akan diteliti.
1.7 Sistematika Penelitian
Dalam penulisan laporan skripsi ini menggunakan sistematika penulisan sebagai berikut :
BAB I PENDAHULUAN
Bab ini merupakan pengantar dari pokok permasalahan yang dibahas dalam skripsi ini, meliputi :
1) Latar Belakang Masalah 2) Rumusan Masalah 3) Batasan Masalah 4) Tujuan Penelitian 5) Manfaat Penelitian
6) Metode Pengumpulan Data dan, 7) Sistematika Penulisan
BAB II LANDASAN TEORI
Pada bab ini akan diuraikan mengenai penjelasan internet secara umum dan perangkat lunak yang digunakan.
BAB III ANALISIS DAN PERANCANGAN SISTEM
Pada bab ini akan diuraikan tentang rancangan sistem secara umum mulai dari rancangan model sampai rancangan database serta relasi antar tabel sampai dengan rancangan input dan output.
BAB IV IMPLEMENTASI SISTEM
Pada bab ini akan diuraikan tentang penjelasan website yang dibuat yang berisi rencana implementasi, pembahasan dan manual program.
BAB V PENUTUP
Pada bab ini akan diuraikan kesimpulan dan saran-saran yang ditujukan bagi pengguna maupun penulis.
DAFTAR PUSTAKA
Bagian ini memuat keterangan dari buku – buku dan literatur lain yang menjadi acuan dalam penyusunan skripsi ini.
7
BAB II LANDASAN TEORI
2.1 Konsep Dasar Sistem 2.1.1 Pengertian Sistem
Sistem adalah suatu himpunan dari unsur – unsur atau variabel yang saling terorganisasi, saling berinteraksi, dan saling bergantung satu sama lain.1
Murdick dan Ross mendifinisikan sistem sebagai seperangkat elemen yang digabungkan menjadi satu dengan yang lainnya untuk satu tujuan bersama.2
2.1.2 Karakteristik Sistem
1) Komponen – komponen (components)
Suatu sistem yang ada terdiri dari sejumlah komponen yang saling berinteraksi atau saling bekerja sama dan membentuk satu kesatuan. Komponen sistem atau elemen sistem dapat berupa sub-sistem atau bagiandari sistem. Sub-sistem mempunyai sifat – sifat dari sistem untuk menjalankan fungsi – fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan.
2) Lingkungan Luar Sistem (environtments)
Merupakan semua hal diluar batas sistem yang mempunyai operasi sistem. Lingkungan luar yang menguntungkan merupakan energi dari sistem yang harus tetap dijaga dan dipelihara keberadaanya. Sedangkan yang merugikan harus mampu untuk ditahan dan dikendalikan, jika tidak maka akan mengganggu kelangsungan hidup luar sistem.
3) Penghubung Sistem (interface)
Penghubung sistem atau interface merupakan media penghubung antara satu sistem dengan sistem lainnya. Keluaran dari sub-sistem akan menjadi masukan untuk sub-sub-sistem yang lainnya melalui penghubung sistem. Dengan ini maka akan membentuk satu kesatuan sistem.
1
Hanif Al Fatta, Analisis dan Perancangan Sistem Informasi, Hal 3
2
8
4) Masukan (input)Masukkan atau input merupakan energi yang dimasukkan kedalam sistem. Masukan dapat berupa perawatan dan signal. Masukan perawatan adalah energi yang dimasukkan supaya sistem dapat beroperasi. Masukan signal adalah energi yang diproses untuk didapatan keluaran.
5) Keluaran Sistem (output)
Keluaran sistem atau sering disebut output merupakan hasil dari energi yang diolah dan diklarifikasikan menjadi keluaran yang berguna dan menjadi pembuangan. Keluaran dapat berupa masukan untuk sub -sistem yang lain.
6) Pengolahan Sistem (proses)
Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran. Suatu sistem produksi akan mengolah masukan berupa bahan baku dan bahan – bahan yang lain menjadi keluaran berupa barang jadi. Sistem akan mengolah data – data transaksi menjadi laporan – laporan yang lain yang dibutuhkan oleh manajemen.
7) Sasaran (objectives) atau Tujuan (goal)
Suatu sistem harus memiliki sasaran dan tujuan untuk menjadi sistem operasi yang berguna. Sasaran dari sistem sangat menentukan bagi masukan dan keluaran sistem.
2.2 Konsep Dasar Informasi 2.2.1 Pengertian Informasi
Menurut Laudon dan Laudon, informasi adalah data yang telah dibuat ke dalam bentuk yang memiliki arti dan berguna bagi manusia.3
Menurut O’Brien dan Marakas, informasi adalah data yang teah diubah menjadi konteks yang berarti dan berguna bagi para pemakai akhir tertentu.4
3 Kenneth C Laudon & Jane P. Laudon, Sistem Informasi Manajemen : Pengelolaan Perusahaan
Digital, Penerbit : Salemba Empat, 2008, Hal 6
4
James O’Brien & George Marakas, Introduction to Information Systems, Penerbit : McGraw-Hill Companies, 2009, Hal 15
9
Sedangkan menurut Stair dan Reynold mendefinisikan informasi sebagai kumpulan fakta yang terorganisir sehingga mereka m emiliki nilai tambahan selain nilai fakta individu.5
2.2.2 Kualitas Informasi
Kualitas Informasi merupakan hal yang sangat penting. Ada beberapa faktor yang menentukan kualitas dari informasi itu sendiri, yaitu : Akurat, Tepat Waktu dan Relevan.
2.3 Bahasa Pemrograman
2.3.1 HyperText Markup Languague (HTML)
HyperText Markup Languague (HTML), adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web.
2.3.2 PHP (Hypertext Preprocessor)
PHP (Hypertext Preprocessor), adalah bahasa pemrograman dinamis yang dapat ditanamkan atau disisipkan ke dalam HTML.
2.3.3 Database (Basis Data)
Database (Basis Data), adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut.
2.4 Software yang Digunakan
1) XAMPP, berguna sebagai virtualisasi sebuah jaringan internet secara offline.
2) Macromedia Dreamweaver 8adalah sebuah software editor html profesional yang digunakan untuk mendesain sebuah halaman situs secara visual maupun menggunakan kode – kode tertentu.
3) Web Browseradalah suatu alat yang berfungsi untuk menjelajahi dunia internet.
4) Adobe Photoshop CS 5merupakan perangkat lunak yang digunakan untuk pengolahan gambar bahkan pembuatan gambar yang mudah digunakan dan sagat handal dalam pengoperasiannya.
5
Ralph M. Stair & George W. Reynolds, Principles of Information Systems Penerbit : Cengage Learning, 2012, Hal 8
10
BAB III
ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem
Analisis sistem adalah teknik pemecahan masaslah yang menguraikan bagian – bagian komponen dengan mempelajari seberapa bagus komponen tersebut bekerja dan berinteraksiuntuk mencapai tujuan mereka.6
Berikut analisis sistem penjualan yang dilakukan oleh Toko Oleh – Oleh Bandjir Jaya :
1. Metode Sistem Penjualan konvensional yaitu pembeli harus datang ke toko untuk melakukan transaksi.
2. Media informasi dan promosi utama hanya berupa iklan di radio – radio lokal.
3.2 Identifikasi Masalah
Mengidentifikasi masalah merupakan langkah awal yang dilakukan dalam tahapan analisis. Masalah dapat didefinisikan sebagai suatu pernyataan yang diinginkan untuk dapat dipecahkan.
Permasalahanyang terjadi pada Toko Oleh – Oleh dan Makanan Khas Bandjir Jaya antara lain :
1. Hanya menggunakan media radio lokal setempat dan dari mulut ke mulut sebagai media untuk memberi informasi produk.
2. Media transaksi lewat pesawat telepon dan penjualan secara langsung. 3. Jangkauan penjualan produk cukup terbatas, hanya dalam lingkup
kabupaten Blora.
3.2.1 Analisis SWOT
Analisis Kondisi Toko “Bandjir Jaya” Saat Ini Kekuatan
(Strength)
Memiliki produk penjualan yang cukup banyak dan sudah menggunakan radio sebagai media untuk berpromosi.
Kelemahan (Weakness)
Melayani penjualan secara langsung dan melalui via telepon bagi wilayah sekitar Cepu.
6
11
Peluang (Oportunity)
Sudah cukup banyak pembeli mulai dari kalangan daerah sekitar dan juga para turis domestik.
Ancaman (Threats)
Adanya penumpukan produk yang terlalu lama yang mengakibatkan produk kadaluwarsa sebelum terjual.
3.2.2 Kebutuhan Fungsional
1) Sistem secara otomatis dapat membedakan antara owner sebagai pemilik dengan administrator dan pengguna.
2) Owner memilik hak untuk menambah dan menghapus data administrator serta akses sepenuhnya terhadap produk.
3) Admin memiliki hak akses sepenuhnya dalam menambah, menghapus dan menyunting produk.
4) Pengguna memiliki hak untuk menambah pesanan dan menerima semua informasi produk yang disajikan
3.2.3 Kebutuhan Non Fungsional 1. Brainware
Developer, developer harus mampu memahami, membuat dan mengaplikasikan bahasa pemrograman PHP, MYSQL Database, Javascript, HTML, dan CSS.
User, pengguna dalam hal ini adalah calon administrator dari pihak internal toko Bandjir Jaya yang diharapkan untuk mampu mengoperasikan sistem secara mandiri.
2. Hardware (Perangkat Keras)
Perangkat Keras Spesifikasi Minimum
Kecepatan Processor 1 GHz Kapasitas Harddisk 32 Gb
Kecepatan RAM 500 Mb DDR 1 Resolusi Monitor 1024 x 768
Model Keyboard Standar 101/102 Keyboard PS2 Model Mouse Optical Mouse PS2 Std
3. Software (Perangkat Lunak)
Perangkat lunak yang dimaksud adalah sistem operasi komputer, web browser, virtual layanan intranet dan SQL database serta perangkat lunak yang berfungsi untuk membuat, menyunting dan mengolah situs.
12
3.3 Analisis Kelayakan Sistem 3.3.1 Kelayakan Teknologi
Perangkat keras dan lunak untuk mengakses aplikasi web sudah banyak tersedia di pasaran dan telah banyak pihak yang sudah menggunakannya. Oleh karena itu, dapat dikatakan bahwa sistem baru yang diusulkan ini layak dari segi teknologi.
3.3.2 Kelayakan Hukum
Kelayakan hukum yang dimaksud adalah untuk mengetahui apakah website yang akan diterapkan akan melanggar hukum atau tidak.
3.3.3 Kelayakan Operasional
Agar bisa dikatakan layak secara operasional, situs harus dapat menyelesaikan masalah yang ada di sisi pengguna dan mampu memberikan informasi yang tepat untuk konsumen, pengunjung dan admin.
3.3.4 Kelayakan Ekonomi
Pengembangan suatu sistem informasi merupakan suatu inventasi yang nantinya akan diharapkan untuk memperoleh manfaat yang besar. Oleh karena itu, perlu dilakukan pengujian kelayakan dalam segi ekonomi dengan teknik analisis biaya dan manfaat.
3.4 Perancangan Sistem 3.4.1 Flowchart
3.4.2 Data Flow Diagram (DFD) 3.4.2.1 Diagram Konteks
13
3.4.2.2 DFD Level 0
14
3.6 PerancanganERD
3.7 Perancangan Menu
3.7.1 Rancangan Menu Administrator
15
3.8 Perancangan Interface
3.8.1 Desain Interface Administrator
16
BAB IV
IMPLEMENTASI SISTEM
4.1 Implementasi Basis Data
Tahapan implementasi dilakukan dengan menerapkan hasil rancangan pada bagian sebelumnya dengan pembuatan kode sumber (source code) agar dapat dijalankan oleh komputer. Database untuk situs ini bernama “db_bandjirjaya” terdiri dari 5 tabel dan dibuat dengan PhpMyAdmin, yaitu : bj_admin, bj_pembeli, bj_pesanan, bj_produk, detail_pesanan.
4.2 Implementasi Program
Tujuan implementasi sistem adalah untuk menyiapkan semua kegiatan penerapan sistem sesuai dengan rancangan yang telah ditentukan. Di dalam situs Bandjir Jaya terdapat 2 halaman berbeda yang ditujukan
4.2.1 Halaman Pengguna
Melalui halaman pengguna, pengunjung dapat melihat link dan konten yang telah disediakan sebagai fasilitas atau fitur dalam website. Menu-menu yang terdapat dalam situs “Bandjir Jaya” antara lain Beranda, Produk, Kontak Kami dan Keranjang Belanja.
17
4.2.2 Halaman Administrator
Halaman ini berguna untuk memudahkan seorang administrator dalam mengelola atau mengolah data baik yang bersifat kod e program ataupun hanya sekedar desain. Melalui halaman administrator, admin dapat menambah, menyunting dan menghapus data dalam database.
4.3 Uji Coba Sistem dan Program 4.3.1 White-Box Testing
Percobaan dengan mengisi email : bj@bj.com dan password : administrator, dan hasilnya adalah muncul pesan yang mengatakan bahwa kombinasi email dan password salah, karena kombinasi tersebut tidak sesuai dengan data yang berada di dalam database.
4.3.2 Black-Box Testing
Berikut ini adalah contoh pengujian black-box testing yang dilakukan pada halaman produk administrator :
Fitur Aksi Hasil
Tambah Produk
Menambah Produk
Data berhasil ditambahkan ke database dan Muncul pesan berhasil
Sunting
Produk MengeditProduk
Data berhasil disunting ke database dan Muncul pesan berhasil Hapus Produk Menghapus Salah Satu Produk
Data berhasil dihapus dari database dan Muncul pesan berhasil
18
Pencarian Produk Mengisi field pencarian produk Data berhasil muncul untuk kata yang sesuai dengan nama atau keterangan produk dan untuk pencarian harga ataupun berat produk.
Data tidak akan muncul untuk pencarian dengan kata ataupun kombinasi angka yang tidak sesuai dengan nama produk, harga maupun berat produk dan muncul pesan yang menyatakan bahwa tidak ada data yang sesuai.
4.3 Proses Mengunggah Situs ke Hosting
Setelah semua proses pengerjaan selesai, dilakukan pengunggahan situs yang kita buat ke server internet agar dapat diakses orang banyak secara online. Berikut ini adalah cara-cara untuk mengunggah situs ke server menggunakan jasa
www.idhostinger.com :
1. Pergi ke alamat www.idhostinger.com 2. Klik menu Order Sekarang
3. Isi semua field dalam Form Pendaftaran. Password harus berisi huruf dan minimal memilik 1 buah angka. Contoh : password9
4. Centang kotak persetujuan lalu klik Buat Akun
5. Silahkan konfirmasi email anda dengan mengecek pesan masuk dan klik link yang ditujukan.
6. Klik “Order!” di pilihan gratis
7. Lalu pilih subdomain, masukkan nama subdomain dan masukkan password serta kode captcha kemudian klik button “Buat”.
8. Kemudian klik button Kelola untuk mengelola akun
9. Pilih Impor Website, kemudian pilih file. Pastikan situs yang sudah kita buat sudah dikompres ke dalam bentuk (.zip), jika belum kompres dahulu. Pilih file tersebut kemudian klik Open, klik Impor website.
10. Tunggu hingga proses upload file selesai. Lalu klik import. Sebelum mengupload tabel-tabel database yang sudah ada, buat dahulu sebuah nama database di server kemudian klik tombol Buat.
11. Pastikan anda tetap mengingat database, username dan password MySQL yang baru. Karena itu berguna untuk proses koneksi ke database. Kemudian pilih Impor Database. Pilih file untuk databasenya dengan ekstensi (.sql), open file kemudian klik tombol Impor Website. Jika sudah selesai hasilnya akan seperti ini.
19
BAB V PENUTUP
5.1 Kesimpulan
Berdasarkan hasil dari implementasi yang telah dilakukan, maka dapat ditarik kesimpulan sebagai berikut. Situs ini mampu menutupi kelemahan Toko “Bandjir Jaya” dan memperbesar peluang penjualan produk. Situs ini mampu memudahkan pembeli dalam melakukan pembelian produk yang dapat diakses atau dilakukan dimana saja dengan menggunakan media internet.Beberapa kelebihan dari situs ini yaitu : 1. Pembeli diberikan kemudahan dalam memilih produk karena produk
sudah dijelaskan secara rinci.
2. Memudahkan administrator dalam mengolah produk, pesanan dan pengiriman barang karena sudah tersusun secara sistematis.
3. Memudahkan pembeli dari seluruh Indonesia bahkan dari luar negeri dalam melakukan pembelian produk.
5.2 Saran
Berikut ini adalah beberapa saran yang nantinya diharapkan dapat dievaluasi kembali dan mampu membuat situs ini semakin baik.
1. Administrator nantinya dapat menjalankan situs secara mandiri dan mampu menambah halaman sendiri dan mengembangkan situs ini.
2. Perubahan desain dari halaman pengguna dan administrator agar memiliki kesan sesuai dengan perkembangan jaman.
3. Pemberian fitur-fitur tambahan dan menu-menu yang lain agar semakin komplit.
4. Pengembangan macam-macam produk yang nantinya dapat dibedakan menjadi beberapa kategori produk.
20
DAFTAR PUSTAKA
Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan & Organisasi Modern. Andi Offset. Yogyakarta
Ibrahim, Ali. 2009. Cara Praktis Membuat Website Dinamis Menggunakan Xampp. Neotekno. Jakarta
Kusrini. 2007. Strategi Perancangan dan Pengelolaan Basis Data. Andi Offset. Yogyakarta
Nugroho, Bunafit. 2005. Database Relational dengan My-SQL. Andi Offset. Yogyakarta
Suyanto, M. 2003. Startegi Periklaan pada e-Commerce Perusahaan Top Dunia. Andi Offset. Yogyakarta
