Perancangan Media Elektronik (Online) untuk Penjualan Produk Batik. Ilka Zufria Dosen AMIK INTeL Com GLOBAL INDO
[email protected]
Abstrak Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang sangat penting dalam kehidupan di masyarakat. Teknologi yang berkembang sesuai tuntutan zaman diharapkan menjadi sarana penunjang untuk menangani permasalahan yang timbul dalam mengelola dan menyelesaikan permasalahan yang ada di perusahaan atau organisasi khususnya pada Rumah Batik. Begitu juga dengan bisnis penjualan atau pemesanan, diharapkan dapat menyediakan informasi yang tepat dan akurat dalam transaksi secara online. Sistem yang sedang berjalan pada Rumah Batik ini masih menggunakan sistem manual yaitu pemesan tidak bisa melihat secara fisik barang yang akan dipesan karena masih menggunakan fasilitas telepon, pemesan harus datang langsung ke Rumah Batik, dan juga perusahaan belum mempunyai situs website sebagai media penjualan produk batik, media promosi yang menyediakan informasi yang lengkap yang dibutuhkan oleh pembeli. Dengan adanya Media Penjualan Online ini diharapkan dapat menyediakan informasi yang lebih cepat dan akurat pada semua masyarakat yang juga dapat membantu dalam mempromosikan produk yang tersedia yang meliputi banyak informasi seperti produk yang ditawarkan, data pemesan dan data produk. Kata Kunci : Website, Media Penjualan Online, Produk Batik, Rumah Batik, serta Objektif. 1.
Latar Belakang Masalah
Perkembangan internet tidak hanya untuk sarana informasi maupun Entertainment namun saat ini banyak digunakan untuk transaksi secara online. Hal ini sangat menguntungkan karena bisnis melalui online bisa menjangkau seluruh wilayah di berbagai dunia. Banyak orang yang sudah melirik internet untuk melancarkan bisnisnya. Bisnis internet merupakan suatu bisnis yang dalam prosesnya baik dalam pemesanan maupun pengantaran barangnya seluruhnya menggunakan media internet. Bisnis ini merupakan suatu model bisnis yang baru tetapi memiliki berbagai keuntungan dan kelebihan dibandingkan bisnis konvensional. Bisnis online yang sederhana seperti menampilkan produk dan melakukan order dengan telpon juga masih banyak dilakukan walaupun saat ini lebih banyak menggunakan kartu kredit. Melihat definisi media penjualan Online maka sebenarnya merupakan bagian dari e-business, dimana cakupan e-business lebih luas, tidak hanya sekedar perniagaan tetapi mencakup juga pengkolaborasian mitra bisnis, pelayanan nasabah dan lain-lain. Penggunaan website merupakan salah satu media yang digunakan dalam menciptakan media penjualan Online sehingga dapat memenuhi kebutuhan bagi sebuah usaha atau perusahaan agar dapat bersaing secara global. Media Penjualan Online ini akan diterapkan pada Rumah Batik untuk memasarkan produk batik mereka Dengan adanya website sebagai salah satu media penjualan dan promosi secara online ini, maka akan bertujuan untuk memperluas daerah pemasaran produk dan memudahkan pembeli untuk memilih dan memesan produk sehingga dapat meningkatkan omset penjualan.
2. Tinjauan Pustaka 2.1 Sekilas Tentang Perancangan Perancangan Website 2.1.1 Pengertian Perancangan
dan
Noor Fuad ( 2001 ), perancangan adalah kegiatan untuk merancang suatu sistem yang dilakukan oleh setelah memperoleh persetujuan dari manajemen dimana kegiatan ini dilakuka oleh tim perancang yang disusun oleh project atau proyek manajer. Jhon Bruch perancangan sistem adalah penggambaran, perencanaan dan pembuatan sketsa atas pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi. 2.1.2 Perancangan Website Perancangan web adalah proses merancang halaman web, situs web, web atau aplikasi multimedia untuk Web. Memanfaatkan berbagai disiplin ilmu, seperti animasi, authoring, desain komunikasi, identitas korporat, desain grafis, interaksi manusia-komputer, arsitektur informasi, interaksi desain, pemasaran, fotografi, mesin pencari optimasi dan tipografi. a. Markup bahasa (seperti HTML, XHTML dan XML) b. Gaya lembar bahasa (seperti CSS dan XSL) c. Client-side scripting (seperti JavaScript dan VBScript) d. Server-side scripting (seperti PHP dan ASP) e. Teknologi database (seperti MySQL dan PostgreSQL)
Tabel 2.3. Simbol Data Flow Diagram
f. Teknologi multimedia (seperti Flash dan Silverlight) Perancang web atau desainer web adalah orang yang mempunyai keahlian menciptakan konten presentasi (biasanya hypertext atau hypermedia) yang dikirimkan ke pengguna-akhir melalui World Wide Web, melalui Web browser atau perangkat lunak Web-enabled lain seperti televisi internet, Microblogging, pembaca RSS. Halaman Web dan situs Web dapat halaman statis, atau dapat diprogram untuk halaman dinamis yang secara otomatis mengadaptasi konten atau tampilan visual tergantung pada berbagai faktor, seperti masukan dari pengguna akhir, masukan dari para Webmaster atau perubahan dalam lingkungan komputasi (seperti situs yang terkait dengan database yang telah diubah). Dengan berkembangnya spesialisasi dalam desain komunikasi dan bidang teknologi informasi, ada kecenderungan kuat untuk menarik garis yang jelas antara desain web khusus untuk halaman web dan pengembangan web untuk logistik secara keseluruhan dari semua layanan berbasis web, (www.buatwebs .net). 2.2 Alat Bantu Perancangan Sistem Untuk bisa dapat melakukan langkah-langkah pengembangan sistem yang sesuai dengan metodologi pengembangan sistem yang terstruktur, maka dibutuhkan alat dan teknik untuk melaksanakannya. Alat-alat yang bias digunakan dalam suatu perancangan sistem umumnya berupa gambar dan diagram. Adapun alat Bantu yang digunakan dalam perancangan sistem yang akan digunakan dalam penelitian adalah : a. CD ( Contex Diagram ) Contex Diagram merupakan sebuah diagram aliran data yang memfokuskan pada aliran data dari danke dalam sistem,serta memproses data-data tersebut. Komponen-komponen dasar dari setiap program computer yang digambarkan sacara mendetail, dapat digunakan untuk menganalisis keakuratan dan kompetensi sistem ( Kendall dan kendall 2003 ). b. DFD ( Data Flow Diagram ) DFD merupakan teknik analisis data terstruktur yang mempresentasikan proses data didalam organisasi (Kendall dan Kendall, 2003). Data Flow Diagram adalah gambaran sistem logical. DFD digunakan untuk menggambarkan sistem yang lama atau sistem baru yang akan dikembangkan secara logical tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir. Misalnya lewat telepon, surat dan sebagainya atau lingkungan fisik dimana data akan disimpan. Misalnya hardisk, disket, flasdisk dan sebagainya. Simbol-simbol yang digunakan pada data flow diagram dapat dilihat pada tabel 2.3.
No 1
2
3
4
Simbol
Keterangan
Fungsi
Sumber dan Tujuan data
Titik terminal digunakan untuk menunjukan awal dan akhir suatu proses
Proses
Arus Data
Aliran Data
Untuk menunjukan operasi yang rinciannya tertuju tampat lain Digunakan untuk menunjukan jalur terjadinya proses Untuk menunjukan arah suatu data
Proses Data Flow Diagram dapat merupakan program, satu program, satu modul atau sub program dan dapat juga berupa transformasi data secara manual. Penyimpanan data merupakan file, elemen dari suatu database atau satu bagian dari record. Penyimpanan dapat menggunakan media berupa disket, magnetic drum, magnetic tafe, dan lain sebagainya. Data Flow Diagram sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir (misal lewat telpon, surat dan sebagainya) atau lingkungan fisik dimana data tersebut akan disimpan ( misalnya file kartu, microfile, harddisk, tape, disket dan lain sebagainya). Data Flow Diagram merupakan alat yang cukup popular sekarang ini, karena dapat menggambarkan arus data didalam sistem dengan terstruktur dan jelas. Lebih lanjut Data Flow Diagram merupakan dokumentasi dari sistem yang baik. c. ERD ( Entry Relational Diagram ) Entry Relational Diagram adalah bagian yang menunjukan hubungan antara entry yang ada dalam sistem. Simbol-simbol yang digunakan pada Entry Relational Diagram dapat dilihat pada tabel 2.4.
Tabel 2.4. Simbol Entry Relational Diagram No
Simbol
Arti / Tujuan Entity
1
2.4 Pengenalan Website Fungsi
Menyatakan hubungan entitytas
2
Atribut dari Entity
Mewakili hubungan dari satu entity
3
Atribut dari Entity dengan Key
Menyatakan atribut yang berfungsi sebagai key
Relasi antar Entity
4
5
Hubungan satu dan pasti
6
Hubungan banyak dan pasti
7
Hubungan satu tapi tidak pasti
Hubungan satu tapi tidak pasti
8
Menyatakan hubungan antar relasi Yang menyatakan hubungan antara entity satu dengan entity satu Yang menyatakan hubungan antara entity yang banyak dengan banyak Yang menyatakan hubungan antara entity yang satu tapi tidak pastii Yang menyatakan hubungan antara entity satu tapi tidak pasti
2.3 Pengenalan Internet Akbar dan Ali (2005), Internet berasal dari kata Interconnection Networking yang secara bahasa bermakna jaringan yang saling berhubungan, disebut demikian karena internet merupakan jaringan computer-komputer diseluruh dunia yang saling berhubungan dengan bantuan jalur telekomunikasi. Yang mengatur integrasi dan komunikasi jaringan internet adalah sebuah protocol yang biasa disebut TCP/ IP ( Transfer Control Protokol / Internet Protokol ). TCP berfungsi untuk memastikan bahwa semua koneksi bekerja secara semestinya, sementara IP berfungsi melakukan trar data dari sebuah computer ke computer lain. Sehingga TCP/IP secara umum berfungsi memilih rute terbaik untuk transmisi data, atau memilih rute alternatifnya untuk transmisi data.
2.3.1
Fasilitas Internet
Fasilitas yang dapat anda dapatkan dengan menggunakan internet diantaranya : a. Web, adalah fasilitas hypertext untuk menampilkan data berupa text, gambar, bunyi, animasi dan multimedia lainnya, yang diantaranya data tersebut saling berhubungan satu dengan yang lainnya. b. E-mail (Elektro Mail), dengan fasilitas ini anda dapat menerima dan mengirimkan data yaitu berupa surat elektro (e-mail) pada dari pamakai computer lain yang terhubung diinternet. c. Newsgroup, fasilitas ini digunakan untuk mendistribusikan artikel, berita, tanggapan, surat penawaran atau pun file kepemakai internet yang tergabung dengan kelompok diskusi untuk topic tertentu. d. FTP (File Transfer Protokol), fasilitas ini digunakan untuk menghubungkan keserver computer tertentu dan bila perlu menyalin (download) file yang anda butuhkan dari server tersebut dan menyimpannya di computer anda.
Nugroho (2004), World Wide Web yang sering disingkat WWW adalah layanan yang disediakan server untuk komputer client dalam mengakses data diserver. Komputer client merupakan suatu komputer yang digunakan untuk mengakses layanan server seprti Web. Dengan adanya WWW seorang pengguna dapat menampilkan halaman virtual yang disebut Website. Website sering disebut juga dengan situs Web yang merupakan sebuah alamat di WWW (World Wide Web) yang menyediakan informasi tertentu. Website juga befungsi sebagai tempat penyimpanan data informasi yang barguna oleh banyak orang, baik itu yang berada didalam maupun diluar negri. Didalam website banyak informasi yang ditampilkan seperti informasi politik, ekonomi, social, budaya, pendidikan, teknologi dan lain-lain. Halaman Web ditulis dengan menggunakan bahasa pemograman yang disebut Hyper Text Markup Language atau sering disebut HTML, file-file HTML erisi markup tags, markup tags inilah yang memberi tahu browser bagaimana halaman web ditampilkan. 2.5 Pengenalan WWW (World Wide Web) WWW tidak terlepas dari internet, WWW sering digunakan saat mengetikkan suatu alamat situs Web misalnya www.usu.ac.id, namun pengertian sebenarnya WWW adalah “The World Wide Web is a system of interlinked hypertext documents accessed via the Internet” Wikiepedia (2009), Isi dari WWW dapat ditampilkan dengan penggunaan sebuah Web browser, seperti Mozila Firefox, Interner Explorer atau Opera. WWW memungkinkan penyebaran informasi melalui Internet, penggunaannya mudah dalam format yang fleksibel. WWW memiliki peranan yang penting dalam mempopularitaskan penggunaan Internet. Wikipedia (2009), menyatakan bahwa “World Wide Web ditemukan pada tahun 1989 oleh Tim Berners-Lee, sekarang adalah Director of the World Wide Web Consortium.” World Wide Web bersifat multimedia karena merupakan kombinasi antara text, gambar, animasi, audio dan video. Dengan demikian maka World Wide Web pada saat ini merupakan puncak pencapaian yang tidak mungkin dicapai oleh media-media yang tergabung didalamnya secara sendiri-sendiri. a. Web Site ( Situs Web) Merupakan tempat penyimpanan data dan informasi dengan berdasarkan topic tertentu. Diumpamakan situs web ini adalah sebuah buku yang berisi topic tertentu. b. Web Pages (Halaman Web) Merupakan sebuah halaman khusus dari situs web tertentu. Diumpamakan halaman ini adalah sebuah halaman khusus buku dari situs web tertentu.
c. Home Pages Merupakan sampul halaman yang berisi tenteng daftar isi atau menu dari sebuah Web Site. a.
mendefenisikan database, table dan indeksnya, view dan perintah-perintah berkenaan dengan maintance dari strutur database itu sendiri. Script/ perintah dasar DDL antara lain pada Tabel 2.5.
Browser Merupakan program aplikasi yang digunakan untuk memudahkan anda melakukan pencarian berbagai data dan informasi pada WWW.
Tabel 2.5. Perintah Dasar DDL No
2.6 Web Server (Apache) Apache adalah software yang menyimpan serta mendistribusikan data kekomputer lain (client) lewat internet yang meminta informasi tersebut. Pada dasarnya apache adalah “A PathCHy” (patch). Apache merupakan web server yang dikeluarkan oleh NSCA yaitu NSCA HTTPD sekitar tahun 1995-an (prasetyo, 2003). Apache dibuat versi pertamanya oleh Mr.Robet Mc Cool pada tahun 1996. Web server adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan web browser dan mengirimkan kembali hasilnya dalam bentuk halaman web yang umumnya berbentuk dokumen HTML. Apache merupakan webserver yang paling popular digunakan didunia. Apache tersedia bagi bermacam-macam disistem operasi seperti : UNIX, ( free BSD,LINUX,SOLARIS, dan lainnya). Dan windows NT/95/98. Apache mengikuti standart protocol hypertext transport protocol. Yaitu http 1.1. Server adalah suatu computer yang menjadi pengelola dan pusat bagi computer lainnya. Oleh karena itu computer server haruslah memiliki spesifikasi yang lebih tinggi daripada client-clientnya. Selain itu server memiliki macam-macamjenis, yaitu diantaranya : Samba server, FTP server, DNS server, Web server, Mail server, Proxy server. 2.7 Pengenalan Database 2.7.1 My SQL Nugroho (2004), MySQL merupakan software yang bersifat open source, sesuai dengan namanya, bahasa standart MySQL adalah SQL. SQL adalah singkatan dari Structured Query Language dan sering disebut squel. PHP Triad memasukan MySQL didalam paketnya untuk melakukan penanganan dan pengolahan berbasis data. Cikal bakal/generasi MySQL yang dikembangkan oleh MySQL AB (Perusahaan IT Swedia) sejak tahun 1973 dibawah pimpinan Machael Widenius Monty. MySQL Relase 1.0 lah muncul versi dikeluarkan pada bulan Mei 1996 secara terbatas untuk kalangan pribadi (diri sendiri). Baru dilepas untuk public bulan October 1996 setelah muncul versi 3. Versi awal MySQL hanya berjalan diatas linux dan solaris. Tetapi setelah merupakan salah satu database terbesar yang digunakan dalam pengolahan data didunia. Hal ini dibuktikan dengan menggunakan MySQL oleh beberapa perusahaan dan instansi besar didunia. Secara umum MySQL digolangkan menjadi 3 bagian sesuai dengan fungsi dan kegunaannya, antara lain : 1) Data Defenition Language ( DDL ) digunakan untuk melakukan perbuatan struktur database mulai dan
2)
Nama
Perintah
Fungsi
Create Database Nama Database
1
Untuk membuat Database
2
Create Table_
Untuk membuat Tabel
3
Create Index
Untuk membuat Index
4
Create View
Untuk membuat view
5
Drop Database Nama Database
6
Drop Table Nama Table
Penghapus Database Penghapus Tabel
Data Manipulation Language ( DML) merupakan data dri SQL yang digunakan untuk melakukan menipulasi dalam database. Script/ perintah dasar DML,antara lain pada Tabel 2.6. Tabel 2.6. Perintah Dasar DML No 1 2 3
3)
Keterangan
Nama Perintah Insert Into_
Menambah Data pada Database
Drop Database Nama Database Select*from
Penghapusan Database Mencari Data pada Database
Data Control Language ( DCL) terdiri atas kelompok perintah SQL untuk memberikan hak otoritas mengakses database, mengalokasikan space, pendefenisian database. Script/ perintah database DCL antara lain, pada Tabel 2.7. Tabel 2.7. Perintah Dasar DCL No
Nama Perintah
1 2 3
Show Database
Melihat Database yang ada dalam MySQL
Show Tables Desc nama Table
Melihat Tabel yang ada dalam Database Melihat Struktur/ design table
2.8 Pengenalan Dreamweaver
HTML
Keterangan
dan
Macromedia
2.8.1 HTML Sidik (2007), HTML adalah singkatan dari Hyper Text Markup Language,dokumen HTML disusun oleh elemen-elemen. Elemen tersebut merupakan komponen dasar pembentuk dokumen HTML. Beberapa contoh bentuk elemen adalah : Head, Body, Table, Paragraf dan List, elemen dapat berupa teks murni atau bukan teks keduanya. Untuk menandai berbagai elemen dalam suatu dokumen HTML di gunakan tag. Tag HTML terdiri atas sebuah kurung sudut (< tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (> tanda lebih besar), tag yang menjadi
pasangan selalu di awali dengan karakter garing (/garis miring).Memberi nama dokumen HTML dengan menggunakan ekstensi ”.html” atau “.html.”. nama dokumen HTML beberapa sistem operasi bersifat case sensitive. Nama dokumen yang sama tetap ditulis dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda. 3. Analisa dan Disain 3.1 Analisa Sistem Sebelum melakukan disain dan pengembangan sistem yang baru terlebih dahulu dilakukan analisa sistem yang sedang berjalan pada saat ini. Tahap analisa merupakan tahap yang sangat penting karena kesalahan pada tahap analisa akan mengakibatkan kesalahan pada tahap selanjutnya. Yang pertama dilakukan dilangkah awal ini adalah menemukan kelemahan dan kekurangankekurangan sistem yang berjalan terdahulunya. Hal inilah yang sangat penting dilakukan untuk mengukur sebuah sistem telah mencapai sasaran sesungguhnya apa belum. Makanya tahap analisa ini sangat penting dilakukan untuk mengatasi masalah-masalah dan kekurangan-kekurangan tersebut. 2.8.2
Bahasa Pemrograman PHP
PHP adalah sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C, Java, asp dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama bahasa ini adalah untuk memungkinkan perancang web untuk menulis halaman web dinamik dengan cepat. (Admin, http://smadaprima.net/kurikulum/diskusi/index.php?topic= 94.0, 2009) 1. Kelebihan PHP PHP memiliki beberapa kelebihan, antara lain:
penjualan adalah cara untuk mempengaruhi konsumen untuk membeli produk yang ditawarkan 3. Perancangan Sistem 3.1. Dekripsi Sistem Deskripsi sistem merupakan penjabaran tentang suatu sistem informasi secara utuh kedalam bagian komponen dengan tujuan untuk mengidentifikasi dan mengevaluasi sistem yang lama ke sistem yang baru, dimana sistem yang lama masih banyak masalah yang timbul dan hambatan yang terjadi serta terlambatnya kebutuhan yang diharapkan . 3.1.1. Deskripsi Usulan Sistem Baru Diskripsi Sistem adalah sistem yang sedang berjalan. Pada awalnya usaha Rumah Batik menggunakan suatu sistem secara manual, yang dimana belum menggunakan sistem komputerisasi. Disini penulis mengusulkan untuk membuat suatu sistem baru, yaitu Sistem website pemesanan produk batik secara online, yang mana cara kerjanya dilakukan dengan cara melalui internet. website ini dirancang sebagai media penjualan secara online. Rumah Batik yang selama ini hanya melakukan penjualan secara manual, sehingga dengan menggunakan website ini pemesanan produk tidak terbatas pada satu tempat saja, dan pembeli tidak tanpa harus datang ke Rumah Batik, karena pembeli dapat melihat katalog produk yang disediakan dan dapat memesan produk dari website ini, yang dilakukan dengan cara: a. b.
c. a) Bersifat Open Source sehingga dapat didapat secara gratis dan setiap waktu selalu muncul fungsi-fungsi tambahan yang dapat meningkatkan performa. b) Script PHP sangat mudah dipahami dan mempunyai kecepatan tinggi dalam pengaksesan. c) Merupakan bahasa yang bisa di tanam atau di tempel dalam HTML (embedded language). d) Dapat berjalan di banyak web server. e) Cross-platform, artinya PHP dapat berjalan di berbagai macam system operasi. (Windows, Linux/Unix, dan Machintos). Bisa bekerjasama dengan banyak basis data, antara lain Oracle dan MySQL yang sudah tidak diragukan lagi kemampuannya. 2.9 Pengertian Penjualan Kotler (http://digilib.petra.ac.id, 2006) Penjualan merupakan sebuah proses dimana kebutuhan pembeli dan kebutuhan penjualan dipenuhi, melalui antar pertukaran informasi dan kepentingan. Jadi konsep
d. e.
f.
g.
h.
Pelanggan membuka dulu atau mengunjungi situs rumah batik. kemudian Pelanggan melakukan registrasi, yang dimana disitus tersedia syarat-syarat yang harus dipenuhi dan diikuti. setelah selesai melakukan registrasi, user diperintahkan untuk login dan langsung melakukan proses pemesanan barang. Anda dapat lihat Item Produk Batik yang kami sediakan beserta harga dan yang Masih tersedia. Jika Stok memang masih Tersedia, Anda bisa Lakukan Pemesanan(Order) Lewat Link Order yang muncul di kolom Action pada Item Produk Batik. Setelah Form Order terbuka, Anda bisa mengisi data Orderan anda berdasarkan Produk Batik yang anda pilih, lalu anda dapat mengisikan Jumlah pemesanan berdasarkan Stok yang masih tersedia. Selanjutnya anda bisa Memasukkan Alamat Anda yang Tepat, No.Tlp/ Hp yang bisa dihubungi agar pengiriman Produk dapat terkirim ke Alamat anda dengan tepat sekaligus Email anda yang fungsinya untuk mengkonfirmasikan jika ada informasi lainnya yang nantinya Anda butuhkan. Setelah mengisi Alamat Identitas anda, anda kami harapkan untuk mengisi Jumlah uang
i.
yang Anda Transfer yang telah anda sesuaikan dengan jumlah Orderan Anda dan Harga Produk yang tertera. Dan Terakhir pada Form Order, Anda memasukkan Identitas Transfer Anda dengan Mengisi Bank Anda, No. Rek Anda Serta Nama Anda. Agar kami bisa melakukan Verifikasi Transaksi anda Sukses atau gagal dalam pengiriman ke Rekening Kami yang Kami Sediakan.
3.1.2. ERD (Entity Relationship Diagram) Entity Relationship Diagram (ERD) menggambarkan hubungan/relasi antara taribut-atribut yang terdapat pada konseptual sistem secara berbeda yang terdiri dari entity atribut yang ada. Adapun bentuk dari Entity Relationship Diagram dari pengolahan data user perusahaan tersebut sebagai berikut : id_planggan
Pelanggan - mendaftar sebagai pelanggan - memesan produk - mengisi buku tamu - laporan data produk - laporan pemesanan produk - laporan buku tamu
Administrasi -mendaftarkan pelanggan jenis produk -mendaftarkan pelanggan nama batik - melakukan evaluasi - laporan produk pemesanan - laporan daftar order pelanggan 0
Sistem Pemesanan Produk - Data pengisian Buku Tamu - laporan data Buku Tamu
- laporan buku tamu
- Laporan produk batik - Laporan daftar order pelanggan
Tamu
- Laporan Data Transaksi pembayaran sukses/ gagal Pimpinan
id_pemesanan
nm_pelanggan
jenis_batik nama_produk
pelanggan alamat
Gambar 3.2. Contex Diagram
harga
status
tgl_pemesanan/order
memesan
no_telpn
nm_pelanggan/order jumlah_order alamat/no hp.telpn,e-mail
e-mail produk
jml_transfer ket
kd_jenis
id_produk punya
nm_jenis batik
jenis batik
nama_produk
nm_jenisbatik
satuan
nama Produk
harga ket kd_nama
stok
nama produk
satuan
buku tamu
id
user admin
komentar nama
username
password
status
e-mail
Keterangan gambar adalah sebagai berikut : a. Pelanggan melakukan login untuk masuk ke sistem informasi. b. Setelah proses login sukses, maka sistem informasi akan memberikan registrasi data login, data catalog, data id. c. Sistem informasi kemudian melakukan permintaan terhadap Administrasi. d. Dan pihak Administrasi memberikan respons. e. Pimpinan melakukan pendaftaran berupa mengisi data pelanggan dan daftar barang untuk masuk keanggotaan atau buku tamu. f. Kemudian sistem informasi memberikan form data transaksi sukses atau gagal. Contex Diagram diatas terlihat bagaimana proses sistem informasi pengolahan data konsumen pada Rumah Batik Kisaran berjalan dari mana sistem tersebut dimulai dan berakhir.
Gambar 3.1. Entity Relationship Diagram 3.1.3. Contex Diagram Contex Diagram adalah rancangan sistem secara garis besar yang menerangkan hubungan antara satu entry dengan entry yang lainnya didalam satu sistem. Adapun bentuk Contex Diagram pengolahan data pelanggan Rumah Batik Kisaran yang diusulkan adalah pada gambar 3.1 berikut.
3.1.4. DFD ( Data Flow Diagram ) Data Flow Diagram (DFD) digunakan untuk menggambarkan sistem lama atau baru yang akan dikembangkan secara logika tanpa pertimbangan lingkungan fisik dimana data tersebut mengalir. Data Flow Diagram (DFD) merupakan alat Bantu yang cukup popular sekarang ini, karena menggambarkan arus data dalam sistem dengan struktur yang jelas. Adapun bentuk Data Flow Diagram (DFD) dari pengolahan data pelanggan pada Rumah Batik Kisaran dapat dilihat pada gambar 3.2.
D a ta T r a n s a k s i d a n p em esan an
Pelanggan
Data pelanggan
Tamu Data bukutamu
Administrasi
1.0 pendataan atau F. Pelanggan proses Data pelanggan pendaftaran pelanggan 2.0 pengisian buku tamu
Data bukutamu
3.0 pendaftaran Data jenis Data jenis jenis produk batik batik
Data nama produk
4.0 pendaftaran nama produk
F.Buku tamu
F.jenis batik
Dasain rancangan halaman website pemesanan produk batik di tunjukan pada gambar 3.5, yang terbagi menjadi beberapa bagian yaitu : a. Header, bagian ini berisi informasi tentang batik, beberapa menu shortcut, dan form searcing barang. b. Content, bagian ini berisi tentang boxbox yang berisi keterangan dan gambar barang yang di jual. c. Footer, bagian ini berisi informasi pembuatan website seperti tahun dibuat website, programmer website dan informasi penting lainnya.
F.nama Produk
header
Data nama produk
Home Profil Kontak Kepengurusan
D a ta p e m e s a n a n d an T ran sak si
Data produk
Data pemesanan
Laporan pemesanan produk
5.0 pendaftaran Data produk pemesanan produk
Tata Cara Order
Menu
F. Produk
+ Jenis batik + List batik + Item Produk batik
Data 6.0 pemesanan Proses F. pemesanan pendaftaran pemesanan produk 7.0 Laporan pemesanan pembuatan produk secara keseluruhan laporan pemesanan produk
content
+ Status orderan anda + Request produk dan Testimoni Admin Login footer
Gambar 3.5. Rancangan Desain Website
Data transaksi sukses/gagal
1. Rancangan Menu Admin
Pimpinan
header Home
Gambar 3.3. Data Flow Diagram
Profil
Kontak
Kepengurusan
Tata Cara Order
Menu User name : ................
+ Jenis batik
3.2. Struktur Program Pada ganbar struktur program menggunakan susunan modul-modul program yang dikerjakan pada sebuah sistem. Adapun bentuk dari struktur program adalah sebagai berikut :
+ List batik + Item Produk batik
Password : .................. Login
+ Status orderan anda + Request produk dan Testimoni Admin + Add jenis produk + Add nama produk + Add item produk batik + Daftar order pelanggan
Menu Utama Program
Logout footer
Home
Admin
Log out
Gambar 3.6. Rancangan Menu Admin Profil Perusahaan
Ganti Password
Jenis Produk
Edit Jenis Produk
3.3.1 Rancangan Input dan Output Pemesanan
Input Jenis Produk
Daftar Pesanan
Gambar 3.4. Struktur Program
3.3. Rancangan Desain Website Menu Utama
1. Rancangan Intput Beberapa rancangan input yang dirancang adalah: a. Rancangan Input data admin (Login) b. Rancangan input data produk c. Rancangan input data kategori produk d. Rancangan input data jenis (nama batik)
e. f. g.
Rancangan input data pelanggan Rancangan input data order. Rancangan Input buku tamu.
2. Rancangan Output Beberapa rancangan output yang dihasilkan adalah: a. Rancangan output data pelanggan b. Rancangan output data produk c. Rancangan output data jenis batik d. Rancangan output data order pelanggan e. Rancangan output data request produk dan buku tamu.
4.
Implementasi
4.1. Definisi dan Tujuan Implementasi Impelementasi Media elektronik (online) berupa Website ini adalah suatu prosedur yang dilakukan untuk menyelesaikan disain website yng telah disetujuin dan teruji. Sebelum website diimplementasikan,tetrlebih dahulu website harus bebas dari kesalahan. Oleh karena itu website harus diuji untuk mengetahui kesalahan yang mungkin akan terjadi, dan memastikan apakah website berjalan dengan baik. 4.2. Implementasi Sistem Program merupakan serangkaian intruksi-intruksi yang sistematis dan logis untuk mengendalikan komputer dalam mencapai tujuan sesuai dengan aturan-aturan tertentu.
8. 9.
Tampilan Isi Buku Tamu Tampilan Laporan List Data Item Produk Batik 10. Tampilan Laporan Daftar Order Pelanggan 11. Tampilan Verifikasi Order Pelanggan
5. Kesimpulan Dengan adanya Media Elektronik (online) berupa website ini, maka transaksi lebih mudah dilakukan karena website ini menyediakan layanan pemesanan batik secara online yang dapat menghemat waktu dan tenaga serta membantu calon pembeli yang membutuhkan batik bagus dan berkualitas. Website ini menampilkan informasi jenis batik (catalog), harga, dan mekanisme pembayaran. Adapun kesimpulan yang lain diantaranya yaitu : 1. 2.
3. 4.
Perusahaan dapat memasarkan produk secara cepat dan tepat. Memberikan kemudahan kepada para pelanggan untuk mengetahui produk batik yang terbaru (update). Sebagai media penjualan yang efektif dan efisien Meningkatkan jangkauan akses pelanggan dikarenakan layanan website yang online dapat diakses secara global.
DAFTAR PUSTAKA
Akbar, Ali, ST, 2005, Menguasai Internet Plus Pembuatan Web, cetakkan ke-1, penerbit M2S, Bandung. Jogiyanto, HM, MBA, Analisa dan Desain, Andi Offset, Yogyakarta. Kendall, K.E. dan Julie E. Kendall. 2003. Analisa dan Perancangan Sistem. Edisi Terjemahan. PT Intan Sejati : Klaten. Mcleod, R. 2001. Sistem Informasi Manajemen. Jakarta : Prenhallindo. Gambar 4.1 Tampilan Utama Web Ada beberapa Layout yang ditampilkan dan dihasilkan dari prototype sistem ini, antara lain: 1. Tampilan Login Admin 2. Tampilan Menu Utama (Home) 3. Tampilan Input Daftar Order Pelanggan 4. Tampilan Input Data Produk 5. Tampilan Input Data Kategori Produk 6. Tampilan Input Data Jenis Batik 7. Tampilan Input Buku Tamu
Nugroho, B. 2004. Aplikasi Pemograman Web Dinamis debgan PHP dan MySQL. Yogyakarta : Gava Media. Sidik, B. 2002. HTML dan XML. Bandung : Informatika.
