Requirements definition
System and software design
Implementation and unit testing
Integr ation and system testing
Operation and maintenance
Gambar 1.1 Model Waterfall
1. 6. Sistematika Penulisan
Sistematika penulisan laporan tugas akhir ini disusun untuk memberikan gambaran umum tentang penelitian yang dilakukan. Adapun sistematika laporan
tugas akhir ini adalah : BAB I PENDAHULUAN
Bab ini menerangkan secara umum mengenai latar belakang permasalahan, rumusan masalah, batasan masalah, maksud dan tujuan, serta
sistematika penulisan tugas akhir. BAB II TINJAUAN PUSTAKA
Bab ini akan membahas mengenai teori –teori yang berhubungan dengan
aplikasi yang akan dibangun. Selain berisi teori-teori yang berhubungan pada bab ini akan membahas pula mengenai gambaran umum tentang lembaga pendidikan
tempat aplikasi ini akan diimplementasikan.
BAB III ANALISIS DAN PERANCANGAN SISTEM Bab ini menjelaskan tentang kebutuhan perangkat lunak yang digunakan,
analisis sistem, analisis masalah, analisis sistem yang sedang berjalan, analisis kebutuhan non fungsional, perancangan sistem, dan perancangan antar muka
. Hasil dari analisis tersebut kemudian digunakan untuk melakukan perancangan
arsitektur perangkat lunak yang dibangun. BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
Bab ini menjelaskan tentang penerapan aplikasi yang telah melewati proses analisis dan perancangan. Implementasi perangkat lunak dilakukan
berdasarkan kebutuhan analisis dan perancangan perangkat lunak yang sudah dilakukan. Dari hasil implementasi kemudian dilakukan pengujian perangkat
lunak agar perangkat lunak yang dibangun sesuai dengan analisis dan perancangan yang telah dilakukan.
BAB V KESIMPULAN DAN SARAN Bab ini berisi rangkuman dari hasil penelitian skripsi dan saran-saran yang
perlu diperhatikan bagi pengembangan perangkat lunak di masa yang akan datang.
11
BAB 2 TINJAUAN PUSTAKA
2. 1. Profil perusahaan
2.1.1. Sejarah Perusahaan
Cardinal merupakan sebuah perusahaan yang bergerak di bidang penjualan barang-barang fashion. Dalam memasarkan produknya Cardinal memasukan
produknya ke showroom-showroom. Saat ini Cardinal memiliki 14 showroom dan dalam waktu dekat ini Cardinal akan membangun 2 showroom yang rencananya
akan dibangun di kota Tangerang dan Medan. Cardinal memiliki showroom untuk pemasaran produk-produknya, salah
satu showroom yang berdiri saat itu adalah showroom Cardinal yang berlokasi di Bandung Indah Plaza BIP, dimana di showroom ini menjual barang-barang
fashion seperti baju polo, kemeja, jas, celana, jaket dan dasi.
2.1.2. Struktur Organisasi Perusahaan
Pimpinan Perusahaan
Bagian Gudang Bagian Marketing
Bagian Keuangan
Gambar 2.1 Struktur Organisasi Perusahaan
2.1.3. Deskripsi Tugas
Urain tugas dari setiap bagian dalam struktur organisasi diatas adalah sebagai berikut:
1. Pimpinan perusahaan Mengawasi dan mengevaluasi setiap bagian yang ada supaya perusahaan
dapat berjalan sebagaimana mestinya. 2. Bagian gudang
Mengawasi setiap produk yang masuk dan keluar dan mengatur proses produksi produk.
3. Bagian marketing Mempromosikan perusahaan dan produk, baik di tempat penjualan
maupun diluar. Mengawasi setiap promosi yang dilakukan oleh perusahaan. 4. Bagian keuangan
Bertanggung jawab dalam masalah keuangan
2. 2. Landasan Teori
2.2.1. Data
Data adalah kumpulan dari fakta-fakta, kejadian-kejadian yang dapat berupa simbol, angka, huruf, dan lain-lain yang berguna bagi suatu pengolahan
data atau sebagai masukan bagi suatu proses. Data yang disimpan menggambarkan beberapa aspek dari suatu organisasi. Model data adalah
himpunan deksripsi data level tinggi yang dikonstruksi untuk menyembunyikan beberapa detail dari penyimpanan level rendah. Beberapa manajemen basis data
didasarkan pada model data relasional, model data hirarkis, atau model data jaringan [12].
2.2.1.1. Basis Data
Basis data adalah kumpulan file-file yang mempunyai kaitan antara satu file dengan file yang lain sehingga membentuk satu bangunan data untuk
menginformasikan satu perusahaan, instansi dalam batasan tertentu [3]. Menurut ABD[5] Basis data terdiri dari dua kata yaitu basis dan data.
Basis dapat diartikan sebagai gudang tempat berkumpul. Sedangkan data adalah represebtasi fakta dunia nyata yang mewakili objek seperti manusia, barang,
hewan, peristiwa konsep, yang nyatakan dalam bentuk angka, huruf, simbol teks, gambar, bunyi atau kombinasinya [6].
2.2.1.2. Bahasa dalam Basis Data
Adapun bahasa di dalam basis data, yaitu [2]: 1.
DDL Data Definition Language DDL adalah perintah
– perintah yang biasa digunakan untuk administrator basis data DBA untuk mendefinisikan skema ke DBMS. Skema adalah deskripsi
lengkap tentang medan, rekaman, dan hubungan data pada basis data. Tugas utama skema adalah menjabarkan sturktur basis data kepada DBMS.
2. DML Data Manipulation Language
DML adalah perintah-perintah yang digunakan untuk mengubah, memanipulasi, dan mengambil data pada basis data. Tindakan sepert menghapus,
mengubah, dan mengambil data menjadi bagian dari DML. DML pada dasarnya dibagi menjadi dua, yaitu:
a. Procedural, yang menuntut pengguna menentukan data apa saja yang diperlukan dan bagaimana cara mendapatkannya.
b. Non-prosedural, yang menuntut pengguna menentukan data apa saja yang diperlukan tetapi tidak perlu menyebutkan cara mendapatkannya.
2.2.1.3. Jenis-Jenis Kunci Basis Data
Adapun jenis-jenis kunci dalam basis data adalah sebagai berikut [3]: 1.
Candidat key Candidat key
adalah satu attribute atau satu set minimal attribute yang mengidentfikasikan secara unik suatu kejadian spesifik dari entity.
2. Primary key
Primary key adalah suatu atributr atau satu set minimal attribute yang
tidak hanya mengidentifikasi secara unik suatu kejadian specific tapi juga dapat mewakili setiap kejadian dari suatu entity.
3. Alternatif Key
Alternatif Key adalah kunci kandidat yang tidak dipakai sebagai primary
key. Kerap kali kunci alternatif dipakai sebagai kunci pengurut dalam laporan misalnya.
4. Foreign Key
Foreign Key adalah satu atribute yang melengkapi satu relationship
hubungan yang menunjukan ke induknya. Kunci tamu ditempatkan pada entitas anak dan sama dengan kunci primary induk direlasikan. Hubungan antara entitas
induk dengan anak adalah hubungan satu lawan banyak.
2.2.2. Sistem
Suatu sistem pada dasarnya merupakan suatu susunan yang teratur dari kegiatan yang berhubungan satu sama lain dan prosedur-prosedur yang berkaitan
yang melaksanakan dan mempermudah pelaksanaan kegiatan utama dari suatu organisasi.
Menurut Jogiyanto “Sistem adalah jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu
kegiatan atau untuk menyelesaikan suatu sasaran tertentu [4].”
Sistem itu sendiri mempunyai tujuan yang sama untuk menghasilkan sesuatu yang lebih bermanfaat ada yang menyebut mencapai suatu tujuan dan ada
yang menyebutkan untuk mencapai sasaran. Jadi dapat disimpulkan pengertian sistem adalah kumpulan dari berbagai macam elemen yang berbeda namun
mempunyai tujuan yang sama untuk mencapai sasaran atau objek. Bentuk umum dari suatu sistem terdiri atas masukan, proses dan keluaran seperti terlihat pada
Gambar 2.2 dalam bentuk umum sistem ini bisa melakukan satu atau lebih masukan yang akan diproses dan menghasilkan keluaran sesuai dengan rencana
yang telah ditentukan sebelumnya [12].
INPUT OUTPUT
PROSES
Gambar 2.2 Bentuk Umum Sistem
2.2.3. Informasi
Informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang
menggambarkan suatu kejadian-kejadian yang nyata yang berguna untuk pengambilan keputusan. Sumber dari Informasi adalah data. Data adalah
kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan saat tertentu. Informasi adalah data yang telah diproses kedalam suatu bentuk yang
lebih berarti bagi penerima dan mempunyai nilai nyata dan terasa bagi keputusan saat itu atau keputusan mendatang. Informasi yang bersumber dari proses data
harus merupakan informasi yang terstruktur. Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya [12].
Kualitas dari suatu informasi tergantung pada tiga hal pokok, yaitu [12]: 1.
Akurat Informasi harus bebas dari kesalahan-kesalahan dan tidak menyesatkan,
dalam hal ini informasi harus jelas mencerminkan maksudnya. 2.
Tepat waktu Informasi yang datang pada penerima tidak boleh terlambat. Informasi
yang sudah usang tidak akan mempunyai nilai lagi karena informasi merupakan suatu landasan dalam mengambil sebuah keputusan dimana bila pengambilan
keputusan terlambat maka akan berakibat fatal untuk organisasi. 3.
Relevan Informasi harus mempunyai manfaat untuk pemakainya, dimana relevansi
informasi untuk tiap-tiap individu berbeda tergantung pada yang menerima dan yang membutuhkan.
2.2.4. Sistem Informasi
Sistem informasi merupakan suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,
bersifat manajerial dan kegiatan stategis dari suatu organisasi dan menyediakan informasi untuk pihak luar tertentu dengan laporan-laporan yang dibutuhkan.
Sistem informasi dapat didefinisikan sebagai berikut: “Sistem informasi adalah suatu sistem didalam suau organisasi yang
mempertemukan kebutuhan pengolahan transaksi yang mendukung operasi bersifat manajerial dan kegiatan stategi-stategis dari suatu organisasi dan
menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan [4].”
Sistem informasi dalam sebuah sistem meliputi pemasukan data input kemudian diolah melalui suatu model dalam pemrosesan data, dan hasil informasi
akan ditangkap kembali sebagai suatu input dan seterusnya sehingga membentuk siklus informasi yang dapat diperoleh dari sistem informasi sebagai sistem khusus
dalam organisasi untuk mengolah informasi tersebut [12].
2.2.4.1. Karakteristik Sistem Informasi
Ada beberapa karakter sistem informasi, yaitu: 1.
Sistem informasi memiliki komponen berupa subsistem yang merupakan elemen-elemen yang lebih kecil yang membentuk sistem informasi
tersebut misalnya bagian input, proses, output. Contoh: bagian input adalah salesman memasukkan data penjualan bulan ini, maka di sana
terdapat manusia yang melakukan pekerjaan input, dengan menggunakan
hardware keyboard , dan menggunakan interface sebuah aplikasi laporan
penjualan yang sudah di sediakan oleh sistem informasi tersebut. 2.
Ruang lingkup sistem informasi yaitu ruang lingkup yang ditentukan dari awal pembuatan yang merupakan garis batas lingkup kerja sistem tersebut,
sehingga sistem informasi tersebut tidak bersinggungan dengan sistem informasi lainnya.
3. Tujuan sistem informasi adalah hal pokok yang harus ditentukan dan
dicapai dengan menggunakan sistem informasi tersebut, sebuah sistem informasi berhasil apabila dapat mencapai tujuan tersebut.
4. Lingkungan sistem informasi yaitu sesuatu yang berada diluar ruang
lingkup sistem informasi yang dapat mempengaruhi sistem informasi, hal ini turut dipertimbangkan pada saat perencanaan sistem informasi.
2.2.5. E-commerce
E-commerce berkaitan dengan kegiatan yang bersifat komersial di internet.
Contoh paling umum dari kegiatan e-commerce tentu saja adalah aktifitas transaksi perdagangan melalui sarana internet. Dengan memanfaatkan e-
commerce , para penjual dapat menawarkan produknya secara lintas negara karena
sifat internet tidak mengenal batasan secara geografis. Transaksi dapat berjalan secara real time dari sudut mana saja di dunia asalkan terhubung dalam jaringan
internet [5]. Umumnya tansaksi melalui sarana e-commerce dilakukan melalui sarana
situs web yang dalam hal ini berlaku sebagai semacam ajang pamer produk yang ditawarkan. Dari situs web ini, para pembeli dapat melihat bentuk dan spesifik
produk lengkap dengan harganya. Berikutnya apabila calon pembeli tertarik, maka ia dapat melakukan transaksi pembelian di situs tersebut dengan sarana kartu
kredit. Berbeda dengan transaksi kartu kredit pada umumnya yang menggunakan peralatan khusus, transaksi kartu kredit di internet cukup dilakukan dengan
memasukan nomor kartu kredit beserta waktu kadaluarsanya pada formulir yang disediakan [5].
Tahap selanjutnya, program di server e-commerce akan melakukan verifikasi terhadap nomor kartu kredit yang diinputkan. Apabila nomor yang
diinputkan valid, maka transaksi dianggap sah dan barang yang dipesan akan dikirim ke alamat pembeli. Tentu saja sebelumnya saat mengisi formulir
pemesanan, calon pembeli telah mengisikan alamat lengkap kemana barang yang akan dibelinya harus dikirimkan. Harga barang yang dibeli kemudian akan
dimasukan dalam rekening tagihan dari kartu kredit yang digunakan [5].
2.2.5.1. Definisi E-commerce
E-commerce merupakan konsep baru yang bisa digambarkan sebagai
proses jual beli barang atau jasa pada World Wide Web Internet Shim, Qureshi, Siegel, 2000 atau proses jual beli atau pertukaran produk, jasa dan informasi
melalui jaringan informasi termasuk internet Turban, Lee, King, Chung, 2000. Kalakota dan Whinston 1997 mendefinisikan e-commerce dari beberapa
perspektif berikut [7]: 1.
Dari perspektif komunikasi, e-commerce merupakan pengiriman informasi, produklayanan, atau pembayaran melalui lini telepon, jaringan
komputer atau sarana elektronik lainnya.
2. Dari perspektif proses bisnis, e-commerce merupakan aplikasi teknologi
menuju otomatisasi transaksi dan aliran kerja perusahaan. 3.
Dari perspektif layanan, e-commerce merupakan satu alat yang memenuhi keinginan perusahaan, konsumen dan manajemen dalam memangkas
service cost ketika meningkatkan mutu barang dan kecepatan pelayanan.
4. Dari perspektif online, e-commerce berkaitan dengan kapasitas jual beli
produk dan informasi di internet dan jasa online lainnya.
2.2.5.2. Sejarah Singkat E-commerce
Penerapan electronic commerce bermula diawal 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 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 tahun1990-
an, serta pesatnya pertumbuhan yang mencapai hingga jutaan pelanggan potensial, maka muncullah istilah electronic commerce 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 sampai 72 dari 99,8 milyar menjadi 171,5 milyar. Pada
tahun 2002, diatas satu triliun dolar pendapatan dihasilkan dari internet [7].
2.2.5.3. Klasifikasi E-commerce
Penggolongan e-commerce yang lazim dilakukan orang ialah berdasarkan sifat transaksinya, yaitu sebagai berikut [7]:
1. Business-to-business
B2B Kebanyakan e-commerce yang diterapkan saat ini merupakan tipe B2B. e-
commerce tipe ini meliputi transaksi IOS yang digambarkan tadi serta transaksi
antar organisasi yang dilakukan di electronic market. Contohnya Wal-Mart dengan Warner-Lambert.
2. Business-to-consumer
B2C Ini merupakan transaksi eceran dengan pembeli perorangan. Pembeli khas
di Amazon.com adalah seorang konsumen atau seorang pelanggan. 3.
Consumer-to-consumer C2C
Dalam kategori ini, seorang konsumen menjual secara langsung ke konsumen lainnya. Contohnya adalah ketika ada perorangan yang melakukan
penjualan di classified ads dan menjual properti rumah hunian, mobil dan sebagainya.
4. Consumer-to-business
C2B Termasuk ke dalam kategori ini adalah perseorangan yang menjual produk
atau layanan ke organisasi, dan perseorangan yang mencari penjual, berinteraksi dengan mereka dan menyepakati suatu transaksi.
5. Nonbusiness E-commerce
Dewasa ini makin banyak lembaga non-bisnis seperti lembaga akademis, organisasi nirlaba, organisasi keagamaan, organisasi sosial, dan lembaga-lembaga
pemerintahan yang menggunakan berbagai tipe e-commerce untuk mengurangi biaya atau untuk meningkatkan operasi dan layanan publik.
6. Intrabusiness Organizational
E-commerce Yang termasuk ke dalam kategori ini adalah semua aktivitas intern
organisasi, biasanya dijalankan di internet, yang melibatkan pertukaran barang, jasa atau informasi. Akivitas yang tercakup dapat beragam tingkatannya, mulai
penjualan produk perusahaan ke pekerja, hingga pelatihan secara online dan pemangkasan biaya. Perhatikan bahwa apa yang penulis sebut sebagai IOS
merupakan bagian dari B2B. Electronic market, di sisi lain dapat diasosiasikan dengan B2B atau B2C.
2.2.5.4. Manfaat E-commerce
Berikut adalah sisi positif dari e-commerce, yaitu [9]: 1.
Jangkauan pasar akan lebih luas, mencakup seluruh dunia. 2.
Menghemat ruang toko secara fisik juga sumber daya manusia yang dipekerjakan.
3. Waktu kerja yang fleksibel, anda dapat membuka toko selama 24 jam, 7
hari dalam seminggu dan tanpa libur. 4.
Anda dapat menambahkan barang pada toko tanpa harus memikirkan tempat menaruh barang tersebut.
5. Konsumen akan memproleh informasi barang secara detail.
6. Anda juga dapat meniadakan adanya caloperantara perdagangan.
2.2.5.5. Keterbatasan E-commerce
Adapun sisi negatif dari e-commerce, yaitu [9]: 1.
Kelemahan sistem yang digunakan, ada kemungkinan adanya pembajakan kartu kredit, hacking ke situs atau pencurian data pelanggan.
2. Jenis dan kualitas barang tidak sesuai dengan keinginan konsumen.
Namun hal ini dapat anda antisipasi dengan melakukan pengepakan barang yang bagus dan menggunakan jasa pengiriman yang terpercaya.
3. Tidak tepat waktu dalam pengiriman barang.
2.2.6. Internet
Interconnected Network atau yang lebih popular dengan sebutan Internet
adalah sebuah sistem komunikasi global yang menghubungkan komputer- komputer dan jaringan-
jaringan komputer di seluruh dunia”, Purbo, 1998. Setiap komputer dan jaringan terhubung secara langsung maupun tidak
langsung ke beberapa jalur utama yang disebut “internet backbone” dan dibedakan satu dengan yang lainnya menggunakan “unique name” yang biasa
disebut dengan “alamat IP” 32 bit [1]. Dengan adanya hubungan komunikasi lintas jaringan pada internet, setiap
komputer yang terdapat di dunia dapat terbubung satu dengan yang lain. Hal inilah yang menyebabkan komunikasi di internet sangat cair. Karena penggunaan
internet tidak mengenal batas negara, status ekonomi, idiologi dan faktor-faktor lain yang biasanya dapat menghambat komunikasi dan pertukaran informasi di
dunia nyata. Dengan alasan inilah, sebagian orang menyebut internet sebagai revolusi di bidang teknologi dan informasi [11]
2.2.6.1. Layanan Aplikasi Internet
Aplikasi Internet yang tersedia saat ini sudah banyak dan terus bertambah seiring dengan kemajuan teknologi infomasi. Aplikasi-aplikasi internet ini
kemudian digunakan dalam berbagai bidang seperti bidang akademis, militer, medis, media massa, dan berbagai sektor industri lainnya. Dari sekian banyak
aplikasi internet yang ada, yang banyak dikenal dan digunakan antara lain: 1.
Electronic Mail E-Mail
Aplikasi ini adalah yang paling banyak digunakan dan termasuk salah satu dari aplikasi pertama di Internet. Dengan e-mail, anda dapat mengirim dan
menerima surat, pesan, dokumen secara elektronik dengan pamakai lain di Internet yang mempunyai alamat e-mail.
2. File Transfer Protocol
FTP File transfer protocol
yang disingkat dengan FTP adalah aplikasi internet yang di gunakan untuk mengirimkan atau mengambil file ke atau dari sebuah
komputer lain. FTP memungkinkan transfer data lebih cepat. FTP sering digunakan untuk mencari dan mengambil download arsip file di suatu server di
internet yang mempunyai alamat tertentu yang menyediakan berbagai arsip file. File tersebut memang diizinkan untuk diambil oleh penguna internet yang
membutuhkan. File ini dapat berupa hasil penelitian, artikel-artikel, jurnal dan lain-lain. FTP juga dipergunakan untuk meng-upload file materi situs homepage
sehingga dapat diakses oleh penguna dari pelosok dunia.
3.
Remote Login – Telnet
Telnet adalah suatu aplikasi remote login Internet yang memungkinkan kita untuk login atau menggunakan komputer yang berbeda di jaringan secara
interaktif. Aplikasi ini biasanya digunakan untuk mengakses komputer berbasis sistem operasi UNIX dari tempat yang berbeda dari servernya.
4. World wide Web
WWW Awalnya informasi dapat dicari pada Internet dengan menggunakan
information service berbasis archie, gopher dan WAIS Wide Area Information System
. Pencarian informasi berdasarkan menu-menu pada sistem tersebut dan output yang dihasilkan berbasis teks. Saat ini dengan teknologi World wide Web
dimungkinkan untuk mengakses informasi secara interaktif dan bentuknya berupa tampilan grafis maupun teks. Hal ini dimungkinkan dengan adanya Hypertext
Transfer Protocol HTTP yang digunakan untuk mengakses suatu informasi yang
disimpan pada suatu situs web website. Untuk dapat menggunakan saran ini dibutuhkan aplikasi Web Browser.
5. Internet Relay Chat
IRC Internet Relay Chat
IRC adalah aplikasi internet yang digunakan untuk bercakap-cakap di internet . Bercakap-cakap di internet dikenal dengan istilah
chatting . Chatting dilakukan dengan cara mengetik apa yang ingin anda katakan
kepada teman chatting anda, kemudian mengirimkannya dalam bentuk teks. Melalui chating Anda dapat berkenalan dan bercerita dengan orang lain di belahan
dunia lain. 6.
Universal Resource Locator URL
Pada penggunaan
www, penunjukan
suatu sumber
informasi menggunakan metoda URL ini merupakan konsep penamaan lokasi standar dari
suatu file, direktori, komputer, lokasi komputernya dan metoda yang digunakan. URL tidak hanya dapat menunjuk ke suatu file tapi dapat juga menunjuk suatu
query, dokumen dalam suatu database atau hasil dari perintah finger atau perintah archie atau yang lainnya. Dengan URL ini didefinisikan lokasi dan metode
pengaksesan file tersebut. 7.
HyperText Transfer Protocol HTTP
HTTP atau HyperText Transfer Protocol adalah suatu protokol internet yang digunakan oleh World Wide Web. Dengan protokol ini sebuah web client
dalam hal ini browser seperti Internet Explorer atau Netscape dapat melakukan pertukaran data hypermedia, seperti teks, gambar, suara, bahkan video dengan
Web server . HTTP pertama kali dibuat oleh Tim Berners-Lee pada tahun 1990,
dengan versi HTTP0.9.
2.2.6.2. Web Server
Web server adalah sebuah perangkat lunak server yang berfungsi
menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan web browser dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web
yang umumnya berbentuk dokumen HTML. Web server yang terkenal diantaranya adalah Apache dan Microsoft Internet Information Service IIS.
Apache merupakan web server antar-platform, sedangkan IIS hanya dapat beroperasi di sistem operasi Windows.
Fungsi utama dari sebuah web server adalah menyerahkan halaman web untuk klien. Klien dalam hal ini web browser memulai komunikasi dengan
membuat permintaan untuk suatu sumber daya tertentu menggunakan HTTP dan server merespon dengan isi dari sumber daya tersebut atau pesan kesalahan jika
permintaan tidak dapat direspons oleh server. Suatu saat, web server dapat mengalami kelebihan beban yang disebabkan oleh beberapa sebab, diantaranya
adalah sebagai berikut: 1.
Terlalu banyak lalu lintas web yang sah. Ribuan bahkan jutaan klien tersambung ke situs web dalam interval yang pendek.
2. Serangan Distributed Denial of Service DDoS. DDoS menyebabkan
permintaan terhadap suatu website menjadi tidak bisa dilayani. 3.
Worms pada komputer kadang-kadang menyebabkan lalu lintas abnormal
karena jutaan komputer terinfeksi. 4.
Virus XSS dapat menyebabkan lalu lintasmenjadi tinggi karena jutaan web browser
dan atau web server yang terinfeksi. 5.
Kecepatan internet atau jaringan melambat, sehingga permintaan klien dilayani lebih lambat dan jumlah koneksi meningkat begitu banyak
melampaui batas kemampuan server. 6.
Web server sementara tidak bisa melayani permintaan klien. Hal ini dapat
terjadi karena sedang dilakukan proses maintenance atau upgrade, kegagalan perangkat keras atau perangkat lunak.
2.2.6.3. Web Browser
Dalam dunia web, perangkat lunak client, yaitu browser web mempunyai tugas yang sama yaitu menterjemahkan informasi yang diterima oleh server web
dan menampilkannya pada layer komputer pengguna, oleh karena HTTP memungkinkan server web mengirimkan beragam data, seperti teks atau gambar,
browser harus bisa mengenali berbagai macam data yang akan diterimanya, dan
selanjutnya harus tahu cara untuk menampilkanya dengan benar. Teks ditampilkan sebagai teks dan gambar ditampilkan sebagai gambar. Umumnya
browser web menerima data dalam bentuk HTML. File HTML sebenarnya adalah
file teks biasa yang selain berisi informasi yang hendak ditampilkan kepada pengguna, juga mempunyai perintah-perintah untuk mengatur tampilan data
tersebut. Browserlah yang memiliki kuasa penuh dalam menterjemahkan perintah- perintah tadi. Meskipun sudah dibuat consensus untuk menstandarkan format dan
elemen-elemen HTML, setiap jenis browser bisa menterjemahkan file HTML secara berbeda. Beberapa server web memiliki feature seperti server side
programming, security control dan lain sebagainya. Meskipun beragam
macamnya, secara fungsional semua jenis server web adalah sama saja, yaitu berfungsi melayani permintaan-permintaan dari browser web.
Banyak web browser yang bisa digunakan untuk mengakses web, diantaranya internet explorer, mozilla firefox, opera, safari, dan masih banyak
lagi web browser lain yang bisa digunakan untuk mengakses web.
2.2.6.4. Domain Name System DNS
Untuk mengidentifikasi suatu entitas, protokol TCPIP menggunakan alamat IP. Namun apabila dalam aplikasi setiap orang harus menghafal alamat IP
untuk melakukan komunikasi bisa berakibat timbulnya kesulitan untuk mengingat. Apalagi jika perkembangan internet sudah demikian pesat. Untuk itu
protokol TCPIP memiliki suatu metode untuk membuat suatu map yang menterjemahkan nama kepada alamat IP atau sebaliknya. Metode ini disebut juga
sebagai Domain Name System DNS. Domain Name System
DNS adalah distribute database system yang digunakan untuk pencarian nama komputer di jaringan yang mengunakan TCPIP
Transmission Control ProtocolInternet Protocol. DNS biasa digunakan pada aplikasi yang terhubung ke Internet seperti web browser atau e-mail, dimana DNS
membantu memetakan host name sebuah komputer ke IP address. Selain digunakan di Internet, DNS juga dapat di implementasikan ke private network
atau intranet dimana DNS memiliki keunggulan seperti: 1.
Mudah, DNS sangat mudah karena user tidak lagi direpotkan untuk mengingat IP address sebuah komputer cukup host name nama
Komputer. 2.
Konsisten, IP address sebuah komputer bisa berubah tapi host name tidak berubah.
3. Simple, user hanya menggunakan satu nama domain untuk mencari baik di
Internet maupun di Intranet.
2.2.7. Alat Bantu Analisis dan Perancangan Sistem
Dalam pembangunan suatu sistem informasi diperlukan alat bantu untuk proses analisis dan perancangan sistem. Alat bantu untuk menganalisis dan
merancang sitem yang akan dibangun tersebut akan dijelaskan pada sub-bab berikut ini:
2.2.7.1. Flowmap
Bagan alir atau flowmap adalah bagan yang menunjukan alir didalam program atau prosedur sistem secara logika. Bagan alir digunakan terutama untuk
alat bantu komunikasi dan dokumentasi. Bagan alir dokumen atau sering disebut juga Flow Map merupakan bagan alir yang menunjukan arus dari aliran formulir
termasuk tembusan-tembusannya [12].
2.2.7.2. Diagram Konteks
Diagram konteks menggambarkan aplikasi dalam satu lingkaran dan hubungan dengan entitas luar. Dimana lingkaran tersebut menggambarkan
keseluruhan proses dalam aplikasi. Dalam penggambaran ini, sistem dianggap sebagai sebuah objek yang tidak dijelaskan secara rinci, karena yang ditekankan
adalah interaksi sistem dengan lingkungan yang mengaksesnya [6]. Diagram konteks berisi gambaran umum secara garis besar sistem yang
akan dibuat. Secara kalimat, dapat dikatakan bahwa diagram konteks ini berisi “siapa saja yang berintaeraksi langsung ke dalam sistem, serta kepada siapa saja
informasi dan informasi apa saja yang harus dihasilkan sistem .” Jadi, yang
dibutuhkan adalah:
1. Siapa saja pihak yang akan berhubungan langsung dengan sistem.
2. Data apa saja yang diberikannya ke sistem.
3. Kepada siapa sistem harus menyerahkan informasi atau laporan.
4.
Apa saja isi jenis laporan yang harus dihasilkan sistem
.
2.2.7.3. Data Flow Diagram DFD
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 akan disimapan. DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang
terstruktur, selain itu merupakan alat yang cukup popular dikarenakan dapat menggambarkan arus data dalam didalam sistem secara jelas dan terstruktur.
Dalam mengembangkan suatu aliran data atau proses yang terjadi di dalam sistem data flow diagram menggunakan simbol-simbol yang memiliki arti tersendiri
dalam menerangkan [11].
2.2.7.4. Entity Relationship Diagram ERD
Entity Relationship Diagram atau biasa dikenal dengan diagram E-R
secara grafis menggambarkan isi sebuah database. Diagram ini memiliki dua komponen utama yaitu entity dan relasi. Adapun Elemen-elemen Entity
Relationship Diagram adalah sebagai berikut [12]:
Entitas Pada E-R diagram, entitas digambarkan dengan sebuah bentuk persegi
panjang. Entity adalah sesuatu apa saja yang ada didalam sistem, nyata maupun
abstrak dimana data tersimpan. Entitas diberi nama dengan kata benda dan dapat dikelompokan dalam empat jenis nama, yaitu: orang, benda, lokasi kejadian
terdapat unsur waktu didalamnya. Relasi
Pada E-R diagram, relasi dapat digambarkan dengan sebuah bentuk belah ketupat. relasi adalah hubungan alamiah yang terjadi antara entitas. Pada
umumnya relationship diberi nama dengan kata kerja dasar, sehingga memudahkan untuk melakukan pembacaan relasinya.
Atribut Secara umum atribut adalah sifat atau karakteristik dari tiap entitas
maupun tiap relationship. Maksudnya adalah sesutau yang menjelaskan apa sebenarnya yang dimaksud entitas maupun relationship, sehingga sering
dikatakan bahwa atribut adalah elemen dari setiap entitas dan relationship. Kardinalitas
Kardinalitas relasi menunjukan jumlah maksimum tupel yang dapat berelasi dengan entitas yang lainnya. Dari sejumlah kemungkinan banyaknya
hubungan yang terjadi dari entitas, kardinalitas relasi merujuk kepada hubungan maksimum yang terjadi dari entitas yang satu ke entitas yang lainnya dan begitu
juga sebaliknya. Macam-macam kardinalitas relasi, yaitu: 1.
One to one Relationship Tingkat hubungan satu ke satu, dinyatakan dengan satu kejadian pada
entitas pertama, hanya mempunyai satu hubungan dengan satu kejadian pada entitas yang kedua dan sebaliknya.
2. One to many Relationship
Tingkat hubungan satu ke banyak adalah untuk satu kejadian pada entitas yang pertama dapat mempunyai banyak hubungan dengan kejadian pada entitas
yang kedua. 3.
Many To One Relationship Untuk banyak kejadian pada entitas yang pertama hanya dapat mempunyai
satu hubungan dengan kejadian pada entitas yang kedua. 4.
Many to many Relationship Tingkat hubungan banyak ke banyak terjadi jika tiap kejadian pada sebuah
entitas akan mempunyai banyak hubungan dengan kejadian pada entitas lainnya, baik dilihat dari sisi entitas yang pertama maupun dilihat dari sisi yang kedua.
2.2.7.5. Kamus Data
Adalah daftar organisasi semua elemen yang ada dalam sistem secara lengkap dengan definisi yang baku sehingga Pelanggan dan analisis sistem akan
memiliki pengertian yang sama untuk input, output, komponen penyimpanan dan perhitungannya. Kamus data dapat digunakan pada saat analisis sitem atau
perancangan sistem, kamus data digunakan untuk mencatat terminologi bisnis, aturan standar batasan panjang karakter, nilai, system field.
2.2.8. Alat Bantu Yang Digunakan Untuk Membangun Website
Alat bantu yang digunakan untuk membangun website akan dijelaskan pada sub-bab berikut ini:
2.2.8.1. Hypertext Markup Language HTML
HTML Hypertext Markup Language adalah bahasa dari World Wide Web
yan dipergunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser. Tiap kali kita mengakses dokumen web,
maka sesungguhnya kita mengakses dokumen seseorang yang ditulis dengan menggunakan format HTML. Beberapa orang merasa keberatan jika dikatakan
HTML adalah sebuah bahasa pemrograman karena struktur yang dimilikinya dianggap terlalu sederhana, kode-kode dibaca oleh browser baris per baris, dari
atas ke bawah. HTML juga tidak memiliki looping seperti bahasa pemrograman lain. Pada HTML dipergunakan hypertext link atau hubungan antara teks dan
dokumen lain. Dengan demikian pembaca dokumen bisa melompat dari satu dokumen ke dokumen yang lain dengan mudah [11].
2.2.8.2. Personal Home Page PHP
PHP adalah Personal Home Page, sebuah bahasa scripting yang dibundel dengan HTML, yang dijalankan di sisi server. Sebagain besar intinya berasal dari
C, Java dan Perl dengan beberapa tambahan fungsi khusus PHP. Bahasa ini memungkinkan para pembuat aplikasi web menyajikan halaman HTML dinamis
dan interaktif dengan cepat dan mudah, yang dihasilkan server. PHP juga dimaksudkan untuk mengganti teknologi lama seperti CGI Common Gateway
Interface .
Berikut adalah keunggulan dari script PHP [9]: 1.
Source program atau script tidak dapat dilihat dengan menggunakan view
HTML source yang ada pada web browser.
2. Script
tersebut dapat memanfaatkan sumber2 aplikasi dimiliki oleh server, seperti misalnya untuk keperluan database connection. Saat ini PHP sudah
mampu melakukan koneksi dengan berbagai database. Pada aplikasi yang dibuat dengan PHP, pada saat dijalankan server akan
mengerjakan script dan hasilnya lah yang dikirimkan ke web browser. Hal itu akan menyebakkan aplikasi tidak memerlukan kompatibilitas web browser.
PHP dapat melakukan semua aplikasi program CGI, seperti mengambil nilai form, menghasilkan halaman web yang dinamis, mengirimkan dan menerima
cooki. PHP juga dapat berkomunikasi dengan layanan-layanan yang menggunakan protocol IMAP, SNMP, NNTP, POP3, HTTP, dan lainnya.
2.2.8.3. JavaScricpt
Javascript merupakan cross-platform yang dikembangkan oleh Netscape
dan pertama kali digunakan dalam browser Netscape. Javascript dibuat agar mudah diintegrasikan kedalam program dan aplikasi lain, misalnya browser.
Sebagian besar browser saat ini sudah mendukung javascript. Oleh karena itu, script
dari javascript biasanya dimasukkan kedalam suatu HTML dan dieksekusi dibrowser lain [12].
2.2.8.4. Cascading Style Sheet CSS
Cascading Style Sheet atau yang biasa disingkat dengan CSS, merupakan
suatu dokumen yang digunakan untuk melakukan pengaturan halaman Web yang ditulis dengan HTML atau XHTML. Penggunaan CSS tidak memerlukan
perangkat lunak tertentu karena CSS merupakan script yang telah embedded dengan HTML. CSS digunakan oleh Web Designer untuk menentukan warna,
jenis, huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen yang ditulis dengan HTML atau
bahasa markup lainnya dengan presentasi dokumen yang ditulis dengan CSS. Pemisah ini ditujukan agar dapat mmemisahkan aksesibilitas isi, menyerahkan
lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada strukur isi [12].
2.2.8.5. MYSQL
MySQL adalah database server relasional gratis dibawah lisensi General Public License
GNU. Dengan sifatnya yang Open Source, memungkinkan juga user untuk melakukan modifikasi pada source code-nya untuk memenuhi
kebutuhan spesifk mereka sendiri. MySQL merupakan database server multi-user dan multi-threaded yang tangguh. Dengan memiliki banyak feature MySQL bisa
bersaing dengan database komersial sekalipun. Tidak mengejutkan, MySQL menjadi database pilihan untuk banyak pengguna PHP [8].
2.2.8.6. WAMP Server
WAMP server adalah sebuah manager service open source yang memiliki kepanjangan yaitu Windows Apache MySQL PHP. Sesuai dengan namanya
service yang dimiliki oleh WAMP diantaranya Apache, PHP5, database MySQL, PHPmyadmin dan SQLitemanager. Fungsi dari WAMP server sendiri adalah
sebagai server yang berdiri sendiri localhost. Program ini tersedia dalam General Public License GNU dan bebas,
merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis [12].
2.2.8.7. Adobe Photoshop CS5
Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan
fotogambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin
pasar market leader untuk perangkat lunak pengolah gambarfoto. Adobe Photoshop CS3 adalah versi ke dua belas dari aplikasi ini. Meskipun pada
awalnya Photoshop dirancang untuk menyunting gambar untuk cetakan berbasis- kertas, Photoshop yang ada saat ini juga dapat digunakan untuk memproduksi
gambar untuk World Wide Web [13] .
38
BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3. 1. Analisis sistem
Analisis sistem merupakan suatu proses yang bertujuan untuk mengetahui dan mengamati apa saja yang terlibat dalam suatu sistem yang berhubungan
antara satu proses dengan proses lainnya. Dari proses tersebut maka dapat dilakukan suatu evaluasi dan usulan terhadap sistem yang ada atau sistem yang
sedang berjalan untuk dikembangkan lebih lanjut agar kinerja sistem tersebut lebih baik dari sistem yang sebelumnya.
Langkah-langkah analisis sistem adalah sebagai berikut : 1. Analisis masalah.
2. Analisis sistem yang sedang berjalan. 3. Analisis kebutuhan non fungsional.
4. Analisis kebutuhan fungsional.
3.1.1. Analisis Masalah
Analisis masalah adalah analisis yang dilakukan mengenai prosedur- prosedur atau cara kerja dari setiap data yang dibutuhkan dan dihasilkan dari
sistem penjualan yang ada pada showroom Cardinal. Dari setiap proses analisis tersebut menghasilkan data dan informasi yang harus diolah sehingga dapat
menghasilkan keluaran baru sesuai kebutuhan dari setiap fungsinya. Berdasarkan hasil penelitian yang telah dilakukan, bahwa showroom Cardinal masih
mempunyai masalah-masalah seperti:
1. Sistem penjualan yang masih dilakukan secara konvensional, mulai dari promosi, penjualan, pembayaran sampai kepada pembuatan laporan
penjualannya. 2. Adanya tuntutan ekonomi digital yang harus dipenuhi agar bisa tetap
bertahan dalam persaingan bisnis di era digital ini.
3.1.2. Analisis Prosedur yang sedang berjalan
Analisis sistem yang sedang berjalan menjelaskan tentang bagaimana terjadinya proses bisnis dan kegiatan sistem yang sedang berjalan di showroom
Cardinal. Analisis sistem ini mencakup analisis prosedur dan dokumen sistem. Prosedur yang ada saat ini di showroom Cardinal mencakup prosedur permintaan
barang, pengadaan barang, penjualan barang, dan pengembalian barangreturn.
3.1.2.1. Prosedur Pengadaan Barang Awal
Prosedur pengadaan barang awal yang sedang berjalan di showroom Cardinal adalah sebagai berikut :
a. Petugas di gudang mengisi daftar barang yang akan dimasukan ke showroom
Cardinal. b. Petugas memperbarui data stok barang di gudang berdasarkan daftar
barang yang akan dimasukan ke showroom Cardinal. c. Setelah daftar barang diproses, barang beserta daftar barang dikirimkan ke
showroom Cardinal.
d. Petugas di showroom Cardinal memperbarui data stok barang di showroom Cardinal.
e. Petugas mengarsipkan daftar barang yang sudah dimasukan ke showroom Cardinal .
Prosedur pengadaan barang awal digambarkan dengan menggunakan flowmap pada gambar 3.1.
Prosedur Pengadaan Barang Awal
Bagian Gudang Showroom
Daftar barang sudah diisi
Daftar barang kosong
pengisian daftar barang
Data barang Ubah data
stok barang Barang.xls
Stok dikurangi Daftar barang
Yang telah diproses
Daftar barang Yang telah
diproses
Daftar barang Yang telah
diproses A1
A1 : Arsip Daftar Pengadaan Barang Data barang
Ubah data stok barang
Barang.xls Stok
ditambahkan
1
1
1 1
1
Gambar 3.1 Flowmap Prosedur Pengadaan Barang Awal
3.1.2.2. Prosedur Penjualan Barang
Prosedur penjualan barang yang sedang berjalan di showroom Cardinal adalah sebagai berikut :
a. Konsumen memilih dan memberikan daftar barang yang ingin dibeli kepada kasir.
b. Kasir menerima dafar barang yang akan dibeli dari konsumen, kemudian melakukan pengecekan ketersediaan barang yang akan dibeli tersedia atau
tidak. c. Jika barang yang akan dibeli tersedia, kasir menghitung total harga yang
harus dibayar oleh konsumen dan menyediakan barang yang akan dibeli. d. Kasir memberitahukan total harga yang harus dibayar kepada konsumen.
e. Setelah proses pembayaran selesai, kasir membuat faktur pembelian sebanyak dua rangkap. Rangkap pertama diserahkan pada konsumen dan
rangkap kedua disimpan oleh kasir untuk diarsipkan. f. Kasir memberikan barang yang dibeli dan faktur pembelian kepada
konsumen. g. Kasir melakukan pembaruan terhadap data barang dan penambahan data
transaksi.
Prosedur penjualan barang digambarkan dengan menggunakan flowmap pada gambar 3.2.
Prosedur Penjualan Barang
Kasir Konsumen
Pengisian faktur penjualan
Faktur penjualan kosong
Data transaksi
Transaksi.xls Telah
ditambah
ubah data stok barang
tambah data transaksi
A4 : Arsip Faktur Penjualan A4
Barang.xls Stok
dikurangi Faktur penjualan
telah diproses
Data barang
Faktur penjualan
1 2
Faktur penjualan Yang telah diisi
1 2
Faktur penjualan Yang telah diisi
1
2
Gambar 3.2 Flowmap Prosedur Penjualan Barang
3.1.2.3. Prosedur Pengembalian Barang
Prosedur pengembalian barang yang sedang berjalan di showroom Cardinal adalah sebagai berikut :
a. Konsumen datang dan memberikan barang yang ingin dikembalikan serta membawa bukti pembelian dan memberitahukan keluhan pengembalian.
b. Kasir memeriksa kode transaksi apakah pengembalian barang masih bisa dilakukan.
c. Apabila masa pengembalian habis maka barang yang dikembalikan dan faktur pembelian dikembalikan kepada konsumen.
d. Jika masa pengembalian barang masih berlaku, kasir memeriksa keluhan yang dikeluhkan oleh konsumen.
e. Apabila keluhan tidak sesuai dengan peraturan pengembalian maka barang yang dikembalikan dan faktur pembelian dikembalikan kepada konsumen.
f. Jika keluhan sesuai, kasir memeriksa stok barang yang sama dari database. g. Jika barang tidak tersedia, kasir menawarkan barang dengan model serupa
atau meminta konsumen untuk memilih model lain untuk sebagai pengganti barang yang dikembalikan.
h. Kasir menyiapkan barang baru yang sama dengan barang yang dikembalikan atau barang pengganti yang dipilih oleh konsumen.
i. Kasir membuat faktur baru untuk barang pengganti sebanyak dua rangkap. Rangkap pertama diberikan kepada konsumen. Rangkap kedua diarsipkan
oleh kasir. j. Kasir memberikan faktur baru kepada konsumen.
k. Kasir melakukan update terhadap data barang dan pengubahan data transaksi.
Prosedur pengembalian barang digambarkan dengan menggunakan flowmap pada gambar 3.3.
Prosedur Pengembalian Barang
Kasir Konsumen
Faktur penjualan Faktur penjualan
transaksi.xls
Diterima? Faktur penjualan
tidak valid Faktur penjualan
tidak valid Valid?
ya
Barang.xls Sudah
diperbarui Cek keluhan
Pengecekan Data transaksi
Pengisian faktur penjualan baru
Data transaksi
perbarui Data barang
perbarui Data transaksi
Faktur penjualan baru
Faktur penjualan baru kosong
Faktur penjualan baru
tidak
A4 Faktur penjualan
valid
Faktur penjualan keluhan diterima
Faktur penjualan lama
Data transaksi
Faktur penjualan keluhan tidak
diterima Faktur penjualan
keluhan tidak diterima
Transaksi.xls sudah
diperbarui Faktur penjualan
baru Faktur penjualan
lama Data barang
A4 : Arsip Faktur Penjualan Baru Faktur penjualan
lama Faktur penjualan
baru Transaksi
.xls selesai dicek
1 1
1 1
1
1 1
1 1
2
1 2
1 1
2 1
2 1
ya
Transaksi.xls selesai dicek
tidak
Gambar 3.3 flowmap prosedur pengembalian barang
3.1.2.4. Prosedur Pengadaan Barang Tahap Lanjut
Prosedur pengadaan barang tahap lanjut yang sedang berjalan di showroom
Cardinal adalah sebagai berikut : a. Petugas di showroom memberikan daftar barang yang akan dipesan kepada
petugas di bagian gudang. b. Petugas di bagian gudang memeriksa ketersediaan barang yang dipesan
berdasarkan daftar barang yang diberikan. c. Apabila barang tidak tersedia, petugas di bagian gudang membuat daftar
pemesanan barang untuk diberikan kepada bagian produksi. d. Jika barang tersedia, petugas mencatat barang apa saja yang tersedia dan
siap dikirimkan ke showroom. e. Setelah daftar barang dicatat, petugas memperbarui stok barang di gudang
berdasarkan jumlah barang yang akan dikirimkan. f. Selanjutnya petugas di bagian gudang mengembalikan daftar barang yang
telah dicatat beserta barang yang dipesan. g. Setelah menerima daftar barang dan barang yang dipesan, petugas di
showroom memperbarui stok barang sesuai dengan barang yang telah
diterima. h. Petugas di showroom mengarsipkan daftar barang yang telah dipesan.
Prosedur pengadaan barang tahap lanjut digambarkan dengan menggunakan flowmap pada gambar 3.4.
Prosedur Pengadaan Barang Tahap Lanjut
Bagian Produksi Bagian Gudang
Daftar barang
Pengecekan Ketersediaan
barang
Barang.xls
tidak Tersedia?
Pencatatan daftar barang
yang tersedia
Data barang Daftar barang
tersedia dan telah dicatat
memperbarui data stok
barang Data barang
Daftar barang tersedia
Barang.xls yang telah
dicek
ya
Barang.xls yang telah
diperbaharui
Daftar barang tersedia dan
telah dicatat
A1 : Arsip Pengadaan Barang Daftar barang
tidak tersedia Pembuatan daftar
pemesanan barang
Daftar pemesanan
barang Daftar
pemesanan barang
Daftar barang tidak tersedia
A2 A3
A2 : Arsip Permintaan Barang yang belum tersedia A3 : Arsip Pemesanan Produksi Barang
1
1 1
1
1 1
1
1
Barang.xls yang telah
dicek
A1
Gambar 3.4 Flowmap Prosedur Pengadaan Barang Tahap Lanjut
3.1.3. Analisis Kebutuhan Non Fungsional
Analisis kebutuhan non fungsional 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.3.1. Analisis Perangkat Keras
Untuk menjalankan suatu aplikasi maka diperlukan perangkat keras yang dapat mendukung proses kerja dari sistem itu sendiri. Spesifikasi perangkat keras
yang digunakan oleh showroom Cardinal dalam melakukan pengolahan data penjualan barang tertera pada Tabel 3.1.
Tabel 3.1 Spesifikasi Perangkat Keras showroom Cardinal
No Perangkat Keras
Spesifikasi 1
Processor Intel Pentium 4 3.00 GHz
2 Monitor
Montor LCD 15 inch 3
VGA VGA On-Board 256 MB
4 Harddisk
80 GB 5
Memori 1 GB
6 Keyboard
Standar 7
Mouse Standar
8 Printer
Printer hitam-putih 9
ModemKoneksi Internet Bandwidth 512 Kbps
Untuk menjalankan website e-commerce showroom Cardinal dibutuhkan perangkat keras pendukung sehingga website yang dibangun dapat berjalan
dengan baik. Spesifikasi minimun perangkat keras untuk menjalankan website tersebut tertera pada Tabel 3.2.
Tabel 3.2 Spesifikasi Perangkat Keras Minimal
No Perangkat Keras
Spesifikasi 1
Processor Intel Pentium 1.6 GHz
2 Monitor
Montor SVGA 3
VGA VGA On-Board 64 MB
4 Harddisk
5 GB 5
Memori 128 MB
6 Keyboard
Standar 7
Mouse Standar
8 Printer
Printer hitam-putih 9
ModemKoneksi Internet Bandwidth 64 Kbps
Berdasarkan perbandingan perangkat keras yang ada di showroom Cardinal dengan perangkat keras minimum yang dibutuhkan untuk menjalankan
website e-commerce maka dapat disimpulkan bahwa perangkat keras yang
dimiliki oleh showroom Cardinal saat ini masih mampu digunakan untuk menjalankan website e-commerce sehingga tidak perlu ada penambahan perangkat
keras baru.
3.1.3.2. Analisis Perangkat Lunak
Perangkat lunak yang digunakan oleh showroom Cardinal untuk membantu pengolahan data penjualannya adalah Microsoft Windows XP sebagai
sistem operasi dengan Internet sebagai web browser standar bawaan dari sistem
operasi. Perangkat lunak yang dibutuhkan untuk menjalankan website e- commerce
yang dibangun ini adalah web browser. Berdasarkan perbandingan perangkat lunak yang ada di showroom
Cardinal dengan perangkat lunak yang dibutuhkan untuk menjalankan website maka dapat disimpulkan bahwa perangkat lunak yang dimiliki oleh showroom
Cardinal saat ini masih mampu digunakan untuk menjalankan website e- commerce
sehingga tidak perlu ada penambahan perangkat lunak baru.
3.1.3.3. Analisis Pengguna
Suatu aplikasi akan berjalan optimal apabila ditunjang oleh perangkat pikir yang memiliki kemampuan dalam menjalankan aplikasi yang bersangkutan.
Bagian penjualan di showroom Cardinal saat ini memiliki spesifikasi kemampuan yang dijelaskan pada tabel 3.2.
Tabel 3.3. Perangkat Pikir Saat Ini
No. Perangkat Pikir
Usia Pendidikan Kemampuan
1 Bagian Penjualan
20-30 SMA
Mampu mengoperasikan
komputer dengan sistem operasi berbasis Windows.
2 Bagian Barang
20-30 SMA
Mampu mengoperasikan
komputer dengan sistem operasi berbasis Windows.
Perangkat lunak ini akan digunakan oleh empat jenis pengguna, yaitu administrator, operator, member dan pengunjung Tabel 3.3
.
Tabel 3.4. Spesifikasi Perangkan Pikir Yang Dibutuhkan
No .
Perangkat Pikir
Pelaku Pendidikan
Kemampuan Kegiatan
1 Administrat
or Kepala
showroom SMA
Mengerti kinerja komputer dan
internet Menentukan
Operator
2 operator
Bagian Barang
SMA
Mengerti kinerja komputer dan
Mengelola Barang dan
internet Pemesanan
3 Member
Konsume n
Tidak dikhususka
n
Mengenal internet dan mengeti
berbisnis online Melakukan
Transaksi Pembelian
4 Pengunjung
Konsume n
Tidak dikhususka
n
Mengenal internet Melihat
Barang
Pengguna yang akan menggunakan aplikasi yang akan dibangun ini terdiri dari empat bagian, dengan asumsi pengguna yang sudah terbiasa menggunakan
sistem berbasis windows dan mengenal internet, empat bagian pengguna sistem ini yaitu :
1. Administrator Administrator adalah bagian pengguna sistem yang memiliki akses penuh
terhadap website untuk memanajemen sistem. 2. Operator
Operator adalah bagian pengguna sistem yang memiliki akses terhadap
website , seperti memasukan data-data kedalam system.
3. Member Konsumen adalah bagian pengguna sistem yang dapat melihat barang,
mencari data barang yang diinginkan, dan dapat melakukan transaksi pembelian atas barang
tersebut. Member ini adalah semua pengunjung yang telah menjadi member, atau yang telah login mendaftar 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 Cardinal.
3.1.4. Analisis Basis Data
Dalam memodelkan data dan hubungan-hubungan data yang ada di dalam Sistem e-commerce digunakan alat bantu yaitu Entity Relationship Diagram
ERD. Entity Relationship Diagram ERD digunakan dalam membangun basis data untuk menggambarkan relasi atau hubungan dari dua file atau dua tabel. ERD
terdiri dari 2 komponen utama yaitu entitas dan relasi. Kedua komponen tersebut dideskripsikan lebih jauh melalui atribut
–atribut atau properti. Hubungan antar entitas yang terjadi dalam sistem e-commerce yang akan
dibangun dapat dilihat pada Gambar 3.5:
52
1
member detail_pesanan
memiliki memiliki
barang memiliki
rating kategori
memiliki memiliki
kota provinsi
memiliki
petugas
id_member id_kota
id_provinsi id_provinsi
Id_member Id_barang
Id_komentar id_barang
id_rating id_pesanan
id_member id_pesanan
id_pesanan pengiriman
transaksi memiliki
memiliki id_detail_pesanan
id_detail_barang id_pesanan
id_kategori
id_petugas gambar
memiliki id_gambar
id_barang Id_pengiriman
Id_transaksi
id_member id_detail_barang
id_barang N
1 N
N N
N N
N 1
1
N 1
1 N
1 1
N 1
1 1
N N
N mengelola
N
id_barang id_kategori
id_petugas
memiliki 1
1 id_pesanan
Id_retur 1
Id_detail_pesanan Id_retur
memiliki N
memiliki Id_detail_retur
1 1
retur Detail_retur
kurs
memiliki 1
id_kurs jasa_pengiriman
paket_pengiriman memiliki
1
N id_kurs
id_paket_pengiriman id_jasa_pengiriman
id_jasa_pengiriman memiliki
N
1 memiliki
N 1
id_kota id_ongkos_kirim
id_paket_pengiriman
id_kota detail_barang
pesanan N
1
komentar id_ongkos_kirim
memiliki ongkos_kirim
N 1
Gambar 5.3 Entity Relationship Diagram
G a
m b
a r
3 .5
En tity
Re la
tio n
sh ip
Dia g
ra m
ERD
Tabel 3.5 Struktur Tabel ERD
barang id_barang, id_kategori, nama_barang, harga, diskon,
tanggal, deskripsi, ditampilkan detail_barang
id_detail_barang, id_barang, ukuran, berat, stok, tampilkan member
id_member, id_kota,
nama_member, email_member,
password_member, tanggal_daftar,
alamat, kodepos,
telepon, telepon_genggam, fax, diaktifkan kota
id_kota, id_provinsi, nama_kota jasa_pengiriman
id_jasa_pengiriman, nama_jasa_pengiriman, url_pengiriman paket_pengiriman
id_paket_pengiriman, id_jasa_pengiriman,
nama_paket_pengiriman ongkos_kirim
id_ongkos_kirim, id_paket_pengiriman, id_kota, ongkos provinsi
Id_provinsi, nama_provinsi transaksi
Id_transaksi, id_pesanan,
tanggal_bayar, jenis_bayar,
komentar pengiriman
Id_pengiriman, id_pesanan, id_petugas, tanggal_kirim, tanggal_terima
rating id_rating, id_barang, id_member, nilai
komentar id_komentar, id_barang, id_member, isi_komentar, tanggal,
tampilkan
pesanan id_pesanan,
id_member, id_kurs,
id_ongkos_kirim, tanggal_pesanan,
tanggal_kadaluarsa, nama_penerima,
alamat, kode_pos, sub_total_bayar, ongkos, total_bayar, telepon, komentar, status
detail_pesanan id_detail_pesanan, id_pesanan, id_detail_barang, harga,
diskon, jumlah, jumlah_terpenuhi retur
id_retur, id_pesanan, tanggal_retur, resi_retur, resi_kirim detail_retur
id_detail_retur, id_retur, id_detail_pesanan, jumlah retur, alasan
kategori id_kategori, nama_kategori, deskripsi, url_gambar
Gambar id_gambar, id_barang, url_gambar, nama_gambar
Petugas id_petugas,
nama_petugas, email_petugas,
password_petugas, level, tanggal_daftar, diaktifkan Kurs
id_kurs, nama_kurs, nilai_kurs, tanggal_kurs
3.1.5. Analisis Kebutuhan Fungsional
Analisis kebutuhan fungsional adalah analisis terhadap kebutuhan secara fungsional baik dalam aliran data ataupun informasi. Analisis kebutuhan
fungsional digambarkan dalam analisis terstruktur yang akan digambarkan pada subbab berikutnya.
3.1.5.1. Diagram Konteks
Diagram konteks adalah arus data yang berfungsi untuk menggambarkan keterkaitan aliran-aliran data antara sistem dengan bagian-bagian luar. Adapun
diagram konteks untuk sistem yang akan dibangun dapat dilihat pada gambar 3.6 :
Web E-Commerce di Showroom Cardinal
Petugas data login petugas
data petugas data barang
data detail barang data Kategori
data kota data ongkos kirim
data provinsi data retur
data pengiriman Konfirmasi transaksi
hak akses petugas Informasi petugas
Informasi barang Informasi detail barang
Informasi kategori Informasi kota
Informasi ongkos kirim Informasi provinsi
Informasi Transaksi Informasi pengiriman
Informasi retur Admin
data login admin data petugas
data member data kurs
data jasa pengiriman data paket pengiriman
konfirmasi backup data restore
hak akses admin informasi petugas
Informasi member Informasi jasa pengiriman
Informasi paket pengiriman informasi kurs
data backup
Paypal
Web Email status pembayaran
data pembayaran
data aktifasi member informasi aktifasi member
Informasi transaksi Informasi password member
Informasi pemesanan Informasi pengiriman
Informasi retur member
Pengunjung data member
data barang data detail barang
data kategori Informasi member
Informasi barang Informasi detail barang
Informasi kategori data login member
data member data pemesanan
data transaksi data pengiriman
data retur hak akses member
informasi member Informasi barang
Informasi kategori Informasi pemesanan
Informasi transaksi Informasi pengiriman
Informasi retur Social network
informasi barang
Gambar 3.6 Diagram Konteks
3.1.5.2. Data Flow Diagram Level 1
Data flow diagram Level 1 gambar 3.7 ini menjelaskan urutan proses
yang merupakan turunan dari diagram konteks.
infor m
asi bar
ang ,infor
masi detail b
ar a
ng ,
infor masi
ka teg
or i
data barang,data detail barang, data kategori data petugas
Admin
1 Login
da ta lo
gin petugas
2 Pengolahan data
master Petugas
data login petugas
Member data login member
data barang
Web Email 3
Pendaftaran member
data r egistr
asi informasi aktifasi member
data aktifasi member
Infor masi r
egistr asi
data aktifasi member data member
member data login petugas
data login member data petugas
data member Info hak akses admin
Info hak akses petugas data kategori
informasi kategori informasi detail barang
pengunjung Info
ha k
aks es
member
6 Pemesanan
7 pengiriman
In for
masi tr a
nsaksi Social network
data transaksi Paypal
data detail pesanan data pembayar
an
pesanan detail_pesanan
data barang data barang
data pesanan data detail pesanan
data pesanan data member, data petugas
kategori barang
detail_barang
data kategori data kategori
data barang data barang
data detail barang data detail barang
konfirmasi transaksi, data pengiriman 8
Pemberian rating
rating 5
Pemberian komentar
data komentar
Konfirmasi komentar data komentar
Informasi komentar komentar
data komentar
Informasi komentar
transaksi data transaksi
data transaksi petugas
informasi barang
data member informasi member
data detail barang informasi barang
login valid
data pemesanan data barang
data barang data detail barang
Informasi transaksi data barang
data rating informasi rating
data rating barang s
tatus pembayar an
4 pengubahan
data member
data member data member
data member Data m
e m
be r
Informasi jasa pengiriman, informasi paket pengiriman
Informasi pemesanan informasi petugas
data petugas data kota
informasi kota data provinsi
informasi provinsi
kota provinsi
data provinsi data kota
data kota data provinsi
data kota data provinsi
pengiriman data pengiriman
data pengiriman In
for masi peng
ir iman
Inf o
rmasi member
informasi pengiriman, informasi retur Informasi
rating
d at
a pen giriman
logi n
v ali
d login valid
login valid
data rating barang data kota
gambar data jasa pengiriman, data paket pengiriman
data gambar barang data
g am
b ar
bar ang
data provinsi
Informasi barang data barang
data kategori informasi kategori
infor masi passw
or d
member
retur detail_retur
data retur data retur
data detail_retur data detail_retur
data retur Informasi retur
Informasi retur data detail_retur
data retur Informasi pemesanan
Informasi retur data retur
Infor masi t
ransa ksi,
i nf
or masi
pemesa nan
, inf
o rmasi
r etur
9 pengubahan kurs
kurs data kurs
informasi kurs
data kurs data kurs
10 backup restore
konfirmasi backup data backup
Data restore data petugas
data detail barang data barang
data member data petugas
Informasi member, informasi petugas
data provinsi data kota
data pengiriman data retur
data detail_retur data pesanan
data detail pesanan data komentar
data rating barang data kategori
data transaksi data gambar barang
data kurs data kurs
data gambar barang data kategori
data transaksi data kota
data provinsi data komentar
data rating barang
data detail pesanan
data pesanan data detail_retur
data retur data pengiriman
ongkos_kirim data ongkos kirim
jasa_pengiriman paket_pengiriman
data ongkos kirim data ongkos kirim
da ta jas
a pe
ngiriman data jasa pen
giriman da
ta paket pengi ri
man data paket
p engi
ri m
a n
data paket pengiriman data jasa pengiriman
data petugas
data jasa pengiriman data jasa pengiriman
data paket pengiriman data paket pengiriman
data ongkos kirim data ongkos kirim
data kurs data ongkos kirim
informasi ongkos kirim
dat a
pemesa nan,
data r e
tur
Gambar 3.7 Data Flow Diagram Level 1
3.1.5.3. Data Flow Diagram Level 2 Proses 1
Data flow diagram Level 2 proses 1 gambar 3.8 ini menjelaskan urutan
proses yang merupakan turunan dari data flow diagram level 1 proses 1.
admin
1.1 Autentikasi
Login petugas
data login admin
petugas
member data login member
data member Hak akses petugas
Hak akses admin data login petugas
1.2 Autentikasi
Login member
petugas data login petugas
member data login member
data admin
data petugas
Hak aksses member Login valid
Login valid
Gambar 3.8 Data Flow Diagram Level 2 Proses 1
3.1.5.4. Data Flow Diagram Level 2 Proses 2
Data flow diagram Level 2 proses 2 gambar 3.9 ini menjelaskan urutan
proses yang merupakan turunan dari data flow diagram level 1 proses 2.
petugas
2.1 Pengolahan
Data petugas
data petugas Informasi petugas
petugas data petugas
data petugas
2.2 Pengolahan
Data member
member data member
data member
2.3 Pengolahan
Data
kategori data kategori
Informasi kategori kategori
data kategori data kategori
2.4 Pengolahan
Data
barang data barang
Informasi barang detail_barang
data barang data barang
admin
Informasi petugas
Informasi member
2.5 Pengolahan
Data
kota
2.6 Pengolahan
Data
provinsi data kota, data ongkos kirim
Informasi kota, informasi ongkos kirim
Informasi provinsi data provinsi
data detail barang Informasi detail barang
barang data detail barang
data detail barang
provinsi kota
data provinsi data provinsi
data kota data kota
data provinsi login valid
login valid
login valid
login valid
login valid
Login valid data kategori
data kota data petugas
data member
member data barang
informasi barang data kategori
informasi kategori data provinsi
gambar data gambar barang
data gambar barang
2.8 Pengolahan
Data paket pengiriman
data paket pengiriman informasi paket pengiriman
paket_pengiriman data paket pengiriman
data paket pengiriman
2.7 Pengolahan
Data jasa pengiriman
data jasa pengiriman informasi jasa pengiriman
jasa_pengiriman data jasa pengiriman
data jasa pengiriman data jasa pengiriman
Login valid
Login valid Ongkos kirim
data ongkos kirim data ongkos kirim
data paket pengiriman data jasa pengiriman
Gambar 3.9 Data Flow Diagram Level 2 Proses 2
3.1.5.5. Data Flow Diagram Level 2 Proses 3
Data flow diagram Level 2 proses 1 gambar 3.10 ini menjelaskan urutan
proses yang merupakan turunan dari data flow diagram level 1 proses 3.
Web Email 3.2
aktifasi member
informasi member
data aktifasi member informasi aktifasi member
3.1 registrasi
member data member
data member data member
pengunjung
data aktifasi member member
kota data kota
provinsi data provinsi
3.3 lupa
paswword data member
data member data member
informasi password member
Gambar 3.10 Data Flow Diagram Level 2 Proses 3
3.1.5.6. Data Flow Diagram Level 2 Proses 6
Data flow diagram Level 2 proses 6 gambar 3.11 ini menjelaskan urutan
proses yang merupakan turunan dari data flow diagram level 1 proses 6.
member 6.2
Pembayaran offline
data transaksi Informasi transaksi
transaksi data transaksi
data transaksi pesanan
detail_pesanan data detail pesanan
data pesanan
6.3 Pembayaran
online data transaksi
Informasi transaksi data transaksi
data transaksi data detail pesanan
data pesanan petugas
Paypal
Informasi transaksi konfirmasi transaksi
detail pembayaran konfirmasi pembayaran
6.4 retur
data transaksi provinsi
kota data provinsi
data kota Informasi pengiriman
login valid login valid
login valid
data pengiriman data pesanan
retur detail_retur
data detail_retur data detail_retur
data retur data retur
Informasi retur data retur
Informasi retur Web email
Informasi retur Informasi transaksi
Informasi transaksi 6.1
Pemesanan data pesanan
data detail pesanan
member data pesanan
informasi pesanan informasi pesanan
informasi pesanan
Gambar 3.11 Data Flow Diagram Level 2 Proses 6
3.1.5.7. Data Flow Diagram Level 3 Proses 2.1
Data flow diagram Level 3 proses 2.1 gambar 3.12 ini menjelaskan
urutan proses yang merupakan turunan dari data flow diagram level 2 proses 2.1
petugas 2.1.1
tambah data
petugas data petugas
data petugas data petugas
data petugas petugas
data petugas data petugas
2.1.3 ubah
data petugas
data petugas data petugas
2.1.4 hapus
data petugas
data petugas Informasi petugas
informasi petugas
informasi petugas 2.1.5
tampil data petugas
data petugas admin
Informasi petugas
login valid
login valid
login valid login valid
2.1.2 cari
data petugas
data petugas data ditemukan
data ditemukan data petugas
2.1.6 ganti password
petugas data petugas
data petugas informasi petugas
Gambar 3.12 Data Flow Diagram Level 3 Proses 2.1
3.1.5.8. Data Flow Diagram Level 3 Proses 2.2
Data flow diagram Level 3 proses 2.2 gambar 3.13 ini menjelaskan
urutan proses yang merupakan turunan dari data flow diagram level 2 proses 2.2
data member
member data member
data member
2.2.2 ubah
data
member
data member data member
2.2.3 hapus
data
member data member
Informasi member informasi member
2.2.4 tampil
data member
data member admin
Informasi member
login valid
login valid login valid
2.2.1 cari
data
member data member
data ditemukan data ditemukan
data member data member
Gambar 3.13 Data Flow Diagram Level 3 Proses 2.2
3.1.5.9. Data Flow Diagram Level 3 Proses 2.3
Data flow diagram Level 3 proses 2.3 gambar 3.14 ini menjelaskan
urutan proses yang merupakan turunan dari data flow diagram level 2 proses 2.3
petugas 2.3.1
tambah data
kategori data kategori
data kategori data kategori
data kategori kategori
data kategori data kategori
2.3.3 ubah
data kategori
data kategori data kategori
2.3.4 hapus
data kategori
data kategori Informasi kategori
informasi kategori
informasi kategori 2.3.5
tampil data kategori
data kategori Informasi kategori
login valid
login valid
login valid login valid
2.3.2 cari
data kategori
data kategori data kategori
data ditemukan data ditemukan
data kategori member
Informasi kategori
data kategori
Gambar 3.14 Data Flow Diagram Level 3 Proses 2.3
3.1.5.10. Data Flow Diagram Level 3 Proses 2.4
Data flow diagram Level 3 proses 2.4 gambar 3.15 ini menjelaskan
urutan proses yang merupakan turunan dari data flow diagram level 2 proses 2.4
petugas
2.4.1 tambah
data barang
data barang data barang
data barang data detail barang
data barang barang
detail_barang data detail barang
data barang data barang
2.4.3 ubah
data barang
data barang data barang
data detail barang data detail barang
2.4.4 hapus
data barang
data barang Informasi barang
informasi barang
informasi barang data detail barang
informasi detail barang
data detail barang informasi detail barang
data detail barang
data detail barang
data detail barang Informasi detail barang
2.4.5 tampil
data barang
data detail barang data barang
Informasi barang Informasi detail barang
login valid
login valid
login valid login valid
2.4.2 cari
data barang
data barang Data
detail barang data barang
data detail barang data ditemukan
data ditemukan data barang
data detail barang member
Informasi barang
data barang kategori
data kategori data kategori
gambar data gambar barang
data gambar barang data gambar barang
Gambar 3.15 Data Flow Diagram Level 3 Proses 2.4
3.1.5.11. Data Flow Diagram Level 3 Proses 2.5
Data flow diagram Level 3 proses 2.5 gambar 3.16 ini menjelaskan
urutan proses yang merupakan turunan dari data flow diagram level 2 proses 2.5
petugas 2.5.1
tambah data kota
data provinsi data kota
provinsi kota
data kota
data provinsi 2.5.3
ubah data kota
data kota data kota
2.5.4 hapus
data kota data kota
informasi kota
data ongkos kirim informasi kota, informasi ongkos kirim
data kota data kota
data kota Informasi kota
2.5.5 tampil
data kota data kota
Informasi kota login valid
login valid
login valid login valid
2.5.2 cari
data kota data kota
data kota data ditemukan
data ditemukan
data kota data ongkos kirm
data ongkos kirm data ongkos kirm
data ongkos kirm data provinsi
data ongkos kirim ongkos_kirim
paket_pengiriman data paket pengiriman
data paket pengiriman jasa_pengiriman
data jasa pengiriman data jasa pengiriman
data kota
Gambar 3.16 Data Flow Diagram Level 3 Proses 2.5
3.1.5.12. Data Flow Diagram Level 3 Proses 2.6
Data flow diagram Level 3 proses 2.6 gambar 3.17 ini menjelaskan
urutan proses yang merupakan turunan dari data flow diagram level 2 proses 2.6
petugas 2.6.1
tambah data
provinsi data provinsi
data provinsi data provinsi
data provinsi provinsi
data provinsi data provinsi
2.6.3 ubah
data provinsi
data provinsi data provinsi
2.6.4 hapus
data provinsi
data provinsi Informasi provinsi
informasi provinsi
informasi provinsi 2.6.5
tampil data provinsi
data provinsi Informasi provinsi
login valid
login valid
login valid login valid
2.6.2 cari
data provinsi
data provinsi data provinsi
data ditemukan data ditemukan
data provinsi
Gambar 3.17 Data Flow Diagram Level 3 Proses 2.6
3.1.5.13. Data Flow Diagram Level 3 Proses 2.7
Data flow diagram Level 3 proses 2.7 gambar 3.18 ini menjelaskan
urutan proses yang merupakan turunan dari data flow diagram level 2 proses 2.7
admin 2.7.1
tambah data jasa
pengiriman data jasa pengiriman
data jasa pengiriman data jasa pengiriman
data jasa pengiriman jasa_pengiriman
data jasa pengiriman data jasa pengiriman
2.7.3 ubah
data jasa pengiriman
data jasa pengiriman data jasa pengiriman
2.7.4 hapus
data jasa pengiriman
data jasa pengiriman Informasi jasa pengiriman
informasi jasa pengiriman
informasi jasa pengiriman 2.7.5
tampil data jasa
pengiriman data jasa pengiriman
Informasi jasa pengiriman login valid
login valid
login valid login valid
2.7.2 cari
data jasa pengiriman
data jasa pengiriman data jasa pengiriman
data ditemukan data ditemukan
data jasa pengiriman
Gambar 3.18 Data Flow Diagram Level 3 Proses 2.7
3.1.5.14. Data Flow Diagram Level 3 Proses 2.8
Data flow diagram Level 3 proses 2.8 gambar 3.19 ini menjelaskan
urutan proses yang merupakan turunan dari data flow diagram level 2 proses 2.8
admin 2.8.1
tambah data paket
pengiriman data paket pengiriman
data paket pengiriman data paket pengiriman
data paket pengiriman paket_pengiriman
data paket pengiriman data paket pengiriman
2.8.3 ubah
data paket pengiriman
data paket pengiriman data paket pengiriman
2.8.4 hapus
data paket pengiriman
data paket pengiriman Informasi paket pengiriman
informasi paket pengiriman
informasi paket pengiriman 2.8.5
tampil data paket
pengiriman data paket pengiriman
Informasi paket pengiriman login valid
login valid
login valid login valid
2.8.2 cari
data paket pengiriman
data paket pengiriman data paket pengiriman
data ditemukan data ditemukan
data paket pengiriman jasa_pengiriman
data jasa pengiriman data jasa pengiriman
data jasa pengiriman data jasa pengiriman
Gambar 3.19 Data Flow Diagram Level 3 Proses 2.8
3.1.5.15. Data Flow Diagram Level 2 Proses 7
Data flow diagram Level 2 proses 7 gambar 3.20 ini menjelaskan urutan
proses yang merupakan turunan dari data flow diagram level 1 proses 7
member pesanan
petugas 7.1
Pengiriman barang
provinsi kota
data provinsi data kota
Informasi pengiriman Informasi pengiriman
login valid
data retur data pesanan
retur detail_retur
data detail_retur data detail_retur
data retur data retur
Informasi retur data pengiriman
data pengiriman
Informasi retur 7.2
Pengiriman retur login valid
data provinsi data kota
data pesanan
Web email Informasi retur
Informasi pengiriman
Gambar 3.20 Data Flow Diagram Level 2 Proses 7
3.1.5.16. Spesifikasi Proses
Spesifikasi Proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD Data Flow Diagram. Spesifikasi proses dari gambaran
DFD di atas akan dijelaskan pada Tabel 3.6
Tabel 3.6 Spesifikasi Proses
No Proses Keterangan
1. No Proses
1 Nama Proses
Login Source
Sumber admin, petugas, dan member
Input data login admin, data login petugas dan data login
member Output
Hak akses admin, hak akses petugas, hak akses member dan login valid
Destination Tujuan
Admin, petugas, member, proses 2, 4, 7, 8 dan 9
Logika Proses 1. sistem menampilkan form login
2. admin, petugas atau member memasukan data login keform login
3. sistem melakukan autentikasi login untuk admin, petugas dan member
4. jika login valid sistem menampilkan halaman sesuai hak akses pengguna
5. jika login invalid sistem menampilkan alert gagal login lalu menampilkan kembali form
login 2.
No Proses 2
Nama Proses Pengolahan data master
Source Sumber
petugas, admin, member Input
data petugas, data member, data kategori, data barang, data detail barang, data kota, data provinsi
Output Informasi petugas, informasi member, informasi
kategori, informasi barang, informasi detail barang, informasi kota, informasi provinsi
Destination Tujuan
petugas, admin, member
Logika Proses 1. Sistem menampilkan menu pengolahan data
2. Petugas memilih menu pengolahan yang akan dilakukan
3. No Proses
3 Nama Proses
pendaftaran member Source
Sumber pengunjung dan web email
Input data registrasi, data aktifasi member
Output informasi registrasi, informasi aktifasi
Destination Tujuan
pengunjung dan web mail Logika Proses
1. Sistem menampilkan form registrasi untuk
pengunjung 2. Jika registrasi berhasil sistem menyimpan data
member yang dimasukan lalu mengirimkan informasi aktifasi member ke web email
3. Web email menampilkan informasi aktifasilink aktifasi untuk mengaktifkan member yang telah
melakukan registrasi 4. Jika
registrasi tidak
berhasil sistem
menampilkan pesan error dan menampilkan kembali form registrasi pengunjung
4. No Proses
4 Nama Proses
pengubahan data member Source
Sumber Member
Input data member
Output Informasi member
Destination Tujuan
Member
Logika Proses 1. Member memilih menu ubah profile member
2. Sistem menampilkan informasi member dan form ubah member
3. Member mengisi data yang akan diubah pada form ubah member
4. Jika member memilih tombol simpan sistem akan melakukan update terhadap database pada
system 5. Jika member memilih tombol batal sistem
menampilkan kembali form ubah member 5.
No Proses 5
Nama Proses Pemberian komentar
Source Sumber
petugas, member Input
data komentar, konfirmasi komentar
Output Informasi komentar
Destination Tujuan
petugas, member
Logika Proses 1. Sistem menampilkan data barang
2. Member memberikan komentar untuk barang yang sedang ditampilkan
3. Jika member memilih tombol kirim maka sistem melakukan update penambahan komentar
4. Jika member memilih tombol batal maka sistem menampilkan kembali data barang
6. No Proses
6 Nama Proses
Pemesanan Source
Sumber pengunjung, member, petugas, paypal dan web
email Input
data pemesanan, data retur Output
Informasi pemesanan, informasi retur Destination
Tujuan Pengunjung, member, petugas, paypal dan web
email
Logika Proses 1. Pengunjung memilih menu pesan pada data
barang untuk barang yang ingin dipesan atau diretur
2. Data barang dan data detail barang dimasukan kedalam keranjang pemesanan
3. Sistem menampilkan data pemesanan atau data retur yang dilakukan pengunjung dan member
7. No Proses
7 Nama Proses
Pengiriman Source
Sumber petugas, member
Input data pesanan, data detail pesanan, data kota, data
provinsi dan data pengiriman Output
Informasi pesanan, informasi pengiriman Destination
Tujuan admin, petugas, member, web email
Logika Proses 1. Member
atau petugas
memasukan data
pengiriman 2. Sistem menampilkan informasi pengiriman
kepada member dan petugas 8.
No Proses 8
Nama Proses Pemberian rating
Source Sumber
Member Input
data rating Output
Informasi rating Destination
Tujuan member, petugas
Logika Proses 1. Sistem menampilkan data barang
2. Member memberikan nilai rating untuk barang yang sedang ditampilkan
3. Sistem melakukan
update untuk
setiap penambahan data rating barang
9. No Proses
1.1 Nama Proses
autentikasi login admin Source
Sumber Admin
Input data login petugas
Output Hak akses admin
Destination Tujuan
Admin, proses 2 dan 7 Logika Proses
1. sistem menampilkan form login admin 2. admin memasukan data login admin keform
login admin 3. sistem melakukan autentikasi login untuk admin
4. jika login valid sistem menampilkan halaman admin
5. jika login invalid sistem menampilkan pesan error dan menampilkan kembali form login
admin 10. No Proses
1.2 Nama Proses
autentikasi login petugas Source
Sumber Petugas
Input data login petugas
Output Hak akses petugas
Destination Tujuan
Petugas, proses 2, 5, 7, 8 Logika Proses
1. sistem menampilkan form login petugas
2. petugas memasukan data login petugas keform login petugas
3. sistem melakukan autentikasi login untuk petugas
4. jika login valid sistem menampilkan halaman petugas
5. jika login invalid sistem menampilkan pesan error dan menampilkan kembali form login
petugas 11. No Proses
1.3 Nama Proses
autentikasi login member Source
Sumber Member
Input data login member
Output Hak akses member
Destination Tujuan
Member, proses 4, 7, 8 Logika Proses
1. sistem menampilkan form login member 2. member memasukan data login member keform
login member 3. sistem melakukan autentikasi login untuk
member 4. jika login valid sistem menampilkan halaman
member 5. jika login invalid sistem menampilkan pesan
error dan menampilkan kembali form login member
12. No Proses 2.1
Nama Proses pengolahan data petugas
Source Sumber
petugas, admin Input
data petugas Output
informasi petugas Destination
Tujuan admin, petugas
Logika Proses 1. Sistem menampilkan data petugas
2. Petugas memilih menu pengolahan petugas 3. Sistem menampilkan halaman sesuai menu yang
dipilih 13. No Proses
2.2 Nama Proses
pengolahan data member Source
Sumber Admin
Input data member
Output informasi member
Destination Tujuan
Admin Logika Proses
1. Sistem menampilkan data member 2. Petugas memilih menu pengolahan member
3. Sistem menampilkan halaman sesuai menu yang dipilih
14. No Proses 2.3
Nama Proses pengolahan data kategori
Source Sumber
petugas, member Input
data kategori Output
informasi kategori Destination
Tujuan petugas, member
Logika Proses 1. Sistem menampilkan data kategori
2. Petugas memilih menu pengolahan kategori 3. Sistem menampilkan halaman sesuai menu yang
di pilih 15. No Proses
2.4 Nama Proses
pengolahan data barang Source
Sumber petugas, member
Input data barang, data detail barang
Output informasi barang, informasi detail barang
Destination Tujuan
petugas, member Logika Proses
1. Sistem menampilkan data barang 2. Petugas memilih menu pengolahan barang
3. Sistem menampilkan halaman sesuai menu yang dipilih
16. No Proses 2.5
Nama Proses pengolahan data kota
Source Sumber
Petugas Input
data kota Output
informasi kota Destination
Tujuan admin, petugas
Logika Proses 1. Sistem menampilkan data kota
2. Petugas memilih menu pengolahan kota 3. Sistem menampilkan halaman sesuai menu yang
dipilih 17. No Proses
2.6 Nama Proses
pengolahan data provinsi Source
Sumber Petugas
Input data provinsi
Output informasi provinsi
Destination Tujuan
admin, petugas Logika Proses
1. Sistem menampilkan data provinsi 2. Petugas memilih menu pengolahan provinsi
3. Sistem menampilkan halaman sesuai menu yang dipilih
18. No Proses 2.7
Nama Proses pengolahan data jasa pengiriman
Source Sumber
Admin Input
data jasa pengiriman Output
informasi jasa pengiriman Destination
Tujuan admin
Logika Proses 1. Sistem menampilkan data jasa pengiriman
2. Admin memilih
menu pengolahan
jasa pengiriman
3. Sistem menampilkan halaman sesuai menu yang dipilih
19. No Proses 2.8
Nama Proses pengolahan data paket pengiriman
Source Sumber
Admin Input
data paket pengiriman Output
informasi paket pengiriman Destination
Tujuan admin
Logika Proses 1. Sistem menampilkan data paket pengiriman
2. Admin memilih menu pengolahan paket pengiriman
3. Sistem menampilkan halaman sesuai menu yang dipilih
20. No Proses 3.1
Nama Proses registrasi member
Source Sumber
pengunjung Input
data registrasi Output
Informasi aktifasi Destination
Tujuan Web email
Logika Proses 1. Sistem menampilkan form registrasi member
2. Pengunjung memasukan data registrasi yang berisi data member dan data login
3. Jika registrasi berhasil sistem menyimpan data registrasi dan mengirimkan data aktifasi berupa
link aktifasi ke web email 4. Jika
registrasi tidak
berhasil sistem
menampilkan pesan error dan menampilkan kembali form registrasi
21. No Proses 3.2
Nama Proses aktifasi member
Source Sumber
web email Input
data aktifasi member Output
Informasi registrasi Destination
Tujuan pengunjung
Logika Proses 1. Web email menampilkan data aktifasi member
berupa link aktifasi 2. Sistem mencocokan data aktifasi dari web email
3. jika aktifasi berhasil sistem menampilkan informasi registrasi
4. jika aktifasi gagal sistem meminta akan aktifasi ulang
22. No Proses 3.3
Nama Proses Lupa password
Source Sumber
pengunjung Input
data member Output
Informasi password member Destination
Tujuan Web-email
Logika Proses 1. pengujung memasukan data member
2. sistem memeriksa data member yang dimasukan pengunjung
3. bila data valid maka sistem mengirimkan password baru ke web-email
4. bila data tidak valid sistem menampilkan pesan error
23. No Proses 6.1
Nama Proses pemesanan
Source Sumber
member, petugas Input
data pemesanan Output
Informasi pemesanan Destination
Tujuan member, petugas
Logika Proses 1. member memilih barang dan memasukan detail
barang ke pesanan 2. Member melakukan proses pesan
3. Menampilkan data pemesanan kepada member dan petugas
24. No Proses 6.2
Nama Proses pembayaran offline
Source Sumber
member, petugas Input
data transaksi, konfirmasi transaksi Output
Informasi transaksi Destination
Tujuan member, petugas
Logika Proses 4. Sistem menampilkan informasi transaksi
5. Member memasukan data transaksi 6. Petugas memberikan konfirmasi transaksi
25. No Proses 6.3
Nama Proses pembayaran online
Source Sumber
member, paypal Input
data transaksi, status pembayaran Output
Informasi transaksi, jumlah pembayaran Destination
Tujuan Member, paypal
Logika Proses 1. Sistem menampilkan informasi transaksi
2. Member memasukan data transaksi 3. Sistem
mengirimkan jumlah
pembayaran transaksi ke paypal
4. paypal memasukan status pembayaran 26. No Proses
6.4 Nama Proses
retur
Source Sumber
Member Input
Data retur Output
Informasi retur Destination
Tujuan Member, petugas
Logika Proses 1. Member memilih data pesanan yang akan
diretur 2. Member memilih detail pesanan yang akan
diretur 3. Sistem menampilkan informasi retur barang
kepada member dan petugas 27. No Proses
2.1.1 Nama Proses
tambah data petugas Source
Sumber admin
Input data petugas
Output informasi petugas
Destination Tujuan
admin Logika Proses
1. Sistem menampilkan form tambah data petugas 2. admin
memasukan data
petugas yang
ditambahkan 3. Jika admin memilih tombol simpan maka data
petugas akan ditambahan kedalam database 4. Sistem menampilkan data petugas yang
ditambahkan 28. No Proses
2.1.2 Nama Proses
cari data petugas Source
Sumber admin
Input data petugas
Output informasi petugas
Destination Tujuan
Admin, ubah data petugas, hapus data petugas Logika Proses
1. Sistem menampilkan form cari data petugas 2. Sistem melakukan pencarian data petugas
3. Jika ditemukan sistem menampilkan data petugas yang dicari
29. No Proses 2.1.3
Nama Proses ubah data petugas
Source Sumber
admin Input
data petugas
Output informasi petugas
Destination Tujuan
admin Logika Proses
1. Sistem menampilkan form ubah data petugas 2. admin memasukan data petugas yang diubah
3. Jika admin memilih tombol ubah maka sistem melakukan update terhadat data petugas yang
diubah 4. Sistem menampilkan data petugas yang telah
diubah 30. No Proses
2.1.4 Nama Proses
hapus data petugas Source
Sumber admin
Input data petugas
Output informasi petugas
Destination Tujuan
admin Logika Proses
1. Sistem menampilkan form hapus data petugas 2. admin memasukan data petugas yang akan
dihapus 3. Sistem menampilkan data petugas yang akan
dihapus 4. admin melakukan konfirmasi hapus petugas
5. Jika admin memilih tombol hapus maka sistem akan melakukan penghapusan data petugas di
database 6. Jika admin memilih tombol batal maka sistem
akan menampilkan kembali form hapus data petugas
31. No Proses 2.1.5
Nama Proses tampil data petugas
Source Sumber
admin Input
data petugas Output
informasi petugas Destination
Tujuan admin
Logika Proses 1. admin memilih data petugas yang ingin
ditampilkan
2. Sistem menampilkan data petugas 32. No Proses
2.1.6 Nama Proses
Ubah password petugas Source
Sumber petugas
Input data petugas
Output informasi petugas
Destination Tujuan
petugas Logika Proses
1. Sistem menampilkan form ubah password 2. Petugas memasukan password lama dan
password baru 3. Bila password lama benar maka password lama
akan diganti oleh password baru yang telah dimasukan
4. Bila password lama salah maka sistem menampilkan pesanan error
33. No Proses 2.2.1
Nama Proses cari data member
Source Sumber
admin Input
data member Output
informasi member Destination
Tujuan admin, ubah data member, hapus data member
Logika Proses 1. Sistem menampilkan form cari data member
2. admin memasukan data member yang akan dicari
3. Jika admin memilih tombol cari maka sistem akan melakukan pencarian data member
4. Jika ditemukan sistem akan menampilkan data member yang dicari
34. No Proses 2.2.2
Nama Proses ubah data member
Source Sumber
admin Input
data member Output
informasi member Destination
Tujuan admin
Logika Proses 1. Sistem menampilkan form ubah data member
2. admin memasukan data member yang akan
diubah 3. Jika petugas memilih tombol simpan maka
sistem akan menambahkan data member kedalam database
4. Sistem menampilkan data member yang telah diubah
35. No Proses 2.2.3
Nama Proses hapus data member
Source Sumber
admin Input
data member Output
informasi member Destination
Tujuan admin
Logika Proses 1. Sistem menampilkan form hapus data member
2. admin memasukan data member yang akan dihapus
3. Sistem menampilkan data member yang akan dihapus
4. admin melakukan konfirmasi hapus member 5. Jika admin memilih tombol hapus maka sistem
melakukan delete pada database sesuai data member yang dicari
36. No Proses 2.2.4
Nama Proses tampil data member
Source Sumber
petugas Input
data member Output
informasi member Destination
Tujuan petugas
Logika Proses 1. admin memilih data member yang ingin
ditampilkan 2. Sistem menampilkan data member
37. No Proses 2.3.1
Nama Proses tambah data kategori
Source Sumber
Petugas Input
data kategori Output
informasi kategori Destination
Tujuan Petugas
Logika Proses 1. Sistem menampilkan form tambah data kategori
2. Petugas memasukan data kategori yang
ditambahkan 3. Jika petugas memilih tombol tambah maka
sistem menambahkan data kategori kedalam database
4. Sistem menampilkan data kategori yang telah ditambahkan
38. No Proses 2.3.2
Nama Proses cari data kategori
Source Sumber
Petugas Input
data kategori Output
informasi kategori Destination
Tujuan Petugas
Logika Proses 1. Sistem menampilkan form cari data kategori
2. Petugas memasukan data kategori yang akan dicari
3. Jika ditemukan sistem menampilkan data kategori yang dicari
39. No Proses 2.3.3
Nama Proses ubah data kategori
Source Sumber
Petugas Input
data kategori Output
informasi kategori Destination
Tujuan Petugas
Logika Proses 1. Sistem menampilkan form ubah data kategori
2. Petugas memasukan data kategori yang akan diubah
3. Jika petugas memilih tombol ubah sistem melakukan update pada database terhadap
kategori yang diubah 4. Sistem menampilkan data kategori yang telah
diubah 40. No Proses
2.3.4 Nama Proses
hapus data kategori
Source Sumber
Petugas Input
data kategori Output
informasi kategori Destination
Tujuan Petugas
Logika Proses 1. Sistem menampilkan form hapus data kategori
2. Petugas memasukan data kategori yang akan dihapus
3. Sistem menampilkan data kategori yang akan dihapus
4. Petugas melakukan konfirmasi hapus kategori 5. Jika petugas memilih tombol hapus maka sistem
melakukan delete pada database terhadap data kategori yang akan dihapus
41. No Proses 2.3.5
Nama Proses tampil kategori
Source Sumber
petugas Input
data kategori Output
informasi kategori Destination
Tujuan Petugas
Logika Proses 1. Petugas memilih data kategori yang ingin
ditampilkan 2. Sistem menampilkan data kategori
42. No Proses 2.4.1
Nama Proses tambah data barang
Source Sumber
Petugas Input
data barang, data detail barang Output
informasi barang, informasi detail barang Destination
Tujuan Petugas
Logika Proses 1. Sistem menampilkan form tambah data barang
2. Petugas memasukan data barang dan detail barang yang ditambahkan
3. Jika petugas memilih tombol tambah sistem melakukan tambah data barang kedalam
database 4. Sistem menampilkan data barang yang telah
ditambahkan
43. No Proses 2.4.2
Nama Proses cari data barang
Source Sumber
Petugas Input
data barang, data detail barang Output
informasi barang, informasi detail barang Destination
Tujuan Petugas
Logika Proses 1. Sistem menampilkan form cari data barang
2. Petugas memasukan data barang dan detail barang yang akan dicari
3. Jika ditemukan sistem menampilkan data barang yang dicari
44. No Proses 2.4.3
Nama Proses ubah data barang
Source Sumber
Petugas Input
data barang, data detail barang Output
informasi barang, informasi detail barang Destination
Tujuan Petugas
Logika Proses 1. Sistem menampilkan form ubah data barang
2. Petugas memasukan data barang dan detail barang yang akan diubah
3. Jika petugas memilih tombol ubah sistem melakukan update pada database terhadap data
barang 4. Sistem menampilkan data barang yang telah
diubah 45. No Proses
2.4.4 Nama Proses
hapus data barang Source
Sumber Petugas
Input data barang, data detail barang
Output informasi barang, informasi detail barang
Destination Tujuan
Petugas Logika Proses
1. Sistem menampilkan form hapus data barang 2. Petugas memasukan data barang dan detail
barang yang akan dihapus 3. Sistem menampilkan data barang dan detail
barang yang akan dihapus
4. Petugas melakukan konfirmasi hapus barang 5. Jika petugas memilih tombol hapus sistem
melakukan delete pada database terhadap data barang yang akan dihapus
46. No Proses 2.4.5
Nama Proses tampil data barang
Source Sumber
petugas Input
data barang Output
informasi barang, informasi detail barang Destination
Tujuan Petugas
Logika Proses 1. Petugas memilih data barang yang ingin
ditampilkan 2. Sistem menampilkan data barang dan detail
barang 47. No Proses
2.5.1 Nama Proses
tambah data kota Source
Sumber Petugas
Input data kota
Output informasi kota
Destination Tujuan
Petugas Logika Proses
1. Sistem menampilkan form tambah data kota 2. Petugas
memasukan data
kota yang
ditambahkan 3. Jika petugas memilih tombol tambah sistem
melakukan penambahan data kota kedalam database
4. Sistem menampilkan data kota yang telah ditambahkan
48. No Proses 2.5.2
Nama Proses cari data kota
Source Sumber
Petugas Input
data kota Output
informasi kota Destination
Tujuan Petugas
Logika Proses 1. Sistem menampilkan form cari data kota
2. Petugas memasukan data kota yang akan dicari
3. Sistem menampilkan data kota yang dicari 49. No Proses
2.5.3 Nama Proses
ubah data kota Source
Sumber Petugas
Input data kota, data ongkos kirim
Output informasi kota
Destination Tujuan
Petugas Logika Proses
1. Sistem menampilkan form ubah data kota 2. Petugas memasukan data kota yang akan diubah
3. Jika petugas memilih tombol ubah sistem melakukan update pada database terhadap data
kota yang diubah 4. Sistem menampilkan data kota yang telah
diubah 50. No Proses
2.5.4 Nama Proses
hapus data kota Source
Sumber Petugas
Input data kota
Output informasi kota
Destination Tujuan
Petugas Logika Proses
1. Sistem menampilkan form hapus data kota 2. Petugas memasukan data kota yang akan
dihapus 3. Sistem menampilkan data kota yang akan
dihapus 4. Petugas melakukan konfirmasi hapus kota
5. Jika petugas memilih tombol hapus sistem melakukan delete terhadap data kota pada
database 6. Jika petugas memilih tombol batal sistem
menampilkan kembali form hapus data kota 51. No Proses
2.5.5 Nama Proses
tampil data kota Source
Sumber petugas
Input data kota
Output informasi kota
Destination Tujuan
Petugas Logika Proses
1. Petugas memilih data kota yang ingin ditampilkan
2. Sistem menampilkan data kota 52. No Proses
2.6.1 Nama Proses
tambah data provinsi Source
Sumber Petugas
Input data provinsi
Output informasi provinsi
Destination Tujuan
Petugas Logika Proses
1. Sistem menampilkan form tambah data provinsi 2. Petugas memasukan data provinsi yang
ditambahkan 3. Jika petugas memilih tombol tambah sistem
melakukan tambah data provinsi pada database 4. Sistem menampilkan data provinsi yang telah
ditambahkan 53. No Proses
2.6.2 Nama Proses
cari data provinsi Source
Sumber Petugas
Input data provinsi
Output informasi provinsi
Destination Tujuan
Petugas Logika Proses
1. Sistem menampilkan form cari data provinsi 2. Petugas memasukan data provinsi yang akan
dicari 3. Jika data ditemukan sistem menampilkan data
provinsi yang dicari 54. No Proses
2.6.3 Nama Proses
ubah data provinsi Source
Sumber Petugas
Input data provinsi
Output informasi provinsi
Destination Tujuan
Petugas Logika Proses
1. Sistem menampilkan form ubah data provinsi 2. Petugas memasukan data provinsi yang akan
diubah 3. Jika petugas memilih tombol ubah sistem
melakukan update pada database terhadap data provinsi yang diubah
4. Sistem menampilkan data provinsi yang telah diubah
55. No Proses 2.6.4
Nama Proses hapus data provinsi
Source Sumber
Petugas Input
data provinsi Output
informasi provinsi Destination
Tujuan Petugas
Logika Proses 1. Sistem menampilkan form hapus data provinsi
2. Petugas memasukan data provinsi yang akan dihapus
3. Sistem menampilkan data provinsi yang akan dihapus
4. Petugas melakukan konfirmasi hapus provinsi 5. Jika petugas memilih tombol hapus sistem
melakukan delete pada database terhadap data provinsi yang akan dihapus
56. No Proses 2.6.5
Nama Proses tampil data provinsi
Source Sumber
petugas Input
data provinsi Output
informasi provinsi Destination
Tujuan Petugas
Logika Proses 1. Petugas memilih data provinsi yang ingin
ditampilkan 2. Sistem menampilkan data provinsi
57. No Proses 2.7.1
Nama Proses tambah data jasa pengiriman
Source Sumber
Admin Input
data jasa pengiriman Output
informasi jasa pengiriman Destination
Tujuan Admin
Logika Proses 1. Sistem menampilkan form tambah data jasa
pengiriman 2. Admin memasukan data jasa pengiriman yang
ditambahkan 3. Jika admin memilih tombol tambah sistem
melakukan tambah data jasa pengiriman pada database
4. Sistem menampilkan data jasa pengiriman yang telah ditambahkan
58. No Proses 2.7.2
Nama Proses cari data jasa pengiriman
Source Sumber
Admin Input
data jasa pengiriman Output
informasi jasa pengiriman Destination
Tujuan Admin
Logika Proses 1. Sistem menampilkan form cari data jasa
pengiriman 2. Admin memasukan data jasa pengiriman yang
akan dicari 3. Jika data ditemukan sistem menampilkan data
jasa pengiriman yang dicari 59. No Proses
2.7.3 Nama Proses
ubah data jasa pengiriman Source
Sumber Admin
Input data jasa pengiriman
Output informasi jasa pengiriman
Destination Tujuan
Admin Logika Proses
1. Sistem menampilkan form ubah data jasa pengiriman
2. Admin memasukan data jasa pengiriman yang akan diubah
3. Jika admin memilih tombol ubah sistem melakukan update pada database terhadap data
jasa pengiriman yang diubah
4. Sistem menampilkan data jasa pengiriman yang telah diubah
60. No Proses 2.7.4
Nama Proses hapus data jasa pengiriman
Source Sumber
Admin Input
data jasa pengiriman Output
informasi jasa pengiriman Destination
Tujuan Admin
Logika Proses 1. Sistem menampilkan form hapus data jasa
pengiriman 2. Admin memasukan data jasa pengiriman yang
akan dihapus 3. Sistem menampilkan data jasa pengiriman yang
akan dihapus 4. Admin melakukan konfirmasi hapus jasa
pengiriman 5. Jika admin memilih tombol hapus sistem
melakukan delete pada database terhadap data jasa pengiriman yang akan dihapus
61. No Proses 2.7.5
Nama Proses tampil data jasa pengiriman
Source Sumber
Admin Input
data jasa pengiriman Output
informasi jasa pengiriman Destination
Tujuan Admin
Logika Proses 1. Admin memilih data jasa pengiriman yang ingin
ditampilkan 2. Sistem menampilkan data jasa pengiriman
62. No Proses 2.8.1
Nama Proses tambah data paket pengiriman
Source Sumber
Admin Input
data paket pengiriman Output
informasi paket pengiriman Destination
Tujuan Admin
Logika Proses 1. Sistem menampilkan form tambah data paket
pengiriman
2. Admin memasukan data paket pengiriman yang ditambahkan
3. Jika admin memilih tombol tambah sistem melakukan tambah data paket pengiriman pada
database 4. Sistem menampilkan data paket pengiriman
yang telah ditambahkan 63. No Proses
2.8.2 Nama Proses
cari data paket pengiriman Source
Sumber Admin
Input data paket pengiriman
Output informasi paket pengiriman
Destination Tujuan
Admin Logika Proses
1. Sistem menampilkan form cari data paket pengiriman
2. Admin memasukan data paket pengiriman yang akan dicari
3. Jika data ditemukan sistem menampilkan data paket pengiriman yang dicari
64. No Proses 2.8.3
Nama Proses ubah data paket pengiriman
Source Sumber
Admin Input
data paket pengiriman Output
informasi paket pengiriman Destination
Tujuan Admin
Logika Proses 1. Sistem menampilkan form ubah data paket
pengiriman 2. Admin memasukan data paket pengiriman yang
akan diubah 3. Jika admin memilih tombol ubah sistem
melakukan update pada database terhadap data paket pengiriman yang diubah
4. Sistem menampilkan data paket pengiriman yang telah diubah
65. No Proses 2.8.4
Nama Proses hapus data paket pengiriman
Source Sumber
Admin Input
data paket pengiriman Output
informasi paket pengiriman Destination
Tujuan Admin
Logika Proses 1. Sistem menampilkan form hapus data paket
pengiriman 2. Admin memasukan data paket pengiriman yang
akan dihapus 3. Sistem menampilkan data paket pengiriman
yang akan dihapus 4. Admin melakukan konfirmasi hapus paket
pengiriman 5. Jika admin memilih tombol hapus sistem
melakukan delete pada database terhadap data paket pengiriman yang akan dihapus
66. No Proses 2.8.5
Nama Proses tampil data paket pengiriman
Source Sumber
Admin Input
data paket pengiriman Output
informasi paket pengiriman Destination
Tujuan Admin
Logika Proses 1. Admin memilih data paket pengiriman yang
ingin ditampilkan 2. Sistem menampilkan data paket pengiriman
67. No Proses 7.1
Nama Proses Pengiriman barang
Source Sumber
Petugas, member Input
data pengiriman Output
Informasi pengiriman Destination
Tujuan Petugas, member, web email
Logika Proses 1. Petugas memasukan no resi pengiriman
2. Sistem melakukan parsing ke website jasa pengiriman berdasarkan no resi
3. Sistem menampilkan detail pengiriman
68. No Proses 7.2
Nama Proses Pengiriman retur
Source Sumber
member Input
data retur Output
Informasi retur Destination
Tujuan Petugas, member, web email
Logika Proses 1. Petugas memasukan no resi retur
2. Sistem melakukan parsing ke website jasa pengiriman berdasarkan no resi
3. Sistem menampilkan detail pengiriman retur 69. No Proses
9 Nama Proses
Pengubahan kurs Source
Sumber admin
Input data kurs
Output Informasi kurs
Destination Tujuan
admin Logika Proses
1. admin memasukan data kurs 2. sistem menyimpan data kurs ke database
70. No Proses 10
Nama Proses Backup restore
Source Sumber
admin Input
Konfirmasi backup, data restore Output
data backup Destination
Tujuan admin
Logika Proses 1. admin memilih jenis backup restore dan
mengkonfirmasi proses backup database. 2. sistem melakukan proses backup database
sesuai dengan jenis yang dipilih oleh admin. 3. sistem menampilkan link downloadunduh
untuk mengunduh data backup. 4. Admin mengunduh data backup.
5. admin memilih data restore lalu melakukan konfirmasi restore.
6. Sistem melakukan restore sesuai dengan jenis restore dan data restore yang di unggahdipilih
admin.
3.1.5.17. Kamus Data
Kamus data merupakan sebuah daftar yang tersusun dari elemen data yang berhubungan dengan sistem. Kamus data dibuat berdasarkan arus data yang ada di
diagram flow data. Kamus data yang di ambil dari data flow diagram Aplikasi Ecommerce yang diusulkan dapat dilihat pada tabel 3.7
Tabel 3.7. Kamus Data
No Kamus
Keterangan
1. Nama Aliran Data
data login admin Where used how used
admin - proses 1 admin - proses 1.1
Proses 1.1 - file petugas
Deskripsi Berisi data login admin yang digunakan untuk login
sebagai admin Struktur Data
Email+password email
password [A-Z|a-z|0-9]
[A-Z|a-z|0-9] 2.
Nama Aliran Data data login petugas
Where used how used petugas - proses 1
petugas - proses 1.2 Proses 1.2 - file petugas
Deskripsi Berisi data login petugas yang digunakan untuk login
sebagai petugas Struktur Data
Email+password email
password [A-Z|a-z|0-9]
[A-Z|a-z|0-9] 3.
Nama Aliran Data data login member
Where used how used member - proses 1
member - proses 1.3 Proses 1.3 - file member
Deskripsi Berisi data login member yang digunakan untuk
login sebagai member Struktur Data
Email+password email
password [A-Z|a-z|0-9]
[A-Z|a-z|0-9] 4. Nama Aliran Data
data petugas
Where used how used petugas - proses 2
petugas - proses 2.1 petugas - proses 2.1.1
petugas - proses 2.1.2 petugas - proses 2.1.3
Proses 2.1 - file petugas
Proses 2.1.1 - file petugas Proses 2.1.2 - file petugas
Proses 2.1.3 - file petugas Deskripsi
Berisi data petugas Struktur Data
id_petugas, tanggal_daftar,
email_petugas, password_petugas + nama_petugas + level +
diaktifkan id_petugas
tanggal_daftar email_petugas
password_petugas nama_petugas
level diaktifkan
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z] [0,1]
[Ya,Tidak] 5.
Nama Aliran Data data member
Where used how used petugas - proses 2
petugas - proses 2.2 petugas - proses 2.2.1
petugas - proses 2.2.2 Proses 2.2 - file member
Proses 2.2.1 - file member Proses 2.2.2 - file member
Deskripsi Berisi data member
Struktur Data id_
member
+ tanggal_daftar + email_
member
+ nama_
member
+ alamat + kota + provinsi + kode_pos + telepon + telepon_genggam + fax +
diaktifkan id_
member
tanggal_daftar email_
member
nama_
member
alamat kota
provinsi kode_pos
telepon telepon_genggam
fax diaktifkan
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|]
[A-Z|a-z|] [0-9]
[0-9] [0-9]
[0-9] [0,1]
6. Nama Aliran Data
data kategori
Where used how used petugas - proses 2
petugas - proses 2.3 petugas - proses 2.3.1
petugas - proses 2.3.2 petugas - proses 2.3.3
Proses 2.3 - file kategori Proses 2.3.1 - file kategori
Proses 2.3.2 - file kategori Proses 2.3.3 - file kategori
Deskripsi Berisi data kategori
Struktur Data id_kategori + id_induk + nama_kategori + deskripsi
+ url_gambar + ditampilkan + id_petugas
Id_kategori Id_induk
Nama_kategori Deskripsi
Url_gambar Ditampilkan
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0,1]
7. Nama Aliran Data
data barang
Where used how used petugas - proses 2
petugas - proses 2.4 petugas - proses 2.4.1
petugas - proses 2.4.2 petugas - proses 2.4.3
Proses 2.4 - file barang Proses 2.4.1 - file barang
Proses 2.4.2 - file barang Proses 2.4.3 - file barang
Deskripsi Berisi data barang
Struktur Data id_barang + id_kategori + nama_barang + deskripsi
+ url_gambar1 + url_gambar2 + url_gambar3 + ditampilkan
Id_barang Id_kategori
Nama_barang Diskripsi
url_gambar1 url_gambar2
url_gambar3 [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
ditampilkan [0,1]
8. Nama Aliran Data
Data detail barang
Where used how used petugas - proses 2
petugas - proses 2.4 petugas - proses 2.4.1
petugas - proses 2.4.2 petugas - proses 2.4.3
Proses 2.4 - file detail_barang Proses 2.4.1 - file detail_barang
Proses 2.4.2 - file detail_barang Proses 2.4.3 - file detail_barang
Deskripsi Berisi data detail_barang
Struktur Data id_detail_barang + id_barang + ukuran + harga +
diskon + berat + stok + ditampilkan
Id_detail_barang Id_barang
Ukuran Harga
Diskon Berat
Stok ditampilkan
[A-Z|a-z|0-9] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0-9]
[0-9] [0,1]
9. Nama Aliran Data
Data kota
Where used how used petugas - proses 2
petugas - proses 2.5 petugas - proses 2.5.1
petugas - proses 2.5.2 petugas - proses 2.5.3
Proses 2.5 - file kota Proses 2.5.1 - file kota
Proses 2.5.2 - file kota Proses 2.5.3 - file kota
Deskripsi Berisi data kota
Struktur Data id_kota + id_provinsi + nama_kota + ongkos_kirim +
ditampilkan
Id_kota Id_provinsi
Nama_kota Ongkos_kirim
ditampilkan [0-9]
[0-9] [A-Z|a-z|]
[0-9] [0,1]
10. Nama Aliran Data Data provinsi
Where used how used petugas - proses 2
petugas - proses 2.6 petugas - proses 2.6.1
petugas - proses 2.6.2 petugas - proses 2.6.3
Proses 2.6 - file provinsi Proses 2.6.1 - file provinsi
Proses 2.6.2 - file provinsi Proses 2.6.3 - file provinsi
Deskripsi Berisi data provinsi
Struktur Data id_provinsi + nama_provinsi + id_petugas +
ditampilkan Id_propinsi
Nama_provinsi Id_petugas
ditampikan [0-9]
[A-Z|a-z|] [0-9]
[0,1] 11. Nama Aliran Data
data registrasi Where used how used
pengunjung - proses 3 pengunjung - proses 3.2
Proses 3.2 - file member Deskripsi
Berisi data registrasi member Struktur Data
id_
member
+ tanggal_daftar + email_
member
+ password_
member
+ nama_
member
+ alamat + kota + provinsi + kode_pos + telepon +
telepon_genggam + fax + diaktifkan id_
member
tanggal_daftar email_
member
password_
member
nama_
member
alamat kota
provinsi kode_pos
telepon telepon_genggam
fax diaktifkan
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|] [A-Z|a-z|]
[0-9] [0-9]
[0-9] [0-9]
[0,1]
12. Nama Aliran Data data aktifasi member
Where used how used Web email - proses 3
Web email – proses3.1
Proses 3.1 - file member Deskripsi
Berisi data aktifasi Struktur Data
diaktifkan diaktifkan
[0,1] 13. Nama Aliran Data
data pemesanan Where used how used
member - proses 6 Proses 6 - file barang
Proses 6 - file detail_barang Proses 6 - file pesanan
Proses 6 - file detail_pesanan
Deskripsi Berisi data pemesanan
Struktur Data Id_detail_pesanan,
Id_detail_barang, jumlah
, jumlah_terpenuhi
Id_detail_pesanan Id_detail_barang
jumlah jumlah terpenuhi
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
14. Nama Aliran Data data transaksi
Where used how used member - proses 7
member - proses 7.1 member - proses 7.2
Proses 7 - file transaksi Proses 7 - file pesanan
Proses 7 - file detail_pesanan Proses 7.1 - file transaksi
Proses 7.1 - file pesanan Proses 7.1 - file detail_pesanan
Proses 7.2 - file transaksi Proses 7.2 - file pesanan
Proses 7.2 - file detail_pesanan
Deskripsi Berisi data transaksi
Struktur Data Id_transaksi, id_pesanan, jumlah_bayar, jenis_bayar
Id_transaksi Id_pesanan
Jumlah_bayar Jenis_bayar
[0-9] [0-9]
[0-9] [A-Z|a-z]
15. Nama Aliran Data data pengiriman
Where used how used member - proses 7
member - proses 7.3 Proses 7 - file pengiriman
Proses 7.3 - file pengiriman
Deskripsi Berisi data pengiriman
Struktur Data Id_pengiriman, id_pesanan, no_resi
Id_pengiriman Id_pesanan
No_resi [0-9]
[0-9] [0-9]
16. Nama Aliran Data data retur
Where used how used member - proses 7
member - proses 7.3 Proses 7 - file retur
Proses 7.3 - file retur
Deskripsi Berisi data retur
Struktur Data Id_retur, id_pesanan, resi_retur, resi_kembali
Id_retur Id_pesanan
Resi_retur Resi_kirim
[0-9] [0-9]
[0-9] [0-9]
17. Nama Aliran Data data kurs
Where used how used admin - proses 9
proses 9 – file kurs
Deskripsi Berisi data kurs
Struktur Data id_kurs, id_petugas, nama_kurs, nilai_kurs
id_ kurs id_ petugas
nama_kurs nilai_kurs
[0-9] [0-9]
[A-Z] [0-9]
18. Nama Aliran Data data jasa pengiriman
Where used how used admin - proses 2.7
proses 2.7 – file jasa_pengiriman
Deskripsi Berisi data jasa pengiriman
Struktur Data id_jasa_pengiriman,
nama_jasa_pengiriman, url_jasa_pengiriman
id_jasa_pengiriman nama_jasa_pengiriman
url_jasa_pengiriman [0-9]
[A-Z|a-z] [A-Z|a-z|0-9]
19. Nama Aliran Data data paket pengiriman
Where used how used admin - proses 2.8
proses 2.8 – file paket _pengiriman
Deskripsi Berisi data paket pengiriman
Struktur Data id_paket_pengiriman,
id_jasa_pengiriman, nama_paket _pengiriman
id_paket_pengiriman id_jasa_pengiriman
nama_paket_pengiriman [0-9]
[0-9] [A-Z|a-z|0-9]
20. Nama Aliran Data data ongkos kirim
Where used how used admin - proses 2.5
proses 2.5 – file ongkos_kirim
Deskripsi Berisi data ongkos kirim
Struktur Data id_ongkos_kirim,
id_paket_pengiriman, id_kota,
ongkos id_ongkos_kirim
id_paket_pengiriman id_kota
ongkos [0-9]
[0-9] [0-9]
[0-9]
3. 2. Perancangan Sistem
Perancangan merupakan bagian dari metodologi pembangunan suatu perangkat lunak yang harus dilakukan setelah melalui tahapan analisis. Pada
bagian ini akan dijelaskan perancangan sistem yang dimaksudkan untuk menggambarkan perbedaan antara sistem yang sedang berjalan dengan sistem
yang diusulkan. Perancangan sistem ini menggunakan pendekatan sistem terkomputerisasi.
Langkah-langkah yang dilakukan dalam tahapan perancangan sistem ini adalah sebagai berikut :
1. Perancangan Basis Data a. Diagram Relasi
b. Struktur Tabel 2. Perancangan Arsitektur Perangkat Lunak
a. Struktur menu admin b. Struktur menu operator
c. Struktur menu member d. Struktur menu pengunjung
3. Perancangan Arsitektur a. Perancangan antar muka
b. Perancangan pesan c. Jaringan semantik
d. Perancangan Prosedural
3.2.1. Perancangan Basis Data
Perancangan basis data yaitu menciptakan atau merancang data yang terhubung dan disimpan secara bersama-sama. Untuk menggambarkannya
digunakanlah diagram relasi dan struktur tabel. Dari dua hasil tersebut, implementasi basis data akan bisa dikerjakan.
3.2.1.1. Diagram Relasi
Model data relasional merupakan model data di mana hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom. Secara formal,
ke semuanya itu digambarkan ke dalam diagram relasi dan diagram skema.
Adapun untuk lebih jelasnya tentang diagram relasi pada sistem e-commerce
di showroom Cardinal akan ada pada gambar 3.21 sebagai berikut:
barang
PK id_barang
FK1 id_kategori
nama_barang harga
diskon tanggal
deskripsi ditampilkan
detail_barang
PK id_detail_barang
FK1 id_barang
ukuran berat
stok ditampilkan
komentar
PK id_komentar
FK1 id_member
FK2 id_barang
isi_komentar tanggal
ditampilkan
member
PK id_member
FK1 id_kota
nama_member email_member
password_member alamat
kode_pos telepon
telepon_genggam fax
diaktifkan rating
PK id_rating
FK1 id_barang
FK2 id_member
nilai kategori
PK id_kategori
nama_kategori deskripsi
gambar ditampilkan
kota
PK id_kota
FK1 id_provinsi
nama_kota
provinsi
PK id_provinsi
nama_provinsi pesanan
PK id_pesanan
FK1 id_member
FK2 id_kurs
FK3 id_ongkos_kirim
tanggal_pesanan tanggal_kadaluarsa
nama_penerima alamat
kode_pos subtotal_bayar
ongkos total_bayar
komentar status
petugas
PK id_petugas
nama_petugas email_petugas
password_petugas level
tanggal_daftar diaktifkan
pengiriman
PK id_pengiriman
FK1 id_pesanan
FK2 id_petugas
no_resi tanggal_kirim
tanggal_terima status
transaksi
PK id_transaksi
FK1 id_pesanan
jenis_transaksi tanggal_transaksi
komentar detail_pesanan
PK id_detail_pesanan
FK1 id_pesanan
FK2 id_detail_barang
harga diskon
jumlah return
jumlah_return gambar
PK id_gambar
FK1 id_barang
url_gamar nama_gambar
retur
PK id_retur
FK1 id_pesanan
tanggal_retur resi_retur
resi_kirim detail_retur
PK id_detail_retur
FK2 id_retur
FK1 id_detail_pesanan
jumlah alasan
kurs
PK id_kurs
nama_kurs nilai_kurs
tanggal_kurs
jasa_pengiriman
PK id_jasa_pengiriman
nama_jasa_pengiriman url_jasa_pengiriman
paket_pengiriman
PK id_paket_pengiriman
FK1 id_jasa_pengiriman
nama_paket_pengiriman ongkos_kirim
PK id_ongkos_kirim
FK2 id_paket_pengiriman
FK1 id_kota
ongkos
Gambar 3.21. Diagram Relasi
3.2.1.2. Struktur Table
Tabel-tabel yang terdapat dalam basis data yang digunakan dalam pembangunan aplikasi e-commerce di showroom Cardinal adalah sebagai berikut:
1. Tabel member a. Nama Tabel
: Tabel member b. Jumlah field
: 12 c. Keterangan : Tabel berisi data member
Struktur tabel member dapat dilihat pada tabel 3.8
Tabel 3.8. Tabel member
Nama Field Type Data
Panjang Kunci
Keterangan id_member
integer -
Primary Key Not null
id_kota integer
- Foreign Key
Not null nama_member
varchar 31
- Not null
email_member varchar
31 -
Unique password_member
varchar 41
- Not null
tanggal_daftar varchar
21 -
Not null alamat
varchar 51
- Not null
kode_pos integer
- -
Not null telepon
varchar 21
- Not null
telepon_genggam varchar
21 -
Not null fax
varchar 21
- Not null
diaktifkan varchar
6 -
Not null 2. Tabel petugas
a. Nama Tabel : Tabel petugas
b. Jumlah field : 7
c. Keterangan : Tabel berisi data petugas Struktur tabel petugas dapat dilihat pada tabel 3.9
Tabel 3.9. Tabel Petugas
Nama Field Type Data
Panjang Kunci
Keterangan id_petugas
integer -
Primary Key Not null
nama_petugas varchar
61 -
Not null email_petugas
varchar 31
- Unique
Nama Field Type Data
Panjang Kunci
Keterangan password_petugas
varchar 41
- Not null
level enum
- -
Not null tanggal_daftar
varchar 21
- Not null
diaktifkan integer
- -
Not null 3. Tabel barang
a. Nama Tabel : Tabel barang
b. Jumlah field : 10
c. Keterangan : Tabel berisi data barang Struktur tabel barang dapat dilihat pada tabel 3.10
Tabel 3.10. Tabel Barang
Nama Field Type Data
Panjang Kunci
Keterangan id_barang
varchar 9
Primary Key Not null
id_kategori integer
- -
Not null nama_barang
varchar 31
- Not null
harga double
- -
Not null diskon
float -
- Not null
tanggal varchar
21 Not null
deskripsi text
- -
Not null ditampilkan
integer -
- Not null
jumlah_produksi integer
- -
Not null diproduksi
integer -
- Not null
4. Tabel detail_barang a. Nama Tabel
: Tabel detail_barang b. Jumlah field
: 6 c. Keterangan : Tabel berisi data detail barang
Struktur tabel detail barang dapat dilihat pada tabel 3.11
Tabel 3.11. Tabel Detail Barang
Nama Field Type Data
Panjang Kunci
Keterangan id_detail_barang
varchar 7
Primary Key Not null
id_barang varchar
9 Foreign Key
Not null ukuran
varchar 4
- Not null
berat float
- -
Not null stok
integer -
- Not null
ditampilkan integer
- -
Not null
5. Tabel pesanan a. Nama Tabel
: Tabel data pesanan b. Jumlah field
: 15 c. Keterangan : Tabel berisi data pesanan
Struktur tabel pesanan dapat dilihat pada tabel 3.12
Tabel 3.12. Tabel Pesanan
Nama Field Type Data
Panjang Kunci
Keterangan Id_pesanan
Varchar 12
Primary Key Not null
Id_ member integer
- Foreign Key
Not null Id_ kurs
integer -
Foreign Key Not null
Id_ongkos_kirim integer
- Foreign Key
Not null Tanggal_pesanan
varchar 21
- Not null
Tanggal_kadaluwarsa varchar
21 -
Not null nama_penerima
varchar 51
- Not null
alamat varchar
61 -
Not null kode_pos
integer -
- Not null
Subtotal_Bayar double
- -
Not null Ongkos
double -
- Not null
Total_ongkos double
- -
Not null Total_Bayar
double -
- Not null
komentar text
- -
Not null Status
varchar 6
- Not null
6. Tabel detail_pesanan a. Nama Tabel
: Tabel detail_pesanan b. Jumlah field
: 7 c. Keterangan : Tabel berisi data detail pesanan
Struktur tabel detail pesanan dapat dilihat pada tabel 3.13
Tabel 3.13. Tabel Detail Pesanan
Nama Field Type Data
Panjang Kunci
Keterangan id_detail_pesanan
integer -
Primary Key Not null
id_pesanan Varchar
12 Foreign Key
Not null id_detail_barang
integer -
Foreign Key Not null
harga double
- -
Not null diskon
float -
- Not null
jumlah integer
- -
Not null jumlah_terpenuhi
integer -
- Not null
7. Tabel transaksi a. Nama Tabel
: Tabel transaksi b. Jumlah field
: 5 c. Keterangan : Tabel berisi data transaksi
Struktur tabel transaksi dapat dilihat pada tabel 3.14
Tabel 3.14. Tabel Transaksi
Nama Field Type Data
Panjang Kunci
Keterangan id_ transaksi
integer -
Primary Key Not null
id_pesanan varchar
12 Foreign Key
Not null jenis_bayar
varchar 21
- Not null
tanggal_bayar varchar
21 -
Not null komentar
text -
- Not null
8. Tabel pengiriman a. Nama Tabel
: Tabel pengiriman b. Jumlah field
: 8 c. Keterangan : Tabel berisi data pengiriman
Struktur tabel pengiriman dapat dilihat pada tabel 3.15
Tabel 3.15. Tabel Pengiriman
Nama Field Type Data
Panjang Kunci
Keterangan id_kirim
integer -
Primary Key Not null
id_pesanan varchar
12 Foreign Key
Not null id_petugas
integer -
Foreign Key Not null
no_resi varchar
21 -
Unique tanggal_kirim
varchar 21
- Not null
tanggal_terima varchar
21 -
Not null
Nama Field Type Data
Panjang Kunci
Keterangan status
varchar 6
- Not null
detail_pengiriman Text
- -
Not null 9. Tabel kategori
a. Nama Tabel : Tabel kategori
b. Jumlah field : 5
c. Keterangan : Tabel berisi data kategori Struktur tabel kategori dapat dilihat pada tabel 3.16
Tabel 3.16. Tabel Kategori
Nama Field Type Data
Panjang Kunci
Keterangan id_kategori
integer -
Primary Key Not null
nama_kategori varchar
21 -
Not null kode_kategori
text 4
- Not null
gambar text
61 -
Not null ditampilkan
Integer -
- Not null
10. Tabel kota a. Nama Tabel
: Tabel kota b. Jumlah field
: 3 c. Keterangan : Tabel berisi data kota
Struktur tabel kota dapat dilihat pada tabel 3.17
Tabel 3.17. Tabel Kota
Nama Field Type Data
Panjang Kunci
Keterangan id_kota
integer -
Primary Key Not null
id_provinsi integer
- Foreign Key
Not null nama_kota
varchar 21
- Not null
11. Tabel provinsi a. Nama Tabel
: Tabel provinsi b. Jumlah field
: 2 c. Keterangan : Tabel berisi data provinsi
Struktur tabel provinsi dapat dilihat pada tabel 3.18
Tabel 3.18. Tabel Provinsi
Nama Field Type Data
Panjang Kunci
Keterangan id_provinsi
integer -
Primary Key Not null
nama_provinsi varchar
21 -
Not null
12. Tabel gambar a. Nama Tabel
: Tabel gambar b. Jumlah field
: 4 c. Keterangan : Tabel berisi data gambar
Struktur tabel gambar dapat dilihat pada tabel 3.19
Tabel 3.19. Tabel gambar
Nama Field Type Data
Panjang Kunci
Keterangan id_gambar
integer -
Primary Key Not null
id_barang varchar
9 Foreign Key
Not null url_gambar
varchar 61
- Not null
Nama_gambar varchar
31 -
Not null 13. Tabel rating
a. Nama Tabel : Tabel rating
b. Jumlah field : 5
c. Keterangan : Tabel berisi data rating Struktur tabel rating dapat dilihat pada tabel 3.20
Tabel 3.20. Tabel Rating
Nama Field Type Data
Panjang Kunci
Keterangan id_rating
integer -
Primary Key Not null
id_barang varchar
9 Foreign Key
Not null id_member
Integer -
Foreign Key Not null
nilai integer
- -
Not null 14. Tabel komentar
a. Nama Tabel : Tabel komentar
b. Jumlah field : 6
c. Keterangan : Tabel berisi data komentar
Struktur tabel komentar dapat dilihat pada tabel 3.21
Tabel 3.21. Tabel komentar
Nama Field Type Data
Panjang Kunci
Keterangan id_komentar
integer -
Primary Key Not null
id_barang varchar
9 Foreign Key
Not null id_ member
integer -
Foreign Key Not null
isi_komentar text
- -
Not null tanggal
varchar 21
- Not null
ditampilkan integer
- -
Not null 15. Tabel Retur
a. Nama Tabel : Tabel Retur
b. Jumlah field : 9
c. Keterangan : Tabel berisi data Retur Struktur tabel retur dapat dilihat pada tabel 3.22
Tabel 3.22. Tabel Retur
Nama Field Type Data
Panjang Kunci
Keterangan id_retur
varchar 12
Primary Key Not null
id_pesanan varchar
12 Foreign Key
Not null tanggal_retur
varchar 21
- Not null
resi_retur varchar
21 -
Unique resi_kirim
varchar 21
- Unique
tanggal_kirim varchar
21 -
Not null tanggal_terima
varchar 21
- Not null
status varchar
12 -
Not null detail_pengiriman
text -
- Not null
16. Tabel Detail Retur a. Nama Tabel
: Tabel detail_retur b. Jumlah field
: 5 c. Keterangan : Tabel berisi data detail Retur
Struktur tabel detail retur dapat dilihat pada tabel 3.23
Tabel 3.23. Tabel Detail Retur
Nama Field Type Data
Panjang Kunci
Keterangan id_detail_retur
integer -
Primary Key Not null
id_retur Varchar
12 Foreign Key
Not null id_detail_pesanan
integer -
Foreign Key Not null
jumlah integer
- -
Not-null Alasan
text -
- Not-null
17. Tabel kurs a. Nama Tabel
: Tabel kurs b. Jumlah field
: 4 c. Keterangan : Tabel berisi data kurs
Struktur tabel kurs dapat dilihat pada tabel 3.24
Tabel 3.24. Tabel kurs
Nama Field Type Data
Panjang Kunci
Keterangan id_kurs
integer -
Primary Key Not null
nama_kurs varchar
21 -
Not-null nilai_kurs
double -
- Not null
tanggal_kurs varchar
21 -
Not null 18. Tabel jasa pengiriman
a. Nama Tabel : Tabel jasa pengiriman
b. Jumlah field : 3
c. Keterangan : Tabel berisi data detail Retur Struktur tabel jasa pengiriman dapat dilihat pada tabel 3.25
Tabel 3.25. Tabel jasa pengiriman
Nama Field Type Data
Panjang Kunci
Keterangan id_jasa_pengiriman
integer -
Primary Key Not null
nama_ jasa_pengiriman varchar
21 -
Not-null url_ jasa_pengiriman
varchar 250
- Not-null
19. Tabel paket pengiriman a. Nama Tabel
: Tabel paket pengiriman b. Jumlah field
: 3 c. Keterangan : Tabel berisi data paket pengiriman
Struktur tabel paket pengiriman dapat dilihat pada tabel 3.26
Tabel 3.26. Tabel paket pengiriman
Nama Field Type Data
Panjang Kunci
Keterangan id_ paket_pengiriman
integer -
Primary Key Not null
id_ jasa_pengiriman integer
- Foreign Key
Not null nama_ paket_pengiriman
varchar 21
- Not-null
3.2.2. Perancangan Struktur Menu
Struktur menu dirancang sesuai dengan level pengguna sistem. Terdapat empat pengguna aplikasi ini yaitu admin, operator, pelanggan dan pengunjung.
Adapun struktur menunya adalah sebagai berikut: 1.
Struktur menu administrator 2.
Struktur menu operator 3.
Struktur menu pelanggan 4.
Struktur menu pengunjung
3.2.2.1. Struktur Menu Administrator
Struktur menu administrator pada website e-commerce showroom Cardinal dapat dilihat pada Gambar 3.22:
Beranda Data Master
Backup Restore Ubah Password
Logout kurs
Gambar 3.22 Struktur Menu Administrator
3.2.2.2. Struktur Menu Operator
Struktur menu operator pada website e-commerce showroom Cardinal dapat dilihat pada Gambar 3.23:
Beranda Data Master
Logout Pemesanan
Pengiriman Ubah
Password Data
Komentar
Gambar 3.23 Struktur Menu Operator
3.2.2.3. Struktur Menu Pengunjung
Struktur menu pengunjung pada website e-commerce showroom Cardinal dapat dilihat pada Gambar 3.24:
Beranda Kategori
Informasi Registrasi
Login Pencarian
Gambar 3.24 Struktur Menu pengunjung
3.2.2.4. Struktur Menu Member
Struktur menu member pada website e-commerce showroom Cardinal dapat dilihat pada Gambar 3.25:
Beranda Kategori
Logout Pencarian
Pesanan Profil
Informasi
Gambar 3.25 Struktur Menu Member
3.2.3. Perancangan Arsitektur
Setelah melakukan perancangan data pada sistem yang dibangun, maka dilakukanlah perancangan arsitektur. Perancangan arsitektur yang telah dibuat
meliputi beberapa perancangan diantaranya perancangan antar muka, perancangan pesan dan jaringan semantik.
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 showroom Cardinal adalah
sebagai berikut:
1. Perancangan antar muka administrator a. Perancangan antarmuka login
Perancangan antar muka login pada administrator dapat dilihat pada Gambar 3.26
L001 Kilk tombol Login untuk
melakukan login dan masuk ke halaman
AD010 atau PT 010
Nama Layar : L001 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Username Password
Ubah Data Member
Pesan error
Ubah GAMBAR
Gambar 3.26 Perancangan antar muka login
b. Perancangan antarmuka beranda Perancangan antar muka beranda pada administrator dapat dilihat pada
Gambar 3.27
AD010 GAMBAR
Klik menu Data Petugas untuk masuk ke halaman AD020
Klik menu Data Member untuk masuk ke halaman AD030
Klik menu Ubah Password untuk masuk ke halaman
AD040 Klik Menu Logout untuk
kembali ke halaman L001
Nama Layar : AD010 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Beranda Data Petugas
Data Member Ubah Password
Logout
Gambar 3.27 Perancangan antarmuka beranda
c. Perancangan antar muka data petugas Perancangan antar muka data petugas pada administrator dapat dilihat
pada Gambar 3.28
AD020 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data Member untuk masuk ke halaman AD030
Klik menu Ubah Password untuk masuk ke halaman
AD040 Klik Menu Logout untuk
kembali ke halaman L001 Klik Tambah data petugas
untuk masuk ke halaman AD021
Klik Ubah untuk masuk ke halaman AD022
Klik Hapus untuk menghapus data petugas
Nama Layar : AD020 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Beranda Data Master
Backup Restore Ubah Password
Logout Pengolahan Data Petugas
No Email
Level Tanggal
Aktif u
ba h
ha pus
Nama
Tambah data petugas Kurs
Gambar 3.28 Perancangan antar muka data petugas
d. Perancangan antar muka data member Perancangan antar muka data member pada administrator dapat dilihat
pada Gambar 3.29
AD030 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data Petugas untuk masuk ke halaman AD020
Klik menu Ubah Password untuk masuk ke halaman
AD040 Klik Menu Logout untuk
kembali ke halaman L001 Klik Ubah untuk masuk ke
halaman AD031 Klik Hapus untuk menghapus
data petugas
Nama Layar : AD030 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Pengolahan Data Member No
Email Tanggal
Aktif
u b
ah
Nama Beranda
Data Master Backup Restore
Ubah Password Logout
Kurs
Gambar 3.29 Perancangan antar muka data member
e. Perancangan antar muka data jasa pengiriman Perancangan antar muka data jasa pengiriman pada administrator dapat
dilihat pada Gambar 3.30.
AD050 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data master untuk masuk ke halaman AD020
Klik menu Ubah Password untuk masuk ke halaman
AD040 Klik Menu Logout untuk
kembali ke halaman L001 Klik Ubah untuk masuk ke
halaman AD031 Klik Hapus untuk menghapus
data petugas
Nama Layar : AD050 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Pengolahan Data jasa pengiriman No
Url Jasa pengiriman
ubah
Nama Jasa Pengiriman Beranda
Data Master Backup Restore
Ubah Password Logout
Kurs
Gambar 3.30 Perancangan antar muka data jasa pengiriman
f. Perancangan antar muka data paket pengiriman Perancangan antar muka data paket pengiriman pada administrator dapat
dilihat pada Gambar 3.31.
AD060 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data master untuk masuk ke halaman AD020
Klik menu Ubah Password untuk masuk ke halaman
AD040 Klik Menu Logout untuk
kembali ke halaman L001 Klik Ubah untuk masuk ke
halaman AD031 Klik Hapus untuk menghapus
data petugas
Nama Layar : AD060 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Pengolahan Data paket pengiriman No
Jasa pengiriman
uba h
Nama paket pengiriman Beranda
Data Master Backup Restore
Ubah Password Logout
Kurs
Gambar 3.31 Perancangan antar muka data paket pengiriman
g. Perancangan antarmuka lupa password Perancangan antar muka lupa password pada administrator dapat dilihat
pada Gambar 3.32.
AD040 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data Petugas untuk masuk ke halaman AD020
Klik menu Data Member untuk masuk ke halaman AD030
Klik Menu Logout untuk kembali ke halaman L001
Klik Ubah untuk mengganti password
Klik Ulangi untuk membersihkan kotak isian
Klik Kembali untuk kembali ke halaman AD010
Nama Layar : AD040 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Ubah Password Password Lama
Password Baru Konfirmasi Password baru
Kembali Ubah
Ulangi
Pesan error
Beranda Data Master
Backup Restore Ubah Password
Logout Kurs
Gambar 3.32 Perancangan antar muka lupa password
h. Perancangan antarmuka tambah petugas Perancangan antar muka tambah petugas pada administrator dapat dilihat
pada Gambar 3.33.
AD021 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data Petugas untuk masuk ke halaman AD020
Klik menu Data Member untuk masuk ke halaman AD030
Klik Ubah Password untuk masuk ke halaman AD040
Klik Menu Logout untuk kembali ke halaman L001
Klik Tambah untuk menambahkan data petugas
Klik Kembali untuk kembali ke halaman AD020
Nama Layar : AD021 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Tambah Data Petugas Nama Petugas
Email Petugas Password
Kembali Tambah
Pesan error
Konfirmasi Password Level
Aktif Beranda
Data Master Backup Restore
Ubah Password Logout
Kurs
Gambar 3.33 Perancangan antar muka tambah petugas
i. Perancangan antar muka tambah jasa pengiriman Perancangan antar muka tambah jasa pengiriman pada administrator dapat
dilihat pada Gambar 3.34.
AD051 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data Petugas untuk masuk ke halaman AD020
Klik menu Data Member untuk masuk ke halaman AD030
Klik menu Data Jasa Pengiriman untuk masuk ke
halaman AD050 Klik Ubah Password untuk
masuk ke halaman AD040 Klik Menu Logout untuk
kembali ke halaman L001 Klik Tambah untuk
menambahkan data petugas Klik Kembali untuk kembali ke
halaman AD020
Nama Layar : AD051 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Tambah Data Jasa Pengiriman Nama Jasa Pengiriman
Url Jasa Pengiriman Kembali
Tambah
Pesan error
Beranda Data Master
Backup Restore Ubah Password
Logout Kurs
Gambar 3.34 Perancangan antar muka tambah jasa pengiriman
j. Perancangan antarmuka tambah paket pengiriman Perancangan antar muka tambah paket pengiriman pada administrator
dapat dilihat pada Gambar 3.35.
AD061 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data Petugas untuk masuk ke halaman AD020
Klik menu Data Member untuk masuk ke halaman AD030
Klik menu Data Jasa Pengiriman untuk masuk ke
halaman AD050 Klik Ubah Password untuk
masuk ke halaman AD040 Klik Menu Logout untuk
kembali ke halaman L001 Klik Tambah untuk
menambahkan data petugas Klik Kembali untuk kembali ke
halaman AD020
Nama Layar : AD061 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Tambah Data Paket Pengiriman Nama Paket Pengiriman
Jasa Pengiriman Kembali
Tambah
Pesan error
Beranda Data Master
Backup Restore Ubah Password
Logout Kurs
Gambar 3.35 Perancangan antar muka tambah paket pengiriman
k. Perancangan antarmuka ubah petugas Perancangan antar muka ubah petugas pada administrator dapat dilihat
pada Gambar 3.32
AD022 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data Petugas untuk masuk ke halaman AD020
Klik menu Data Member untuk masuk ke halaman AD030
Klik Ubah Password untuk masuk ke halaman AD040
Klik Menu Logout untuk kembali ke halaman L001
Klik Ubah untuk Mengubah data petugas
Klik Kembali untuk kembali ke halaman AD020
Nama Layar : AD022 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Ubah Data Petugas Nama Petugas
Email Petugas Kembali
Ubah
Pesan error
Level Aktif
Ulangi Beranda
Data Master Backup Restore
Ubah Password Logout
Kurs
Gambar 3.36 Perancangan antar muka ubah petugas
l. Perancangan antarmuka ubah jasa pengiriman Perancangan antar muka ubah jasa pengiriman pada administrator dapat
dilihat pada Gambar 3.37.
AD052 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data Petugas untuk masuk ke halaman AD020
Klik menu Data Member untuk masuk ke halaman AD030
Klik menu Data Jasa Pengiriman untuk masuk ke
halaman AD050 Klik Ubah Password untuk
masuk ke halaman AD040 Klik Menu Logout untuk
kembali ke halaman L001 Klik Tambah untuk
menambahkan data petugas Klik Kembali untuk kembali ke
halaman AD020
Nama Layar : AD052 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Ubah Data Jasa Pengiriman Nama Jasa Pengiriman
Url Jasa Pengiriman Kembali
Tambah
Pesan error
Beranda Data Master
Backup Restore Ubah Password
Logout Kurs
Gambar 3.37 Perancangan antar muka ubah jasa pengiriman
m. Perancangan antarmuka ubah paket pengiriman Perancangan antar muka ubah paket pengiriman pada administrator dapat
dilihat pada Gambar 3.38.
AD062 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data Petugas untuk masuk ke halaman AD020
Klik menu Data Member untuk masuk ke halaman AD030
Klik menu Data Jasa Pengiriman untuk masuk ke
halaman AD050 Klik Ubah Password untuk
masuk ke halaman AD040 Klik Menu Logout untuk
kembali ke halaman L001 Klik Tambah untuk
menambahkan data petugas Klik Kembali untuk kembali ke
halaman AD020
Nama Layar : AD062 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Tambah Data Paket Pengiriman Nama Paket Pengiriman
Jasa Pengiriman Kembali
Tambah
Pesan error
Beranda Data Master
Backup Restore Ubah Password
Logout Kurs
Gambar 3.38 Perancangan antar muka ubah paket pengiriman
n. Perancangan antarmuka ubah member Perancangan antar muka ubah member pada administrator dapat dilihat
pada Gambar 3.39.
AD031 GAMBAR
Klik Menu Beranda untuk masuk ke halaman AD010
Klik menu Data Petugas untuk masuk ke halaman AD020
Klik menu Data Member untuk masuk ke halaman AD030
Klik Ubah Password untuk masuk ke halaman AD040
Klik Menu Logout untuk kembali ke halaman L001
Klik Ubah untuk Mengubah data member
Klik Ulangi untuk mereset kotak isian
Klik Kembali untuk kembali ke halaman AD030
Nama Layar : AD031 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Ubah Data Member Nama Member
Email Member
Kembali Ubah
Pesan error
Provinsi Kota
Ulangi Telepon
Telepon Genggam Alamat
Fax Aktif
Beranda Data Master
Backup Restore Ubah Password
Logout Kurs
Nama Member Email Member
Telepon Telepon Genggam
Alamat Provinsi
Kota Fax
Gambar 3.39 Perancangan antar muka ubah member
2. Perancangan antar muka operator a. Perancangan antarmuka login
Perancangan antar muka login pada operator dapat dilihat pada Gambar 3.40.
L001 Kilk tombol Login untuk
melakukan login dan masuk ke halaman
AD010 atau PT 010
Nama Layar : L001 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Username Password
Ubah Data Member
Pesan error
Ubah GAMBAR
Gambar 3.40 Perancangan antar muka login
b. Perancangan antarmuka beranda Perancangan antar muka beranda pada operator dapat dilihat pada Gambar
3.41.
PT010 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD010 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.41 Perancangan antar muka beranda
c. Perancangan antarmuka data barang Perancangan antar muka data barang pada operator dapat dilihat pada
Gambar 3.42.
PT020 GAMBAR
Klik Beranda untuk masuk ke halaman PT010
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Tambah data barang untuk masuk ke halaman
PT021 Klik Ubah untuk masuk ke
halaman PT022 Klik Hapus untuk menghapus
data barang Klik komentar untuk masuk ke
halaman PT090
Nama Layar : AD020 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Pengolahan Data Barang No
Nama barang Kategori Harga Barang Tampil
u b
a h
h a
p u
s Kode Barang
Tambah data barang Diskon
Tanggal Pemasaran Beranda
Logout Data Master
Pemesanan Pengiriman
Ubah Password Komentar
Gambar 3.42 Perancangan antar muka data barang
d. Perancangan antarmuka data kategori Perancangan antar muka data kategori pada operator dapat dilihat pada
Gambar 3.43.
PT030 GAMBAR
Klik Beranda untuk masuk ke halaman PT010
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Tambah data kategori untuk masuk ke halaman
PT031 Klik Ubah untuk masuk ke
halaman PT032 Klik Hapus untuk menghapus
data kategori Klik komentar untuk masuk ke
halaman PT090
Nama Layar : AD030 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Pengolahan Data Kategori No
Tampil u
ba h
h ap
us Nama Kategori
Tambah data Kategori Beranda
Logout Data Master
Pemesanan Pengiriman
Ubah Password Komentar
Gambar 3.43 Perancangan antar muka data kategori
e. Perancangan antarmuka data kota Perancangan antar muka data kota pada operator dapat dilihat pada
Gambar 3.44.
PT040 GAMBAR
Klik Beranda untuk masuk ke halaman PT010
Klik Data Barang untuk masuk ke halaman PT020
Klik Data Kategori untuk masuk ke halaman PT030
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Tambah data Kota untuk masuk ke halaman PT041
Klik Ubah untuk masuk ke halaman PT042
Klik Hapus untuk menghapus data kota
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD040 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Pengolahan Data Kota No
Provinsi ub
ah hapus
Nama Kota
Tambah data Kota Ongkos Kirim
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.44 Perancangan antar muka data kota
f. Perancangan antarmuka data provinsi Perancangan antar muka data provinsi pada operator dapat dilihat pada
Gambar 3.45.
PT050 GAMBAR
Klik Beranda untuk masuk ke halaman PT010
Klik Data Barang untuk masuk ke halaman PT020
Klik Data Kategori untuk masuk ke halaman PT030
Klik Data Kota untuk masuk ke halaman PT040
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Tambah data Provinsi untuk masuk ke halaman
PT051 Klik Ubah untuk masuk ke
halaman PT052 Klik Hapus untuk menghapus
data provinsi Klik komentar untuk masuk ke
halaman PT090
Nama Layar : AD050 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Pengolahan Data Provinsi No
u b
a h
h a
p u
s Nama Provinsi
Tambah data Provinsi Beranda
Logout Data Master
Pemesanan Pengiriman
Ubah Password Komentar
Gambar 3.45 Perancangan antar muka data provinsi
g. Perancangan antarmuka pemesanan Perancangan antar muka pemesanan pada operator dapat dilihat pada
Gambar 3.46.
PT060 GAMBAR
Klik Beranda untuk masuk ke halaman PT010
Klik Data Barang untuk masuk ke halaman PT020
Klik Data Kategori untuk masuk ke halaman PT030
Klik Data Kota untuk masuk ke halaman PT040
Klik Provinsi untuk masuk ke halaman PT050
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Detail untuk masuk ke halaman PT061 atau PT062
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD060 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Pengolahan Data Pemesanan Kode Pesanan
Tanggal Pesan
de ta
il
Nama Pemesan Status
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.46 Perancangan antar muka pemesanan
h. Perancangan antarmuka pengiriman Perancangan antar muka pengiriman pada operator dapat dilihat pada
Gambar 3.47.
PT070 GAMBAR
Klik Beranda untuk masuk ke halaman PT010
Klik Data Barang untuk masuk ke halaman PT020
Klik Data Kategori untuk masuk ke halaman PT030
Klik Data Kota untuk masuk ke halaman PT040
Klik Provinsi untuk masuk ke halaman PT050
Klik Pemesanan untuk masuk ke halaman PT060
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Detail untuk masuk ke halaman PT071
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD070 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Pengolahan Data Pengiriman Kode Pesanan
Tanggal Pesan d
etail Nama Pemesan
Status Beranda
Logout Data Master
Pemesanan Pengiriman
Ubah Password Komentar
Gambar 3.47 Perancangan antar muka pengiriman
i. Perancangan antarmuka ubah password Perancangan antar muka ubah password pada operator dapat dilihat pada
Gambar 3.48.
PT080 GAMBAR
Klik Beranda untuk masuk ke halaman PT010
Klik Data Barang untuk masuk ke halaman PT020
Klik Data Kategori untuk masuk ke halaman PT030
Klik Data Kota untuk masuk ke halaman PT040
Klik Provinsi untuk masuk ke halaman PT050
Klik Pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Logout untuk kembali ke halaman L001
Klik Ubah untuk mengubah password
Klik Ulangi untuk membersihkan kota isian
Klik kembali untuk kembali ke halaman PT010
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD080 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Ubah Password Password Lama
Password Baru Konfirmasi Password baru
Kembali Ubah
Ulangi
Pesan error
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.48 Perancangan antar muka ubah password
j. Perancangan antarmuka tambah barang Perancangan antar muka tambah barang pada operator dapat dilihat pada
Gambar 3.49.
PT021 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Tambah untuk menambahkan data barang
Klik kembali untuk kembali ke halaman PT020
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD021 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Tambah Data Barang Nama Barang
kategori harga
Kembali Tambah
Pesan error
Diskon Deskripsi
Tampilkan Gambar
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.49 Perancangan antar muka tambah barang
k. Perancangan antarmuka ubah barang Perancangan antar muka ubah barang pada operator dapat dilihat pada
Gambar 3.50.
PT022 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Ubah untuk Mengubah data barang
Klik Ulangi untuk mereset kotak isian
Klik tambah untuk masuk ke halaman PT023
Klik ubah untuk masuk ke halaman PT024
Klik kembali untuk kembali ke halaman PT020
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD022 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Ubah Data Barang Nama Barang
kategori harga
Kembali Ubah
Pesan error
Diskon Deskripsi
Tampilan Gambar
Detail Barang Stok
Ditampilkan Ukuran
Ulangi Kembali
Tambah ta
mb a
h u
b a
h h
a p
u s
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.50 Perancangan antar muka ubah barang
l. Perancangan antarmuka tambah detail barang Perancangan antar muka tambah detail barang dapat dilihat pada Gambar
3.51.
PT023 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Tambah untuk menambahkan data detail
barang Klik kembali untuk kembali ke
halaman PT022 Klik komentar untuk masuk ke
halaman PT090
Nama Layar : AD023 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Detail Data Barang Kode Barang
Ukuran Berat
Kembali Tambah
Pesan error
Stok Tampilan
XXXXXX Beranda
Logout Data Master
Pemesanan Pengiriman
Ubah Password Komentar
Gambar 3.51 Perancangan antar muka tambah detail barang
m. Perancangan antarmuka ubah detail barang Perancangan antar muka ubah detail barang dapat dilihat pada Gambar
3.52.
PT024 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Ubah untuk Mengubah data detail barang
Klik Ulangi untuk mereset kotak isian
Klik kembali untuk kembali ke halaman PT022
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD024 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Detail Data Barang Kode Barang
Ukuran Berat
xx xxxx
Kembali Ubah
Pesan error
Stok xx
xx Tampilan
XXXXXX
Ulangi Beranda
Logout Data Master
Pemesanan Pengiriman
Ubah Password Komentar
Gambar 3.52 Perancangan antar muka ubah detail barang
n. Perancangan antarmuka tambah kategori Perancangan antar muka tambah kategori dapat dilihat pada Gambar 3.53.
PT031 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Tambah untuk menambahkan data kategori
Klik kembali untuk kembali ke halaman PT030
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD031 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Tambah Data Kategori Nama Kategori
Kembali Tambah
Pesan error
Deskripsi Kategori Tampilkan
Gambar Beranda
Logout Data Master
Pemesanan Pengiriman
Ubah Password Komentar
Gambar 3.53 Perancangan antar muka tambah kategori
o. Perancangan antarmuka ubah kategori Perancangan antar muka ubah kategori dapat dilihat pada Gambar 3.54.
PT031 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Ubah untuk mengubah data kategori
Klik Ulangi untuk mereset kotak isian
Klik kembali untuk kembali ke halaman PT030
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD031 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Ubah Data Kategori Nama Kategori
Kembali Ubah
Pesan error
Deskripsi Kategori Tampilkan
browse Gambar
Ulangi IMAGE
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.54 Perancangan antar muka ubah kategori
p. Perancangan antarmuka tambah kota Perancangan antar muka tambah kota pada operator dapat dilihat pada
Gambar 3.55.
PT041 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Tambah untuk menambahkan data Kota
Klik kembali untuk kembali ke halaman PT040
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD041 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Tambah Data Kota Nama Kota
Kembali Tambah
Pesan error
Ongkos Kirim Provinsi
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.55 Perancangan antar muka tambah kota
q. Perancangan antarmuka ubah kota Perancangan antar muka ubah kota pada operator dapat dilihat pada
Gambar 3.56.
PT042 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Ubah untuk mengubah data Kota
Klik Ulangi untuk mereset kotak isian
Klik kembali untuk kembali ke halaman PT040
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD042 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Tambah Data Kota Nama Kota
Kembali Ubah
Pesan error
Ongkos Kirim Provinsi
Ulangi Beranda
Logout Data Master
Pemesanan Pengiriman
Ubah Password Komentar
Gambar 3.56 Perancangan antar muka ubah kota
r. Perancangan antarmuka tambah provinsi Perancangan antar muka tambah provinsi dapat dilihat pada Gambar 3.57.
PT051 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Tambah untuk menambahkan data Provinsi
Klik kembali untuk kembali ke halaman PT050
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD051 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Tambah Data Provinsi Nama Provinsi
Kembali Tambah
Pesan error
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.57 Perancangan antar muka tambah provinsi
s. Perancangan antarmuka ubah provinsi Perancangan antar muka ubah provinsi dapat dilihat pada Gambar 3.58.
PT052 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Ubah untuk mengubah data Provinsi
Klik ulangi untuk mereset kotak isian
Klik kembali untuk kembali ke halaman PT050
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD052 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Ubah Data Provinsi Nama Provinsi
Kembali Ubah
Pesan error
Ulangi Beranda
Logout Data Master
Pemesanan Pengiriman
Ubah Password Komentar
Gambar 3.58 Perancangan antar muka ubah provinsi
t. Perancangan antarmuka konfirmasi stok pesanan Perancangan antar muka konfirmasi stok pesanan dapat dilihat pada
Gambar 3.9.
PT061 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Ubah untuk Mengubah status pemesanan
Klik Ulangi untuk mereset kotak isian
Klik kembali untuk kembali ke halaman PT060
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD061 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Konfirmasi Stok Pesanan
Kode Pesanan Nama Pesanan
Sub Total
Kembali Ubah
Pesan error
Komentar Status
XXXXXX
Ulangi XXXXXX
XXXXXX XXXXXX
XXXXXX XXXXXX
Tanggal Pesan Ongkos Kirim
Total
Ukuran Stok tersedia Jumlah pesanan
Nama barang Jumlah tersedia
Detail pembayaran Id pemesanan
Jenis transaksi` komentar
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.59 Perancangan antar muka konfirmasi stok pesanan
u. Perancangan antarmuka konfirmasi pengiriman Perancangan antar muka konfirmasi pengiriman dapat dilihat pada Gambar
3.60.
PT071 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Ubah untuk Mengubah data pengiriman
Klik Ulangi untuk mereset kotak isian
Klik kembali untuk kembali ke halaman PT070
Klik komentar untuk masuk ke halaman PT090
Nama Layar : AD071 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Konfirmasi Pengiriman Kode Pesanan
Nama Pesanan Tanggal Kirim
Kembali Ubah
Pesan error
Lama Pengiriman No Resi
XXXXXX
Ulangi XXXXXX
XXXXXX XXXXXX
XXXXXX Tanggal Pesan
Tanggal Terima Beranda
Logout Data Master
Pemesanan Pengiriman
Ubah Password Komentar
Gambar 3.60 Perancangan antar muka konfirmasi pengiriman
w. Perancangan antarmuka komentar Perancangan antar muka komentar dapat dilihat pada Gambar 3.61.
PT090 GAMBAR
Klik Data Barang untuk masuk ke halaman PT020
Klik Data kategori untuk masuk ke halaman PT030
Klik Data kota untuk masuk ke halaman PT040
Klik Data Provinsi untuk masuk ke halaman PT050
Klik pemesanan untuk masuk ke halaman PT060
Klik Pengiriman untuk masuk ke halaman PT070
Klik Ubah Password untuk masuk ke halaman PT080
Klik Logout untuk kembali ke halaman L001
Klik Ubah untuk Mengubah data pengiriman
Klik Ulangi untuk mereset kotak isian
Klik kembali untuk kembali ke halaman PT070
Nama Layar : AD090 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
Pengolahan Data Komentar Nama barang
Detail komentar Komentar
ditampilkan proses
text text
text text text text text text text text text text text text text text text text ya tidak
Beranda Logout
Data Master Pemesanan
Pengiriman Ubah Password
Komentar
Gambar 3.61 Perancangan antar muka komentar
3. Perancangan antar Pengunjung a. Perancangan antarmuka beranda
Perancangan antar muka beranda pada pengunjung dapat dilihat pada Gambar 3.62.
MB001 GAMBAR
Nama Layar : MB001 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI Nama-nama
Kategori Search...
Cari
GAMBAR Nama
Harga Rating Pelanggan
Ukuran
Tambahkan ke keranjang Rincian
Keranjang Belanja
Diskon Jumlah Stok
Menampilkan halaman PRODUK DISKON
NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Registrasi untuk
masuk ke halaman MB005 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 Klik Tambahkan ke
keranjang untuk masuk ke MB007
Klik Rincian untuk masuk ke MB014
Gambar 3.62 Perancangan antar muka beranda
b. Perancangan antarmuka produk terbaru Perancangan antar muka produk terbaru pada pengunjung dapat dilihat
pada Gambar 3.63.
MB008 GAMBAR
Nama Layar : MB008 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI Nama-nama
Kategori Search...
Cari Keranjang Belanja
PRODUK TERBARU Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Registrasi untuk
masuk ke halaman MB005 Klik Login untuk masuk
ke halaman MB006 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terlaris untuk masuk ke halaman MB009
Klik Produk Diskon untuk masuk ke halaman MB010
Klik Tentang Kami untuk masuk ke halaman MB011
Klik Cari untuk masuk ke halaman MB012
Klik Rincian untuk masuk ke MB014
NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Harga
Rating Pelanggan GAMBAR
Ukuran Stok
Rincian Tambahkan ke keranjang
Menampilkan halaman
Gambar 3.63 Perancangan antar muka produk terbaru
b. Perancangan antarmuka produk terlaris Perancangan antar muka produk terlaris pada pengunjung dapat dilihat
pada Gambar 3.64.
MB009 GAMBAR
Nama Layar : MB009 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI
Nama-nama Kategori
Search...
Cari
Keranjang Belanja
PRODUK TERLARIS Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Registrasi untuk
masuk ke halaman MB005 Klik Login untuk masuk
ke halaman MB006 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 Klik Rincian untuk masuk
ke MB014 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Harga
Rating Pelanggan GAMBAR
Ukuran Stok
Rincian Tambahkan ke keranjang
Menampilkan halaman
Gambar 3.64 Perancangan antar muka produk terlaris
c. Perancangan antarmuka kategori Perancangan antar muka kategori pada pengunjung dapat dilihat pada
Gambar 3.65.
MB002 GAMBAR
Nama Layar : MB002 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI
Nama-nama Kategori
Search...
Cari
Keranjang Belanja
KATEGORI NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI GAMBAR
Nama kategori
GAMBAR
Nama kategori
GAMBAR
Nama kategori
GAMBAR
Nama kategori
GAMBAR
Nama kategori
GAMBAR
Nama kategori
Klik Beranda untuk masuk ke halaman MB001
Klik Informasi untuk masuk ke halaman MB003
Klik Pencarian untuk masuk ke halaman MB004
Klik Registrasi untuk masuk ke halaman MB005
Klik Keranjang Belanja untuk masuk ke halaman
MB007 Klik Produk Terbaru
untuk masuk ke halaman MB008
Klik Produk Terlaris untuk masuk ke halaman MB009
Klik Produk Diskon untuk masuk ke halaman MB010
Klik Tentang Kami untuk masuk ke halaman MB011
Klik Cari untuk masuk ke halaman MB012
Gambar 3.65 Perancangan antar muka kategori
d. Perancangan antarmuka informasi Perancangan antar muka informasi pada pengunjung dapat dilihat pada
Gambar 3.66.
MB003 GAMBAR
Nama Layar : MB003 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI
Nama-nama Kategori
Search...
Cari
Menampilkan informasi mengenai cara pemesanan, cara pembayaran, cara pengiriman dan cara pengembalian barang retur
Keranjang Belanja
INFORMASI NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Pencarian untuk
masuk ke halaman MB004 Klik Registrasi untuk
masuk ke halaman MB005 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011
Gambar 3.66 Perancangan antar muka informasi
e. Perancangan antarmuka pencarian Perancangan antar advance pencarian pada pengunjung dapat dilihat pada
Gambar 3.67.
MB004 GAMBAR
Nama Layar : MB004 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI
Nama-nama Kategori
Search...
Cari
Keranjang Belanja
PENCARIAN Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Registrasi untuk
masuk ke halaman MB005 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Nama Produk
Kategori Harga
Cari Ulangi
Gambar 3.67 Perancangan antar pencarian
f. Perancangan antarmuka registrasi Perancangan antar muka registrasi pada pengunjung dapat dilihat pada
Gambar 3.68.
MB005 GAMBAR
Nama Layar : MB005 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI Nama-nama
Kategori Search...
Cari Keranjang Belanja
REGISTRASI MEMBER Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Registrasi untuk
masuk ke halaman MB005 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 Klik daftar untuk masuk
ke MB001 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Sudah memiliki akun?Login
Nama Email
Password Konfirmasi Password
Alamat Provinsi
Kota Kode Pos
Telepon Telepon Genggam
Fax Masukkan kode digambar
Daftar Ulangi
Gambar Kode Catatan
Pesan kesalahan Pesan kesalahan
Pesan kesalahan Pesan kesalahan
Pesan kesalahan Pesan kesalahan
Pesan kesalahan Pesan kesalahan
Pesan kesalahan Pesan kesalahan
Pesan kesalahan Pesan kesalahan
Gambar 3.68 Perancangan antar muka registrasi
g. Perancangan antarmuka login Perancangan antar muka login pada pengunjung dapat dilihat pada
Gambar 3.69.
MB006 GAMBAR
Nama Layar : MB006 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI Nama-nama
Kategori Search...
Cari Keranjang Belanja
LOGIN MEMBER Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Registrasi untuk
masuk ke halaman MB005 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 Klik Buat Akun untuk
daftar menjadi member,akan masuk ke
MB005 Masukkan nama email
dan password kemudian pilih login untuk dapat
mengakses aplikasi, Pilih Lupa Password
untuk masuk ke MB013 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Belum memiliki akun? Buat Akun
Email Password
Login Lupa Password
Pesan Kesalahan Pesan Kesalahan
Pesan Kesalahan
Gambar 3.69 Perancangan antarmuka login
h. Perancangan antarmuka lupa password Perancangan antar muka lupa password pada pengunjung dapat dilihat
pada Gambar 3.70.
MB013 GAMBAR
Nama Layar : MB013 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI
Nama-nama Kategori
Search...
Cari
Keranjang Belanja
LUPA PASSWORD Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Registrasi untuk
masuk ke halaman MB005 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 Klik kembali untuk ke
MB006 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Silahkan masukan email anda
Email anda Masukkan kode digambar
Kirim Pesan Kesalahan
Pesan Kesalahan Pesan Kesalahan
Kembali
Gambar 3.70 Perancangan antarmuka lupa password
i. Perancangan antarmuka keranjang belanja Perancangan antar muka keranjang belanja pada member dapat dilihat
pada Gambar 3.71.
MB007 GAMBAR
Nama Layar : MB007 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI
Nama-nama Kategori
Search...
Cari
Keranjang Belanja
KERANJANG BELANJA Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Registrasi untuk
masuk ke halaman MB005 Klik Produk Terbaru
untuk masuk ke halaman MB008
Klik Produk Terlaris untuk masuk ke halaman MB009
Klik Produk Diskon untuk masuk ke halaman MB010
Klik Tentang Kami untuk masuk ke halaman MB011
Klik Cari untuk masuk ke halaman MB012
Klik lanjutkan berbelanja untuk masuk ke MB001
Klik Pesan untuk masuk ke MB020
NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Pesan Kesalahan
No Ukuran
Nama Barang Stok
Harga Diskon Total
Jumlah Total Harga Pilihan Total Bayar :
Lanjutkan Berbelanja Kosongkan Keranjang
Perbaharui Keranjang Pesan
Gambar 3.71 Perancangan antar muka keranjang belanja
j. Perancangan antarmuka detail pesanan Perancangan antar muka detail pesanan pada member dapat dilihat pada
Gambar 3.72.
MB020 GAMBAR
Nama Layar : MB020 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
PESANAN PROFIL
KATEGORI Nama-nama
Kategori Search...
Cari Keranjang Belanja
DETAIL PESANAN Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Profil untuk masuk
ke halaman MB016 Klik Logout untuk kembali
ke MB006 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 Klik kembali untuk masuk
ke MB015 Klik Pesan untuk masuk
ke MB022 Klik Alamat Baru untuk
masuk ke MB021 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI No
LOGOUT
Kembali Nama Barang
Ukuran Diskon
Harga Total Harga
Total Bayar INFORMASI PENGIRIMAN
ALAMAT UTAMA Nama
Alamat Kota
Provinsi Kodepos
Total Jumlah
PESAN ALAMAT BARU
Gambar 3.72 Perancangan antarmuka detail pesanan
k. Perancangan antarmuka alamat baru Perancangan antar alamat baru pada member dapat dilihat pada Gambar
3.73.
MB021 GAMBAR
Nama Layar : MB021 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
PESANAN PROFIL
KATEGORI Nama-nama
Kategori Search...
Cari Keranjang Belanja
DETAIL PESANAN Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Profil untuk masuk
ke halaman MB016 Klik Logout untuk kembali
ke MB006 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 Klik kembali untuk masuk
ke MB015 Klik Pesan untuk masuk
ke MB022 Klik Alamat Utama untuk
masuk ke MB020 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI No
LOGOUT
Kembali Nama Barang
Ukuran Diskon
Harga Total Harga
Total Bayar INFORMASI PENGIRIMAN
ALAMAT BARU Total
Jumlah
PESAN ALAMAT UTAMA
Alamat Provinsi
Kota Kode Pos
Nama ULANGI
Gambar 3.73 Perancangan antarmuka alamat baru
l. Perancangan antarmuka Pembayaran Perancangan antar pembayaran pada member dapat dilihat pada Gambar
3.74.
MB023 GAMBAR
Nama Layar : MB023 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
PESANAN PROFIL
KATEGORI Nama-nama
Kategori Search...
Cari Keranjang Belanja
Klik Beranda untuk masuk ke halaman MB001
Klik Kategorit untuk masuk ke halaman MB002
Klik Informasi untuk masuk ke halaman MB003
Klik Pencarian untuk masuk ke halaman MB004
Klik Profil untuk masuk ke halaman MB016
Klik Logout untuk kembali ke MB006
Klik Keranjang Belanja untuk masuk ke halaman
MB007 Klik Produk Terbaru
untuk masuk ke halaman MB008
Klik Produk Terlaris untuk masuk ke halaman MB009
Klik Produk Diskon untuk masuk ke halaman MB010
Klik Tentang Kami untuk masuk ke halaman MB011
Klik Cari untuk masuk ke halaman MB012
Klik kembali untuk masuk ke MB015
Klik Bayar untuk masuk ke MB016
Klik Gambar Paypal untuk masuk ke MB024
NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI LOGOUT
ALAMAT PENGIRIMAN INFORMASI PESANAN
Ongkos Total Bayar
Nama Alamat
Kota Provinsi
Kodepos No
Nama Barang Ukuran
Diskon Harga
Total Harga Sub Total Bayar
Total Jumlah
KONFIRMASI TRANSAKSI Nama Pengirim
Nama Bank Jenis Transaksi
Tanggal Transaksi Bayar
Ulangi Bayar Via Paypal
Gambar Paypal Pesan Kesalahan
Gambar 3.74 Perancangan antarmuka pembayaran
m. Perancangan antarmuka detail produk Perancangan antar detail produk pada member dapat dilihat pada Gambar
3.75.
MB014 GAMBAR
Nama Layar : MB014 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI Nama-nama
Kategori Search...
Cari Keranjang Belanja
DETAIL PRODUK Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Registrasi untuk
masuk ke halaman MB005 Klik Login untuk masuk
ke halaman MB006 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Harga
Rating Pelanggan GAMBAR
Ukuran Diskon
GAMBAR GAMBAR Stok
Icon Nama Barang
Komentar Pelanggan Posting Komentar
Berisi komentar pelanggan
Gambar 3.75 Perancangan antarmuka detail produk
n. Perancangan antarmuka pesanan Perancangan antar pesanan pada member dapat dilihat pada Gambar 3.76.
MB015 GAMBAR
Nama Layar : MB015 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
PESANAN PROFIL
KATEGORI
Nama-nama Kategori
Search...
Cari
Keranjang Belanja
HISTORI PEMESANAN Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Profil untuk masuk
ke halaman MB016 Klik Logout untuk kembali
ke MB006 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 Klik lihat untuk masuk ke
MB016 Klik kembali untuk masuk
ke MB001 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI No
LOGOUT
Kembali Kode Pemesanan Tanggal Pesan
Status Total
Pilihan Lihat
Gambar 3.76 Perancangan antarmuka pesanan
o. Perancangan antarmuka detail pesanan Perancangan antarmuka detail pesanan pada member dapat dilihat pada
Gambar 3.77.
MB016 GAMBAR
Nama Layar : MB016 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
PESANAN PROFIL
KATEGORI Nama-nama
Kategori Search...
Cari Keranjang Belanja
DETAIL PESANAN Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Profil untuk masuk
ke halaman MB016 Klik Logout untuk kembali
ke MB006 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 Klik kembali untuk masuk
ke MB015 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI No
LOGOUT
Kembali Nama Barang
Harga Terpenuhi
Jumlah Total Harga
Lihat Subtotal
Id Pesanan Ongkos
Total Bayar Pesan Konfirmasi
Komentar DETAIL TRANSAKSI
Jenis Transaksi Detail Transaksi
Bank Pengirim Tanggal Transaksi
Nama Pengirim ALAMAT PENGIRIMAN
Nama Alamat
Kota Provinsi
Kodepos
Gambar 3.77 Perancangan antarmuka detail pesanan
p. Perancangan antarmuka tentang kami Perancangan antarmuka tentang kami pada member dapat dilihat pada
Gambar 3.78.
MB011 GAMBAR
Nama Layar : MB011 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
REGISTRASI LOGIN
KATEGORI
Nama-nama Kategori
Search...
Cari
Keranjang Belanja
TENTANG KAMI Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Registrasi untuk
masuk ke halaman MB005 Klik Login untuk masuk
ke halaman MB006 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Cari untuk masuk ke
halaman MB012 Klik Rincian untuk masuk
ke MB014 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Penjelasan Tentang perusahaan
Gambar 3.78 Perancangan antarmuka tentang kami
q. Perancangan antarmuka profil Perancangan antarmuka profil pada member dapat dilihat pada Gambar
3.79.
MB017 GAMBAR
Nama Layar : MB017 Ukuran Layar : 1024px X 768px
Font : Geneva, Verdana, Arial, Helvetica, sans-serif Warna Latar : Putih
BERANDA KATEGORI
INFORMASI PENCARIAN
PESANAN PROFIL
KATEGORI
Nama-nama Kategori
Search...
Cari
Keranjang Belanja
LIHAT PROFIL Klik Beranda untuk
masuk ke halaman MB001 Klik Kategorit untuk
masuk ke halaman MB002 Klik Informasi untuk
masuk ke halaman MB003 Klik Pencarian untuk
masuk ke halaman MB004 Klik Pesanan untuk
masuk ke halaman MB015 Klik Logout untuk kembali
ke MB006 Klik Keranjang Belanja
untuk masuk ke halaman MB007
Klik Produk Terbaru untuk masuk ke halaman
MB008 Klik Produk Terlaris untuk
masuk ke halaman MB009 Klik Produk Diskon untuk
masuk ke halaman MB010 Klik Tentang Kami untuk
masuk ke halaman MB011 Klik Cari untuk masuk ke
halaman MB012 Klik ubah Profil untuk
masuk ke MB018 Klik ubah Password untuk
masuk ke MB019 NAVIGATOR
PRODUK TERBARU PRODUK TERLARIS PRODUK DISKON GAMBAR
PRODUK TERLARIS
TENTANG KAMI Berisi Profil Member secara lengkap
LOGOUT
Ubah Profil Ubah Pasword
Pesan Kesalahan
Gambar 3.79 Perancangan antarmuka profil
3.2.3.2. Perancangan Pesan
Pada Gambar 3.80 dibawah ini merupakan perancangan pesan yang terdapat pada aplikasi e-commerce di showroom Cardinal. Adapun tampilan pesan
yang ada adalah sebagai berikut
:
“Email harus diisi PS01
X “Password harus diisi
PS02 X
OK OK
“Konfirmasi password harus diisi PS03
X “Nama” harus diisi
PS04 X
OK OK
“Alamat” harus diisi PS05
X
OK “Kota” harus diisi
PS07 X
“Provinsi” harus diisi PS06
X
OK OK
“Level” harus diisi PS11
X “Kode pos” harus diisi
PS08 X
OK OK
“Perhitungan” harus diisi PS09
X “Tanggal transaksi” Harus diisi
PS12 X
OK OK
“Nama pengirim” harus diisi PS13
X “Tanggal transaksi” tidak valid
PS14 X
OK OK
“Nama pengirim” tidak valid PS15
X “ERROR : masukkan email anda
PS16 X
OK OK
“ERROR : email salah PS17
X “masukkan email dan password anda”
PS18 X
OK OK
“email atau password salah” PS19
X
OK “Kategori Barang” harus diisi
PS20 X
OK “Harga” harus diisi
PS21 X
“Berat” harus diisi PS22
X
OK OK
“Stok” harus diisi PS23
X PS24
X
OK OK
PS25 X
“Kode Pengiriman” harus diisi PS26
X
OK OK
“Nama Provinsi” harus diisi PS27
X “Nama Kota” harus diisi
PS28 X
OK OK
“Kategori Barang” harus diisi “Nama” harus diisi
“Harga” harus diisi
“diskon” harus diisi
“Harga” harus diisi “Berat” harus diisi
“stok” harus diisi
“Ongkos Kirim” harus diisi PS29
X “Nama Kota” harus diisi
“Ongkos Kirim” harus diisi PS30
X
OK OK
“Nama Provinsi” harus diisi “Nama Kota” harus diisi
“Ongkos Kirim” harus diisi PS31
X
OK PS10
X
OK
“Email” harus diisi “Password baru” harus diisi
“Konfirmasi Password” harus diisi “Nama” harus diisi
“Alamat” harus diisi “Provinsi” harus diisi
“Kota” harus diisi “Kode pos” harus diisi
Gambar 3.80 Perancangan pesan
3.2.3.3. Jaringan Semantik
Setelah melakukan perancangan antarmuka dan perancangan pesan maka dilakukanlah perancangan terhadap aliran dari menu-menu yang ada di program
akan digambarkan dalam sebuah jaringan semantik.
Jaringan semantik yang akan dijelaskan pada gambar terdiri dari jaringan semantik administrator, jaringan semantik operator, jaringan semantik member dan
jaringan semantik pengunjung.
1. Jaringan Semantik Administrator
Jaringan semantik administrator dapat dilihata pada Gambar 3.81.
AD010
AD020 AD030
AD040 AD021
AD022 AD031
AD050 AD060
AD061 AD062
AD051
AD051
Gambar 3.81 Jaringan semantik administrator
2. Jaringan Semantik Operator
Jaringan semantik operator dapat dilihata pada Gambar 3.82.
139
PT010
PT020 PT030
PT040
PT021 AD022
PT031
PT050 PT060
PT070 PT080
PT023 PT024
PT032
PT041
PT042 PT051
PT052 PT062
PT061
PT071
G a
m b
a r
3 .82
ja rin
g a
n se
m a
n tik
o p
er a
to r
3. Jaringan Semantik Member
Jaringan semantik member dapat dilihata pada Gambar 3.83.
MB003
MB008 MB002
MB010 MB004
MB007 MB006
MB005 MB001
MB012
MB013
MB020 MB021
MB022
MB023 MB014
MB009 MB015
MB016
MB011 MB017
MB018 MB019
Gambar 3.83 jaringan semantik member
3.2.3.4. Perancangan prosedural
1. Flowchart
login Flowchart
login menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan login pada aplikasi e-commerce, yaitu dalam proses
login pelanggan, login operator dan login administrator. Adapun gambar flowchart
dari proses login dapat dilihat pada gambar 3.84 sebagai berikut.
Mulai Memasukan
email dan password
Cek email dan password kosong?
Cek email dan password benar?
Masuk menu beranda
selesai Tampilkan pesan
Email dan password Tidak lengkap
Tidak Ya
Tampilkan pesan Email atau
password salah salah
benar
Gambar 3.84 Flowchart login
2. Flowchart
pendaftaran Flowchart
pendaftaran menggambarkan langkah-langkah yang dilakukan oleh pengunjung untuk mendaftar menjadi pelanggan di aplikasi e-commerce.
Adapun gambar flowchart dari proses pendaftaran dapat dilihat pada gambar 3.85 sebagai berikut.
Mulai Memasukan
data Registrasi member
cek data registasi kosong
Cek validasi data benar?
selesai Tampilkan pesan
data Registrasi tidak lengkap
Tidak Ya
benar Tampilkan pesan
data pendaftaran salah
salah
Simpan data Tampil pesan terima kasih
anda telah daftar. Silahkan Melakukan Konfirmasi pada
email yang telah dimasukan. Registrasi
berhasil
Gambar 3.85 Flowchart pendaftaran
3. Flowchart
tambah data Flowchart
tambah data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan penambahan data pada aplikasi e-commerce,
yaitu dalam proses tambah data petugas, provinsi, kota, kategori, barang dan detail barang. adapun gambar flowchart dari proses tambah data dapat dilihat pada
gambar 3.86 sebagai berikut.
Mulai Memasukan
data yang akan ditambah
Cek data kosong?
selesai Tampilkan pesan
data Tidak lengkap Tidak
Ya
Simpan data Tampilkan pesan
data berhasil disimpan
Tambah data berhasil
Gambar 3.86 Flowchart tambah data
4. Flowchart
ubah data Flowchart
ubah data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan ubah data pada aplikasi e-commerce, yaitu dalam
proses ubah data petugas, provinsi, kota, kategori, barang dan detail barang. adapun gambar flowchart dari proses ubah data dapat dilihat pada gambar 3.87
sebagai berikut.
Mulai Pilih data yang
akan diubah
Cek data kosong?
selesai Tampilkan pesan
data Tidak lengkap tidak
Ya
Simpan data Tampilkan pesan
data berhasil diubah
Ubah data berhasil
Masukan data baru
Cari data
Gambar 3.87 Flowchart ubah data
5. Flowchart
hapus data Flowchart
hapus data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan hapus data pada aplikasi e-commerce, yaitu
dalam proses hapus data petugas, provinsi, kota, kategori, barang dan detail barang. adapun gambar flowchart dari proses hapus data dapat dilihat pada
gambar 3.88 sebagai berikut.
Mulai Pilih data yang
akan dihapus
Konfirmasi hapus data?
selesai Ya
Hapus data Tampilkan pesan
data berhasil dihapus
Hapus data berhasil
Cari data
Tidak
Gambar 3.88 Flowchart hapus data
6. Flowchart
pemesanan Flowchart
pemesanan menggambarkan langkah-langkah yang dilakukan oleh pelanggan untuk melakukan hapus data pada aplikasi e-commerce, yaitu
dalam proses hapus data provinsi, kota, kategori, barang dan detail barang. adapun gambar flowchart dari proses hapus data dapat dilihat pada gambar 3.89 sebagai
berikut.
Mulai Pilih produk
Input jumlah Update jumlah
Tersedia? Ya
Lanjutkan belanja?
Ya
Konfirmasi pesanan
Simpan pesanan Tidak
Cek lama pesanan Sudah lebih dari
1 hari? Pembatalan
pesanan Ya
Konfirmasi pengiriman
Konfirmasi pembayaran
tidak Lunas?
tidak
pengiriman Barang pesanan
diterima pelanggan
Konfirmasi pengiriman
selesai Konfirmasi
pembayaran Lunas?
pengiriman
Barang pesanan diterima
pelanggan Konfirmasi
pengiriman Pembatalan
pesanan tidak
Konfirmasi pesanan
Konfirmasi pengiriman
Cek stok produk
Pesan produk Pesan produk
Bayar? Ya
Tidak
Gambar 3.89 Flowchart pemesanan
147
BAB 4 IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dan selanjutnya
akan diimplementasikan pada bahasa pemrograman yang akan digunakan. Setelah implementasi maka dilakukan pengujian sistem yang baru dan akan dilihat
kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya.
4. 1. Implementasi Sistem
Tahapan implementasi merupakan tahap penciptaan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini merupakan tahap
dimana sistem siap untuk di operasikan, yang terdiri dari penjelasan mengenai lingkungan implementasi dan implementasi program.
4.1.1. Perangkat Keras yang digunakan
Perangkat keras yang digunakan untuk mengimplementasikan perangkat lunak dari aplikasi e-commerce di showroom Cardinal. Adapun spesifikasi
perangkat keras minimal yang disarankan untuk membangun sistem ini adalah sebagai berikut:
Tabel 4.1 Perangkat keras yang digunakan
No Perangkat Keras
Spesifikasi 1
Processor Intel Pentium 1.6 GHz
2 Monitor
Montor 15 inch 3
VGA VGA On-Board 64 MB
No Perangkat Keras
Spesifikasi 4
Memori 256 MB
5 Keyboard
Standar 6
Mouse Standar
7 Printer
Printer hitam-putih 8
ModemKoneksi Internet Bandwidth 64 Kbps
4.1.2. Perangkat Lunak yang digunakan
Perangkat lunak yang digunakan untuk mengimplementasikan aplikasi e- commerce
di showroom Cardinal adalah sebagai berikut:
Tabel 4.2 Perangkat lunak yang digunakan
No Perangkat Lunak
Keterangan 1
Sistem operasi Window XP SP 2
2 Bahasa Pemrograman
PHP 3
Web Server WAMP
4 Database server
MySQL 5
Web Browser Google Chorme
6 Code Editor
Adobe Dreamweaver CS 5 7
DFD Modeler Microsoft Visio 2007
4. 2. Implementasi Basis Data
Pembuatan database dilakukan dengan menggunakan aplikasi DBMS MySQL.
Implementasi database dalam bahasa SQL adalah sebagai berikut:
4.2.1. Implementasi Tabel Member
Implementasi dari tabel member dapat dilihat pada tabel 4.3
Tabel 4.3 implementasi tabel member
CREATE TABLE IF NOT EXISTS `member` `id_member` int11 NOT NULL,
`id_kota` int11 NOT NULL, `nama_member` varchar31 NOT NULL,
`email_member` varchar31 NOT NULL, `password_member` varchar41 NOT NULL,
`tanggal_daftar` varchar21 NOT NULL, `alamat` varchar51 NOT NULL,
`kode_pos` int11 NOT NULL, `telepon` varchar21 NOT NULL,
`telepon_genggam` varchar21 DEFAULT NULL, `fax` varchar21 DEFAULT NULL,
`diaktifkan` varchar6 NOT NULL, PRIMARY KEY `id_member`,
UNIQUE KEY `email_member` `email_member`, KEY `id_kota` `id_kota`
ENGINE=InnoDB; ALTER TABLE `member`
ADD CONSTRAINT `member_ibfk_1` FOREIGN KEY `id_kota` REFERENCES `kota` `id_kota`;
4.2.2. Implementasi Tabel Petugas
Implementasi dari tabel petugas dapat dilihat pada tabel 4.4
Tabel 4.4 implementasi tabel petugas
4.2.3. Implementasi Tabel Kota
Implementasi dari tabel kota dapat dilihat pada tabel 4.5
Tabel 4.5 implementasi tabel kota
CREATE TABLE IF NOT EXISTS `petugas` `id_petugas` int11 NOT NULL,
`nama_petugas` varchar61 NOT NULL, `email_petugas` varchar31 NOT NULL,
`password_petugas` varchar41 NOT NULL, `level` enumADMIN,OPERATOR, PRODUKSI NOT NULL,
`tanggal_daftar` varchar21 NOT NULL, `diaktifkan` varchar6 NOT NULL,
PRIMARY KEY `id_petugas`, UNIQUE KEY `email_petugas` `email_petugas`
ENGINE=InnoDB;
4.2.4. Implementasi Tabel Provinsi
Implementasi dari tabel provinsi dapat dilihat pada tabel 4.6
Tabel 4.6 implementasi tabel provinsi
4.2.5. Implementasi Tabel Barang
Implementasi dari tabel barang dapat dilihat pada tabel 4.7
Tabel 4.7 implementasi tabel barang
CREATE TABLE IF NOT EXISTS `provinsi` `id_provinsi` int11 NOT NULL,
`nama_provinsi` varchar21 NOT NULL, PRIMARY KEY `id_provinsi`
ENGINE=InnoDB; CREATE TABLE IF NOT EXISTS `kota`
`id_kota` int11 NOT NULL, `id_provinsi` int11 NOT NULL,
`nama_kota` varchar21 NOT NULL, PRIMARY KEY `id_kota`,
KEY `id_provinsi` `id_provinsi` ENGINE=InnoDB;
ALTER TABLE `kota` ADD CONSTRAINT `kota_ibfk_1` FOREIGN KEY
`id_provinsi` REFERENCES `provinsi` `id_provinsi`;
4.2.6. Implementasi Tabel Detail Barang
Implementasi dari tabel detail barang dapat dilihat pada tabel 4.8
Tabel 4.8 implementasi tabel detail barang
CREATE TABLE IF NOT EXISTS `detail_barang` `id_detail_barang` int11 NOT NULL,
`id_barang` varchar9 NOT NULL, `ukuran` varchar4 NOT NULL,
`berat` float NOT NULL, `stok` int11 NOT NULL,
`ditampilkan` int11 NOT NULL, PRIMARY KEY `id_detail_barang`,
KEY `id_barang` `id_barang` ENGINE=InnoDB;
ALTER TABLE `detail_barang` ADD CONSTRAINT `detail_barang_ibfk_1` FOREIGN KEY
`id_barang` REFERENCES `barang` `id_barang`; CREATE TABLE IF NOT EXISTS `barang`
`id_barang` varchar9 NOT NULL, `id_kategori` int11 NOT NULL,
`nama_barang` varchar31 NOT NULL, `harga` double NOT NULL,
`diskon` float NOT NULL, `tanggal` varchar21 NOT NULL,
`deskripsi` text NOT NULL, `ditampilkan` int11 NOT NULL,
`jumlah_produksi` int11 NOT NULL, `diproduksi` int11 NOT NULL,
PRIMARY KEY `id_barang`, KEY `fk_id_kategori` `id_kategori`
ENGINE=InnoDB; ALTER TABLE `barang`
ADD CONSTRAINT `fk_id_kategori` FOREIGN KEY `id_kategori` REFERENCES `kategori` `id_kategori`;
4.2.7. Implementasi Tabel Gambar
Implementasi dari tabel gambar dapat dilihat pada tabel 4.9
Tabel 4.9 implementasi tabel gambar
4.2.8. Implementasi Tabel Kategori
Implementasi dari tabel kategori dapat dilihat pada tabel 4.10
Tabel 4.10 implementasi tabel kategori
CREATE TABLE IF NOT EXISTS `kategori` `id_kategori` int11 NOT NULL,
`nama_kategori` varchar21 NOT NULL, `deskripsi` text NOT NULL,
`gambar` varchar61 NOT NULL, `ditampilkan` int11 NOT NULL,
PRIMARY KEY `id_kategori` ENGINE=InnoDB;
CREATE TABLE IF NOT EXISTS `gambar` `id_gambar` int11 NOT NULL,
`id_barang` varchar9 NOT NULL, `url_gambar` varchar61 NOT NULL,
`nama_gambar` varchar31 NOT NULL, PRIMARY KEY `id_gambar`,
KEY `id_barang` `id_barang` ENGINE=InnoDB;
ALTER TABLE `gambar` ADD CONSTRAINT `gambar_ibfk_1` FOREIGN KEY
`id_barang` REFERENCES `barang` `id_barang` ON DELETE CASCADE ON UPDATE CASCADE;
4.2.9. Implementasi Tabel Komentar
Implementasi dari tabel komentar dapat dilihat pada tabel 4.11
Tabel 4.11 implementasi tabel komentar
4.2.10. Implementasi Tabel Rating
Implementasi dari tabel rating dapat dilihat pada tabel 4.12
Tabel 4.12 implementasi tabel rating
CREATE TABLE IF NOT EXISTS `komentar` `id_komentar` int11 NOT NULL,
`id_barang` varchar9 NOT NULL, `id_member` int11 NOT NULL,
`isi_komentar` text NOT NULL, `tanggal` varchar21 NOT NULL,
`ditampilkan` int11 NOT NULL, PRIMARY KEY `id_komentar`,
KEY `id_barang` `id_barang`,`id_member`, KEY `id_member` `id_member`
ENGINE=InnoDB; ALTER TABLE `komentar`
ADD CONSTRAINT `komentar_ibfk_2` FOREIGN KEY `id_member` REFERENCES `member` `id_member`,
ADD CONSTRAINT `komentar_ibfk_4` FOREIGN KEY `id_barang` REFERENCES `barang` `id_barang`;
4.2.11. Implementasi Tabel Pesanan
Implementasi dari tabel pesanan dapat dilihat pada tabel 4.13
Tabel 4.13 implementasi tabel pesanan
CREATE TABLE IF NOT EXISTS `rating` `id_rating` int11 NOT NULL,
`id_barang` varchar9 NOT NULL, `id_member` int11 NOT NULL,
`nilai` int11 NOT NULL, PRIMARY KEY `id_rating`,
KEY `id_barang` `id_barang`,`id_member`, KEY `id_member` `id_member`
ENGINE=InnoDB; ALTER TABLE `rating`
ADD CONSTRAINT `rating_ibfk_2` FOREIGN KEY `id_member` REFERENCES `member` `id_member`,
ADD CONSTRAINT `rating_ibfk_3` FOREIGN KEY `id_barang` REFERENCES `barang` `id_barang`;
4.2.12. Implementasi Tabel Detail Pesanan
Implementasi dari tabel detail pesanan dapat dilihat pada tabel 4.14
Tabel 4.14 implementasi tabel detail pesanan
CREATE TABLE IF NOT EXISTS `pesanan` `id_pesanan` varchar12 NOT NULL,
`id_member` int11 NOT NULL, `id_kurs` int11 NOT NULL,
`id_ongkos_kirim` int11 NOT NULL, `tanggal_pesanan` varchar21 NOT NULL,
`tanggal_kadaluarsa` varchar21 NOT NULL, `nama_penerima` varchar51 NOT NULL,
`alamat` varchar61 NOT NULL, `kode_pos` int11 NOT NULL,
`sub_total_bayar` double NOT NULL, `ongkos` double NOT NULL,
`total_ongkos` double NOT NULL, `total_bayar` double NOT NULL,
`komentar` text, `status` varchar6 NOT NULL,
PRIMARY KEY `id_pesanan`, KEY `id_member` `id_member`,
KEY `id_kurs` `id_kurs`, KEY `id_ongkos_kirim` `id_ongkos_kirim`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `pesanan`
ADD CONSTRAINT `pesanan_ibfk_1` FOREIGN KEY `id_member` REFERENCES `member` `id_member`,
ADD CONSTRAINT `pesanan_ibfk_2` FOREIGN KEY `id_kurs` REFERENCES `kurs` `id_kurs`,
ADD CONSTRAINT `pesanan_ibfk_3` FOREIGN KEY `id_ongkos_kirim` REFERENCES `ongkos_kirim`
`id_ongkos_kirim`;
4.2.13. Implementasi Tabel Transaksi
Implementasi dari tabel transaksi dapat dilihat pada tabel 4.15
Tabel 4.15 implementasi tabel transaksi
CREATE TABLE IF NOT EXISTS `transaksi` `id_transaksi` int11 NOT NULL,
`id_pesanan` varchar12 NOT NULL, `jenis_bayar` varchar21 NOT NULL,
`tanggal_bayar` varchar21 NOT NULL, `komentar` text NOT NULL,
PRIMARY KEY `id_transaksi`, KEY `id_pesanan` `id_pesanan`
ENGINE=InnoDB; ALTER TABLE `transaksi`
ADD CONSTRAINT `transaksi_ibfk_1` FOREIGN KEY `id_pesanan` REFERENCES `pesanan` `id_pesanan`;
CREATE TABLE IF NOT EXISTS `detail_pesanan` `id_detail_pesanan` int11 NOT NULL,
`id_pesanan` varchar12 NOT NULL, `id_detail_barang` int11 NOT NULL,
`harga` double NOT NULL, `diskon` float NOT NULL,
`jumlah` int11 NOT NULL, `jumlah_terpenuhi` int11 NOT NULL,
PRIMARY KEY `id_detail_pesanan`, KEY `id_pesanan` `id_pesanan`,`id_detail_barang`,
KEY `id_detail_barang` `id_detail_barang` ENGINE=InnoDB;
ALTER TABLE `detail_pesanan` ADD CONSTRAINT `detail_pesanan_ibfk_2` FOREIGN KEY
`id_detail_barang` REFERENCES `detail_barang` `id_detail_barang`,
ADD CONSTRAINT `detail_pesanan_ibfk_3` FOREIGN KEY `id_pesanan` REFERENCES `pesanan` `id_pesanan`;
4.2.14. Implementasi Tabel Pengiriman
Implementasi dari tabel pengiriman dapat dilihat pada tabel 4.16
Tabel 4.16 implementasi tabel pengiriman
4.2.15. Implementasi Tabel Retur
Implementasi dari tabel retur dapat dilihat pada tabel 4.17
Tabel 4.17 implementasi tabel retur
CREATE TABLE IF NOT EXISTS `pengiriman` `id_pengiriman` int11 NOT NULL,
`id_pesanan` varchar12 NOT NULL, `id_petugas` int11 NOT NULL,
`no_resi` varchar21 NOT NULL, `tanggal_kirim` varchar21 NOT NULL,
`tanggal_terima` varchar21 NOT NULL, `status` varchar12 NOT NULL,
PRIMARY KEY `id_pengiriman`, KEY `id_pesanan` `id_pesanan`,`id_petugas`,
KEY `id_petugas` `id_petugas` ENGINE=InnoDB;
ALTER TABLE `pengiriman` ADD CONSTRAINT `pengiriman_ibfk_2` FOREIGN KEY
`id_petugas` REFERENCES `petugas` `id_petugas`, ADD CONSTRAINT `pengiriman_ibfk_3` FOREIGN KEY
`id_pesanan` REFERENCES `pesanan` `id_pesanan`;
4.2.16. Implementasi Tabel Detail Retur
Implementasi dari tabel detail retur dapat dilihat pada tabel 4.18
Tabel 4.18 implementasi tabel detail retur
4.2.17. Implementasi Tabel kurs
Implementasi dari tabel kurs dapat dilihat pada tabel 4.19
CREATE TABLE IF NOT EXISTS `detail_retur` `id_detail_retur` int11 NOT NULL,
`id_retur` varchar12 NOT NULL, `id_detail_pesanan` int11 NOT NULL,
`jumlah` int11 NOT NULL, `alasan` text NOT NULL,
PRIMARY KEY `id_detail_retur`, KEY `id_retur` `id_retur`,
KEY `id_detail_pesanan` `id_detail_pesanan` ENGINE=InnoDB;
ALTER TABLE `detail_retur` ADD CONSTRAINT `detail_retur_ibfk_1` FOREIGN KEY
`id_retur` REFERENCES `retur` `id_retur`, ADD CONSTRAINT `detail_retur_ibfk_2` FOREIGN KEY
`id_detail_pesanan` REFERENCES `detail_pesanan` `id_detail_barang`;
CREATE TABLE IF NOT EXISTS `retur` `id_retur` varchar12 NOT NULL,
`id_pesanan` varchar12 NOT NULL, `tanggal_retur` varchar21 NOT NULL,
`resi_retur` varchar21 NOT NULL, `resi_kirim` varchar21 NOT NULL,
PRIMARY KEY `id_retur`, KEY `id_pesanan` `id_pesanan`
ENGINE=InnoDB; ALTER TABLE `retur`
ADD CONSTRAINT `retur_ibfk_1` FOREIGN KEY `id_pesanan` REFERENCES `pesanan` `id_pesanan`;
Tabel 4.19 implementasi tabel kurs
4.2.18. Implementasi Tabel jasa pengiriman
Implementasi dari tabel jasa pengiriman dapat dilihat pada tabel 4.20
Tabel 4.20 implementasi tabel jasa pengiriman
4.2.19. Implementasi Tabel paket pengiriman
Implementasi dari tabel jasa pengiriman dapat dilihat pada tabel 4.21
CREATE TABLE IF NOT EXISTS `jasa_pengiriman` `id_jasa_pengiriman` int11 NOT NULL,
`nama_jasa_pengiriman` varchar21 NOT NULL, `url_pengiriman` varchar250 NOT NULL,
PRIMARY KEY `id_jasa_pengiriman` ENGINE=InnoDB;
CREATE TABLE IF NOT EXISTS `kurs` `id_kurs` int11 NOT NULL,
`id_petugas` int11 NOT NULL, `nama_kurs` varchar21 NOT NULL,
`nilai_kurs` double NOT NULL, PRIMARY KEY `id_kurs`,
KEY `id_petugas` `id_petugas` ENGINE=InnoDB;
ALTER TABLE `kurs` ADD CONSTRAINT `kurs_ibfk_1` FOREIGN KEY `id_petugas`
REFERENCES `petugas` `id_petugas`;
Tabel 4.21 implementasi tabel paket pengiriman
4.2.20. Implementasi Tabel ongkos kirim
Implementasi dari tabel jasa pengiriman dapat dilihat pada tabel 4.22
Tabel 4.22 implementasi tabel ongkos kirim
CREATE TABLE IF NOT EXISTS `paket_pengiriman` `id_paket_pengiriman` int11 NOT NULL,
`id_jasa_pengiriman` int11 NOT NULL, `nama_paket_pengiriman` varchar21 NOT NULL,
PRIMARY KEY `id_paket_pengiriman`, KEY `id_jasa_pengiriman` `id_jasa_pengiriman`
ENGINE=InnoDB; ALTER TABLE `paket_pengiriman`
ADD CONSTRAINT `paket_pengiriman_ibfk_1` FOREIGN KEY `id_jasa_pengiriman` REFERENCES `jasa_pengiriman`
`id_jasa_pengiriman`;
4. 3. Implementasi Antar Muka
Implementasi antar muka dilakukan dengan setiap tampilan program yang dibangun dan pengkodeannya dalam bentuk file program. Berikut ini adalah
implementasi antarmuka untuk pengunjung dan member pada tabel 4.23, operator pada tabel 4.24, dan administrator pada tabel 4.25. Adapun untuk tampilan
implementasi pembangunan aplikasi e-commerce di showroom cardinal akan dilampirkan pada halaman lampiran.
Tabel 4.23 Implementasi Antar Muka Pengunjung Dan Member
No Menu
Deskripsi Nama
File
1 beranda
Digunakan oleh pengunjung atau member untuk masuk kehalaman
utama showproduct.php
2 kategori
Digunakan oleh pengunjung atau member untuk masuk kehalaman
kategori showkategori.php
3 informasi
Digunakan oleh pengunjung atau member untuk masuk kehalaman
informasi informasi.php
4 pencarian
Digunakan oleh pengunjung atau member untuk masuk kehalaman
pencarian cari.php
5 registrasi
Digunakan oleh pengunjung untuk melakukan pendaftaran menjadi
registermember.php CREATE TABLE IF NOT EXISTS `ongkos_kirim`
`id_ongkos_kirim` int11 NOT NULL, `id_paket_pengiriman` int11 NOT NULL,
`id_kota` int11 NOT NULL, `ongkos` double NOT NULL,
PRIMARY KEY `id_ongkos_kirim`, KEY `id_kota` `id_kota`,
KEY `id_paket_pengiriman` `id_paket_pengiriman` ENGINE=InnoDB;
ALTER TABLE `ongkos_kirim` ADD CONSTRAINT `ongkos_kirim_ibfk_2` FOREIGN KEY
`id_kota` REFERENCES `kota` `id_kota`, ADD CONSTRAINT `ongkos_kirim_ibfk_3` FOREIGN KEY
`id_paket_pengiriman` REFERENCES `paket_pengiriman` `id_paket_pengiriman`;
member baru 6
login Digunakan oleh member untuk
melakukan login sebagai member loginmember.php
7 Lupa password
Digunakan jika member lupa dengan password
lupapass.php 8
Lihat profil Digunakan untuk melihat informasi
profil member lihatprofil.php
9 Ubah profil
Digunakan untuk mengganti informasi profil member
ubahmember.php 10
Ubah password Digunakan untuk mengganti
password member
ubahpass.php 11
Detail produk Digunakan untuk melihat detail
barang showdetail.php
12 Pesanan
Digunakan untuk melihat history pesanan yang pernah dilakukan
historylist.php 13
Detail Pesanan Digunakan untuk melihat history
detail pesanan yang pernah dilakukan
historyorder.php 14
Keranjang belanja Digunakan untuk melihat,
merubah, menghapus daftar pesanan yang akan dilakukan
showcart.php 14
Logout Digunakan member untuk keluar
dari akunya logout.php
Tabel 4.24 Implementasi Antar Muka Operator
No Menu
Deskripsi Nama
File
1 Login
operator Digunakan sebagai halaman
login operator
loginform.php 2
Data barang Digunakan untuk melihat,
menambah, dan merubah data barang
databarang.php 3
Data kategori Digunakan untuk melihat,
menambah, dan merubah data kategori
datakategori.php 4
Data Kota Digunakan untuk melihat,
menambah dan merubah data kota dan ongkos kirim
datakota.php 5
Data provinsi Digunakan untuk melihat,
menambah dan merubah data provinsi
dataprovinsi.php 6
Komentar Digunakan untuk melihat dan
mengelola data komentar pada barang
datakomentar.php 7
pemesanan Digunakan untuk melihat dan
mengolah data pesanan datapesanan.php
8 pengiriman
Digunakan untuk melihat dan mengolah data pengiriman
pengiriman.php
No Menu
Deskripsi Nama
File
9 Ubah password
Digunakan untuk mengubah data password
ubahpassword.php 10
Logout Digunakan operator untuk dapat
keluar dari halaman operator logout.php
11 beranda
Digunakan operator untuk masuk kehalaman utama
index.php
Tabel 4.25 Implementasi Antar Muka Administrator
No Menu
Deskripsi Nama
File
1 Login Administrator
Digunakan sebagai halaman login
administrator loginform.php
2 Data petugas
Digunakan untuk melihat, menambah, dan merubah data
datapetugas.php 3
Data member Digunakan untuk meliha dan
merubaht data member datamember.php
4 Lupa password
Digunakan jika administrator lupa dengan password
ubahpassword.php 5
Ubah password Digunakan untuk mengubah
data password ubahpassword.php
6 Logout
Digunakan administrator untuk keluar dari halaman
administrator logout.php
7 beranda
Digunakan operator untuk masuk kehalaman utama
index.php
4. 4. Pengujian Perangkat Lunak
