3.1. Analisis 3.1.1. Deskripsi Profile Perusahaan Nama Perusahaan Alamat : CITRA NUSANTARA COMPUTER : Jln. Ganeas, Desa Talaga Wetan Talaga Majalengka 45463 Nama Pimpinan Nama Pengelola 1) Misi Perusahaan Untuk melayani masyarakat pada umumnya maupun instansi atau perusahaan khususnya dalam memperoleh manfaat yang ditawarkan dari penggunaan teknologi komputer dalam pelaksanaan kegiatan masyarakat sehari-hari dalam berbagai bidang. 2) Visi Perusahaan Untuk masuk menjadi perusahaan terbaik dan sebagai mitra lingkungan profesional, institusi serta masyarakat dalam hal penggunaan teknologi komputer. : ADI PURNAMA, ST : AGUS SUGIHARTO,A.Md.
29
30 3) Deskripsi singkat Perusahaan Citra Nusantara Computer adalah perusahaan yang berdiri pada tanggal 16 Juni 2004 bergerak dalam bidang Teknologi Komputer. Setelah hampir 6 tahun telah menggali ilmu dan pengalaman dalam bidang teknologi komputer. Untuk merealisasikannya, perusahaan memiliki akses kuat terhadap lingkungan profesional, institusi dan masyarakat, sehingga secara tepat dan cepat mendukung pelaksanaan pekerjaan dengan komitmen yang ditawarkan. Komitmen yang ditawarkan oleh perusahaan dalam memberikan pelayanan kepada konsumen adalah menyajikan citra kerja yang Profesional, memberikan Solusi terhadap segala permasalahan di bidang komputer, serta memberikan pelayanan Terbaik demi mencapai kepuasan dan kepercayaan konsumen. Produk dan layanan yang diberikan Citra Nusantara Computer meliputi : a) Hardware Kebutuhan infrastruktur pendukung teknologi dan informasi berupa hardware merupakan faktor penting dalam menjalankan roda bisnis perusahaan. Citra Nusantara Computer menyediakan pelayanan produk hardware dengan memperhatikan kualitas dan keunggulan produk yang meliputi : 1) Personal Computer. Personal Computer (PC) lokal maupun branded PC serta berbagai jenis laptop 2) Networking & Communication Products, berbagai perangkat jaringan komputer seperti switch, hub, modem, wireless equipment, cabling system serta aksesoris lainnya
31 b) Software Produk dan layanan software Citra Nusantara Computer terdiri dari berbagai macam perangkat lunak aplikasi maupun sistem operasi
3.1.2. Deskripsi Sistem yang sedang berjalan Sistem yang sedang berjalan di Citra Nusantara Comuputer masih menggunakan sistem manual (offline). Bagian Persediaan dan Pembukuan yang bertugas di Toko melayani konsumen, konsumen yang memberikan order barang kepada Bagian Persediaan dan Pembukuan dan langsung memeriksa order barang tersebut ke Bagian Gudang. Lalu Bagian Gudang menyiapkan barang yang telah dipesan untuk diserahkan kepada Bagian Persediaan dan Pembukuan, kemudian Bagian Persediaan dan Pembukuan membuatkan Bon Penjualan untuk diserahkan kepada konsumen. Bagian Persediaan dan Pembukuan mengumpulkan Bon-bon penjualan selama periode tertentu untuk dijadikan sebuah laporan yang nantinya akan diserahkan kepada pimpinan. Diagram Alir Data Dokumen (Flowmap) Penjualan yang sedang berjalan . di Citra Nusantara Computer dapat dilihat pada Gambar 3.1
Gudang
Order
Pimpinan Perusahaan
Laporan Penjualan
Order Order Order Daftar Barang Persiapk an Barang Cek Bara ng End
End
Bon Penjualan
Daftar Barang
Buat Laporan
Laporan Penjualan
Keterangan : Arsip 1 = Arsip Bagian Prsediaan dan Pembukuan Arsip 2 = Arsip Gudang
Gambar 3.1 Flowmap Sistem yang sedang berjalan di Citra Nusantara Computer
33 3.2. Kebutuhan Sistem Untuk membantu perusahaan dalam mempercepat proses penyampaian informasi dari pihak Citra Nusantara Computer kepada calon konsumen, maka diperlukan sebuah sistem yang dapat memperluas daerah pemasaran yang bisa online selama 24 jam, 7 hari seminggu dan tidak ada waktu libur. Adapun sistem yang dibutuhkan adalah sistem informasi berbasiskan komputer
dalam bentuk sebuah website Penjualan online, sehingga dengan adanya situs web ini diharapkan dapat menyampaikan informasi mengenai produk-produk yang tersedia, pemesanan secara online tanpa harus melalui calo atau perantara perdagangan., dan dapat menjawab semua kebutuhan konsumen sehingga tercipta efisiensi dan keefektifan.
3.3. Perancangan Sistem Baru Tahap perancangan sistem merupakan tahap paling awal yang dilakukan dalam pengembangan sistem. Untuk mendapatkan sistem yang baik diperlukan perencanaan yang baik pula. Pemakaian sistem lama yang masih manual (offline) mengakibatkan penyampaian data dan informasi kurang efektif dan efisien. Untuk mengatasi masalah tersebut dibuat suatu sistem informasi baru yang berbasiskan komputer.
3.3.1. Uraian Sistem Baru Berdasarkan hasil analisis yang telah dilakukan, maka dirancang sebuah sistem baru yang diharapkan dapat membantu perusahaan dalam memasarkan produk dan
34 meningkatkan angka penjualan. Berikut deskripsi sistem baru yang dirancang oleh penulis : Admin menerima produk dan membuat Laporan Stok Barang. Admin memberikan daftar produk yang akan dipasarkan pada website. Admin menginput data produk yang tersedia berdasarkan katergori. Admin menginput informasi yang berhubungan dengan produk maupun tentang Citra Nusantara Computer itu sendiri. Admin mengecek kontak dari konsumen dan melakukan konfirmasi terhadap pengiriman email dari konsumen. Rancangan pada User yaitu konsumen mengunjungi Halaman Utama (Home) pada website, dimana konsumen dapat melihat katalaog semua produk yang ditampilkan berdasarkan kategori. Jika konsumen tertarik pada salah satu atau beberapa produk yang ditawarkan oleh Citra Nusantara Computer, konsumen cukup memilih produk yang diinginkan, kemudian ikuti prosedur pemesanan barang dengan mengisi order pembelian dan mengisi data konsumen pada form yang telah disediakan. Admin melakukan pengecekan terhadap status pesanan, apabila order baru masuk maka statusnya BARU, kemudian apabila konsumen sudah melakukan pembayaran maka statusnya LUNAS, dan terakhir apabila barang pesanan sudah dikirimkan maka statusnya KIRIM.
35 Berikut ini gambaran sistem baru yang dibuat penulis untuk Penjualan Komputer secara online di Citra Nusantara Computer.
Konsumen Admin
Start
Start
Login Ya
Ord er Ya Isi Order Pembelian Ubah Status Isi Data Konsumen Rekap Data Penjualan Data Order Data Order Konsumen Konsumen
End Keterangan : Yang bertindak sebagai Admin : Bagian Persediaan dan Pembukuan ; atau Pimpinan Perusahaan.
36 3.3.2. Diagram Alir Data (Data Flow Diagram) Data Flow Diagram (DFD) digunakan untuk menggambarkan sistem yang telah ada atau yang baru dikembangkan secara logika tanpa memperhatikan lingkungan fisik dimana data tersebut mengalir atau akan disimpan. Data Flow Diagram (DFD) merupakan alat pengembangan sistem yang akan menggambarkan arus data dalam sistem yang dirancang. Dalam perancangan sistem ini penulis mencoba untuk memberikan gambaran mengenai alur arus data dari sistem ini. Adapaun rancangan DFD pada sistem ini adalah sebagai berikut :
Admin
Data Pemesanan
Verifikasi Pemesanan
Konsumen
Data Pemesanan
Pimpinan Perusahaan
37 Dari gambar 3.3 Diketahui bahwa entitas yang berhubungan dengan Perancangan ECommerce untuk meningkatkan penjualan pada Toko Citra Nusantara Komputer di Kabupaten Majalengka adalah: 1. Konsumen / Pengunjung Adalah sekelompok atau seseorang yang menggunakan jasa web pada saat itu. 2. Admin Adalah seseorang yang mengelola dan menangani web Citra Nusantara Komputer. 3.3.3. Dekomposisi Diagram Setelah diagram konteks digambarkan maka akan diturunkan dalam bentuk yang lebih rinci, yaitu dalam bentuk dekomposisi diagram dengan mendefinisikan proses apa saja yang terdapat didalamnya. Dekomposisi Perancangan E-Commerce untuk meningkatkan penjualan pada Toko Citra Nusantara Komputer di Kabupaten Majalengka adalah:
Website DFD Level Top
DFD Level 0
DFD Level 1
38
0.0 SIPOL
3.2 Pembayaran
Data Pemesanan
39
Verifikasi Pemesanan Data Pemesanan
Order
Admin
Pimpinan Perusahaan
40
Data Pemesanan
Data Pemesanan
Data Pemesanan
Order
Status pesanan konsumen
Admin
Admin
Data Penjualan
Order
Rekap Pemesanan
Laporan Pemesanan
Pimpinan Perusahaan
Gambar 3.7. DFD Level 1 Pembuatan Laporan 3.3.3. Perancangan Dokumen (Form dan Report) Dalam perancangan Website untuk penjualan komputer secara online ini, penulis terlebih dahulu mencoba merancang form yang akan ditampilkan dalam Website, diantaranya :
Halaman login Admin ini penulis tampilkan dalam format Form Columnar. Dimana ada dua field isian yang harus diisi oleh Admin, yaitu Nama Pengguna dan Kata Sandi.
Untuk Form Tambah Kategori ini, hanya ada satu field yang dapat dimasukkan kedalam Form yaitu field Nama Kategori.
Nama Kategori
Form Tambah Produk ini dimaksudkan untuk menambah produk terbaru dari Citra Nusantara Computer berikut informasi produk tersebut, dan lebih detail lagi dapat dimasukkan capture dari produk tersebut pada field gambar. Id Produk Nama Produk
42
Harga Stok Deskripsi Gambar Gambar 3.10 Rancangan Form Tambah Produk d) Form Data Pembeli / Konsumen
Form data pembeli ini akan muncul jika konsumen telah selesai melakukan transaksi. Ada lima buah field yang harus diisikan oleh konsumen, yaitu field Nama, Alamat Lengkap, Telpon/HP, E-Mail, dan Kota Tujuan.
Nama Alamat Lengkap Telpon/HP E-Mail Kota Tujuan Gambar 3.11 Rancangan Form Data Pembeli
e)
No. Order
Dalam Dan Jam Order Tgl. Form Detail Order ini akan menampilkan data pembeli beserta produk yang dipesannya yang dilengkapi dengan total pembayaran. Berikut tampilan Form Detail Order :
Total Ongkos Kirim Grand Total Nama Alamat E-mail Telephon Status Order
43
Nama
Gambar Produk
Jumlah
Harga Satuan
Sub Total
f)
Form Hubungi Kami ini adalah fasilitas e-mail yang diterapkan dalam Website, dimana pengunjung website dapat mengirimkan pesan pada form yang telah disediakan. Berikut tampilan form Hubungi Kami : Nama E-Mail g) Subjek Report Pemesanan Barang
Pesan Berikut ini adalah rancangan Report Pemesanan Barang pada web Citra Nusantara Computer.
No. Order xxx
44 h) Report Admin
No. Order Tgl. Dan Jam Order Status Order Gambar Produk Harga Satuan Total Ongkos Kirim Grand Total
Nama
Jumlah
Sub Total
Gambar 3.15 Rancangan Admin 3.3.4. Perancangan Database Perancangan Database adalah proses untuk menentukan isi dan pengaturan data yang dibutuhkan untuk mendukung berbagai rancangan sistem Dalam perancangan database ini, penulis menggunakan teknik Normalisasi yang merupakan sebuah teknik dalam logical design Basis Data / Database, teknik pengelompokan sebuah relasi sehingga membentuk struktur relasi yang baik (tanpa redudansi) Bentuk Tidak Normal : Tabel 3.1 Tabel Detail Order
Id Tgl Jam Status Order Order Order Order 01 02-08 21:30 Lunas Nama Konsumen Adi Alamat Jakarta Tlpn 081xx E-mail di@xx Id Nama Gambar Jml Harga Produk Produk 001 002 003 02 03-08 10:25 Kirim Nira Bandung 082xx ni@xx 002 Axioo Acer Compaq Acer # * ! * 1 1 1 1 150 175 2100 175
45 Normalisasi Kesatu (1NF) : Suatu relasi dikatakan sudah memenuhi Bentuk Normal Kesatu jika setiap data bersifat atomik yaitu setiap irisan baris dan kolom hanya mempunyai satu nilai data. Tabel 3.2 Normalisasi Kesatu (1NF)
Id Tgl Jam Status Order Order Order Order 01 01 01 02 02-08 02-08 02-08 03-08 21:30 21:30 21:30 10:25 Lunas Lunas Lunas Kirim Nama Konsumen Adi Adi Adi Nira Alamat Jakarta Jakarta Jakarta Tlpn 081xx 081xx 081xx E-mail di@xx di@xx di@xx ni@xx Id Nama Gambar Jml Harga Produk Produk 001 002 003 002 Axioo Acer Compaq Acer # * ! * 1 1 1 1 150 175 2100 175
Bandung 082xx
Normalisasi Kedua (2NF) : Suatu relasi dikatakan sudah memenuhi bentuk Normal Kedua jika relasi tersebut sudah memenuhi bentuk normal kesatu, dan atribut yang bukan key sudah tergantung penuh terhadap keynya. Tabel 3.3 Normalisasi Kedua (2NF)
Id Tgl Jam Status Order Order Order Order 01 02-08 21:30 Lunas 01 01 02 02-08 02-08 03-08 21:30 21:30 10:25 Lunas Lunas Kirim Nama Konsumen Adi Adi Adi Nira Alamat Jakarta Jakarta Jakarta Tlpn 081xx 081xx 081xx E-mail Id Nama Gambar Jml Harga Produk Produk di@xx 001 Axioo # 1 150 di@xx di@xx ni@xx 002 003 002 Acer Compaq Acer * ! * 1 1 1 175 2100 175
Bandung 082xx
Apa beda kedua tabel diatas????? ( memang sama pa kan penjelasan di atas Suatu relasi dikatakan sudah memenuhi bentuk Normal Kedua jika relasi tersebut sudah memenuhi bentuk normal kesatu ) Diagram Ketergantungan Fungsional : Atribut Y pada relasi R dikatakan tergantung fungsional penuh pada atribut X pada relasi R, jika Y tidak tergantung pada subset dari X (bila X adalah key gabungan)
Nama Konsumen Alamat Telephon Id Order E-Mail Status Order Jumlah Jam Order Tgl Order Nama Produk Id Produk Harga Gambar
46
Gambar 3.16 Diagram Ketergantungan Fungsional Normalisasi Ketiga (3NF): Suatu relasi dikatakan sudah memenuhi bentuk Normal Ketiga jika relasi tersebut sudah memenuhi bentuk normal kedua dan atribut bukan key tidak tergantung transitif terhadap keynya. Tabel 3.4 Tabel Orders Detail (3NF)
Id Order 01 01 01 02 Id Produk 001 002 003 002 Jml 1 1 1 1
47
01 02
02-08 03-08
21:30 10:25
Lunas Kirim
Adi Nira
Jakarta
081xx
di@xx ni@xx
Bandung 082xx
3.3.4.1.
Berikut ini penulis uraikan kebutuhan yang diperlukan untuk perancangan Website untuk Penjualan Komputer secara online di Citra Nusantara Computer. Data yang terdapat dalam database ini digunakan sebagai media input dan penyimpanan data serta sebagai media output. Sebagai langkah awal, penulis mempersiapkan database yang berfungsi untuk menampung data produk dalam bentuk tabel-tabel. Adapun tabel-tabel yang dibutuhkan adalah sebagai berikut : a) Tabel produk, untuk menampung data produk, misalnya Modem, Switch, PC Pentium IV, dan Bluetooth. b) Tabel order, untuk menampung data pemesanan dari konsumen, misalnya tanggal pemesanan, Nama Konsumen, Nomor telepon konsumen dan Alamat Konsumen. c) Tabel order_detail, untuk menampung detail dari pemesanan, misalnya Nama produk yang dipesan oleh konsumen dan jumlah produk yang dipesan. 3.3.4.2. Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) merupakan gambaran tentang relasi dari setiap entity atau atribut dari file-file yang digunakan untuk menggabungkan data sehingga dapat dirancang laporan atau input data yang diinginkan.
48 Berikut ini adalah relasi antar tabel-tabel yangterdapat dalam database yang penulis buat :
Tabel produk * id_produk nama_produk harga gambar Tabel orders_detail ** id_produk ** id_orders jumlah Tabel orders * id_orders nama_konsumen alamat_lengkap telepon email status_order tgl_order jam_order
Gambar 3.17. Relasi antar tabel-tabel dalam database Penjualan Online Dan Kardinalitas yang terdapat dalam Tabel tersebut adalah One To Many yang berarti satu tupel pada entitas pertama dapat berhubungan dengan banyak tupel pada entitas kedua, tetapi tidak sebaliknya, dimana setiap tupel pada entitas kedua berhubungan paling banyak satu tupel pada entitas kedua. Pada gambar berikut ini dijelaskan aliran Entity Relationship Diagram (ERD) dari file-file yang dirancang untuk Website Citra Nusantara Computer :
Id Orders Nama Konsumen
Id Produk
Id Produk
Nama Produk
Orders
E-Mail
Orders Detail
Jumlah Harga
Produk
3.3.4.3.
Status
Gambar
Dalam Perancangan Website Penjualan Komputer secara Online di Citra Nusantara Tanggal Order Gambar 3.18 Entity Relationship Diagram (ERD) Computer ini, penulis merancang lima buah tabel dengan struktur masing-masing tabel sebagai berikut :
49 a) Struktur Tabel orders_detail Tabel 3.7. Tabel orders_detail Field Name id_orders id_produk Jumlah b) Struktur Tabel produk Tabel 3.8. Tabel produk Field Name id_produk nama_produk Harga Gambar c) Struktur Tabel orders Tabel 3.9. Tabel Orders Field Name Type id_produk INT nama_konsumen VARCHAR alamat_lengkap TEXT Telepon VARCHAR Email VARCHAR status_order VARCHAR jam_order TIME tgl_order DATE 3.3.5. Perancangan Antarmuka (Interface) Length 5 100 50 50 50 Primary Type INT VARCHAR INT VARCHAR Length 5 100 20 100 Primary Type INT INT INT Length 5 5 10 Primary
Pada Web Citra Nusantara Computer memiliki banyak halaman. Tiap halaman masing-masing memiliki link, yang tiap isi halaman webnya menunjukkan setiap
50 informasi yang berbeda-beda. Berikut beberapa perancangan antarmuka (interface) pada web Citra Nusantara Computer 1. a. Halaman Utama Peta Situs (Sitemap) Halaman Utama
Home
Home
Profil
Cara Pembelian
Produk
Keranjang Belanja
Hubungi Kami
b.
Gambar 3.19 Sitemap Halaman Utama Layout Halaman Utama HEADER MENU NAVIGASI MOTTO + PICTURE KATEGORI
BANNER FEATURE
FOOTER
Halaman Admin
2. a.
Halaman Admin
>> Home
51
MENU NAVIGASI
FEATURE
FOOTER Gambar 3.22 Layout Halaman Admin 3.3.6. Spesifikasi Program (Modul, Kamus Data, Algoritma) 3.3.6.1. Modul Program
52 Website Penjualan Komputer secara Online di Citra Nusantara Computer ini mempunyai Modul sebagai berikut : 1. Master Data a. b. c. 2. Transaksi a. b. Penjualan Ongkos Kirim Kategori Produk Produk Konsumen
3. Laporan a. Master Data, yang meliputi Kategori Produk, Produk, dan Konsumen b. Penjualan Per Barang dengan Detail c. Ongkos Kirim berdasarkan Kota Tujuan 4. Tools a. Profil Perusahaan b. Setting Program c. Contact Us atau Hubungi Kami d. Ganti Password e. Optimasi Data f. Pengosongan Data g. Update Data
3.3.6.2.
Kamus Data = {id_produk + nama_produk + harga + gambar} = {id_orders + nama_konsumen + alamat_lengkap + telepon + e-mail + status_order + tgl_order + jam_order}
Algoritma adalah urutan langkah-langkah bersambung untuk memecahkan masalah logika atau matematika. Adapun Algoritma yang akah penulis bahas antara lain :
Start
a) Menu Utama
Tidak logout
Ya end End
54
Browsing Situs
Melihat Katalog
End
Tidak
Gambar 3.25
Login Ubah DataYaData Rekap Order Data Order Status Konsumen Penjualan Konsumen : Flow Chart End end
Menu Admin