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
2
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. Keywords : Online Store, e-Commerce
3
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”
4
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.
5
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.
6
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.1.2
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 sub-sistem dengan sub-sistem lainnya. Keluaran dari subsistem akan menjadi masukan untuk sub-sistem yang lainnya melalui penghubung sistem. Dengan ini maka akan membentuk satu kesatuan sistem.
1 2
Hanif Al Fatta, Analisis dan Perancangan Sistem Informasi, Hal 3 Ibid, Hal 3
7
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
8
Sedangkan menurut Stair dan Reynold mendefinisikan informasi sebagai kumpulan fakta yang terorganisir sehingga mereka m emiliki nilai tambahan selain nilai fakta individu.
2.2.2
5
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
9
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
6
Analisis SWOT
Analisis
Kondisi Toko “Bandjir Jaya” Saat Ini
Kekuatan
Memiliki produk penjualan yang cukup banyak dan sudah
(Strength)
menggunakan radio sebagai media untuk berpromosi.
Kelemahan
Melayani penjualan secara langsung dan melalui via telepon
(Weakness)
bagi wilayah sekitar Cepu.
Hanif Al Fatta, Analisis dan Perancangan Sistem Informasi
10
Peluang
Sudah cukup banyak pembeli mulai dari kalangan daerah
(Oportunity)
3.2.2
sekitar dan juga para turis domestik.
Ancaman
Adanya penumpukan produk yang terlalu lama yang
(Threats)
mengakibatkan produk kadaluwarsa sebelum terjual.
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.
3.
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
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.
11
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
12
3.4.2.2 DFD Level 0
3.5
Perancangan Basis Data
13
3.6
PerancanganERD
3.7
Perancangan Menu
3.7.1
Rancangan Menu Administrator
3.7.2
Rancangan Menu User
14
3.8
Perancangan Interface
3.8.1
Desain Interface Administrator
3.8.2
Desain Interface Pengunjung
15
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.
16
4.2.2
Halaman Administrator Halaman ini berguna untuk memudahkan seorang administrator dalam mengelola atau mengolah data baik yang bersifat kode 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 :
[email protected] 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 Tambah Produk Sunting Produk Hapus Produk
Aksi Menambah Produk MengeditProduk Menghapus Salah Satu Produk
Hasil Data berhasil ditambahkan ke database dan Muncul pesan berhasil Data berhasil disunting ke database dan Muncul pesan berhasil Data berhasil dihapus dari database dan Muncul pesan berhasil
17
Pencarian Produk
Mengisi field pencarian produk
4.3
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.
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. 12. Proses mengunggah file ke hosting selesai.
18
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. 5. Penambahan dan pembenahan ulang tabel-tabel dalam database
19
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 Usdiyanto, Riyeke. 2001. Framework e-Commerce. Andi Offset. Yogyakarta
20
