Adapun Penjelasan dari alur metode waterfall ini adalah sebagai berikut :
a. Rekayasa
dan Pemodelan
Pada tahap ini, rekayasa informasi mencakup pengumpulan kebutuhan pada aplikasi yang akan dibangun.
b. Analisis
Kegiatan analisis perangkat lunak meliputi analisis spesifikasi perangkat lunak, analisis lingkungan pengembangan, analisis struktural, dan diagram relasi.
c. Desain
Perancangan perangkat lunak dilakukan berdasarkan hasil analisis kebutuhan perangkat lunak, yang mencakup perancangan arsitektur, perancangan
modul aplikasi, dan perancangan antarmuka.
d. Pembangkitan
Kode
Dalam proses ini, hasil analisis dan desain sistem pada proses sebelumnya diterjemahkan kedalam bentuk mesin, jika desain dilakukan dengan cara yang
lengkap, pembuatan kode dapat dilakukan secara mekanis;
e. Pengujian
Dalam tahap ini akan dilakukan pengujian untuk menguji apakah sistem yang telah dirancang dan diimplementasikan sudah sesuai dengan hasil analisis
yang telah dilakukan;
f. Pemeliharaan
Pemeliharaan dilakukan terhadap kesalahan-kesalahan yang terjadi pada prototipe
perangkat, dokumen teknis perangkat lunak, maupun laporan Tugas Akhir
1.6 Sistematika Penulisan
Sistematika penulisan penelitian ini disusun untuk memberikan gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan tugas akhir ini
adalah sebagai berikut : BAB I Pendahuluan
Menguraikan tentang latar belakang permasalahan, permasalahan yang dihadapi, menentukan maksud dan tujuan, batasan masalah, metodologi
penelitian, serta sistematika penulisan. BAB II Tinjauan Pustaka
Membahas berbagai konsep dasar dan teori-teori singkat sebagai landasan teori yang digunakan sebagai acuan dalam proses pembangunan layanan e-
commerce .
BAB III Analisis dan Perancangan Sistem Pada bab ini akan dilakukan proses menganalisa kebutuhan dan dilakukan
pula proses perancangan layanan e-commerce yang akan dibangun sesuai dengan analisa yang telah dilakukan.
BAB IV Implementasi dan Pengujian Sistem Pada bab ini akan dilakukan proses implementasi dari layanan e-commerce
yang telah dibangun yang berisikan tampilan apliksi dan akan dilakukan proses pengujian.
BAB V Kesimpulan dan Saran Pada bab terakhir ini akan berisikan kesimpulan-kesimpulan dari skripsi
yang dibuat dan terdapat pula saran yang diberikan agar dapat digunakan dimasa mendatang untuk perbaikan layanan e-commerce menjadi lebih baik.
8
BAB II TINJAUAN PUSTAKA
2.1. Tinjauan Perusahaan 2.1.1 Sekilas JAVA Komunika Soreang - Bandung
JAVA Komunika celluler didirikan oleh Dede Darmadi dengan nama JAVA Komunika pada tanggal 15 maret 2005, berlokasi di jl.Raya Soreang
km 9 no.12-13 Soreang Bandung.awalnya JAVA Komunika hanya sebuah toko kecil yang menjual pulsa, perdana dan beberapa handphone saja. tetapi
seiring berjalannya waktu JAVA Komunika dipercaya oleh masyarakat sehingga mempunyai konsumen yang sangat banyak dan memperoleh
keuntungan sangat besar. JAVA Komunika dapat menjadi agen dealer pulsa all operator dan agen handphone terbesar disoreang. java komunika konsisten
dalam menjalankan prinsif kerja yang utama yaitu mengutamakan kenyamanan pelanggannya.
Adapun visi JAVA Komunika yaitu menjadi toko handphone terdepan, terpercaya, dan terbesar di kota bandung, sedangkan misi JAVA Komunika
yaitu mendistribusikan barang elektronik berkualitas dengan harga yang kompetitif. dengan mempertahankan hubugan yang kuat dengan para
pelanggan serta memberikan pelayanan penuh, JAVA Komunika berkembang sampai saat ini.
2.1.2 Struktur Organisasi
Struktur Organisasi adalah suatu susunan dan hubungan antara tiap bagian serta posisi yang ada pada suatu organisasi atau perusahaan dalam
menjalankan kegiatan operasional untuk mencapai tujuan. Struktur Organisasi menggambarkan dengan jelas pemisahan kegiatan pekerjaan antara yang satu
dengan yang lain dan bagaimana hubungan aktivitas dan fungsi dibatasi. Dalam struktur organisasi yang baik harus menjelaskan hubungan wewenang
siapa melapor kepada siapa. Beberapa keuntungan yang dapat diperoleh dari penggunaan bagan
organisasi adalah dapat memperlihatkan karakteristik utama dari suatu perusahaan tersebut, tentang gambaran pekerjaan dan hubungan-hubungan
yang ada didalam perusahaan serta digunakan untuk merumuskan rencana kerja yang ideal sebagai pedoman untuk dapat mengetahui siapa bawahan dan
atasannya,. Struktur keorganisasian pada JAVA Komunika dapat dilihat pada bagan struktur organisasi gambar 2.1 berikut ini :
Gambar 2.1 Struktur organisasi pada JAVA Komunika
2.1.3 Deskripsi Tugas
Definisi tugas digunakan untuk mengetahui tugas, wewenang, tanggung jawab dari masing-masing bagian. Definisi tugas yang ada di JAVA
Komunika adalah sebagai berikut : 1. Pemilik Toko
a. Sebagai pengambil keputusan. b. Sebagai koordinator semua kegiatan yang telah dilaksanakan.
c. Mengevaluasi semua kegiatan yang telah dilaksanakan. d. Menerapkan dan mengesahkan kebijakan yang menyangkut eksistensi
java komunika. e. Melaksanakan pemeriksaan yang meliputi seluruh aspek kegiatan
manajemen keuangan dan operasional agar pengelolaan dapat dilaksanakan secara efektif dan efisien.
2. Bagian Penjualan a. Bagian penjualan yang bertatap muka langsung dengan pelanggan,
b. Menghitung uang hasil penjualan dan bertanggung jawab atas uang yang masuk.
c. Melaporkan hasil penjualan harian. d. Bagian penjualan akan melaporkan kebagian gudang apabila stok
barang di counter kurang atau habis. 3. Bagian Gudang
a. Bertanggung jawab atas pengadaan barang apabila stok barang di bagian penjualan dan di gudang habis.
b. Bertanggung jawab atas barang yang di gudang dan pengiriman barang ke bagian penjualan.
c. Melakukan stock of name tiap hari atas barang yang masuk maupun keluar
d. Pemeliharaan atas barang.
2.2. Landasan Teori 2.2.1. Konsep Dasar Informasi
2.2.1.1. Pengertian Informasi
Informasi adalah hasil pemrosesan, manipulasi dan pengorganisasianpenataan dari sekelompok data yang mempunyai nilai
pengetahuan knowledge bagi penggunanya. Namun demikian istilah ini memiliki banyak arti bergantung pada konteksnya, dan secara umum berhubungan erat
dengan konsep seperti arti, pengetahuan, negentropy, komunikasi, kebenaran, representasi, dan rangsangan mental. Kualitas informasi dapat dipengaruhi oleh
enam hal, yaitu : a. Relevan
b. Akurat c. Tepat waktu
d. Ekonomis e. Efisien
f. Dapat dipercaya
2.2.1.2. Pengertian Sistem
Sistem berasal dari bahasa Latin syst ma dan bahasa Yunani sust ma adalah suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan
bersama untuk memudahkan aliran informasi, materi atau energi.
2.2.1.3. Pengertian Sistem Informasi
Sistem informasi adalah aplikasi komputer untuk mendukung operasi dari suatu organisasi: operasi, instalasi, dan perawatan komputer, perangkat lunak, dan
data. Sistem Informasi Manajemen adalah kunci dari bidang yang menekankan finansial dan personal manajemen.
2.2.2. Pengertian Basis Data dan Sistem Basis Data
Salah satu definisi cukup lengkap dan baik tentang istilah basis data adalah pengertian yang diberikan oleh James Martin 1975 yaitu sebagai berikut :
“ A database may be defined as a collection of interrelated data stored together without harmful or unnecessary redundancy to serve data one or more
applications in an optimal fashion; the data are stored so they are independent of programs with use the data; a common and controlled approach its used in
adding new data and in modifying and retrieving existing data within the database .
Dengan memahami pengertian diatas, maka istilah basis data dapat dipahami sebagai suatu kumpulan data terhubung interrelated data yang
disimpan secara bersama-sama pada suatu media, tanpa mengatap satu sama lain atau tidak perlu suatu kerangkapan data kalaupun ada maka kerangkapan data
tersebut harus seminimal mungkin dan terkontrol, data disimpan dengan cara-cara tertentu sehingga mudah untuk digunakan atau ditampilkan kembali; data dapat
digunakan oleh satu atau lebih program-program aplikasi secara optimal; data disimpan tanpa mengalami ketergantungan dengan program yang akan
menggunakannya; data disimpan sedemikian rupa sehingga proses penambahan, pengambilan dan modifikasi data dapat dilakukan dengan mudah dan terkontrol.
Suatu basis data mempunyai kriteria penting yang harus dipenuhi, yaitu : 1. berorientasi pada data data oriented dan bukan berorientasi pada program
program oriented yang akan menggunakannya. 2. Data dapat digunakan oleh pemakai yang berbeda-beda arau beberapa
program aplikasi tanpa perlu mengubah basis data. 3. Data dalam basis data dapat berkembang dengan mudah dan baik volume
maupun strukturnya. 4. Data yang ada dapat memenuhi kebutuhan sistem-sistem baru secara
mudah. 5. Data dapat digunakan dengan cara yang berbeda-beda.
6. Kerangkapan data data redundancy minimal. Sistem basis data adalah sekumpulan subsistem yang terdiri atas basis data
dengan para pemakai yang menggunakan basis data secara bersama-sama, personal-personal yang merancang dan mengelola basis data, untuk merancang
dan mengelola basis data serta sistem komputer pendukungnya. Sistem basis data mempunyai beberapa elemen penting, yaitu :
1. Basis data sebagai inti dari sistem basis data. 2. Perangkat lunak software untuk perancangan dan pengelolaan basis data.
3. Perangkat keras hardware sebagai pendukung operasi pengelolaan data. 4. Manusia brainware sebagai perangkat atau para spesialis informasi yang
mempunya fungsi sebagai perancangpengelola.
2.2.3. Pemodelan Analisis
Model analisis merupakan representasi teknis yang pertama dari sistem, tetapi saat ini ada yang mendominasi landasan pemodelan analisis. Pertama,
analisis terstruktur adalah metode pemodelan klasik, dan analisis berorientasi objek.
Analisis terstruktur adalah aktivitas pembangunan model. Analisis tersturktur menggunakan notasi yang sesuai dengan prinsip analisis operasional
dapat menciptakan model yang menggambarkan muatan dan aliran informasi, membagi sistem secara fungsional dan secara behavioral, dan menggambarkan
esensi dari apa yang harus dibangun. Entity-relationship Diagram
adalah notasi yang digunakan untuk melakukan aktivitas pemodelan data. Atribut dari masing-masing objek data yang
dituluis pada ERD dapat digambarkan dengan menggunakan deskripsi objek data, sedangkan data flow diagram DFD memberikan informasi tambahan yang
digunakan selama analisis domain informasi dan berfungsi sebagai dasar bagi pemodelan fungsi.
2.2.3.1. Entity-relationship Diagram ERD
Diagram Entity Relationship yang berisi komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan attribute-
attribut yang merepresentasikan seluruh fakta dari dunia nyata yang kita tinjau, dapat digambarkan dengan lebih sistematis dengan menggunakan Diagram Entity
Relationship Diagram E-R. Antar entitas selalu ada tiga hubungan biner, yaitu :
1. Satu ke Satu One To One Relationship Hubungan antara entity pertama dengan entity kedua adalah satu
berbanding satu. 1
1
Gambar 2.2 ERD one to one 2. Satu ke Banyak One To Many
Himpunan entity pertama dapat berhubungan satu atau lebih entity pada himpunan kedua, tetapi tidak sebaliknya.
1 N
Gambar 2.3 ERD one to many 3. Banyak ke Banyak Many To Many
Setiap entity pada himpunan entity pertama dapat berhubungan dengan banyak entity pada himpunan entity kedua, begitu pula sebaliknya.
N N
Gambar 2.4 ERD many to many
Buku Pengarang
Memiliki
Konsumen Barang
Memiliki Kode Buku
Barang Buku
2.2.3.2. Data Flow Diagram DFD
DFD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar dari
sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan interkasi antara data yang tersimpan dan proses yang dikenakan pada data
tersebut. DFD 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 atau dimana
data tersebut akan disimpan. DFD merupakan alat yang digunakan pada metodologi pengembangan
sistem yang terstruktur. Kelebihan utama pendekatan alir data, yaitu : 1. Kejelasan dari menjalankan implementasi teknis sistem.
2. Pemahaman lebih jauh mengenai keterkaitan satu sama lain dalam sistem dan subsistem.
3. Mengkomunikasikan pengetahuan sistem yang ada dengan pengguna melalui diagram alir data.
4. Menganalisis sistem yang diajukan untuk menentukan apakah data-data dan proses yang diperlukan sudah ditetapkan.
DFD terdiri dari context diagram dan diagram rinci DFD leveled, context diagram
berfungsi memetakan model lingkungan menggambarkan hubungan antara entitas luar, masukan dan keluaran sistem, yang
direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem.
DFD leveled menggambarkan sistem jaringan kerja antara fungsi yang berhubungan satu sama lain dengan aliran data penyimpanan data, model ini
hanya memodelkan sistem dari sudut pandang fungsi.
2.2.3.3. Diagram Konteks
Diagram konteks menggambarkan hubungan antara sistem dengan entitas luarnya. Diagram konteks berfungsi sebagai transformasi dari satu proses yang
melakukan transformasi data input menjadi data data output.
2.2.3.4. Flowmap
Flowmap merupakan diagram alir yang menunjukan arus bagi dokumen aliran data fisik, entitas-entitas sistem informasi dan kegiatan operasi yang
berhubungan dengan sistem informasi penggambaran biasanya diawali dengan mengamati dokumen apa yang menjadi media data atau informasidan selanjutnya
ditelusuri bagaimana dokumen tersebut termasuk ke bagian atau entitas mana dokumen tersebut.
2.2.3.5. Data Dictionary DDKamus Data
Merupakan katalog tempat penyimapnan dari elemen-elemen yang berada dalam suatu sistem. Kamus data mempunyai fungsi yang sama dalam
pemodelan sistem dan juga berfungsi membantu pelaku sistem untuk mengerti aplikasi secara detail dan mengorganisasi semua elemen data yang digunakan
dalam sistem sehingga pemakai dan penganalisa sistem punya dasar pengertian yang sama tentang masukan, keluaran, penyimpanan dan proses.
2.2.3.6. Normalisasi
Normalisasi adalah ”suatu teknik yang menstrukturkan data dalam cara- cara tertentu untuk mengurangi atau mencegah timbulnya masalah yang
berhubungan dengan pengolahan data dalam database”. Normalisasi juga dapat diartikan ”proses pengelompokkan data elemen menjadi tabel-tabel yang
menunjukkan entitas dan relasinya. Konsep-konsep pada normalisasi, antara lain :
1. Key field
key attribute kunci atribut yaitu suatu kunci field yang mewakili record tupple.
2. Candidate key
kunci kandidat yaitu saat atribut atau satu set atribut yang mengidentifikasikan secara unik dari suatu entity.
3. Primary key
kunci primer yaitu satu atribut atau satu set atribut yang mengidentifikasi secara unik dan mewakili setiap kejadian pada suatu
entity. 4.
Alternate key kunci alternatif yaitu kunci kandidat yang diapakai sebagai
kunci primer. 5.
Foreign key kunci tamu yaitu satu atribut atau satu set atribut dan
melengkapi hubungan yang menunjukkan ke induknya. Bentuk-bentuk normalisasi, yaitu :
1. Normal satu 1NF First Normal Form relasi berada pada normal kesatu
jika semua atribut mempunyai nilai yang bersifat atomic
2. Normal dua 2NF Second Normal Form relasi berada pada normal
kedua jika relasi tersebut merupakan normal satu dan atribut bukan merupakan kunci tergantung penuh pada kunci primer.
3. Normal tiga 3NF Three Normal Form relasi berada pada normal ketiga
jika relasi tersebut merupakan normal dua dan atribut bukan kunci tidak tergantung secara transitif pada kunci primer.
4. BCNF boyce Codd Normal Form relasi berada pada BCNF jika dan
hanya jiak faktor penentuannya adalah kunci kandidat dan relasi tersebut normal tiga.
2.2.4. E-Commerce
2.2.4.1. Pengertian E-Commerce
Electronic Commerce Perniagaan elektronik, sebagai bagian dari
electronic business bisnis yang dilakukan dengan menggunakan electronic
transmission , secara umum e-commerce dapat didefinisikan sebagai segala
bentuk transaksi perdagangan atau perniagaan barang atau jasa trade of goods and service
dengan mengunakan media elektronik. Sedangkan Onno W.Purbo dan Aang Wahyudi yang mengutip pendapatnya David Baum menyebutkan
bahwa : “e-commerce is a dynamic set of technologies, application, and business
process that link enterprise, consumers, and communities through electronic transaction and the electronic exchange of goods, services and information .
Bahwa e-commerce merupakan suatu set dinamis teknologi, aplikasi dan proses bisnis yang menghubungkan perusahaan, konsumen dan komunitas melalui
transaksi elektronik dan perdagangan barang, pelayanan dan informasi yang dilakukan secara elektronik .
2.2.4.2. Sejarah Singkat E-Commerce
Penerapan electronic commerce bermula di awal tahun 1970-an, dengan adanya inovasi semacam electronic fund transfer EFT. Saat itu tingkat
aplikasinya masih terbatas pada perusahaan-perusahaan besar, lembaga keuangan, dan segelintir perusahaan kecil yang nekat. Lalu muncullah Electronic Data
Interchange EDI, yang berkembang dari transaksi keuangan ke pemrosesan
transaksi lain serta memperbesar jumlah perusahaan yang berperan serta, mulai lembaga-lembaga keuangan, hingga perusahaan manufaktur, ritel, layanan, dan
sebagainya. Aplikasi-aplikasi lain kemudian mulai menyusul, yang memiliki jangkauan dari perdagangan saham hingga sistem reservasi perjalanan. Pada saat
itu sistem tersebut disebut sebagai aplikasi telekomunikasi yang nilai strategisnya sudah dikenal secara umum. Dengan adanya komersialisasi internet di awal tahun
1990-an, serta pesatnya pertumbuhan yang mencapai hingga jutaan pelanggan potensial, maka muncullah istilah electronic ecommerce e-Commerce, yang
aplikasinya segera berkembang pesat. Pusat Riset e-Commerce di Universitas Texas yang mempelajari 2000 perusahaan internet, sektor yang tumbuh paling
cepat adalah e-Commerce, yang naik samapi 72 dari 99,8 milyar menjadi 171,5 milyar. Pada tahun 2002, diatas satu triliun dolar pendapatan dihasilkan
dari internet.
Satu alasan bagi pesatnya perkembangan teknologi tersebut adalah adanya perkembangan jaringan, protokol, perangkat lunak, dan spesifikasi. Alasan lain
adalah meningkatnya persaingan dan berbagai tekanan bisnis lain. Dari tahun 1995 hingga 1999 kita telah menyaksikan berbagai aplikasi
inovatif, mulai iklan hingga kepelelangan dan pengalaman realitas maya. Hampir tiap organisasi menengah dan besar di AS telah memiliki situs web sendiri. Ada
yang sangat besar, misalnya, tahun 1998, General Motors Corporation www.gm.com menawarkan 18.000 halaman informasi yang mencakup 98.000
link ke berbagai produk, layanan, dan dealer-dealernya.
2.2.4.3. Model E-Commerce
2.2.4.3.1. Model
Store Front
Store Front ialah kombinasi proses transaksi, sekuriti, pembayaran secara
online , serta penyimpanan informasi yang memungkinkan para pedagang untuk
menjual dagangannya di internet melalui website. Store front merupakan konsep dasar perdagangan elektronik e-commerce dimana terjadi interaksi penjual dan
pembeli secara langsung.
2.2.4.3.2. Model Lelang
Model lelang berfungsi sebagai forum dimana para pengguna internetneter dapat memasuki web-web tertentu dan berperan sebagai penawar
bidder atau penjual seller.
2.2.4.3.3. Model Portal
Model portal merupakan bentuk lain dalam e-commerce. Portal berisi berbagai informasi meliputi mulai berita politik dan ekonomi, olahraa, teknologi
sampai dengan berita-berita ringan mengenai kehidupan selebriti, gaya hidup, cerita bersambung dan lain-lain.
2.2.4.3.4. Model “
Dynamic Pricing”
Model dynamic pricing atau penetapan harga merupakan model yang mengikuti pola mekanisme bisnis, yaitu bagaimana antara bisnis berlangsung dan
produk-produk diberi harga.
2.2.4.3.5. Model “
Online Trading “
Model “online trading biasanya merupakan perdagangan elektronik
dalam bentuk perdagangan sekuritas. Perdagangan saham secara online dilakukan oleh para broker yang mendapatkan komisi karena jasa para broker dalam
mengatur jalannya perdagangan saham tersebut.
2.2.4.3.6. Model “
Online Loan”
Online loan atau pinjaman secara online merupakan salah satu bisnis
online yang sudah cukup popular. Konsumen saat ini dapat mencari pinjaman
dengan bunga rendah melalui internet.
2.2.4.4. Keuntungan E-Commerce
Keuntungan yang diperoleh dengan menggunakan transaksi melalui e- commerce
bagi suatu perusahaan adalah sebagai berikut : 1. Meningkatkan pendapatan dengan menggunakan online channel yang
biayanya lebih murah. 2. Mengurangi biaya-biaya yang berhubungan dengan kertas, seperti biaya
pos surat, pencetakan, report, dan sebagainya.
3. Mengurangi keterlambatan dengan mengunakan transfer elektronik pembayaran yang tepat waktu dan dapat langsung dicek.
4. Mempercepat pelayanan ke pelanggan, dan pelayanan lebih responsif.
2.2.4.5. Mekanisme E-Commerce
Transaksi elektronik pihak yang menawarkan barang atau jasa melalui internet dengan e-customer, pihak yang membeli barang atau jasa melalui
internet yang terjadi di dunia maya atau di internet pada umumnya berlangsung secara paperless transaction, sedangkan dokumen yang digunakan dalam
transaksi tersebut bukanlah paper document, melainkan dokumen elektronik digital document.
Kontak online dalam e-commerce menurut Santiago Cavanilas dan A.Martines Nadal, seperti yang dikutip oleh Arsyad Sanusi memiliki banyak tipe
dan variasi yaitu: 1. Kontak melalui chatting dan video conference
Chating dan video Conference adalah alat komunikasi yang
disediakan oleh internet yang biasa digunakan untuk dialog interaktif secara langsung. Dengan chatting seseorang dapat berkomunikasi secara
langsung dengan orang lain persis seperti telpon, hanya saja komunikasi lewat chatting ini adalah tulisan atau pernyataan yang terbaca pada
komputer masing-masing. Sesuai dengan namanya, video conference adalah alat untuk berbicara dengan beberapa pihak dengan memiliki
gambar dan mendengar suara secara langsung pihak yang dihubungi dengan alat ini. Dengan demikian melakukan kontrak dengan
menggunakan jasa chatting dan video conference ini dapat dilakukan secara langsung antara beberapa pihak dengan menggunakan sarana
komputer. 2.
Kontak melalui e-mail Kontak melalui e-mail adalah salah satu kontrak on line yang
popular karena pengguna e-mail saat ini sangat banyak dan mendunia dengan biaya yang sangat murah dan waktu yang efisien. Untuk
memperoleh alamat e-mail dapat dilakukan dengan cara mendaftarkan diri kepada penyedia layanan e-mail dapat berupa penawaran yang
dikirimkan kepada seseorang atau kepada banyak orang yang tergabung dalam sebuah mailing list, serta penerimaan dan pemberitahuan
penerimaan yang seluruhnya dikirimkan melalui e-mail di samping itu kontrak e-mail dapat dilakukan dengan penawaran barangnya diberikan
melalui situs web
yang memposting penawaran, sedangkan penerimaanya dilakukan melalui e-mail.
3. Kontak melalui web atau situs Kontrak melalui web dapat dilakukan dengan menggunakan situs
web seorang supplier baik yang berlokasi di server supplier maupun diletakkan pada server pihak ketiga memiliki diskripsi prodak atau jasa
dan satu seri halaman yang bersifat self-contractio, yaitu dapat digunakan untuk membuat kontrak sendiri, yang memungkinkan
pengunjung web untuk memesan produk atau jasa tersebut. Para
konsumen harus menyediakan informasi personal dan harus menyertakan
nomor kartu kredit. Mekanisme transaksi elektronik dengan e-commerce dimulai
dengan adanya penawaran produk tertentu oleh penjual misalnya bertempat kedudukan di USA di suatu website melalui server yang
berada di Indonesia misalnya detik.com. Aplikasi konsumen Indonesia melakukan pembelian, maka konsumen tersebut akan mengisi order mail
yang telah disediakan oleh pihak penjualan. Selanjutnya cara pembayaran yang dapat dilakukan oleh konsumen tersebut dapat
memilih dengan: 1.
Transaksi model ATM 2.
Pembayaran langsung antar dua pihak yang bertransaksi tanpa perantara
3. Dengan perantaraan pihak ketiga
4. Dengan micropayment
5. Dengan anonymous digital cash
Dewasa ini lembaga-lembaga pembiayaan, seperti visa dan mastercard,
telah mengembangkan sistem pembayaran dengan Secure Electronic Transaction
SET. Dengan sistem ini transaksi akan melibatkan lembaga CA Certificate of Autenticity dan paymen gateway.
Pada intinya mekanisme pembayaran dengan menggunakan SET ini melibatkan beberapa pihak yaitu:
1. Issure
, yaitu institusi financial yanjg mengeluarkan kartu bank 2.
Cardholder, yaitu konsumen yang telah terdaftar di issuer
3. Merchant,
yaitu penjual barang atau jasa atau informasi 4.
Arquirer, yaitu institusi finansial
yang menyediakan pelayanan untuk memproses transaksi ke bank
5. CA,
yaitu lembaga yang memiliki otoritas untuk mengeluarkan sertifikat digital
Apabila proses pembayaran tersebut telah diotoritas, maka proses selanjutnya adalah pengiriman barang. Cara pengiriman barang tersebut
disediakan dengan macam produk yang diperdagangkan. Untuk produk yang berupa barang-barang berwujud, maka pengirimannya dilakukan
melalui pengiriman biasa, sedangkan untuk barang-barang tak berwujud seperti jasa, software atau produkdigital lainnya maka pengiriman melalui
proses download. Dalam proses terjadinya e-commerce, menurut Julian Ding
sebagaimana dikutip oleh Marian Darus Badrulzalam menentukan bahwa:”A contract is struck when two or more persons agree to a certain
course of conduct . Maksudnya, kontrak adalah sebagai pertemuan dalam
dua atau lebih pihak setuju melakukan tindakan tertentu, sehingga pada saat itulah kesepakatan tercepat.
2.2.4.6. Karakteristik
E-Commerce
Berbeda dengan transaksi perdagangan biasa, transaksi e-commerce memiliki beberapa karakteristik yang sangat khusus, yaitu:
1. Transaksi tanpa batas
Sebelum era internet, batas-batas geografi menjadi penghalang suatu perusahaan atau individu yang ingin go-internasional. Sehingga,
hanya perusahaan atau individu dengan modal besar yang dapat memasarkan produknya secara internasional.
2. Transaksi Anonim
Para penjual dan pembeli dalam transaksi melalui internet tidak harus bertemu muka satu sama lainnya. Penjual tidak memerlukan
nama dari pembeli sepanjang pembayaran telah diotorisasi oleh penyedia sistem pembayaran yang ditentukan,yang biasanya dengan
kartu kredit. 3.
Produk digital dan non digital Produk-produk seperti software komputer, musik dan produk lain
yang bersifat digital dapat dipasarkan melalui internet dengan cara mendownload secara elektronik. Dalam perkembangannya obyek yang
ditawarkan melalui internet juga meliputi barang-barang kebutuhan hidup lainnya.
4. Produk barang tak berwujud
Banyak perusahaan yang bergerak dibidang e-commerce dengan menawarkan barang tak berwujud seperti data, software dan ide-ide
yang dijual melalui internet.
2.2.5. Internet 2.2.5.1. Pengertian Internet
Internet merupakan suatu jaringan komputer global yang menghubungkan jaringan privat dan public untuk berbagi informasi antar
lembagapendidikan, penelitian, pemerintahan, bisnis,masyarakat umum dan
Standar komunikasi yang berbasis protokolTCPIP. Saat ini berorientasi Web Mulai digunakan untuk komersial sejak tahun1995. Dikenal sebagai basis
foundation dari “New Digital Networked Economy” Karena sangat esensial, di Amerika Serikat banyak inisiatif yang dimotori oleh pemerintah untuk menjamin
dominasi Amerika di bidang ekonomi baru ini Bandung High Tech Valley BHTV, salah satu inisiatif di Indonesia Di negara lain, perkembangannya
eksponensial.
2.2.5.2. Sejarah Internet
Sejarah intenet dimulai pada 1969 ketika Departemen Pertahanan Amerika, U.S. Defense Advanced Research Projects Agency DARPA
memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan sejumlah komputer sehingga membentuk jaringan organik. Program riset ini
dikenal dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang
berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan.
Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu
mudah sehingga langsung menjadi populer. Pada tahun yang sama, icon juga diperkenalkan sebagai lambang penting yang menunjukkan at atau pada.
Tahun 1973, jaringan komputer ARPANET mulai dikembangkan ke luar Amerika Serikat. Komputer University College di London merupakan komputer pertama
yang ada di luar Amerika yang menjadi anggota jaringan Arpanet. Pada tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn
mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di Universitas
Sussex. Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu
Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment di Malvern. Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di
ARPANET membentuk sebuah jaringan atau network. Pada 1979, Tom Truscott, Jim Ellis dan Steve Bellovin, menciptakan newsgroups pertama yang diberi nama
USENET. Tahun 1981 France Telecom menciptakan gebrakan dengan meluncurkan telpon televisi pertama, dimana orang bisa saling menelpon sambil
berhubungan dengan video link. Karena komputer yang membentuk jaringan semakin hari semakin
banyak, maka dibutuhkan sebuah protokol resmi yang diakui oleh semua jaringan.
Pada tahun 1982 dibentuk Transmission Control Protocol atau TCP dan Internet Protokol atau IP yang kita kenal semua. Sementara itu di Eropa muncul jaringan
komputer tandingan yang dikenal dengan Eunet, yang menyediakan jasa jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan
Eunet menyediakan jasa e-mail dan newsgroup USENET. Untuk menyeragamkan alamat di jaringan komputer yang ada, maka
pada tahun 1984 diperkenalkan sistem nama domain, yang kini kita kenal dengan DNS atau Domain Name System. Komputer yang tersambung dengan jaringan
yang ada sudah melebihi 1000 komputer lebih. Pada 1987 jumlah komputer yang tersambung ke jaringan melonjak 10 kali lipat manjadi 10.000 lebih.
Tahun 1988, Jarko Oikarinen dari Finland menemukan dan sekaligus memperkenalkan IRC atau Internet Relay Chat. Setahun kemudian, jumlah
komputer yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun. Tak kurang dari 100.000 komputer kini membentuk sebuah jaringan. Tahun 1990
adalah tahun yang paling bersejarah, ketika Tim Berners Lee menemukan program editor dan browser yang bisa menjelajah antara satu komputer dengan
komputer yang lainnya, yang membentuk jaringan itu. Program inilah yang disebut www, atau Worl Wide Web.
Tahun 1992, komputer yang saling tersambung membentuk jaringan sudah melampaui sejuta komputer, dan di tahun yang sama muncul istilah surfing
the internet. Tahun 1994, situs internet telah tumbuh menjadi 3000 alamat halaman, dan untuk pertama kalinya virtual-shopping atau e-retail muncul di
internet. Dunia langsung berubah. Di tahun yang sama Yahoo didirikan, yang juga sekaligus kelahiran Netscape Navigator 1.0.
2.2.6. Personal Home Page PHP
2.2.6.1. Sekilas PHP
PHP dibuat oleh Rasmus Lerdorf pada tahun 1994, pada awalnya tidak untuk didistribusikan dan hanya digunakan pada homepage pribadinya. Pada
tahun 1995 dikeluarkan versi pertama yang dapat digunakan leh umum dengan nama personal home page tools. Ditulis kembali pada pertengahan 1995 dan
diberi nama sebagai PHPF1 version 2. F1 berasal dari paket Rasmus yang mana merupakan html interpreter untuk data form. Pada hasil kombinasi tersebut juga
ditambah dukungan SQL. PHPF1 terus berkembang dan banyak orang mulai memberikan kontribusi dalam pengembangannya.
Pada tahun 1996 PHPF1 diperkirakan telah digunakan 15.000 situs web dunia, dan pada pertengahan 1997 jumlah ini berkembang melebihi 50.000. pada
pertengahan 1997 juga terjadi perubahan pada PHP dimana berubah menjadi proyek yang didukung oleh team yang lebih terorganisasi. Parsernya ditulis ulang
oleh Zeev Suraski dan Andi Gutmans dan parser baru inilah yang membentuk basis untuk PHP versi 3. Banyak kode utility telah selesai ditulis kembali.
PHP seperti kita ketahui ialah bahasa pemrograman berbasis web. Bahasa ini mempunyai kelebihan yaitu kompabilitasnya dengan berbagai macam
jenis database ,dukungan dengan berbagai macam jenis sistem operasi.
2.2.6.2. Kelebihan PHP
Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar,
padahal situs tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauhketinggalan jaman sehingga sebagian besar designer web banyak
beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP. Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun
kekuatanyang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah
Oracle, MySQL , Sybase, PostgreSQL, dan lainnya. PHP dapat berjalan di berbagai system operasi seperti windows 98NT, UNIXLINUX, solaris maupun
macintosh. Software ini juga dapat berjalan pada web server seperti PWS Personal
Web Server, Apache, 2S, AOLServer, fhttpd, phttpd dan sebagainya. PHP juga merupakan bahasa pemograman yang dapat kita kembangkan sendiri seperti untuk
menambah fungsi-fungsi baru. Keunggulan lainnya dari PHP adalah bahwa PHP juga mendukung komunikasi dengan layanan seperti protocol IMAP, SNMP,
NNTP, POP3 dan bahkan HTTP. PHP dapat d2nstal sebagai bagian atau modul dari apache web server atau sebagai CGI script yang mandiri.
Banyak keuntungan yang dapat diperoleh jika menggunakan PHP sebagai modul dari apache, di antaranya adalah :
1. Tingkat keamanan yang cukup tinggi
2. Waktu eksekusi yang lebih cepat dibandingkan dengan bahasa pemograman
web lainnya yang berorientasi pada server-side scripting. 3.
Akses ke system database yang lebih fleksibel. seperti MySQL.
2.2.7. Apache Webserver
Web server merupakan server internet yang mampu melayani koneksi transfer data dalam protocol HTTP. Web server merupakan hal yang terpenting
dari server di internet dibandingkan server lainnya seperti e-mail server, ftp server ataupun news server. Hal ini disebabkan web server telah dirancang untuk dapat
melayani beragam jenis data, dari text sampai grafis 3 dimensi. Kemampuan ini telah menyebabkan berbagai institusi seperti universitas maupun perusahaan dapat
menerima kehadirannya dan juga sekaligus menggunakannya sebagai sarana di internet.
Web server juga dapat menggabungkan dengan dunia mobile wireless internet atau yang sering disebut sebagai WAP Wireless Access Protocol, yang
banyak digunakan sebagai sarana handphone yang memiliki fitur WAP. Dalam kondisi ini, webserver tidak lagi melayani data file HTML tetapi telah melayani
WML Wireless Markup Language. Salah satu software yang biasa digunakan oleh banyak web master di
dunia adalah apache. Software tersebut dapat kita download secara gratis dari web resmi apache, yaitu http:www.apache.org. Dalam Penggunaannya Apache
merupakan software open source yang sekarang ini sudah merebut pasar dunia lebih dari 50. Web server ini fleksibel terhadap berbagai system operasi seperti
windows9xNT ataupun unixlinux. Apache merupakan turunan dari webserver yang dikeluarkan oleh NCSA yaitu NCSA HTTPd pada sekitar tahun 1995.
Kelebihan web server Apache : a.
Freeware software gratisan b.
Mudah d2nstall. c.
Mampu beroperasi pada berbagai platform sistem operasi . d.
Mudah mengkonfigurasinya. e.
Apache Web server mudah dalam menambahkan periferal lainnya ke dalam platform web servernya, misalnya : untuk menambahkan modul,
cukup hanya menset file konfigurasinya agar mengikutsertakan modul itu ke dalam kumpulan modul lain yang sudah dioperasikan.
2.2.8. MySQL Database
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL bahasa Inggris: database management system atau DBMS yang multithread,
multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General
Public License GPL, tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.
Terdapat beberapa API tersedia yang memungkinkan aplikasi-aplikasi komputer yang ditulis dalam berbagai bahasa pemrograman untuk dapat
mengakses basis data MySQL antara lain: bahasa pemrograman C, C++, C, bahasa pemrograman Eiffel, bahasa pemrograman Smalltalk, bahasa
pemrograman Java, bahasa pemrograman Lisp, Perl, PHP, bahasa pemrograman
Python, Ruby, REALbasic dan Tcl. Sebuah antarmuka ODBC memanggil MyODBC yang memungkinkan setiap bahasa pemrograman yang mendukung
ODBC untuk berkomunikasi dengan basis data MySQL. Kebanyakan kode sumber MySQL dalam ANSI C.
MySQL sangat populer dalam aplikasi web seperti PHP-Nuke yang berfungsi sebagai komponen basis data dalam LAMP. Popularitas sebagai aplikasi
web dikarenakan kedekatannya dengan popularitas PHP, sehingga seringkali disebut sebagai Dynamic Duo.
Untuk melakukan administrasi dalam basis data MySQL, dapat menggunakan modul yang sudah termasuk yaitu command-line perintah: mysql
dan mysqladmin. Juga dapat diunduh dari situs MySQL yaitu sebuah modul berbasis grafik GUI: MySQL Administrator dan MySQL Query Browser. Selain
itu terdapat juga sebuah perangkat lunak gratis untuk administrasi basis data MySQL berbasis web yang sangat populer yaitu phpMyAdmin. Untuk perangkat
lunak untuk administrasi basis data MySQL yang dijual secara komersial antara lain: MySQL front, Navicat dan EMS SQL Manager for MySQL.
2.2.9. Adobe Dreamweaver CS 4
Adobe dreamweaver Cs 4 adalah HTML editor profesional yang berfungsi
mendesain, melakukan coding dan mengembangkan website yang paling terkenal di dunia web. Macromedia adalah produsen software website yang paling besar di
dunia. Selain dreamweaver, macromedia juga mengeluarkan produk seperti macromedia flash, fireworks, coldfusion, freehand, director
dan sebagainya.
Salah satu kelebihan dreamweaver adalah ruang kerja dreamweaver beserta tool yang tersedia dapat digunkan dengan sangar mudah dan cepat,
sehingga anda bias membangun suatu website dengan cepat dan tanpa harus melakukan coding. Selain itu dreamweaver juga mempunyai integrasi dengan
produk macromedia lainnya, seperti Flash, Firework, flash sudah sengat terkenal sebagai program untuk membuat animasi yang berbasis web. Dengan
perkembangan kebutuhan dan teknologi, flash akhir-akhir juga digunakan untuk membuat animasi untuk video.
Fungsi coding dreamweaver tidak hanya mendukung coding HTML, tetapi juga CSS cascading style sheet,
javascript , coldfusion, ASPactive server
page , JSP javaserver Pages dan dreamweaver juga memungkinkan anda
membangun website dengan server berbahasa CFML Cold Fusion markup language
, ASP.net, JSP dan PHP.
37
BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1. Analisis Sistem
Analisis sistem merupakan penguraian dari suatu sistem yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan
dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan
sehingga dapat diusulkan perbaikan-perbaikannya. Hal-hal yang akan dianalisis pada tahap analisis sistem ini adalah analisis masalah, solusi masalah, analisis
prosedur sistem yang sedang berjalan, analisis basis data, analisis fungsional dan analisis kebutuhan non-fungsional.
3.1.1. Analisis Masalah
Ada beberapa permasalahan yang dihadapi didalam sistem yang sedang berjalan saat ini diantaranya:
1. Pemberian informasi kepada konsumen dirasakan kurang efektif sehingga konsumen belum tentu mendapatkan informasi secara lengkap.
2. Sistem pembayaran yang digunakan hanya dengan money cash, sehingga dirasakan tidak fleksible. Dan bagi konsumen yang ingin melakukan
transaksi dalam jumlah besar, harus membawa uang cash yang cukup besar.
3. Sistem yang berjalan saat ini masih konvensional dengan sistem transaksi barang secara langsung menghabiskan waktu dan biaya yang cukup
banyak. 4. Tidak adanya media promosi JAVA Komunika.
3.1.2. Solusi Masalah
Dari permasalahan-permasalahan diatas, penulis berniat untuk membuat sistem promosi dan penjualan secara online. Dalam sistem ini, konsumen dapat
melihat informasi barang dan dapat melakukan pemesanan secara online. Selain itu, Dengan sistem ini juga dapat menyelesaikan permasalahan promosi di JAVA
Komunika.
3.1.3. Software Requirement SpecificationSRS
A. Super administrator
1. Login Menu ini digunakan untuk masuk kedalam sistem agar dapat melakukan
pengolahan data administrator. 2. Menambah administrator
Menu ini digunakan untuk menambah data administrator. 3. Melihat data administrator
Menu ini digunakan untuk melihat dan mengubah administrator.
B. Administrator
1. Login
Menu ini digunakan untuk masuk kedalam sistem agar dapat melakukan pengolahan data master dan data transaksi.
2. Menambah data barang
Menu ini digunakan untuk menambah data barang. 3.
Melihat data barang Menu ini digunakan untuk melihat, mengubah, dan menghapus data
barang 4.
Menambah data kategori Menu ini digunakan untuk menambah data kategori.
5. Melihat data kategori
Menu ini digunakan untuk melihat, mengubah, dan menghapus data kategori.
6. Menambah kota
Menu ini digunakan untuk menambah data kota. 7.
Melihat data kota Menu ini digunakan untuk melihat, mengubah, dan menghapus data
kota 8.
Melihat data pesanan Menu ini digunakan untuk melihat, mengubah status pesanan, dan
penyesuaian data detail pesanan. 9.
Logout Menu ini digunakan untuk keluar dari sistem
C. Konsumen
1. Login
Menu ini digunakan untuk masuk kedalam sistem agar dapat melakukan transaksi.
2. Melihat data barang
Informasi barang yang ditawarkan di toko JAVA Komunika. 3.
Melihat menu profil Menu ini digunakan untuk melihat profil perusahaan.
4. Melihat menu kontak
Menu ini digunakan untuk menghubungi pihak JAVA Komunika. 5.
Melihat menu cara pemesanan Menu ini digunakan untuk melihat cara memesan barang.
6. Melihat menu shopping cart
Menu ini digunakan untuk melihat data barang yang sudah dipesan. 7.
Melihat menu history Menu ini digunakan untuk melihat data pesanan.
8. Melihat lupa password
Menu ini digunakan untuk mereset password. 9.
Logout Menu ini digunakan untuk keluar dari sistem.
D. Pengunjung
1. Melihat data barang
Informasi barang yang ditawarkan di JAVA Komunika 2.
Melakukan registrasi Tahap yang harus dilakukan untuk dapat melakukan transaksi
pemesanan barang. 3.
Melihat menu kontak Menu ini digunakan untuk menghubungi pihak JAVA Komunika.
4. Melihat menu profil
Menu ini digunakan untuk melihat profil perusahaan 5.
Melihat menu cara pemesanan Menu ini digunakan untuk melihat cara memesan barang.
3.1.4. Analisis Prosedur Sistem Yang Sedang Berjalan
Prosedur adalah kumpulan dari proses dalam suatu sistem yang saling terkait antara satu dengan yang lainnya untuk mencapai tujuan yang telah
diterapkan. Sistem yang ada saat ini memiliki dua prosedur yaitu prosedur penjualan barang dan prosedur pembuatan laporan.
3.1.4.1. Prosedur Penjualan
Prosedur penjualan barang pada JAVA Komunika saat ini terdiri dari beberapa urutan proses Gambar 3.1, sebagai berikut :
a. Konsumen memberikan daftar barang yang akan dibeli. b. Kasir melakukan pengecekan persediaan barang di buku stok barang,
jika barang yang di inginkan tersedia maka akan dilanjutkan dengan
pembuatan kwitansi, jika tidak tersedia maka daftar barang yang tidak tersedia akan diberikan kembali kepada konsumen.
c. Kasir melakukan pembuatan kwitansi penjualan rangkap 2, 1 kwitansi diberikan kepada konsumen, 1 kwitansi disimpan di kasir untuk
pengurangan daftar barang tersedia dan pencatatan data penjualan. d. Kasir mencatat data penjualan kedalam buku penjualan.
Gambar 3.1 Flowmap prosedur penjualan barang Keterangan :
A2 : Arsip buku stock barang A3 : Arsip daftar barang yang tersedia
A4 : Arsip transaksi untuk kasir
A5 : Arsip buku penjualan
3.1.4.2. Prosedur Pembuatan Laporan
Prosedur pembuatan laporan pada JAVA Komunika saat ini terdiri dari beberapa urutan proses Gambar 3.2, sebagai berikut :
a. Bagian gudang menyerahkan data stok barang yang ada digudang kepada kepala toko untuk ditandatangi.
b. Bagian penjualan menyerahkan buku laporan penjualan kepada kepala toko untuk ditandatangi.
c. Pemilik toko melakukan pengecekan kemudian menandatanganinya.
Gambar 3.2 Flowmap prosedur pembuatan laporan Keterangan :
A2 : Arsip buku stock barang A5 : Arsip buku penjualan
A6 : Arsip laporan penjualan yang telah ditandatangani
A7 : Arsip laporan data barang yang telah ditandatangani
3.1.5. Analisis Non Fungsional dan Kebutuhan Fungsional.
Analisis kebutuhan non fungsional sendiri merupakan analisis yang
dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Analisis kebutuhan
non fungsional juga menentukan spesifikasi inputan yang diperlukan sistem, output yang akan dihasilkan sistem dan proses yang dibutuhkan untuk mengolah
inputan dan akhirnya didapatlah suatu output yang dikendaki. Kebutuhan non- fungsional terbagi menjadi beberapa analisis yaitu analisis perangkat keras,
perangkat lunak dan analisis pengguna.
3.1.5.1. Perangkat Keras
Spesifikasi perangkat keras yang digunakan untuk server di JAVA Komunika minimumnya adalah sebagai berikut :
a. Hardisk menggunakan kapasitas 40 GB b. Memory menggunakan 256 MB
c. Monitor 15’ d. Keyboard dan mouse
e. Processor dengan kecepatan 2.13 GHz
Spesifikasi perangkat keras minimal yang dibutuhkan untuk pengunjung adalah :
a. Harddisk dengan kapasitas 10 GB b. Memory dengan kapasitas 64 MB
c. Monitor 15’ d. Keyboard dan mouse
e. Processor dengan kecepatan minimal 1 GHz
3.1.5.2. Analisis Perangkat Lunak
Perangkat lunak yang akan digunakan untuk pembangunan aplikasi
JAVA Komunika adalah sebagai berikut: a. PHP sebagai bahasa pemrograman
b. Sistem Operasi Windows XP c. Apache sebagai web server.
d.
Adobe Dreamw eaver CS 4
e. Microsoft Visio 2003 f. MySQL yang digunakan sebagai Database Management System DBMS.
g. Web browser Mozilla Firefox.
3.1.5.3. Analisis Pengguna
Aplikasi ini akan digunakan oleh empat jenis pengguna, yaitu super administrator, administrator, konsumen dan pengunjung.
Tabel 3.1 Karakteristik pengguna aplikasi e-commerce JAVA Komunika Pengguna
Super Administrator
Administrator Konsumen
Pengunjung
Tanggung Jawab
Mentukan administrator
Mengawasi penjualan yang
berlangsung Melakukan
transaksi pembelian
Hanya dapat melihat produk tetapi tidak
dapat melakukan transaksi pembelian
Hak Akses
Memanipulasi data
update, tambah Memanipulasi
data update, tambah, hapus
Melakukan transaksi
pembelian Hanya dapat melihat
produk tetapi tidak dapat melakukan
transaksi pembelian
Tingkat Pendidikan
Lulus SMA Lulus
SMA Lulus
SMA Biasanya yang
mengakses internet minimal SMP
Tingkat Keterampilan
Mengerti kinerja komputer dan
internet Mengerti kinerja
komputer dan internet
Mengenal internet dan
mengeti berbisnis
online Mengenal internet
Pengalaman Pelatihan Komputer
Pelatihan Komputer
- -
Jenis Pelatihan Pelatihan
Komputer Pelatihan
Komputer -
-
User yang akan menggunakan aplikasi yang akan dibangun ini terdiri dari
empat bagian, dengan asumsi pengguna yang sudah terbiasa menggunakan sistem barbasis window dan mengenal internet, empat bagian pengguna sistem ini yaitu :
1. Super Administrator
Super Administrator adalah bagian pengguna sistem yang dapat menentukan
administrator.
2. Administrator
Administrator adalah bagian pengguna sistem yang memiliki akses penuh
terhadap aplikasi, memasukkan data barang, data kategori, data kota, dan data transaksi.
3. Konsumen
Konsumen adalah bagian pengguna sistem yang dapat melihat barang, mencari data barang yang diinginkan, dan dapat melakukan transaksi
pembelian atas barang tersebut. Konsumen ini adalah semua pengunjung yang telah menjadi member, atau yang telah login daftar terlebih dahulu.
4. Pengunjung
Pengunjung adalah bagian pengguna sistem yang hanya dapat melihat barang tetapi tidak dapat melakukan transaksi pembelian. Pengunjung ini adalah
semua orang yang telah masuk ke website JAVA Komunika.
3.1.6. Analisis Basis Data
Basis data merupakan kumpulan data terhubung interelated data yang disimpan secara bersama-sama pada suatu media, tanpa mengatap satu sama lain
atau tidak perlu suatu kerangkapan data kalaupun ada maka kerangkapan data
data tersebut harus seminimal mungkin dan terkontrol, data disimpan dengan ciri- ciri tertentu sehingga mudah untuk digunakan atau ditampilkan kembali, data
dapat digunakan oleh satu atau lebih program-program aplikasi secara optimal, data disimpan tanpa mengalami ketergantungan dengan program yang akan
menggunakannya, data disimpan sedimikian rupa sehingga proses penambahan
jenis, pengambilan dan modifikasi data dapat dilakukan dengan mudah.
Basis data dapat digambarkan dengan menggunakan Entity Relationship Diagram
ERD. Entity Relationship Diagram
ERD yang ada pada sistem di JAVA Komunika dapat dilihat pada gambar 3.3
Administrator Mengelola
N 1
Kategori Memiliki
Barang Konsumen
Dipesan
Detail_Pesanan Memiliki
Kota Mengelola
Memiliki
N 1
1
N N
N 1
N 1
N Id_administator
nama_kategori Id_barang
Id_konsumen
Id_pesanan Id_pesanan
nama_kota
Memiliki 1
N Mengelola
N N
Super Administrator
Mengelola IS A
N User
Pembayaran Id_pesanan
Bank Nama_bank
Mengelola
Feature Memiliki
Mengelola 1
N 1
N
Id_feature 1
1 N
1 N
1
Detail_Feature Memiliki
1 N
Id_detail_feature Provinsi
memiliki Id_provinsi
Gambar 3.3 ERD pada sistem aplikasi JAVA Komunika Keterangan:
Konsumen = { Username + password + email +nama + alamat +kota + telepon } Administrator = { Username_admin + password+status_admin+hakakses }
Barang = { id_barang+nama_barang+gambar+kategori+harga+keterangan+
nama_feature} Kategori = { Nama_kategori+keterangan+ username_admin }
Kota = { Nama_kota + harga + username ,id_provinsi} Provinsi={id_provinsi,nama_provinsi}
Bank = { Nama_bank + keterangan + username_admin } Feature = {
id_feature
+ nama_feature + keterangan+username_admin} Detail_Feature = {
id_detail_feature
+ nama_feature + spesifikasi} Pesanan = {
Id_pesanan+tgl_pesan+nama_kirim+alamat_kirim+ total_bayar+total_dibayar+status+tgl_bayar+tgl_akhir_bayar+tgl_kirim+
username } Pembayaran = {id_pesanan, tgl_bayar, total_bayar, nama_bank}
Detail_Pesanan = { Id_pesanan+ Id_barang+jumlah+harga }
3.1.7. Analisis Kebutuhan Fungsional
Kebutuhan Fungsional merupakan tahap aliran informasi yang meliputi diagram konteks dan aliran informasi yang di repsesentasikan dengan
menggunakan data flow diagram DFD.
3.1.7.1. Diagram Konteks
Diagram Konteks menjelaskan hubungan dari entitas-entitas yang ada dalam sistem. Diagram konteks pada sistem aplikasi JAVA Komunika dapat
dilihat pada gambar 3.4
Gambar 3.4 Diagram konteks
3.1.7.2. Data Flow Diagram DFD
Data Flow Diagram merupakan suatu media yang digunakan untuk
menggambarkan aliran data yang mengalir pada suatu sistem informasi. Berikut data flow diagram
selengkapnya :
Gambar 3.5 DFD level 1
Gambar 3.6 DFD level 2 proses 1. login
2.5 Pengolahan
Detail pesanan 2.4
Pengolahan Data pesanan
2.3 Pengolahan
Data kota Administrator
Detail pesanan Pesanan
Kota Data kota
Info Data kota
Data pesanan Data konsumen
Data barang Data Pembayaran
Info Data pesanan Info Data konsumen
Info Data barang Info Data pembayaran
Info Detail pesanan Info Data kota
Data kota
Info Data pesanan Data pesanan
Info Detail pesanan Detail pesanan
2.1 Pengolahan
Data barang Barang
Data barang Info Data barang
Data barang Data Kategori
Data feature Info Data barang
Info Data Kategori Info Data feature
Detail pesanan 2.2
Pengolahan Data kategori
Data kategori Info Data kategori
Kategori Info Data kategori
Data kategori Data Kategori
Info Data Kategori
Data barang Info Data barang
Konsumen Data Konsumen
Info Data Konsumen
Data pesanan Info Data pesanan
Pembayaran Data Pembayaran
Info Data Pembayaran Feature
Data feature Info Data feature
Detail_Feature Data detail feature
Info Data detail feature 2.6
Pengolahan Data feature
Data feature Info Data feature
Data feature Info Data feature
2.7 Pengolahan
Data feature Data detail feature
Info Data detail feature
Data detail feature Info Data detail feature
Gambar 3.7 DFD level 2 proses 2. pengolahan data master
3.1 Pilih barang
3.2 Ubah
detail_pesanan
3.3 Isi data
pembayaran 3.4
Bayar Konsumen
pesanan request barang
info data barang
Data detail_pesanan
Data pembayaran Data pembayaran
Info data pembayaran Data pesanan
Detail_pesanan Data detail_pesanan
Info data pesanan
Info data detail_pesanan Data detail_pesanan
info data barang
Info data detail_pesanan Data barang
Info Data pembayaran Data pembayaran
Barang Data barang
info data barang
Data detail_pesanan Info Data detail_pesanan
Pembayaran Info Data pembayaran
Data pembayaran Bank
Info Data bank Data bank
Gambar 3.8 DFD level 2 proses 3. transaksi
Gambar 3.9 DFD level 2 proses 2.1. pengolahan data barang
Gambar 3.10 DFD level 2 proses 2.2. pengolahan data kategori
Gambar 3.11 DFD level 2 proses 2.3. pengolahan data kota
2.4.1 Perubahan
Status
2.4.2 Konfirmasi
Email administrator
Pesanan Status pesanan
Data Pembayaran Info Status pesanan
Info Data Pembayaran Status pesanan
Info Status pesanan
Status pesanan Status pesanan
Status pesanan
Info Status pesanan Pembayaran
Data Pembayaran Info Data Pembayaran
Gambar 3.12 DFD level 2 proses 2.4. pengolahan data pesanan
Gambar 3.13 DFD level 2 proses 2.6. pengolahan data feature
Gambar 3.14 DFD level 2 proses 2.7. pengolahan data detail feature
Gambar 3.15 DFD level 2 proses 3.4. pengolahan data bayar
Gambar 3.16 DFD level 2 proses 2.4.1. perubahan status
Gambar 3.17 DFD level 2 proses 6. pengolahan data administrator
3.1.8. Spesifikasi Proses
Spesifikasi proses bertujuan untuk mendeskripsikan dari setiap fungsi yang disajikan pada diagram alir data. Spesifikasi proses pada alir data sistem
aplikasi JAVA Komunika adalah : Tabel 3.2 Spesifikasi proses
No Proses Keterangan
1 No.Proses
7 Nama
proses Registrasi
Source Pengunjung
Input Data Pengunjung
Output Info Data Konsumen
Destination Pengunjung
Logika proses
1. Pengunjung memilih menu registrasi. 2. Sistem akan menampilkan form registrasi.
3. Pengunjung mengisi data konsumen. 4. Apabila data yang tidak valid pengunjung harus
mengisi kembali data yang tidak valid. 5. Apabila data valid maka sistem akan
menyimpan data tersebut.
2 No.Proses
1.1 Nama
proses Verifikasi
Username Source
Konsumen, Administrator, Super Administrator Input
Data Login Konsumen, Data Login Administator, Data Login Super Administator
Output Info login Invalid
Destination Konsumen, Administrator, Super Administator
Logika proses
1. Administrator, Konsumen, Super Administator memasukkan data login
2. Apabila username yang diinputkan benar maka username
valid. 3. Apabila username yang diinputkan tidak benar
maka akan ada informasi login invalid.
3 No.Proses
1.2 Nama
proses Verifikasi password
Source Konsumen, Administrator, Super Administator
Input Data Login Konsumen, Data Login Administator,
Data Login Super Administator Output
Info login Invalid Destination
Konsumen, Administrator, Super Administator Logika
proses 1. Administrator, Konsumen, Super Administator
memasukkan data login 2. Apabila password yang diinputkan benar maka
password valid.
3. Apabila password yang diinputkan tidak benar maka akan ada informasi login invalid.
4 No.Proses
1.3 Nama
proses Lupa
Password Source
Konsumen Input
Data Konsumen Output
Info data konsumen Destination
Konsumen Logika
proses 1. Konsumen memasukkan data konsumen
2. Sistem akan mereset password dan mengirimkannya ke email.
3. Konsumen akan memasukan password baru dan sistem akan menyimpannya.
5 No.Proses
3.1 Nama
proses Pilih
Barang Source
Konsumen Input
Data barang, request data barang Output
info data barang destination
- Logika
proses 1. Konsumen memilih barang yang ingin dipesan.
2. Data akan disimpan dalam shopping cart.
6 No.Proses
3.2 Nama
proses Ubah
detail Pesanan
Source Konsumen
Input Data Detail Pesanan
Output Data Detail Pesanan
Destination Konsumen
Logika proses
1. Setelah muncul data barang yang telah dipesan konsumen dapat mengubah detail pesanan
dengan mengisi data jumlah, ataupun menghapus salah satu pesanan.
2. Tekan tombol ubah untuk melakukan perubahan dan sistem akan menyimpannya.
7 No.Proses
3.3 Nama
proses Isi
Data Pembayaran
Source Konsumen
Input Data pembayaran
Output Data pembayaran
Destination -
Logika proses
1. Klik tombol pesan untuk mengisi data pembayaran.
2. Isi data pembayaran.
3. Kemudian untuk melihat konfirmasi pembayaran klik tombol lanjutkan.
8 No.Proses
3.4 Nama
proses Bayar
Source Konsumen
Input Data Pembayaran
Output Info data detail_pesanan, Info pesanan
Destination Konsumen
Logika proses
1. Konfirmasi data barang dan jumlah yang harus dibayarkan.
2. Apabila setuju klik tombol bayar. 3. Apabila tidak setuju klik tombol batal.
9 No.Proses
2.1.1 Nama
proses Tambah
Barang Source
Administrator Input
Data Barang, data feature Output
Info Data Barang, Info Data feature Destination
Administrator Logika
proses 1. Administrator memilih menu tambah barang
untuk memunculkan form tambah barang. 2. Administrator mengisi form tambah barang.
3. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan
administrator harus mengisi data yang kosong tersebut.
4. Apabila data tidak kosong maka data barang baru akan disimpan didalam database.
10 No.Proses
2.1.2 Nama
proses Ubah
Barang Source
Administrator Input
Data Barang, data feature Output
Info Data Barang. Info data feature Destination
Administrator Logika
proses 1. Administrator memilih menu ubah barang pada
data barang yang akan diubah. 2. Administrator mengisi form ubah barang.
3. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan
administrator harus mengisi data yang kosong tersebut.
4. Apabila data tidak kosong maka data barang baru akan disimpan didalam database.
No.Proses 2.1.3
Nama proses
Hapus Barang
Source Administrator
11 Input
Data Barang Output
Info Data Barang Destination
Administrator Logika
proses 1. Administrator memilih tombol hapus pada data
barang yang akan dihapus. 2. Akan ada konfirmasi penghapusan data barang.
3. Apabila memilih tombol ya maka data akan dihapus.
4. Apabila memilih tombol tidak maka data tidak jadi dihapus.
12 No.Proses
2.1.4 Nama
proses Cari
Barang Source
Administrator Input
Data Barang Output
Info Data Barang Destination
Administrator Logika
proses 1. Administrator memasukkan data yang ingin di
cari. 2. Apabila data ada, maka system akan
menampilkan pencarian. 3. Apabila data tidak ada maka akan ada pesan
barang tidak ditemukan.
13 No.Proses
2.2.1 Nama
proses Tambah
Kategori Source
Administrator Input
Data Kategori Output
Info Data Kategori Destination
Administrator Logika
proses 1. Administrator memilih menu tambah kategori
untuk memunculkan form tambah kategori. 2. Administrator mengisi form tambah kategori.
3. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan
administrator harus mengisi data yang kosong tersebut.
4. Apabila data tidak kosong maka data barang baru akan disimpan didalam database.
14 No.Proses
2.2.2 Nama
proses Ubah
Kategori Source
Administrator Input
Data Kategori Output
Info Data Kategori Destination
Administrator Logika
proses 1. Administrator memilih menu ubah kategori
pada data kategori yang akan diubah.
2. Administrator mengisi form ubah kategori. 3. Apabila data ada yang kosong maka akan ada
informasi data tidak boleh kosong dan administrator harus mengisi data yang kosong
tersebut. 4. Apabila data tidak kosong maka data barang
baru akan disimpan didalam database.
15 No.Proses
2.2.3 Nama
proses Hapus
Kategori Source
Administrator Input
Data Kategori Output
Info Data Kategori Destination
Administrator Logika
proses 1. Administrator memilih tombol hapus pada data
kategori yang akan dihapus. 2. Akan ada konfirmasi penghapusan data
kategori. 3. Apabila memilih tombol ya maka data akan
dihapus. 4. Apabila memilih tombol tidak maka data tidak
jadi dihapus.
16 No.Proses
2.2.4 Nama
proses Cari
Kategori Source
Administrator Input
Data Kategori Output
Info Data Kategori Destination
Administrator Logika
proses 1. Administrator memasukkan data yang ingin
dicari 2. Apabila data ada, maka system akan
menampilkan pencarian. 3. Apabila data tidak ada maka aka nada pesan
barang tidak ditemukan
17 No.Proses
2.3.1 Nama
proses Tambah
Kota Source
Administrator Input
Data Kota Output
Info Data Kota Destination
Administrator Logika
proses 1. Administrator memilih menu tambah kota
untuk memunculkan form tambah kota. 2. Administrator mengisi form tambah kota.
3. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan
administrator harus mengisi data yang kosong
tersebut. 4. Apabila data tidak kosong maka data barang
baru akan disimpan didalam database.
18 No.Proses
2.3.2 Nama
proses Ubah
Kota Source
Administrator Input
Data Kota Output
Info Data Kota Destination
Administrator Logika
proses 1. Administrator memilih menu ubah kota pada
data kota yang akan diubah. 2. Administrator mengisi form ubah kategori.
3. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan
administrator harus mengisi data yang kosong tersebut.
4. Apabila data tidak kosong maka data barang baru akan disimpan didalam database.
19 No.Proses
2.3.3 Nama
proses Hapus
Kota Source
Administrator Input
Data Kota Output
Info Data Kota Destination
Administrator Logika
proses 1. Administrator memilih tombol hapus pada data
kota yang akan dihapus. 2. Akan ada konfirmasi penghapusan data kota.
3. Apabila memilih tombol ya maka data akan dihapus.
4. Apabila memilih tombol tidak maka data tidak jadi dihapus.
20 No.Proses
2.3.4 Nama
proses Cari
Kota Source
Administrator Input
Data Kota Output
Info Data Kota Destination
Administrator Logika
proses 1. Administrator memasukkan data yang ingin
dicari 2. Apabila data ada, maka system akan
menampilkan pencarian. 3. Apabila data tidak ada maka aka nada pesan
barang tidak ditemukan No.Proses
4.0 Nama
proses View
Data
21 Source
Pengunjung, Konsumen Input
Request data Barang, Request data Kategori
Output Info data barang, Info data kategori
Destination Pengunjung, Konsumen
Logika proses
1. Pengunjung, Konsumen memilih menu katalog. 2. Pengunjung, Konsumen dapat memilih data
barang atau kategori yang diinginkan. 3. Sistem akan memberikan data barang atau data
kategori yang dipilih.
22 No.Proses
5.0 Nama
proses Pencarian
Source Pengunjung, Konsumen
Input Data barang, data kategori
Output Info data jenis barang, info data kategori
Destination Pengunjung, Konsumen
Logika proses
1. Pengunjung memasukkan data barang dan atau data kategori pada form cari barang
2. Sistem akan memberikan data barang atau kategori yang dicari
23 No.Proses
6.1 Nama
proses Tambah
Administator Source
Super Administrator Input
Data Administator Output
Info Data Administator Destination
Super Administrator Logika
proses 1. Super Administrator memilih menu tambah
administrator untuk memunculkan form tambah administrator.
2. Super Administrator mengisi form tambah administrator.
3. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan
administrator harus mengisi data yang kosong tersebut.
4. Apabila data tidak kosong maka data barang baru akan disimpan didalam database.
24 No.Proses
6.2 Nama
proses Ubah
Administator Source
Super Administrator Input
Data Administator Output
Info Data Administator Destination
Super Administrator Logika
proses 1. Super Administrator memilih menu ubah
Administrator pada data Administrator yang akan diubah.
2. Super Administrator mengisi form ubah Administrator.
3. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan
administrator harus mengisi data yang kosong tersebut.
4. Apabila data tidak kosong maka data barang baru akan disimpan didalam database.
3.1.9. Kamus Data
Kamus data merupakan katalog tempat penyimpanan dari elemen-elemen yang berada dalam suatu sistem. Kamus data mempunyai fungsi yang sama dalam
pemodelan sistem dan juga berfungsi membantu pelaku sistem untuk mengerti aplikasi secara detail dan mengorganisasi semua elemen data yang digunakan
dalam sistem sehingga pemakai dan penganalisa sistem punya dasar pengertian yang sama tentang masukan, keluaran, penyimpanan dan proses.
Kamus data dibuat berdasarkan alur data yang ada di data flow diagram. Arus data yang ada di data flow diagram bersifat global, hanya ditunjukan arus
datanya saja. Kamus data yang terdapat pada sistem pada tabel 3.3 Tabel 3.3 Kamus data
Komponen Keterangan Nama Aliran
Data Data Konsumen
Where usedhow used
Pengunjung – proses 1 Pengunjung – proses 1.1
Proses 1 – file konsumen Proses 1.1 – file konsumen
Keterangan Berisi data pengunjung yang digunakan untuk melakukan
registrasi. Struktur data
Username + password + email +nama + alamat +kota + telepon
Deskripsi Username =
[A-Z|a-z|0-9] Password =
[A-Z|a-z|0-9] email= [A-Z|a-z|0-9]
nama =[A-Z|a-z|0-9]
alamat=[A-Z|a-z|0-9] kota=[A-Z|a-z|0-9]
konfirm_lupa=[A-Z|a-z|0-9] telepon=[0-9]
Nama Aliran Data
Data login Konsumen Where
usedhow used Konsumen – proses1
Konsumen – proses 1.2 Proses 1 – file konsumen
Proses 1.2 – file konsumen
Keterangan Berisi
data login
Konsumen Struktur Data
Username+password Deskripsi
username =
[A-Z|a-z|0-9] password = [A-Z|a-z|0-9]
Nama Aliran Data
Data Lupa Password Where
usedhow used Konsumen – proses1
Konsumen – proses 1.4 Proses 1 – file konsumen
Proses 1.4 – file konsumen
Keterangan Berisi
data Konsumen
Struktur Data Email
Deskripsi Email
= [A-Z|a-z|0-9] Nama Aliran
Data Data Administrator
Where usedhow used
Administrator – proses 6 Administrator – proses 6.1
Proses 6 – file Administrator Proses 6.1 – file Administrator
Keterangan Berisi
data administrator
Struktur Data Username_admin
+ password+status_admin+hakakses Deskripsi
username =
[A-Z|a-z|0-9] password = [A-Z|a-z|0-9]
status_admin = [A-Z|a-z|0-9]
hakakses = [A-Z|a-z|0-9]
Nama Aliran Data
Data login Super Administrator Where
usedhow used Super Administrator – proses1
Super Administrator – proses 1.2 Proses 1 – file Administrator
Proses 1.2 – file Administrator
Keterangan Berisi
data login
Super Administrator
Struktur Data Username_admin
+ password Deskripsi
Username_admin =
[A-Z|a-z|0-9] password = [A-Z|a-z|0-9]
Nama Aliran Data
Data login Administrator Where
usedhow used Administrator – proses1
Administrator – proses 1.2 Proses 1 – file Administrator
Proses 1.2 – file Administrator
Keterangan Berisi
data login
Administrator Struktur Data
Username + password
Deskripsi username
= [A-Z|a-z|0-9]
password = [A-Z|a-z|0-9] Nama Aliran
Data Data Barang
Where usedhow used
Administrator-proses 2 Administrator-proses 2.1
Proses 2-file Barang Proses 2.1-file Barang
Keterangan Berisi data barang
Struktur Data id_barang+nama_barang+gambar+kategori+harga+berat+ketera
ngan+stok+berat+ nama_feature Deskripsi
id_barang =
[A-Z|a-z|0-9] nama_barang = [A-Z|a-z|0-9]
gambar =[A-Z|a-z|0-9] kategori = [A-Z|a-z|0-9]
harga = [A-Z|a-z|0-9] keterangan = [A-Z|a-z|0-9]
stok = [A-Z|a-z|0-9] berat = [A-Z|a-z|0-9]
nama_feature = [A-Z|a-z|0-9]
Nama Aliran Data
Data Kategori Where
usedhow used Administrator-proses 2
Administrator-proses 2.2 Proses 2-file Kategori
Proses 2.2-file Kategori
Keterangan Berisi data kategori
Struktur Data Nama_kategori+keterangan+ username_admin
Deskripsi Nama_kategori
= [A-Z|a-z|0-9]
Keterangan = [A-Z|a-z|0-9]
Username_admin = [A-Z|a-z|0-9]
Nama Aliran Data
Data Kota Where
usedhow used Administrator-proses 2
Administrator-proses 2.3 Proses 2-file Kota
Proses 2.3-file Kota
Keterangan Berisi
data kota
Struktur Data Nama_kota + harga + username_admin
Deskripsi Nama_kota
= [A-Z|a-z|0-9]
Harga = [0-9] Username
_admin= [A-Z|a-z|0-9] Nama Aliran
Data Data pesanan
Where usedhow used
Administrator-proses 2 Administrator-proses 2.4
Konsumen –proses 3 Proses 2-file pesanan
Proses 2.4 –file pesanan Proses 3 –file pesanan
Keterangan Berisi
data pesanan
Struktur Data Id_pesanan+tgl_pesan+nama_kirim+alamat_kirim+ kota_kirim
+ongkos_kirim+total_bayar+total_dibayar+status+tgl_bayar+tgl _akhir_bayar+tgl_kirim+username
Deskripsi Id_pesanan
= [0-9]
tgl_pesan = [A-Z|a-z|0-9] nama_kirim = [A-Z|a-z|0-9]
alamat_kirim = [A-Z|a-z|0-9] kota_kirim = [A-Z|a-z|0-9]
ongkos_kirim = [0-9] total_bayar = [0-9]
total_dibayar = [0-9] status = [A-Z|a-z|0-9]
tgl_bayar = [A-Z|a-z|0-9] tgl_akhir_bayar = [A-Z|a-z|0-9]
Tgl_kirim = [A-Z|a-z|0-9] username_admin =
[A-Z|a-z|0-9] Nama Aliran
Data Data Detail Pesanan
Where usedhow used
Konsumen –proses 3 Konsumen –proses 3.2
Konsumen –proses 3.4 Proses 3 – file Detail Pesanan
Proses 3.2 Proses 3.4 – file Detail Pesanan
Keterangan Berisi
data detail
pesanan Struktur
data Id_pesanan+Id_Barang+jumlah+harga Deskripsi
Id_pesanan =
[0-9] Nama_Barang = [A-Z|a-z|0-9]
Jumlah = [0-9] Harga = [0-9]
Nama Aliran Data
Data Pembayaran Where
usedhow used Konsumen –proses 3
Konsumen –proses 3.4 Proses 3 – file Pembayaran
Proses 3.4 – file Pembayaran
Keterangan Berisi
data pembayaran
Struktur data id_pesanan, tgl_bayar, total_bayar, nama_bank
Deskripsi Id_pesanan
= [0-9]
tgl_bayar = [A-Z|a-z|0-9] total_bayar = [0-9]
nama_bank = [A-Z|a-z|0-9]
Nama Aliran Data
Data Bank Where
usedhow used Konsumen –proses 3
Konsumen –proses 3.4 Proses 3 – file Data bank
Proses 3.4 – file data bank
Keterangan Berisi
data bank
Struktur data
Nama_bank, keterangan, username_admin
Deskripsi Nama_bank
= [A-Z|a-z|0-9]
keterangan = [A-Z|a-z|0-9] username_admin = [A-Z|a-z|0-9]
Nama Aliran Data
Data Feature Where
usedhow used administrator –proses 2
administrator –proses 2.1 administrator –proses 2.1.1
Proses 2 – file data feature Proses 2.1
Proses 2.1.1 – file data feature
Keterangan Berisi
data feature
Struktur data
Id_feature, nama_feature, keterangan Deskripsi
Id_feature =
[0-9]
nama_feature = [A-Z|a-z|0-9] keterangan = [A-Z|a-z|0-9]
Nama Aliran Data
Data Detail Feature Where
usedhow used administrator –proses 2
administrator –proses 2.6 Proses 2 – file data feature
Proses 2.6 – file data feature
Keterangan Berisi
data feature
Struktur data
Id_detail_feature, nama_feature,
spesifikasi Deskripsi
Id_detail_feature =
[0-9] nama_feature = [A-Z|a-z|0-9]
spesifikasi = [A-Z|a-z|0-9]
3.2. Perancangan TabelSkema Relasi
Skema relasi merupakan rangkaian hubungan antara dua tabel atau lebih pada sistem database. Gambar 3.16 berikut ini merupakan penjelasan rangkaian
database pada aplikasi di JAVA Komunika:
Gambar 3.18 Skema relasi sistem JAVA Komunika
3.2.1. Struktur Database
1. File Konsumen a. Nama File
: Tabel Konsumen b. Primary Key
: username c. Jumlah Field
: 7
d. Keterangan :
Tabel berisi
data Konsumen
Tabel 3.4 Tabel konsumen
Nama Tabel : Tabel Konsumen Keterangan : Tabel Untuk Data Konsumen
Nama Field Tipe
Data Panjang Keterangan Username
Varchar 20
Primary key Password
Varchar 20
Password Email
Varchar 50
Email konsumen
Nama Varchar
30 Nama konsumen
Alamat Teks
- Alamat konsumen
Kota Varchar
20 Kota konsumen
Telepon Int
- Telepon konsumen
2. File A
dministrator a. Nama File
: Tabel administrator b. Primary Key
: Username_admin c. Jumlah Field
: 4
d. Keterangan :
Tabel berisi
data administrator
Tabel 3.5 Tabel administrator
Nama Tabel : Tabel Administrator Keterangan : Tabel Untuk Data Administrator
Nama Field Tipe
Data Panjang Keterangan Username_admin
Varchar 20
Primary Key Password
Varchar 20
Password administrator
Status_admin Varchar
20 Status administrator
Hakakses Varchar
20 hakases administrator
3. File Barang a. Nama File
: Tabel Barang b. Primary Key
: Id_Barang
c. Jumlah Field :
8 d. Keterangan
: Tabel
berisi data
barang Tabel 3.6 Tabel barang
Nama Tabel : Tabel Barang Keterangan : Tabel untuk data barang
Nama Field Tipe Data Panjang Keterangan
Id_barang Int
- Primary Key
Nama_Barang Varchar
20 Nama Barang
Gambar Teks
- Gambar barang
Nama_Kategori Varchar
15 Foreign key reference
ke table kategori field kategori
Harga Double
- Harga barang
Berat Double
- Berat Barang
Keterangan Teks
- Keterangan barang
Feature Varchar
20 Feature barang
4. File kategori a. Nama File
: Tabel kategori b. Primary Key
: Nama_kategori
c. Jumlah Field :
3 d. Keterangan
: Tabel berisi
data kategori
barang
Tabel 3.7 Tabel kategori
Nama Tabel : Tabel kategori Keterangan : Tabel untuk data kategori barang
Nama Field Tipe Data Panjang Keterangan
Nama_kategori Varchar
15 Primary Key
Keterangan Text
Keterangan kategori Username_admin
Varchar 20
Foreign key reference ke tabel
administrator field
username_admin
5. File kota a. Nama File
: Tabel kota b. Primary Key
: Nama_kota
c. Jumlah Field :
3 d. Keterangan
: Tabel
berisi data
kota Tabel 3.8 Tabel kota
Nama Tabel : Tabel kota Keterangan : Tabel untuk data kota
Nama Field Tipe Data Panjang Keterangan
Nama_kota Varchar
30 Primary key
Harga Double
- harga per kota
Id_provinsi varchar
5 Foreign key reference
ke tabel provinsi field id_provinsi
Username_admin Varchar
20 Foreign key reference
ke tabel administrator
field username_admin
6. File Pesanan a. Nama File
: Tabel Pesanan b. Primary Key
: Id_pesanan
c. Jumlah Field :
13 d. Keterangan
: Tabel
berisi data
pesanan Tabel 3.9 Tabel pesanan
Nama Tabel : Tabel Pesanan Keterangan : Tabel Untuk Data Pesanan
Nama Field Tipe Data Panjang Keterangan
Id_pesanan Int
- Foreign key reference
ke tebel Detail_Pesanan field Id_pesanan
Tgl_pesan Date
- Tanggal pemesanan barang
Tgl_akhir_bayar Date
- Tanggal akhir pemesana barang
Nama_Kirim Varchar
30 Nama tujuan pengiriman barang
Alamat_kirim Text
- Alamat pengiriman barang
Kota_kirim Varchar
30 Foreign key reference
ke table kota field nama kota
Harga Double
- Foreign key reference
ke table kota field harga
Total_bayar Double
- Total yang harus dibayar oleh
pengirim Total_di_bayar
Double -
Total pembayaran pengirim Status
Varchar 20
Status pemesanan Username
Varchar 20
Foreign key reference ke tabel
konsumen field username Tgl_bayar
Date -
Tanggal pembayaran barang Tgl_kirim
Date -
Tanggal pengiriman barang
7. File detail_pesanan a. Nama File
: Tabel Detail_Pesanan b. Primary Key
: Id_detail_pesanan
c. Jumlah Field :
7 d. Keterangan
: Tabel
berisi data
detail_pesanan Tabel 3.10 Tabel detail pesanan
Nama Tabel : Tabel Detail_pesanan Keterangan : Tabel Untuk Data Detail_pesanan
Nama Field Tipe Data Panjang Keterangan
Id_pesanan Int
- Foreign key reference
ke tabel pesanan field id_pesanan
Id_barang Int
- Foreign key reference
ke tebel barang field id_barang
Jumlah Int
- Jumlah barang yang dipesan
Harga Double
- Harga barang pada saat dibeli
8. File Pembayaran a.
Nama File :
Tabel Pembayaran b.
Primary Key :
Id_Pesanan c.
Jumlah Field : 7
d. Keterangan
: Tabel berisi data pembayaran
Tabel 3.11 Tabel pembayaran
Nama Tabel : Tabel Pembayaran Keterangan : Tabel untuk data Pembayaran
Nama Field Tipe Data Panjang Keterangan
Id_pesanan Int
- Foreign key reference
ke tabel pesanan field id_pesanan
Total_bayar Int
- Total Pembayaran barang
Tgl_bayar Date
- Tanggal Pembayaran barang
Nomor rekening Int
- Kode transper bank pengirim
Nama_bank Varchar
30 Nama bank pengirim
9. File Bank a.
Nama File :
Tabel Bank b.
Primary Key : Nama_bank
c. Jumlah Field :
2 d.
Keterangan : Tabel berisi data bank
Tabel 3.12 Tabel bank
Nama Tabel : Tabel bank Keterangan : Tabel untuk data bank
Nama Field Tipe Data Panjang Keterangan
Nama_bank Varchar
15 Primary Key
Keterangan Text
Keterangan bank
10. File
Feature a.
Nama File :
Tabel Feature b.
Primary Key :
Id_Feature c.
Jumlah Field : 3
d. Keterangan
: Tabel berisi data Feature
Tabel 3.13 Tabel feature
Nama Tabel : Tabel Feature Keterangan : Tabel untuk data feature barang
Nama Field Tipe Data Panjang Keterangan
Id_feature Int
- Primary Key
Nama_feature Varchar
20 Nama feature barang
keterangan Varchar
20 keterangan feature barang
11. File
Detail Feature a.
Nama File :
Tabel Detail Feature b.
Primary Key :
Id_detail_Feature c.
Jumlah Field : 3
d. Keterangan
: Tabel berisi data Detail Feature Tabel 3.14 Tabel detail feature
Nama Tabel : Tabel Feature Keterangan : Tabel untuk data feature barang
Nama Field Tipe Data Panjang Keterangan
Id_detail_feature Int
- Primary Key
Id_feature Varchar
20 Foreign key reference
ke tabel feature field id_feature
Spesifikasi Text
Spesifikasi feature barang Id_barang
Int -
Foreign key reference ke tabel
barang field id_barang
12. File
Provinsi a.
Nama File :
Tabel Provinsi b.
Primary Key :
Id_provinsi c.
Jumlah Field : 2
d. Keterangan
: Tabel berisi data provinsi Tabel 3.15 Tabel provinsi
Nama Tabel : Tabel provinsi Keterangan : Tabel untuk data provinsi
Nama Field Tipe Data Panjang Keterangan
Id_provinsi varchar
5 Primary Key
Nama_provinsi Varchar
20 Nama provinsi
3.2.2 Struktur Menu
Berikut adalah struktur menu Aplikasi E-Commerce JAVA Komunika Berbasis Web :
a. Struktur menu pengunjung
Gambar 3.19 Struktur menu pengunjung
b. Struktur menu Konsumen
Gambar 3.20 Struktur menu konsumen c. Struktur menu administrator
Detail pesanan barang
kategori logout
Menu
home kota
pesanan login
Feature view
tambah Edit
view
Hapus view
tambah Edit
Hapus view
tambah Edit
Hapus view
view tambah
Edit
view tambah
Edit Hapus
Detail Feature view
tambah Edit
Hapus
Gambar 3.21 Struktur menu administrator
d. Struktur menu Super administrator
Gambar 3.22 Struktur menu super administrator
3.2.3 Perancangan Arsitektur
Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah
proses pembangunan aplikasi E-Commerce JAVA Komunika berbasis web.
3.2.3.1 Perancangan Antar Muka
Interface atau antar muka merupakan tampilan dari suau program aplikasi
yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan
menyediakan interface yang mudah dipahami dan digunakan oleh user.
Perancangan interface untuk aplikasi E-Commerce JAVA Komunika adalah sebagai berikut :
1. Antar muka pengunjung a. Form home pengunjung
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Gambar
Produk Terbaru Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A01
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Lupa Password menuju ke form A06b
Klik link Detail Barang menuju ke form A07
Klik link Teks Kategori menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.23 Form home pengunjung
b. Form View Barang
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A02
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Produk
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Lupa Password menuju ke form A06b
Klik link Detail Barang menuju ke form A07
Klik link Teks Kategori menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.24 Form view barang
c. Form Cara Pemesanan
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A03
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Cara Pemesanan
Teks Klik link home menuju ke
form A01 Klik link Produk menuju ke
form A02 Klik link Cara Pemesanan
menuju ke form A03 Klik link Profil menuju ke
form A04 Klik link Kontak menuju ke
form A05 Klik link Register Member
menuju ke form A06 Klik link Lupa Password
menuju ke form A06b Klik link Teks Kategori
menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.25 Form cara pemesanan
d. Form Profil
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A04
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Profil
Teks Klik link home menuju ke
form A01 Klik link Produk menuju ke
form A02 Klik link Cara Pemesanan
menuju ke form A03 Klik link Profil menuju ke
form A04 Klik link Kontak menuju ke
form A05 Klik link Register Member
menuju ke form A06 Klik link Lupa Password
menuju ke form A06b Klik link Teks Kategori
menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.26 Form profil
e. Form Kontak
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A05
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Kontak
Teks
Email Anda : Judul Pesan :
Pesan Verifikasi
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Lupa Password menuju ke form A06b
Klik link Teks Kategori menuju ke form A02
Klik Tombol Kirim menuju ke form A05
Klik Tombol Batal menuju ke form A05
Kirim Pesan
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.27 Form Kontak
f. Form Register Member
Gambar 3.28 Form registrasi member
g. Form Detail Barang
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Gambar Teks
Detail barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A07
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Detail Barang
Image Cart
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Teks Kategori menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.29 Form detail barang
h. Form Lupa Password
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A06b
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Kontak Email Anda :
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Lupa Password menuju ke form A06b
Klik link Teks Kategori menuju ke form A02
Klik Tombol Kirim menuju ke form A05
Klik Tombol Batal menuju ke form A05
Kirim
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.30 Form Lupa Password
2. Antar muka Konsumen a. Form Register Member
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A06
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Register Member Username
Password Konfirmasi Password
Email Nama
Alamat Kota
Telepon
Simpan Batal
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Lupa Password menuju ke form A06b
Klik link Teks Kategori menuju ke form A02
Klik Tombol Simpan menuju ke form A06
Klik Tombol Batal menuju ke form A06
Teks Shoping Cart
Pelayanan Online
Gambar
Gambar 3.31 Form Registrasi Member
b. Form home sebelum login
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Gambar
Produk Terbaru Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A01
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Detail Barang menuju ke form A07
Klik link Teks Kategori menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.32 Form home sebelum login
c. Form home sesudah login
Banner
Selamt Datang Gambar
Produk Terbaru Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A08
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Detail Barang
menuju ke form A13 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.33 Form home sesudah login
d. Form View Barang
Banner
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A09
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Produk
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Selamt Datang Profil Member
Klik link home menuju ke form A08
Klik link Produk menuju ke form A09
Klik link Cara Pemesanan menuju ke form A10
Klik link Profil menuju ke form A11
Klik link Kontak menuju ke form A12
Klik link Detail Barang menuju ke form A13
Klik link Shopping Card menuju ke form A14
Klik link History menuju ke form A18
Klik link Logout menuju ke form A01
Klik link Teks Kategori menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.34 Form View Barang
e. Form Cara Pemesanan
Banner
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A10
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Cara Pemesanan
Teks Selamt Datang
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.35 Form cara pemesanan
f. Form Profil
Banner
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A11
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Profil
Teks Selamt Datang
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.36 Form profil
g. Form Kontak
Banner
Teks
Shoping Cart
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A12
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Kontak
Teks Selamt Datang
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09 Klik tombol Kirim menuju ke
form A12 Klik tombol Batal menuju ke
form A12
Email Anda : Judul Pesan :
Pesan Verifikasi
Kirim Pesan
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.37 Form kontak
h. Form Shopping Card
Banner
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A14
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Shopping Card Id
Selamt Datang Profil Member
Nama_Barang Gambar
Harga Total
Proses Hapus
Sub Total Update
Pesan Kembali Ke Produk
Klik link home menuju ke form A08
Klik link Produk menuju ke form A09
Klik link Cara Pemesanan menuju ke form A10
Klik link Profil menuju ke form A11
Klik link Kontak menuju ke form A12
Klik link Shopping Card menuju ke form A14
Klik link History menuju ke form A18
Klik link Logout menuju ke form A01
Klik link Teks Kategori menuju ke form A09
Klik Tombol Hapus menuju ke form A14
Klik Tombol Update menuju ke form A14
Klik link Kembali Ke Produk menuju ke form A09
Klik Tombol Pesan menuju ke form A15
Teks Shoping Cart
Pelayanan Online
Gambar
Jumlah
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.38 Form shopping card
i. Form
Alamat
Gambar 3.39 Form alamat
j. Form K
onfirmasi
Banner
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A16
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Konfirmasi Pembayaran Id
Selamt Datang Profil Member
Gambar Harga
Jumlah Berat
Pesan Kembali Ke Produk
Klik link home menuju ke form A08
Klik link Produk menuju ke form A09
Klik link Cara Pemesanan menuju ke form A10
Klik link Profil menuju ke form A11
Klik link Kontak menuju ke form A12
Klik link Shopping Card menuju ke form A14
Klik link History menuju ke form A18
Klik link Logout menuju ke form A01
Klik link Teks Kategori menuju ke form A09
Klik Tombol Kembali ke Produk akan menuju ke
form A09 Klik Tombol Pesan Akan
menuju ke form 17
Subtotal :
Total Ongkos :
Total Bayar :
Teks Shoping Cart
Pelayanan Online
Gambar
Total
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.40 Form konfirmasi
k. Form Ucapan Terima Kasih
Banner
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A17
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks
Selamt Datang Profil Member
Klik link home menuju ke form A08
Klik link Produk menuju ke form A09
Klik link Cara Pemesanan menuju ke form A10
Klik link Profil menuju ke form A11
Klik link Kontak menuju ke form A12
Klik link Detail Barang menuju ke form A13
Klik link Shopping Card menuju ke form A14
Klik link Logout menuju ke form A01
Klik link Teks Kategori menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.41 Form ucapan terima kasih
l. Form History
Banner
Selamt Datang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A18
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Detail Barang
menuju ke form A13 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Dibayar menuju ke
form A18A Klik link detail menuju ke
form A19 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Id Username
Tgl. Pesan Total
Dibayar Tgl di Bayar Tgl_Kirim
Status Total Bayar
Proses Detail Dibayar
Form History
Form Pembayaran
A18A
Id_Pesanan :
Total Bayar :
Kode Transaksi :
Simpan Batal
Tanggal bayar :
Nama Bank :
Gambar 3.42 Form History
m. Form detail pengiriman
Banner
Selamt Datang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A19
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Detail Barang
menuju ke form A13 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Form Detail Pesanan Nama Pengirim
: Alamat Kirim
: Kota Kirim
: Id barang
Produk Jumlah
Harga Detail Alamat Pengiriman barang
Gambar 3.43 Form detail pengiriman
3. Antar muka Administrator a. Form login
Administrator
Gambar 3.44 Form login Administrator
b. Form Home Administrator
Banner B02
Home Logout
Selamat Datang Profil
Administrator Klik link home menuju ke
form B02 Klik link Logout menuju ke
form A01 Klik link Tambah Barang
menuju ke form B03 Klik link Lihat Barang
menuju ke form B04 Klik link Tambah Kategori
menuju ke form B05 Klik link Lihat Kategori
menuju ke form B06 Klik link Tambah Kota
menuju ke form B07 Klik link Lihat Kota menuju
ke form B08 Klik link Semua Pesanan
menuju ke form B09 Klik link Status Pesanan
“Batal” menuju ke form B13 Klik link Status Pesanan
“Expired” menuju form B14 Klik link Status Pesanan
“Expired” menuju form B17 Klik link lihat Pembayaran
menuju form B18
Pengelolaan Barang Tambah Barang
Lihat Barang Pengelolaan Kategori
Tambah Kategori Lihat Kategori
Pengelolaan Kota
Tambah Kota Lihat Kota
Pengelolaan Pesanan Semua Pesanan
Status Pesanan “Dipesan
”
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Status Pesanan “Dibayar
”
Status Pesanan “Dikirim
”
Status Pesanan “Batal
”
Status Pesanan “Expired
”
Halaman Administrator
Lihat Pembayaran
Gambar 3.45 Form home administrator
c. Form Tambah Barang
Banner B03
Home Logout
Selamat Datang Profil
Administrator Klik link home menuju ke
form B02 Klik link Logout menuju ke
form A01 Klik link Tambah Barang
menuju ke form B03 Klik link Lihat Barangl
menuju ke form B04 Klik link Tambah Kategori
menuju ke form B05 Klik link Lihat Kategori
menuju ke form B06 Klik link Tambah Kota
menuju ke form B07 Klik link Lihat Kota menuju
ke form B08 Klik link Semua Pesanan
menuju ke form B09 Klik link Status Pesanan
“Dipesan” menuju ke form B10
Klik llink Status Pesanan “Dibayar”menuju ke form
B11 Klik link Status Pesanan
“Dikirim” menuju ke form B12
Klik link Status Pesanan “Batal” menuju ke form B13
Klik link Status Pesanan “Expired” menuju form B14
Klik Tombol Simpan menuju Ke B03
Klik Tombol Batal menuju Ke B03
Klik link lihat Pembayaran menuju form B18
Pengelolaan Barang Tambah Barang
Lihat Barang Pengelolaan Kategori
Tambah Kategori Lihat Kategori
Pengelolaan Kota
Tambah Kota Lihat Kota
Pengelolaan Pesanan Semua Pesanan
Status Pesanan “Dipesan
”
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Status Pesanan “Dibayar
”
Status Pesanan “Dikirim
”
Status Pesanan “Batal
”
Status Pesanan “Expired
”
Form Tambah Barang Nama Barang
Gambar Browser
Kategori Harga
Keterangan Simpan
Batal Stok
Feature Berat
Lihat Pembayaran
Gambar 3.46 Form tambah barang
d. Form Lihat Barang
Gambar 3.47 Form lihat barang
e. Form Tambah Kategori
Gambar 3.48 Form tambah kategori
f. Form
Lihat Kategori
Banner B06
Home Logout
Selamat Datang Profil
Administrator
Klik link home menuju ke form B02
Klik link Logout menuju ke form A01
Klik link Tambah Barang menuju ke form B03
Klik link Lihat Barangl menuju ke form B04
Klik link Tambah Kategori menuju ke form B05
Klik link Lihat Kategori menuju ke form B06
Klik link Tambah Kota menuju ke form B07
Klik link Lihat Kota menuju ke form B08
Klik link Semua Pesanan menuju ke form B09
Klik link Status Pesanan “Dipesan” menuju ke form B10
Klik llink Status Pesanan “Dibayar”menuju ke form B11
Klik link Status Pesanan “Dikirim” menuju ke form B12
Klik link Status Pesanan “Batal” menuju ke form B13
Klik link Status Pesanan “Expired” menuju form B14
Klik Tombol Ubah menuju ke B06X
Klik Tombol Hapus menuju ke B06
Klik Tombol Simpan menuju ke form B06
Klik Tombol batal menuju ke form B06
Pengelolaan Barang Tambah Barang
Lihat Barang Pengelolaan Kategori
Tambah Kategori Lihat Kategori
Pengelolaan Kota
Tambah Kota Lihat Kota
Pengelolaan Pesanan Semua Pesanan
Status Pesanan “Dipesan
”
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Status Pesanan “Dibayar
”
Status Pesanan “Dikirim
”
Status Pesanan “Batal
”
Status Pesanan “Expired
”
Form Lihat Kategori
Nama Kategori Keterangan
Simpan Batal
No Nama_Kategori
Keterangan Proses
Ubah Hapus
Form Ubah Kategori
B06X
Lihat Pembayaran
Gambar 3.49 Form lihat kategori
g. Form Tambah Kota
Gambar 3.50 Form Tambah Kota
h. Form Lihat Kota
Banner B08
Home Logout
Selamat Datang Profil
Administrator
Klik link home menuju ke form B02
Klik link Logout menuju ke form A01
Klik link Tambah Barang menuju ke form B03
Klik link Lihat Barangl menuju ke form B04
Klik link Tambah Kategori menuju ke form B05
Klik link Lihat Kategori menuju ke form B06
Klik link Tambah Kota menuju ke form B07
Klik link Lihat Kota menuju ke form B08
Klik link Semua Pesanan menuju ke form B09
Klik link Status Pesanan “Dipesan” menuju ke form B10
Klik llink Status Pesanan “Dibayar”menuju ke form B11
Klik link Status Pesanan “Dikirim” menuju ke form B12
Klik link Status Pesanan “Batal” menuju ke form B13
Klik link Status Pesanan “Expired” menuju form B14
Klik Tombol Ubah menuju ke form B08X
Klik Tombol Hapus menuju ke form B08
Klik Tombol Simpan menuju ke form B08
Klik Tombol batal menuju ke form B08
Klik link lihat Pembayaran menuju form B18
Pengelolaan Barang Tambah Barang
Lihat Barang Pengelolaan Kategori
Tambah Kategori Lihat Kategori
Pengelolaan Kota
Tambah Kota Lihat Kota
Pengelolaan Pesanan Semua Pesanan
Status Pesanan “Dipesan
”
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Status Pesanan “Dibayar
”
Status Pesanan “Dikirim
”
Status Pesanan “Batal
”
Status Pesanan “Expired
”
Form Lihat Kota
Nama Kota Harga
Simpan Batal
No Nama_Kota
Harga Proses
Ubah Hapus
Form Ubah Kota
B08X
Lihat Pembayaran
Gambar 3.51 Form lihat kota
i. Form
Pesanan
Banner B09
Home Logout
Selamat Datang Profil
Administrator
Klik link home menuju ke form B02
Klik link Logout menuju ke form A01
Klik link Tambah Barang menuju ke form B03
Klik link Lihat Barangl menuju ke form B04
Klik link Tambah Kategori menuju ke form B05
Klik link Lihat Kategori menuju ke form B06
Klik link Tambah Kota menuju ke form B07
Klik link Lihat Kota menuju ke form B08
Klik link Semua Pesanan menuju ke form B09
Klik link Status Pesanan “Dipesan” menuju ke form B10
Klik llink Status Pesanan “Dibayar”menuju ke form B11
Klik link Status Pesanan “Dikirim” menuju ke form B12
Klik link Status Pesanan “Batal” menuju ke form B13
Klik link Lihat Admin menuju ke form B16
Klik Tombol Detail menuju ke Form B10
Klik Tombol Status menuju ke Form B09X
Klik Tombol Hapus menuju ke form B09
Klik Tombol Simpan menuju ke form B09
Klik link lihat Pembayaran menuju form B18
Pengelolaan Barang Tambah Barang
Lihat Barang Pengelolaan Kategori
Tambah Kategori Lihat Kategori
Pengelolaan Kota
Tambah Kota Lihat Kota
Pengelolaan Pesanan Semua Pesanan
Status Pesanan “Dipesan
”
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Status Pesanan “Dibayar
”
Status Pesanan “Dikirim
”
Status Pesanan “Batal
”
Status Pesanan “Expired
”
Form Pesanan
Id Username
Tgl. Pesan Total
Dibayar Tgl di Bayar Tgl_Kirim
Status Total Bayar
Proses Status
Detail Batal
Form Pembayaran
B09X
Id_Pesanan :
Total Bayar :
Total Dibayar :
Simpan Batal
Lihat pembayaran
Gambar 3.52 Form Pesanan
j. Form
Detail Pesanan
Gambar 3.53 Form detail pesanan
4. Antar muka Super Administrator a.
Form login Super Administrator
B01
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Klik tombol Login akan menuju ke form B02a
Username Login Administrator
Password Login
Gambar 3.54 Form login super administrator
b. Form
Tambah Administrator
Gambar 3.55 Form tambah administrator
a. Form Lihat Administrator
Banner B16
Home Logout
Selamat Datang Profil
Administrator
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Form Lihat Administrator
Username Password
Status_admin Form Ubah Administrator
B16X
Pengolahan Admin Tambah Administrator
Lihat Administrator Klik link home menuju ke form
B02 Klik link Logout menuju ke form
A01 Klik Tombol Simpan menuju ke
form B12 Klik Tombol batal menuju ke
form B12 Klik link Tambah Admin
menuju ke form B15 Klik link Lihat Admin menuju ke
form B16 Klik tombol Ubah menuju ke
form B16X Klik tombol Hapus menuju ke
form B16 Proses
Username Password
Simpan Batal
Ubah Hapus
Hakakses
Hakakses Status_admin
Gambar 3.56 Form lihat administrator
3.2.3.2 Perancangan pesan
C06
C07 C08
Alamat masih kosong OK
Kota masih kosong OK
Telepon masih kosong OK
C05 OK
Nama Masih Kosong C04
Email masih kosong OK
C10 Telepon tidak valid
OK C09
Email tidak valid OK
C13 Regitrasi Member Berhasil
Silahkan Login . C11
Email Sudah Ada C12
Username Sudah Ada C01
Username masih kosong OK
C02 Password masih kosong
OK C03
Password II masih kosong OK
C19 Password minimal 6 karakter
OK C15
Password dan Password II tidak boleh sama OK
C14 Terima Kasih ,
detail pesanan anda telah dikirimkan ke email”alamat email”
C16 Username salah
C17 Password salah
C18 Password II salah
C20 C21
Nama kota masih kosong OK
Harga masih kosong OK
Gambar 3.57 Perancangan pesan
3.3 Jaringan semantik
a. Jaringan semantik interface pengunjung
Gambar 3.58 Jaringan semantik pengujung
b. Jaringan semantik konsumen
Gambar 3.59 Jaringan semantik konsumen
c. Jaringan semantik administrator
Gambar 3.60 Jaringan semantik administrator
123
BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1. Implementasi
Kategori