f. Pemeliharaan Pemeliharaan merupakan tahap akhir dimana suatu perangkat lunak yang
sudah selesai dapat mengalami perubahan –perubahan atau penambahan
sesuai dengan permintaan user. Model waterfall dapat digambarkan pada gambar 1.1 sebagai berikut.
Rekayasa dan Pemodelan
Analisis Desain
Pembangkitan Kode
Pengujian Pemeliharaan
Gambar 1.1 Model Waterfall
1.6 Sistematika Penulisan
Sistematika penulisan penelitian ini disusun untuk memberikan gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan tugas akhir ini
adalah sebagai berikut : BAB I PENDAHULUAN
Pada bab ini akan dipaparkan mengenai latar belakang masalah, rumusan masalah, maksud dan tujuan, batasan masalah, metodologi penelitian, dan sistematika
penulisan.
BAB II TINJAUAN PUSTAKA Bab ini membahas mengenai Tinjauan perusahaan, Teori yang digunakan terdiri
dari Aplikasi, E-commerce, Website , Jaringan Internet, Database, Model proses Flowmap, ERD Entity Relationship Diagram, dan DFD Data Flow Diagram,
Teknik Estimasi, dan Aplikasi pembangun Macromedia Dreamweaver 8. BAB III ANALISIS DAN PERANCANGAN
Bab ini berisi analisis yang terdiri dari analisis masalah, sistem yang berjalan, kebutuhan non fungsional, basis data, dan kebutuhan fungsional. Perancangan
yang terdiri dari perancangan data, menu, interface dan prosedural. BAB IV IMPLEMENTASI DAN PENGUJIAN
Bab ini berisi implementasi yang terdiri dari perangkat keras, perangkat lunak, database
, menu, dan antarmuka. Pengujian yang terdiri dari pengujian alpha dan beta
. BAB V KESIMPULAN DAN SARAN
Bab ini berisi kesimpulan dan saran yang sudah diperoleh dari hasil penulisan tugas akhir.
10
BAB II TINJAUAN PUSTAKA
2.1 Tinjauan Tempat Penelitian
2.1.1 Sejarah Perusahaan
POINT merupakan salah satu Home Industri yang bergerak dalam produksi peralatan Taekwondo. Home industri ini terletak di Jl. Garu III No. 27
Babakan Sari I Kiaracondong, POINT didirikan pada Februari 1996. POINT telah memiliki banyak pelanggan dari kalangan pecinta olah raga beladiri Taekwondo.
2.1.2 Visi dan Misi Perusahaan
Visi dari POINT adalah untuk mengembangkan usaha atau bisnis dalam penjualan peralatan Taekwondo dan yang dapat berimbas kepada pertumbuhan
ekonomi dan dapat meningkatkan kesejahteraan orang banyak. Adapun misi dari POINT adalah sebagai berikut :
1. Mengelola perusaahaan yang sesuai dengan bisnis yang sehat dan didukung oleh teknologi tepat guna serta sumber daya manusia yang profesional.
2. Mengembangkan usaha
agar memiliki
daya saing
yang kuat.
2.1.3 Struktur Organisasi
Organisasi perusahaan sangat penting dalam menjamin kelangsungan dan kelancaran mekanisme kerja perusahaan, dengan adanya organisasi perusahaan
dimaksudkan untuk menciptakan suatu sistem pembagian kerja atau tugas yang sesuai dengan kebutuhan perusahaan sehingga mempermudah kegiatan
operasional dalam mencapai suatu tujuan. Struktur organisasi POINT dapat dilihat pada gambar 2.1 berikut ini.
Gambar 2. 1 Struktur Organisasi Perusahaan
2.1.4 Deskripsi Tugas
Pimpinan perusahaan : Mengontrol kinerja semua karyawan
Bagian Penjualan : Mengelola penjualan produk perusahaan
Bagian Produksi : Memproduksi produk perusahaan
2.2 Landasan Teori
2.2.1 Aplikasi
Aplikasi adalah suatu subkelas perangkat lunak komputer yang memanfaatkan kemampuan komputer langsung untuk melakukan suatu tugas yang
diinginkan pengguna. Biasanya dibandingkan dengan perangkat lunak sistem yang mengintegrasikan berbagai kemampuan komputer, tapi tidak secara
langsung menerapkan kemampuan tersebut untuk mengerjakan suatu tugas yang menguntungkan pengguna. Contoh utama perangkat lunak aplikasi adalah
pengolah kata, lembar kerja, dan pemutar media[6].
Beberapa aplikasi yang digabung bersama menjadi suatu paket kadang disebut sebagai suatu paket atau suite aplikasi application suite. Contohnya
adalah Microsoft Office dan OpenOffice.org, yang menggabungkan suatu aplikasi pengolah kata, lembar kerja, serta beberapa aplikasi lainnya. Aplikasi-aplikasi
dalam suatu paket biasanya memiliki antarmuka pengguna yang memiliki kesamaan sehingga memudahkan pengguna untuk mempelajari dan menggunakan
tiap aplikasi. Sering kali, mereka memiliki kemampuan untuk saling berinteraksi satu sama lain sehingga menguntungkan pengguna. Contohnya, suatu lembar
kerja dapat dibenamkan dalam suatu dokumen pengolah kata walaupun dibuat pada aplikasi lembar kerja yang terpisah.
Aplikasi dapat digolongkan menjadi beberapa kelas, antara lain[6]:
1. Perangkat lunak perusahaan enterprise
2. Perangkat lunak infrastruktur perusahaan 3. Perangkat lunak informasi kerja
4. Perangkat lunak media dan hiburan 5. Perangkat lunak pendidikan
6. Perangkat lunak pengembangan media 7. Perangkat lunak rekayasa produk.
2.2.2 Electronic Commerce
Electronic Commerce e-commerce merupakan konsep baru yang biasa
digambarkan sebagai proses jual beli barang atau jasa pada World Wide Web Internet atau proses jual beli atau pertukaran produk, jasa dan informasi melalui
jaringan informasi termasuk internet. E-Commerce merupakan kegiatan bisnis
yang dijalankan secara elektronik melalui suatu jaringan internet atau kegiatan jual beli barang atau jasa melalui jalur komunikasi digital[3].
2.2.2.1 Kelebihan E-Commerce
Secara sederhana, perbedaan antara proses perdagangan secara manual dengan menggunakan e-commerce dapat jelas terlihat, dimana pada proses
dengan e-commerce terjadi efisiensi pada penggunaan fax, pencetakan dokumen, entry ulang dokumen, serta jasa kurir. Efisiensi tersebut akan menunjukkan
pengurangan biaya dan waktukecepatan proses. Kualitas transfer data pun lebih baik, karena tidak dilakukan entry ulang yang memungkinkan terjadinya human
error.
Secara ringkas e-commerce mampu menangani masalah berikut [3]: 1. Otomatisasi,
proses otomatisasi
yang menggantikan
proses manual
.“enerprise resource planning” concept. 2. Integrasi, proses yang terintegrasi yang akan meningkatkan efisiensi dan
efektivitas proses . “just in time” concept.
3. Publikasi, memberikan jasa promosi dan komunikasi atas produk dan jasa yang dipasarkan.
“electronic cataloging” concept. 4. Interaksi, pertukaran data atau informasi antar berbagai pihak yang akan
meminimalkan “human error” “electronic data interchangeEDI” concept.
5. Transaksi, kesepakatan antara 2 pihak untuk melakukan transaksi yang melibatkan institusi lainnya sebagai pihak yang menangani pembayaran.
“electronic payment” concept.
2.2.2.2 Kekurangan E-Commerce
Walaupun adanya e-commerce memberi banyak keuntungan, masih
terdapat berbegai kekurangan dari e-commerce antara lain[3]:
1. Bagi organisasi perusahaan a. Keamanan sistem rentan diserang
Terdapat sejumlah laporan mengenai website dan basis data yang dihack, dan berbagai lubang kelemahan keamanan dalam software.
Hal ini dialami oleh sejumlah perusahaan besar seperti Microsoft dan lembaga perbankan. Masalah keamanan ini menjadi sangat
pnting karena bila pihak lain yang tidak berwenang bisa menembus sistem maka dapat menghancurkan bisnis yang telah berjalan.
b. Persaingan tidak sehat Di bawah tekanan untuk berinovasi dan membangun bisnis untuk
memanfaatkan kesempatan yang ada dapat memicu terjadinya tindakan ilegal yaitu penjiplakan ide dan perang harga.
c. Masalah kompabilitas teknologi lama dengan yang lebih baru Dengan perkembangan dan inovasi yang melahirkan teknologi
baru, sering muncul masalah yaitu sistem bisnis yang lama tidak dapat berkomunikasi dengan infrastruktur berbasis web dan
internet. Hal ini memaksa perusahaan untuk menjalankan dua sistem independen yang tidak dapat saling berbagi, hal ini dapat
mengakibatkan pembengkakan biaya. 2. Bagi konsumen
a. Perlunya keahlian komputer Tanpa menguasai keahlian computer, mustahil konsumen dapat
berpartisipasi dalam e-commerce. Pengetahuan dasar computer diperlukan, antara lain pengetahuan mengenai internet dan web.
b. Biaya tambahan untuk mengakses internet Untuk ikut serta dalam e-commerce dibutuhkan koneksi internet
yang tentu saja menambah pos pengeluaran bagi konsumen.
c. Biaya peralatan komputer Komputer diperlukan untuk mengakses internet, tentu saja
dibutuhkan biaya untuk mendapatkannya. Perkembangan komputer yang sangat pesat menyarankan konsumen untuk juga mengupdate
peralatannya apabila tidak ingin ketinggalan teknologi. d. Resiko bocornya privasi dan data pribadi
Segala hal mungkin terjadi saat konsumen mangakses internet untuk menjalankan e-commerce, termasuk risiko bocornya data
pribadi karena ulah orang lain yang ingin membobol sistem. e. Berkurangnya waktu untuk berinteraksi secara langsung.
Transaksi e-commerce yang berlangsung secara on-line telah mengurangi waktu konsumen untuk dapat melakukan proses sosial
dengan orang lain. Hal ini tidak baik karena dikhawatirkan akan dapat mengurangi rasa kepedulian terhadap lingkungan sekitarnya.
f. Berkurangnya rasa kepercayaan karena konsumen berinteraksi hanya dengan komputer.
3. Bagi masyarakat a. Berkurangnya interaksi antar manusia
Karena masyarakat lebih sering berinteraksi secara elektronik, dimungkinkan terjadi berkurangnya kemampuan sosial dan
personal manusia untuk bersosialisasi dengan orang lain secara langsung.
b. Kesenjangan sosial Terdapat bahaya potensial karena dapat terjadi kesenjangan sosial
antara orang-orang yang memiliki kemampuan teknis dalam e- commerce dengan yang tidak, yang memiliki keahlian digaji lebih
tinggi daripada yang tidak. c. Adanya sumber daya yang terbuang
Munculnya teknologi baru akan membuat teknologi lama tidak dimanfaatkan lagi. Misalnya dengan komputer model lama atau
software model lama yang sudah tidak relevan untuk digunakan. d. Sulitnya mengatur internet
Sejumlah kriminalitas telah terjadi di internet dan banyak yang tidak terdeteksi. Karena jumlah jaringan yang terus berkembang
semakin luas dan jumlah pengguna yang semakin banyak, seringkali membuat pihak berwenang kesulitan dalam membuat
peraturan untuk internet. 2.2.2.3 Manfaat
E-Commerce
Manfaat yang diperoleh bagi organisasi pemilik E-Commerce [3]: 1. Memperluas market place hingga kepasar nasional dan internasional.
2. Dengan capital outplay yang minim, sebuah perusahaaan dapat dengan mudah menemukan lebih banyak pelanggan, supplier yang lebih baik
dan partner bisnis yang paling cocok dari seluruh dunia.
3. E-Commerce menurunkan
biaya pembuatan,
pemrosesan, pendistribusian,
penyimpanan, dan
pencarian informasi
yang menggunakan kertas.
4. E-Commerce memungkinkan pengurangan inventory dan overhead dengan menyederhanakan supply chain management
tipe “pull”. Dalam supply chain management
tipe “pull”, prses dimulai dari pesana pelanggan serta digunakan manufacturing just-in-time.
5. E-Commerce mengurangi waktu antara outlay modal dan penerimaan produk dan jasa.
6. E-Commerce mendukung upaya-upaya business process reengineering. Dengan mengubah prosesnya, maka produktivitas sales-people, pegawai
yang berpengetahuan, dan administrator bias meningkat 100 atau lebih.
7. E-Commerce memperkecil biaya telekomunikasi. Karena internet lebih murah dibandingkan VAN.
8. Akses informasi menjadi lebih cepat. 9. Biaya transportasi dan fleksibilitas bertambah.
Manfaat bagi konsumen antara lain: 1. E-Commerce memungkinkan pelanggan untuk berbelanja atau
melakukan transaksi selama 24 jam sehari sepanjang tahun dari hamper setiap lokasi.
2. E-Commerce memberikan lebih banyak pilihan kepada pelanggan, mereka bias memilih berbagai produk dari banyak vendor.
3. E-Commerce menyediakan produk dan jasa yang tidak mahal kepada pelanggan dengan cara mengunjungi banyak tempat dan melakukan
perbandingan secara cepat. 4. Pelanggan bias menerima informasi yang relevan secara detil dalam
hitungan detik, bukan lagi hari atau minggu. 5. E-Commerce memberi tempat kepada para pelanggan untuk berinteraksi
dengan pelanggan lain di electronic community dan bertukar pikiran serta pengalaman.
Manfaat bagi masyarakat antara lain: 1. E-Commerce memungkinkan orang untuk bekerja didalam rumah dan
tidak harus keluar rumah untuk berbelanja. Ini berakibat menurunkan arus kepadatan lalu lintas dijalan serta mengurangi polusi udara.
2. E-Commerce memungkinkan seluruh masyarakat di berbagai wilayah perkotaan maupun pedesaan untuk menikmati aneka produk dan jasa
yang mungkin susah untuk mereka dapatkan tanpa E-Commerce.
2.2.2.4 Klasifikasi E-Commerce
Penggolongan E-Commerce yang lazim dilakukan orang ialah berdasarkan sifat transaksinya, antara lain[4]:
1. Business to Business B2B Jenis transaksi dimana pembeli biasanya membeli dalam jumlah besar
karena akan dijual kembali. Contoh penjualan grosir.
2. Business to Consumer B2C Jenis transaksi dimana pembelinya perorangan dan tidak punya tujuan
untuk menjualnya kembali biasanya semacam toko online yang menjual berbagai macam barang.
3. Consumer to Consumer C2C Jenis transaksi dimana pembelinya perorangan yang tidak mempunyai
tujuan untuk dijual kembali dan penjualnya juga perorangan yang tidak menyediakan bermacam-macam barang melainkan hanya beberapa barang
saja. Contoh: online advertising. 4. Consumer to Business C2B
Termasuk kedalam kategori ini adalah perseorangan yang menjual produk atau layanan kepada organisasi, dan perseorangan yang mencari penjual,
berinteraksi dengan mereka dan menyepakati suatu transaksi. 2.2.2.5 Komponen Utama
E-Commerce
Berikut ini beberapa komponen utama pada e-commerce[3]: 1. Electronic Data Interchange EDI
Electronic Data Interchange EDI didefinisikan sebagai
pertukaran data komputer antar berbagai bidang organisasi atas suatu informasi terstruktur dalam format yang standar dan bisa diolah oleh
komputer. EDI merupakan bentuk e-commerce sesuai definisinya, dan telah ada bentuk yang sama selama lebih dari 20 tahun. Saat ini teknologi
dan implementasi EDI sudah sangat berkembang.
Tujuan EDI adalah untuk memfasilitasi perdagangan dengan cara mengikat bisnis antar partner dagang, EDI meningkatkan proses manual
untuk mempertukarkan informasi dengan bidang bisnis lainnya dalam berbagai cara, misalnya data hanya perlu untuk dimasukkan satu kali saja,
kemudian data tersebut bisa digunakan oleh pihak pengirim barang, manager kantor, dan lain-lainnya. Hal ini akan menurangi tenaga entry
data. Pada dasarnya, data bisa dikirimkan dengan lebih efisien dengan menggunakan EDI.
Komponen utama dari EDI standar adalah sebagai berikut : a.
Data Element
Merupakan potongan data seperti tanggal, harga atau nama organisasi,. Setiap data element diidentifikasikan dengan nomor
referensi tertentu yang berisi judul, keterangan, jenis, nomor, dan panjang minimummaximum.
b. Data Segment
Dalam suatu baris data disebut dengan segment dan setiap item di dalam segmen mewakili satu elemen. Misalnya segmen
baris pesanan pembelian terdiri atas nomor barang, keterangan, jumlah, unit pengukuran, dan harga barang. Setiap segmen
memiliki satu identifier, satu data elemet delimiter, element diagrams, data segmen terminator dan notes.
c. Transaction Set
Suatu transation set merupakan dokumen khusus seperti dokumen pesanan pembelian. Di dalam transaction set, ada 3 area
utama yaitu area header, area detail dan area summary. d.
Functional Group Merupakan sekelompok transaction set yang sejenis.
Transation set di dalam functional group dikelompokkan
berdasarkan functional identifier yang sama. Untuk mengirimkan transaksi EDI pada konsumen, diperlukan 4 fungsi dasar yaitu
Mapping elemen dalam suatu database, Extraction atas data yang
belum diidentifikasi dari database, Transalation atas data yang sudah diekstrak ke format EDI, dan Transmisi pesan dalam format
EDI melalui media komunikasi. Berikut ini adalah penjelasan singkat dari masing-masing
fungsi tersebut: 1.
Mapping Merupakan proses identifikasi elemen di dalam
database yang diperlukan untuk membuat pesan dalam format EDI. Mapping adalah pekerjaan yang hanya satu kali
dilakukan pada saat diperlukan transaksi EDI baru. Software EDI tidak bisa melaksanakan pekerjaan ini.
2. Extraction
Merupakan proses pengumpulan data yang belum diidentifikasi dan menempatkannya ke dalam format tertentu.
Secara umum, data extract dari database dan dijadikan dalam bentuk flat file. Struktur dari flat file biasanya ditentukan oleh
pembuat translation software. 3.
Translation Untuk mengirimkan pesan keluar, ketika data yang
diperlukan masih dalam bentuk flat file, pembentukan pesan EDI bisa dilakukan menggunakan software translasi atau
formatting. Software translasi akan mengatur data menjadi struktur tertentu yang sesuai dengan kebutuhan transaksi EDI.
4. Communication Pengirimantransmisi atas pesan EDI dikendalikan
oleh software komunikasi, yang akan mengatur dan memelihara: nomor telepon partner dagang, menjalankan
automatic dialing dan updownloading, juga membuat activity log
. Setiap pesan EDI dibungkus dengan amplop khusus yang bertuliskan alamat tujuan, serta jenis transaksi EDI sebagai
header dan error checking codes sebagai tambahan di
bawahnya. Untuk keperluan penerimaan pesan EDI, proses tersebut tinggal dibalik.
2. Digital Currency
Digital currency dimaksudkan untuk memungkinkan user untuk
memindahkan dananya secara elektronik dalam lingkungan kerja tertentu. Saat ini, digital currency dirancang untuk versi elektronik dari uang kertas,
dimana memiliki atribut yang sama dengan media fisik sebenarnya baik secara anatomis maupun dari segi likuiditasnya.
Karakteristik digital currency adalah sebagai berikut: a. Mewakili suatu nilai moneter tertentu
b. Bisa ditukarkan sebagai alat pembayaran untuk barang dan jasa, mata uang dan koin serta token lainnya
c. Bias disimpan dan diambil lagi. d. Sulit diduplikasi atau dipalsukan.
Jenis-jenis digital currency antara lain: 1. Electronic Cash
Sistem electronic
cash telah
terintegrasi sepenuhnya dengan software web browser untuk
memudahkan pembelian barang melalui internet. Sistem electronic cash
bisa menunjukkan saldo terakhir pada user tertentu sesuai permintaan. Electronic cash pada umumnya
memerlukan infrastruktur public key dan mekanisme
enkripsi tertentu. Saat ini electronic cash belum sepopuler pengunaan smart card atau model pembayaran lainnya.
2. Micropayments
Micropayments adalah pembayaran untuk item
dengan nilai relative rendah, misalnya informasi atau hiburan on-line yang biayanya bervariasi antara 1 cent
sampai 10
cent. Sedangkan
Minipayment adalah
pembayaran untuk item dengan nilai antara 0,25 sampai 10. Ada beberapa skema yang mampu menangani
micropayments yaitu: Milicent, eCash, CyberCoin, Mondex, VisaCash dan NetBill.
3. Electronic Catalogs
Electronic Catalogs e-catalogs telah berada pada
aplikasi komersil yang dirancang untuk internet dan merupakan komponen utama dari sistem e-commerce. E-
catalogs merupakan antar muka grafis Graphical User
Interface yang umumnya berbentuk halaman WWW
dimana menyediakan informasi tentang penwaran produk dan jasa. E-catalog umumnya mendukung on line shopping
dan kemampuan pemesanan dan pembayaran barang. Aplikasi e-catalog sebaiknya memiliki karakteristik seperti
bersifat interaktif, mampu diperbaharui secara dinamis, hypertextuality
dan global presence.
3. Intranet dan Extranet
Umumnya intranet digambarkan hanya sebagai web server di dalam perusahaan internal, padahal sebenarnya intranet hanyalah
kumpulan web site yang dimiliki oleh suatu kelompok biasanya perusahaan yang bisa diakses hanya oleh anggota kelompok tersebut.
Sedangkan extranet merupakan area tertentu dari intranet yang bisa diakses oleh kelompok di luar anggota kelompok intranet, tapi dengan
otorisasi tertentu. Fitur intranet standar dalam suatu organisasi memiliki 4 kemamapuan dasar yaitu e-mail, on line publishing, on line searches dan
application distribution . Sedangkan extranet memperluas fitur ini ke
partner bisnis jika dimungkinkan. Keuntungan menggunalkan intranet di dalam suatu organisasi :
a. Mempercepat prose bisnis b. Memfasilitasi pertukaran informasi
c. Meningkatkan komunikasi dan kolaborasi.
2.2.2.6 Security E-Commerce
Secara umum, keamanan merupakan salah satu komponen atau servis yang dibutuhkan untuk menjalankan e-commerce. Beberapa topik yang harus
dikuasai antara lain akan didaftar di bawah ini[3].
1. Teknologi Kriptografi Teknologi kriptografi menjelaskan bagaimana mengamankan data
dengan menggunakan enkripsi. Berbagai sistem sudah dikembangkan seperti sistem private key dan public key. Penguasaan algoritma-algoritma
populer digunakan untuk mengamankan data juga sangat penting. Contoh algoritma ini antara lain DES, IDEA, RC5, RSA dan ECC Ellliptic Curve
Cryptography . Salah satu masalah dalam mengamankan enkripsi adalah
bagaimana memastikan bahwa hanya sang penerima yang dapat mengakses data.
2. Konsultan Keamanan Konsultan, organisasi, dan institusi yang bergerak di bidang
keamanan dapat membantu meningkatkan dan menjaga keamanan. Contoh organisasi yang bergerak di bidang ini adalah IDCERT.
2.3 PayPal
2.3.1 Definisi PayPal
PayPal adalah salah satu alat pembayaran Payment procesors
menggunakan internet yang terbanyak digunakan didunia dan teraman. Pengguna internet dapat membeli barang di eBay, lisensi software original, keanggotaan
situs, urusan bisnis, mengirim dan menerima donasisumbangan, mengirim uang ke pengguna PayPal lain di seluruh dunia dan banyak fungsi lainnya dengan
mudah dan otomatis menggunakan internet atau mobile, PayPal mengatasi kekurangan dalam pengiriman uang tradisional seperti Cek atau Money order
yang prosesnya dapat memakan waktu PayPal seperti rekening bank, pertama anda membuat account, lalu dana akan ditarik langsung dari kartu kredit anda ke
account tersebut atau dengan dana dari transferan account PayPal orang lain ke Saldo atau Balance PayPal anda, dan anda sudah dapat menggunakan account
PayPal untuk bertransaksi[8].
Februari 2010 PayPal sudah menerima 190 negara dan 23 mata uang, pengguna PayPal di Indonesia masih harus menggunakan hitungan US dollar
karena rupiah belum ada di PayPal, dana yang ditarik langsung dari kartu kredit akan dikonversi ke US dollar otomatis.
eBay adalah tempat lelangjual-belipasar online terbesar didunia, dengan
pengguna lebih dari 200 juta orang di seluruh dunia data juni 2006, anda dapat mencari dan membeli apapun, mulai dari barang elektronik, kendaraan, hingga
barang-barang langka dari seluruh pengguna eBay didunia, cara pembayaran utama di eBay adalah dengan PayPal karena lebih aman dan otomatis, meskipun
ada penjual yang menerima pembayaran dengan cara lain. 2.3.2 Keuntungan
PayPal
Pembeli atau Buyer yang merasa dirugikan atau tidak sesuai deskripsi yang diberitahukan bisa meminta uang kembali kepada Penjual Seller dalam
waktu maksimal 45 hari setelah terjadi pembayaran. Jika pembeli menggunakan kartu kredit akan mendapatkan pengembalian uang chargeback dari perusahaan
kartu kreditnya[8].
PayPal juga melindungi penjual dari pengembalian uang atau komplain yang tidak benar dari pembeli sesuai pembuktian. Perlindungan untuk penjual
dirancang untuk melindungi penjual dari klaim pembeli yang mengaku telah mengirim uang yang tidak mempunyai catatan bukti pembayaran dan deskripsi
transaksi, setiap pembelian dan pembayaran menggunakan PayPal selalu ada catatan bukti pembayarannya di account PayPal pengirim dan penerima uang,
sebagai bukti jika benar telah terjadi pengiriman uang antara keduanya. Dari sini bisa diambil kesimpulan menggunakan PayPal lebih aman dari
alat pembayaran online lain bagi pengirim dan penerima uang karena ada bukti pembayaran dan catatan deskripsi, serta dapat melakukan komplain yang benar
jika terjadi sesuatu atau terhindar dari komplain yang salah.
2.4 Website
Website merupakan webpage beserta homepage, yang merupakan system
yang luas dari server yang menawarkan informasi untuk semua orang melalui jaringan. Informasi tersebut tersebut berupa teks, gambar, suara, dan tipe data
link, yang merupakan navigasi kehalaman lainnya hyperlink. Homepage merupakan halaman yang pertama kali muncul ketika pertama kali dibuka,sedang
webpage adalah halaman yang ada pada website[9].
2.4.1 World Wide Web WWW
Sebuah situs web adalah sebutan bagi sekelompok halaman web web page
, yang umumnya merupakan bagian dari suatu nama domain domain name atau subdomain di World Wide Web WWW di Internet. WWW terdiri dari
seluruh situs web yang tersedia kepada publik. Halaman-halaman sebuah situs web diakses dari sebuah URL yang menjadi akar root, yang disebut homepage
halaman induk; sering diterjemahkan menjadi beranda, halaman muka, dan biasanya disimpan dalam server yang sama. Tidak semua situs web dapat diakses
dengan gratis. Beberapa situs web memerlukan pembayaran agar dapat menjadi pelanggan, misalnya situs-situs yang menampilkan pornografi, situs-situs berita,
layanan surat elektronik e-mail, dan lain-lain[9]. Terminologi website adalah kumpulan dari halaman-halaman situs, yang
biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada didalam World Wide Web WWW di Internet. Sebuah web page adalah
dokumen yang ditulis dalam format HTML Hyper Text Markup Language, yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan
informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah
jaringan informasi yang sangat besar.
2.4.2 SSL Secure Soket Layer
Secure Socket Layer SSL adalah protokol yang digunakan untuk browsing web secara aman. SSL bertindak sebagai protokol yang mengamankan
komunikasi antara client dan server. Protokol ini memfasilitasi penggunaan enkripsi untuk data yang rahasia dan membantu menjamin integritas informasi
yang dipertukarkan antara website dan web browser[3].
2.5 Internet
Internet merupakan jaringan global yang terdiri dari berbagai komputer
yang saling berhubungan dan bekerjasama dengan cara berbagai informasi dan data. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun
frekuensi radio[9]. Setiap komputer yang terhubung dengan jaringan tersebut, diberikan
sebuah nomor yang unik, dan berkomunikasi satu sama lainnya dengan bahasa komunikasi yang sama. Bahasa komunikasi yang sama ini disebut protokol.
Protokol yang digunakan di internet adalah TCPIP Transmission Control Protocol
Internet Protocol .
2.5.1 Kegunaan Internet
Kegunaan internet yang utama antara lain[9] : 1. Fungsi komunikasi
Internet adalah alat komunikasi, kegunaan yang sangat penting
dari internet adalah pertukaran pesan dengan menggunakan electronic mail e-mail.
2. Fungsi Resource Sharing Dengan internet, kita dapat mencari software, essay, data dan
program dari ribuan titik distribusi di seluruh dunia. 3. Fungsi Resource Discovery
Navigasi untuk mencari file tertentu, dokumen, host atau orang
diantara jutaan host. 4. Fungsi Komunitas
Masyarakat pengguna internet dapat berhubungan dan membuat perkumpulankomunitas tertentu.
2.6 Database
2.6.1 MySQL
MySQL adalah sebuah aplikasi Relational Database Management Server
RDBMS bersifat open source yang memungkinkan data diakses dengan cepat oleh banyak pemakai secara bersamaan dan juga memungkinkan pembatasan
akses pemakai berdasarkan privilege hak akses yang diberikan. MySQL menggunakan bahasa SQL structured query language yang merupakan bahasa
standar pemograman database[1]. MySQL dipublikasikan sejak tahun 1996, akan tetapi sebenarnya sudah
dikembangkan sejak tahun 1979. MySQL telah memenangakan penghargaan Linux Journal Reader’s Choice Award selama tiga tahun. MySQL sekarang
tersedia di bawah lisensi open source, tapi ada juga lisensi utuk menggunakan MySQL yang bersifat komersial[6].
Keunggulan dari MySQL adalah : 1. Bersifat open source.
2. Sistem software-nya tidak memberatkan kerja server atau komputer karena dapat bekerja di background.
2.6.1.1 Perintah-perintah MySQL
Pada MySQL terdapat beberapa perintah. Perintah-perintah pada MySQL ini hampir sama dengan perintah-perintah pada database server lainnya. Perintah-
perintah MySQL itu antara lain adalah sebagai berikut[1] : 1. Create database, digunakan untuk membuat database pada database server.
Sintaksnya adalah : Create database database_name
Database_name adalah nama database yang akan dibuat.
2. Use database, digunakan untuk menunjuk database yang akan digunakan. Sintaksnya adalah :
Use database_name
Database_name adalah nama database yang akan digunakan.
3. Create table, digunakan untuk membuat tabel pada database yang digunakan.
Sintaksnya adalah : Create table table_name
Column1 column_type column_attributes, Column2 column_type column_attributes,
Primary_key column_name ;
Table_name adalah nama tabel yang akan dibuat. Column1 adalah
nama kolom yang akan dibuat pada tabel. Column_type adalah tipe dari kolom tersebut , dapat berupa char, varchar, tinytext, mediumtext,
longtext, enum, int, tinyint, mediumint, bigint, float, decimal, time, date, datetime, timestamp, year.
4. Insert, digunakan untuk menambahkan record pada tabel. Sintaksnya adalah :
Insert into table_namecolumn1, column2,.. values value1,value2,.. Table_name
adalah nama tabel yang akan ditambahkan record- nya. Column1, column2 adalah kolom yang akan ditambahkan data.
Value1,value2 adalah data yang akan ditambahkan.
5. Update, digunakan untuk mengubah record yang sudah ada pada tabel. Sintaksnya adalah :
Update table_name set column1=value1, column2=value2 where column=value
Table_name adalah nama tabel yang akan dirubah record-nya.
Column1, column2 adalah kolom yang akan dirubah data. Value1,value2
adalah data yang akan digantikan. 6. Drop table, digunakan untuk menghapus tabel.
Sintaksnya adalah : Drop table table_name
Table_name adalah nama tabel yang akan dihapus. 7. Show tables, digunakan untuk menampilkan tabel-tabel yang telah dibuat
dalam database yang aktif. Sintaksnya adalah :
Show tables 8. Show field, digunakan untuk menampilkan seluruh field dalam suatu tabel.
Sintaksnya adalah : Show field from table_name
Table_name adalah nama tabel yang akan ditampilkan field-nya.
9. Alter table, digunakan untuk menambah,merubah, dan menghapus field dalam suatu tabel.
Sintaksnya adalah : a. Untuk menambahkan
Alter table_name
add column
column1 column_type
column_attributes
Table_name adalah nama tabel yang akan ditambahkan
field -nya. Column1 adalah nama field baru, column_type adalah
tipe kolom dan column_attributes adalah atribut kolom yang akan ditambahkan.
b. Untuk mengubah Alter table_name change column1 column2
column_type column_attributes column1
adalah mana field yang akan dirubah, column2 adalah nama field baru, column_type adalah tipe kolom dan
column_attributes adalah atribut kolom.
c. Untuk menghapus Alter table table_name drop column column1
Table_name adalah tabel yang akan dihapus field-nya.
Column1 adalah nama field yang akan dihapus.
2.6.1.2 Koneksi PHP dan MySQL
Untuk menggabungkan bahasa pemograman PHP dan MySQL dibutuhkan beberapa perintah khusus, yaitu [1]:
1. Pembuatan koneksi antara server dari MySQL dengan web server tempat menyimpan halaman web, perintahnya :
?php
Mysql_connet“host name”,”username”,”password”;
? 2. Setelah terbentuk koneksi selanjutnya dilakukan pemilihan terhadap
database yang akan digunakan, perintahnya :
?php Mysql_select_db“nama database”;
? 3. Baru kemudian dapat dilakukan perintah-perintah MySQL lainya seperti
select, update, insert , dll.
2.7 Model Proses
2.7.1 Flowmap
Bagan alir atau flow map 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[2].
2.7.2 ERD Entity Relationship Diagram
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. Untuk melambangkan fungsi diatas maka digunakan simbol-simbol yang bisa dilihat pada daftar simbol[2].
Elemen-elemen Entity Relationship Diagram adalah sebagai berikut: 1. Entity Entitas
Pada E-R diagram, entity 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. 2. Relationship Relasi
Pada E-R diagram, relationship dapat digambarkan dengan sebuah bentuk belah ketupat. Realationship adalah hubungan alamiah yang terjadi
antara entitas. Pada umumnya relationship diberi nama dengan kata kerja dasar, sehinga memudahkan untuk melakukan pembacaan relasinya.
3. Atribut Seacara 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.
4. 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 : a. One to one Relationship
Tingkat hubungann satu ke satu, dinyatakan dengan satu kejadian pada entitas pertama, hanya mempunyai satu hubungan
dengan satu kejadian pada entitas yang kedua dan sebaliknya.
A B
1 1
Gambar 2. 2 One to one Relationship
b. 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.
A B
N 1
Gambar 2. 3 One to many Relationship
c. 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.
A B
N N
Gambar 2. 4 Many to many Relationship
5. Key Kunci Sebuah atribut atau set atribut yang nilainya mengidentifikasikan
entitas secara unik dalam suatu entitas. Key memiliki beberapa jenis sesuai dengan kegunaannya masing-masing, yaitu primary key kunci utama,
foreign key kunci tamu
2.7.3 Diagram Konteks
Diagram konteks merupakan arus data yang berfungsi untuk menggambarkan keterkaitan aliran-aliran data antar sistem dengan bagian luar
kesatuan luar. Kesatuan luar ini merupakan sumber arus data atau tujuan data yang berhubungan dengan sistem informasi tersebut[2].
2.7.3.1 DFD Data Flow Diagram
Diagram Alir Data atau Data Flow Diagram DFD adalah suatu model yang menjelaskan arus data mulai dari pemasukan sampai dengan keluaran data.
Tingkatan DFD dimulai dari diagram konteks yang menjelaskan secara umum suatu sistem atau batasan sistem aplikasi yang akan dikembangkan. Kemudian
DFD dikembangkan menjadi DFD tingkat 0 atau level 0 dan kemudian DFD level 0 dikembangkan lagi menjadi level 1 dan selanjutnya sampai sistem tersebut
tergambarkan secara rinci menjadi tingkatan-tingkatan lebih rendah lagi[2]. DFD merupakan penurunan atau penjabaran dari diagram konteks. Dalam
pembuatan DFD harus mengacu pada ketentuan sebagai berikut : 1. Setiap penurunan level yang lebih rendah harus mempresentasikan proses
tersebut dalam spesifikasi proses yang jelas. 2. Penurunan dilakukan apabila memang diperlukan.
3. Tidak semua bagian dari sistem harus ditunjukkan dengan jumlah level yang sama.
Simbol-simbol yang digunakan dalam Data Flow Diagram menurut notasi Yourdan adalah sebagai berikut :
1. Proses Proses adalah simbol pertama data flow diagram. Proses
dilambangkan dengan lingkaran, dimana proses ini menunjukan bagian dari sistem yang mengubah satu atau lebih input dan output. Nama proses
dituliskan dengan satu kata, singkatan atau kalimat sederhana. 2. Aliran Data
Aliran Data digambarkan dengan tanda panah. Aliran data juga digunakan untuk menunjukan bagian-bagian informasi dari satu bagian ke
bagian lain. Pembagian nama untuk aliran ini menunjukan sebuah arti untuk sebuah aliran. Untuk kebanyakan sistem yang dibuat, aliran data
sebenarnya mengambarkan data yakni angka, huruf, pesan, floating point, dan macam-macam informasi lainnya.
3. Simpanan Data Simpanan data digunakan sebagai penyimpanan bagi paket-paket
data. Notasi penyimpanan data digambarkan dengan garis horizontal yang pararel. Simpanan data merupakan simpanan data dari data yang berupa
suatu file atau database di sistem komputer ataupun berupa arsip atau catatan manual. Nama dari simpanan data menunjukan nama filenya.
4. Terminator Terminator
digambarkan dengan
sebuah kotak
yang menggambarkan kesatuan luar eksternal entitty yang berhubungan
dengan sistem. Kesatuan luar merupakan kesatuan entity dilingkungan luar sistem yang dapat berupa orang, Organisasi atau sistem lainnya yang
berada di lingkungan luarnya yang akan memberikan input atau output dari sistem.
2.8 Estimasi
Estimasi merupakan sebuah proses pengulangan. Pemanggilan ulang
estimasi yang pertama dilakukan selama fase definisi, yaitu ketika Anda menulis rencana proyek awal. Hal ini perlu dilakukan, karena Anda membutuhkan sebuah
estimasi untuk proposal. Tetapi berdasarkan statistik dari DEC, NASA, TRW, dan
lembaga yang lainnya, menunjukkan bahwa keakuratan estimasi yang dilakukan memiliki point sebesar 50-100. Setelah fase analisis direncanakan ulang.
Anda harus memeriksa estimasi dan merubah dari rencana proyek awal menjadi rencana proyek akhir. Pada tahap ini keakuratan estimasi Anda menjadi
berkurang, yaitu sekitar 25-50. Setelah dikerjakan sampai pada tingkat menengah, Anda periksa kembali estimasi tersebut. Dengan menggunakan
pengetahuan yang didapat seiring dengan waktu, keakuratan estimasi tersebut hanya mencapai 10. Meskipun tidak bisa dikatakan sebagai aktivitas eksplisit
dalam fase yang lain, rencana untuk memperbaiki estimasi setiap waktu, memerlukan pengetahuan yang baru. Semua teknik yang akan Kita diskusikan
adalah tergantung pada kesulitan, seperti membawa sesuatu ke dalam keadaan yang lebih kecil. Hal ini penting untuk mendapatkan hasil kerja yang baik sesuai
strukturnya[7].
2.8.1 Teknik-teknik Estimasi
Ada 3 tiga teknik yang digunakan untuk melakukan estimasi, yaitu : keputusan, profesional, sejarah dan rumus-rumus[7].
1. Keputusan Profesional Katakanlah, bahwa Anda merupakan orang yang memiliki pengalaman
yang luas dalam memprogram “report generation modules”. Anda
melakukannya dengan pendekatan design report tersebut dan memperkirakan berapa lama waktu yang dibutuhkan untuk membuat program tersebut.
Setelah mempelajari desaign program selama 5 menit, programer lalu menutup matanya selama 5 menit Dia tidak tidur, tetapi berhitung, dan
kemudian mengatakan “15 hari”. Inilah yang disebut dengan Keputusan
Profesional murni. Keuntungan dari teknik ini adalah cepat, dan jika seseorang sudah ahli dalam teknik ini, maka estimasinya pasti akan lebih
akurat. Sedangkan kerugian dari teknik ini yaitu membutuhkan seorang ahli yang berpengalaman dalam bidang ini dan biasanya beberapa ahli tersebut
akan bekerja keras untuk mendapatkan estimasi yang tepat. Lagi pula, estimasi yang didapat adalah untuk jangka waktu yang lama dan ini harus
dikerjakan oleh seorang ahli. Hal ini tidak dapat tergantung hanya pada ahli tersebut, jika yang lain ingin mengerjakannya tidak menjadi masalah. Tapi,
hal ini sangat berbahaya jika mempercayakannya kepada seseorang yang memiliki sedikit pengetahuan dalam bidang ini.
2. Sejarah Jalan keluar dari ketergantungan pada orang dan untuk membuat estimasi
lebih khusus yaitu Anda harrus mengerti tentang sejarahnya. Tulislah berapa lama masing-masing tugas dapat diselesaikan dan siapa yang bertanggung
jawab atas tugas tersebut. Anda dapat membandingkan tugas yang akan di estimasi dengan tugas yang sama yang dikerjakan lebih awal, setelah itu
mulailah dengan melakukan estimasi. Hal ini dimaksudkan agar Anda menjabarkan suatu proyek ke dalam beberapa tugas yang biasanya diulang
dan mudah untuk dibandingkan. Untuk memprogramnya, mungkin generasi dalam bentuk formulir input, sebuah laporan, perhitungan rumus-rumus, dan
lain-lain. Perusahaan atau departemen akan membuat tipe proyek yang sama.
3. Rumus-rumus Ada beberapa rumus yang digunakan dalam software estimasi. Sotfware
yang baik untuk diketahui yaitu COCOMO referensi 15. COCOMO dapat digunakan untuk memperkirakan biaya proyek, usaha person months,
jadwal months dan staf number of staff untuk masingmasing fase berikut ini :
Preliminary Design - our Analysis Phase Detailed Desaign DD - our Design Phase
Code and Unit test CUT - same as ours System Test - our System Test and Acceptance Phase
Ada 3 tipe penginputan dengan COCOMO : pertama, pemasukan biaya bulanan dari staf. Baik staf yang berkedudukan sebagai programer, analis,
designer, test staff, administrasi dan technical writer. Faktor-faktor ini mencirikan level keseluruhan dari kelengkapan software yang ada, ukuran
dan kemampuan dari komputer yang digunakan untuk pengembangan, kemampuan menampung dan pengalaman staf, dan juga pemrograman praktis
serta alat-alat yang digunakan.
2.8.2 Menentukan Lama Pemesanan
untuk menghitung lama pemesanan diperlukan rumus untuk mencari Unit Time
sebagai faktor pengali, yaitu sebagai berikut :
UT : Unit Time Satuan waktu untuk menentukan lama pembuatan TP : Total Product Jumlah produk yang akan dibuat
MC : Manufacturing Capacity kapasitas pembuatan per 7 hari [10]
2.9 Aplikasi Pembangun
2.9.1 Macromedia Dreamweaver 8
Macromedia Dreamweaver 8 adalah sebuah editor HTML professional
untuk perancangan design, pengkodean coding, dan pengembangan situs web, halaman web dan aplikasi web. Bekerja pada lingkungan visual editing,
Dreamweaver menyediakan suatu tool yang sangat membantu untuk pembuatan
web . Fitur-fitur visual editing di dalam Dreamweaver mengijinkan pembuatan
halaman web dengan cepat tanpa menulis baris kode[1]. Dreamweaver
membantu dalam membangun aplikasi web database dinamis dengan menggunakan bahasa server seperti ASP, ASP.NET, ColdFusion
Markup Language CFML, JSP, dan PHP.
2.9.2 PHP Hypertext Pre-Processor
PHP merupakan singkatan dari Hypertext Preprocessor, adalah sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip
dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama bahasa ini adalah untuk memungkinkan perancang web menulis
halaman web dinamis dengan cepat [1]. PHP merupakan bahasa pemograman web yang bersifat server-side
HTML=embedded scripting , di mana script-nya menyatu dengan HTML dan
berada si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal
sebgai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP Active
Server Pages dan JSP Java Server Pages [1].
Berikut adalah keunggulan dari script PHP : 1. Source program atau script tidak dapat dilihat dengan menggunakan view
HTML source yang ada pada web browser. 2. Script tersebut dapat memanfaatkan sumber aplikasi dimiliki oleh server,
seperti misalnya untuk keperluan database connection. Saat ini PHP sudah mampu melakukan koneksi dengan berbagai database.
3. Pada aplikasi yang dibuat dengan PHP, pada saat dijalankan server akanmengerjakan script dan hasilnya lah yang dikirimkan ke web browser.
Hal itu akan menyebakkan aplikasi tidak memerlukan kompatibilitas web browser
.
4. 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.9.3 XHTML
XHTML adalah sebuah kombinasi dari HTML dan XML EXtensible Markup Language
. XHTML EXtensible Hypertext Markup Language merupakan bentuk sempurna dalam arti, lebilh ketat dan bersih dibanding
HTML. Tujuan XHTML adalah menggantikan HTML. XHTML adalah bentuk HTML yang didefinisikan sebagai aplikasi XML yang berarti XHTML berisi
semua elemen dalam hTML 4.01 dikombitrasikan dengan sintaks XML [1].
2.9.4 JavaScript
JavaScript adalah bahasa scripting popular di internet dan dapat bekerja di
sebagian besar browser popular seperti Internet Explorer IE, Mozilla FireFox, Netscape dan opera. Kode JavaScript dapat disisipkan dalam halaman web
menggunakan tag SCRIPT. Beberapa hal tentang JavaScript [1]: 1. JavaScript didesain untuk menambah interaktif suatu web.
2. JavaScript merupakan sebuah bahasa scipting. 3. Bahasa scripting merupakan bahasa pemrogralnan yang ringan.
4. JavaScript berisi baris kode yang dijalankan di komputer web browser. 5. JavaScript biasanya disisipkan embedded dalam halaman HTML.
6. JavaScript adalah bahasa interpreter yang berarti skrip dieksekusi tanpa proses kompilasi.
7. Setiap orang dapat menggunakan JavaScript tanpa membayar lisensi.
2.9.5 Cascading Style Sheets CSS
CSS Cascading Style Sheets adalah sebuah mekanisme sederhana untuk memberikan style seperti font, warna, jarak spasi, dll kepada dokumen web yang
ditulis dalarn HTML atau XML termasuk beberapa variasi bahasa XML seperti
XHTML dan SVG [1].
50
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Analisis sistem merupakan penguraian dari suatu sistem informasi yang utuh
kedalam bagian-bagian
komponennya dengan
maksud untuk
mengidentifikasikan dan mengevaluasi permasalahan - permasalahan, kesempatan dan hambatan - hambatan yang terjadi dari kebutuhan yang diharapkan, sehingga
dapat diusulkan perbaikan-perbaikan. Analisis sistem merupakan tahap yang kritis dan sangat penting, karena
apabila terjadi kesalahan dalam tahap ini, akan mengakibatkan kesalahan pada tahap selanjutnya.
3.1.1 Analisis Masalah
Dalam kegiatan operasionalnya adalah menjual produk yang nantinya akan dijual kembali oleh pihak pembeli atau untuk keperluan pribadi. Berdasakan hasil
wawancara dengan pihak POINT, penjualan produk yang sedang berjalan adalah
sebagai berikut :
1. Sistem penjualan di POINT masih menggunakan cara manual. 2. Pembeli harus datang ke tempat belanja dan melakukan transaksi.
3. Begitu juga dengan pengolahan data, data yang sudah masuk dicatat, disimpan dan disajikan secara manual.
3.1.2 Analisis Prosedur Sistem yang Sedang Berjalan
Prosedur merupakan urutan kegiatan yang tepat dari tahapan – tahapan
yang menerangkan mengenai proses apa yang dikerjakan, siapa yang mengerjakan proses tersebut, bagaimana proses tersebut dapat dikerjakan dan dokumen apa saja
yang terlibat.
POINT dalam kegiatan operasionalnya adalah menjual produk yang nantinya akan dijual kembali oleh pihak pembeli atau untuk keperluan pribadi.
Prosedur yang ada pada POINT saat ini dibagi menjadi 4 bagian, yaitu: 1. Prosedur pemesanan
2. Prosedur Penjualan 3. Prosedur Pelaporan
3.1.2.1 Prosedur Pemesanan Produk
Pemesanan merupakan proses yang dilakukan apabila produk yang akan dibeli tidak tersedia. Berdasakan hasil wawancara dengan pihak POINT, prosedur
pemesanan produk yang sedang berjalan di POINT adalah sebagai berikut : 1. Pembeli memberikan daftar produk yang akan dipesan kepada kasir.
2. Kemudian kasir melakukan pemeriksaan jumlah produk yang tersedia dari lembar stok produk.
3. Kasir akan memberikan informasi harga produk yang dipesan kepada pembeli. 4. Jika pembeli tidak menyetujui harga produk yang dipesan maka pemesanan
selesai.
5. Jika pembeli menyetujui harga produk yang dipesan maka kasir akan membuat data pesanan produk dan memberikan data pesanan produk kepada
bagian produksi. 6. Bagian produksi akan melakukan proses estimasi berdasarkan history yaitu
berdasarkan produk yang telah dibuat sebelumnya. 7. Kemudian bagian produksi akan memberikan informasi estimasi waktu
pembuatan, bahan baku produk, dan jumlah produksi kepada pegawai. 8. Lama pemesanan pada POINT ditentukan dari perkiraan lamanya estimasi
waktu pembuatan produk. 9. Maksimal waktu pembuatan produk dari awal pembuatan hingga finishing
adalah 7 hari, sehingga dapat dihitung lamanya pemesanan. 10. Dua hari pertama dilakukan untuk pencarian bahan baku.
11. Hari ke tiga sampai hari ke enam pembuatan produk. 12. Hari ke tujuh finishing.
13. Setelah produk selesai di produksi, bagian produksi akan menyerahkan produk kepada kasir.
14. Kemudian kasir memberikan produk pesanan yang telah di produksi kepada pembeli.
Prosedur pemesanan produk digambarkan pada flowmap di bawah ini gambar 3.1 :
Pembeli Kasir
Produk yang dipesan
Produk yang dipesan
Pemeriksaan jumlah produk
Produksi FLOWMAP PEMESANAN PRODUK
Pesan ? ya
Tidak Produk yang tidak
tersedia
Pembuatan data pesanan
produk Data pesanan
produk Data pesanan
produk Produksi
pesanan Produk pesanan
Produk pesanan Produk pesanan
A1 Data pesanan
produk 1
2 Lembar stok
produk
Ada? Produk yang
dipesan tersedia Produk yang
dipesan tidak tersedia
ya Tidak
Konfirmasi pembeli
Produk yang tidak teersedia
Produk yang tidak teersedia
Produk yang tidak tersedia dipesan
Produk yang tidak tersedia
Produk yang tidak tersedia dipesan
Data pesanan produk
Estimasi history
pemesanan waktu pembuatan
Bahan baku produk
Jumlah produksi
Produk yang tidak tersedia dipesan
Produk yang dibuat sebelumya
Konfirmasi pembeli
Produk yang dibuat sebelumya
Gambar 3. 1 Flowmap Pemesanan produk yang sedang berjalan
Keterangan : A1 : Arsip data pesanan produk
3.1.2.2 Prosedur Penjualan
Prosedur penjualan yang sedang berjalan di POINT adalah sebagai berikut : 1. Setelah pembeli memilih produk, kasir mengecek harga produk yang
akan dibeli. 2. Kasir menghitung total harga produk yang dibeli.
3. Lalu pembeli akan memberikan sejumlah uang kepada kasir. 4. Setelah kasir menerima sejumlah uang dari pembeli , kasir membuat
nota penjualan sebanyak 2 rangkap, 1 untuk kasir dan 1 untuk pembeli. 5. Kasir memberikan nota penjualan 2 kepada pembeli.
Proses Penjualan di atas dapat di gambarkan ke dalam diagram flow map di bawah ini gambar 3.2:
Pembeli Kasir
Label produk yang akan dibeli
Pembuatan nota
penjualan
A2 FLOWMAP PENJUALAN PRODUK
Label produk yang akan dibeli
Hitung total harga
Total pembayaran
Total pembayaran
2 Nota penjualan
1 Label produk
yang akan dibeli
2 Nota penjualan
1
2 Nota penjualan
yang sudah ditandatangani
1 2
Label produk yang akan dibeli
penandatanganan
pengesahan 2
Nota penjualan yang sudah disahkan
1 Nota penjualan yang
sudah disahkan 2
Nota penjualan yang sudah
ditandatangani 1
Gambar 3. 2 Flowmap Penjualan
Keterangan : A2 : Arsip nota penjualan
3.1.2.3 Prosedur Pelaporan
Prosedur pelaporan adalah proses pembuatan laporan yang didalamnya berisi nota penjualan yang akan ditandatangani oleh pimpinan. Adapun prosedur
pelaporan ini ditujukan untuk mengetahui data transaksi sehingga laporan dapat dijadikan evaluasi. Adapun tahap prosedur pelaporan sebagai berikut :
1. Kasir membuat laporan penjualan dan laporan data produk dari arsip. 2. Lalu kasir memberikan laporan tersebut kepada owner pimpinan untuk
disahkan. 3. Owner Pimpinan menerima laporan penjualan dan laporan data produk
yang dibuat oleh kasir. 4. Laporan tersebut dicek dan disahkan oleh pimpinan lalu ditandatangani.
5. Laporan yang telah di tandatangani oleh pimpinan diberikan kepada kasir. Proses pelaporan yang terjadi pada POINT dapat digambarkan pada
flowmap berikut ini gambar 3.3 :
Kasir Pimpinan
FLOWMAP PELAPORAN
Data pesanan produk
A1
Pembuatan Laporan
Laporan penjualan
Pengesahan
A3 A2
Nota penjualan Pengecekan
laporan berdasarkan data
pesanan Sesuai ?
Ya Tidak
Laporan data pesanan
Data pesanan produk
Nota penjualan
A1 A2
Laporan penjualan Laporan data
pesanan
Laporan penjualan yang sudah
ditandatangani Laporan data
pesanan yang sudah ditandatangani
Laporan penjualan Laporan data
pesanan Yang sesuai
Laporan data pesanan yang sudah
ditandatangani
Laporan penjualan yang sudah
ditandatangani A4
Laporan penjualan Laporan data
pesanan yang tidak sesuai
Gambar 3. 3 Flowmap Pelaporan
Keterangan : A1 : Arsip data pesanan produk
A2 : Arsip nota penjualan A3 : Arsip laporan data pesanan produk dan penjualan yang telah ditandatangani
3.1.2.4 Evaluasi Sistem Yang Sedang Berjalan
Setelah diuraikan dan diamati secara terperinci mengenai keadaan prosedur yang sedang berjalan pada sistem penjualan POINT, Berdasakan pada
analisis dan hasil wawancara terhadap apa yang dibutuhkan dalam membangun aplikasi e-commerce ini maka dapat dievaluasi hal-hal seperti pada tabel 3.2
berikut ini :
Tabel 3. 1 Evaluasi Sistem Yang Sedang Berjalan
No Permasalahan
Bagianpihak 1
Proses transaksi yang dilakukan mengharuskan konsumen datang ke tempat tujuan untuk
mendapatkan produk yang diinginkan. Konsumen
2 Proses pembayaran yang dilakukan mengharuskan
konsumen datang ke tempat tujuan untuk melakukan pembayaran.
Konsumen
3 Dengan sistem yang berjalan sekarang, pemberian
informasi kepada komsumen dirasakan kurang efektif
sehingga konsumen
belum tentu
mendapatkan informasi secara lengkap. Konsumen
4 Tidak adanya media promosi bagi POINT
Perusahaan 5
POINT mengalami kesulitan dalam Estimasi waktu pembuatan, bahan baku, dan jumlah produk yang
dihasilkan. Perusahaan
6 Pengelolaan transaksi yang berlangsung saat ini
Perusahaan
masih belum tertata rapi dengan baik, meskipun sebagian sudah menggunakan komputer tetapi
kurang memaksimalkan potensi yang ada. Karena sebagian
pengarsipan dilakukan
dengan menggunakan kertas sehingga seringkali terjadi
kehilangan.
3.1.2.5 Penyelesaian Teknik Estimasi
Tahapan estimasi yang dilakukan POINT adalah sebagai berikut : 1. Menentukan estimasi waktu pembuatan, lama pemesanan, dan jumlah
produksi berdasarkan history data produk yang dibuat sebelumnya. Berikut ini adalah tabel history pemesanan yang terdapat pada POINT :
Tabel 3. 2 Tabel History data produk yang dibuat sebelumnya
Produk Waktu
pengadaan bahan baku
Waktu pembuatan
Jumlah produksi Head Guard
2 hari 5 hari
15 buah Gumshield
2 hari 5 hari
15 buah Hand Protector
2 hari 5 hari
15 pasang Foot Protektor
2 hari 5 hari
15 pasang Glove
2 hari 5 hari
15 pasang Groinguard
2 hari 5 hari
15 buah Hoogo
2 hari 5 hari
15 pasang Belt
2 hari 5 hari
15 buah Samsak
2 hari 5 hari
15 buah Target
2 hari 5 hari
15 buah
2. Menentukan lama pemesanan. Lama pemesanan pada POINT ditentukan dari perkiraan lamanya
pembuatan produk. Maksimal perkiraan pembuatan produk dari awal pembuatan hingga finishing adalah 7 hari.
Maka untuk menghitung lama pemesanan diperlukan rumus untuk mencari Unit Time sebagai faktor pengali, yaitu sebagai berikut :
UT : Unit Time Satuan waktu untuk menentukan lama pembuatan TP : Total Product Jumlah produk yang akan dibuat
MC : Manufacturing Capacity kapasitas pembuatan per 7 hari
Ketentuan : Jika hasil UT adalah decimal atau mempunyai nilai dibelakang koma,
maka nilai UT dibulatkan ke atas. Jika hasil UT bukan decimal bulat atau tidak mempunyai nilai dibelakang koma, maka nilai UT adalah tetap.
Contoh : di asumsikan pemesan dengan pesanan produk 20 dan pengiriman 2 hari.
Tabel 3. 3 Contoh Pesanan Pemesan
Nama produk
Stok Qty
Jumlah produk yang harus dibuat
Kapasitas Pembuatan
Per 7 Hari
A Head Guard
10 20
10 15 buah
Penyelesaian : sehingga didapat
UT =
�� ��
UT =
10 15
UT = 0,67 Karena nilai UT tidak bulat maka nilai UT dibulatkan keatas, sehingga UT =
1, Lama pembuatan produk = UT x 7 = 1 x 7
= 7 Hari
Maka didapat lama pembuatan produk + pengiriman untuk Pemesan A adalah : 7 + 2 = 9 hari akan sampai di tempat tujuan.
3.1.2.6 Penentuan Produk Promo
Penentuan produk promo dan aturannya adalah sebagai berikut : 1. Produk terlaris
Produk terlaris ditentukan berdasarkan produk yang paling banyak dibeli dalam periode 1 bulan.
2. Produk terbaru Produk terbaru ditentukan berdasarkan produk yang terakhir kali
dimasukan kedalam daftar produk dalam periode 1 bulan. 3. Produk paling banyak dilihat
Produk paling banyak dilihat ditentukan ketika konsumen melihat data produk yang ada.
3.1.2.7 Solusi yang ditawarkan
Berdasarkan hasil eveluasi sistem yang berjalan, solusi yang tawarkan adalah sebagai berikut :
1. Pembuatan aplikasi e-commerce di POINT. Dalam sistem ini, konsumen dapat melihat semua informasi produk dan dapat
melakukan pemesanan secara online. 2. Dengan sistem ini juga dapat menyelesaikan permasalahan promosi.
3. Dapat meminimalkan kehilangan arsip yang sebelumnya dilakukan dengan menggunakan kertas, dengan sistem ini proses pengarsipan
dalam bentuk soft copy. Dan sistem ini menawarkan jenis pembayaran menggunakan paypal secara online.
3.1.3 Analisis Kebutuhan Non Fungsional
Analisis non fungsional dilakukan untuk menghasilkan spesifikasi kebutuhan non fungsional. Spesifikasi kebutuhan non fungsional adalah spesifikasi yang
rinci tentang hal-hal yang akan dilakukan sistem ketika diimplementasikan serta komponen-komponen yang akan dilibatkan pada sistem yang akan dibangun.
Analisis Kebutuhan non fungsional terdiri dari : 1. Analisis Perangkat Keras Hardware
2. Analisis Perangkat Lunak Sofware 3. Analisis User
3.1.3.1 Analisis perangkat Keras Hardware
Analisis perangkat keras dimaksudkan untuk mengetahui spesifikasi perangkat keras yang digunakan di POINT.
1. Perangkat keras yang ada saat ini
a. Processor dengan kecepatan 1 GHz + Motherboard b. Kapasitas Harddisk 40 GB
c. RAM 256 MB d. VGA Card 64 MB
e. Monitor f. Lan Card 10100Mbps
g. Mouse keyboard
2. Perangkat keras yang dibutuhkan
Analisis Perangkat Keras yang dibutuhkan untuk dapat menjalankan perangkat lunak yang akan dibagun. Perangkat keras yang dibutuhkan dalam
menjalankan aplikasi ini adalah : a. Processor dengan kecepatan minimal 2 GHz + Motherboard
b. Kapasitas Harddisk minimal 80 GB c. RAM minimal 512 GB
d. VGA Card minimal 128 MB e. Monitor
f. Lan Card 10100Mbps g. Koneksi internet minimal 64 kbps
h. Mouse keyboard
3. Evaluasi kebutuhan perangkat keras
Setelah dilakukan analisis terhadap perangkat keras dimiliki oleh POINT sudah layak dan dapat mendukung aplikasi e-commerce yang akan dibangun,
hanya saja perlu adanya akses internet agar transaksi dapat berjalan maksimal karena dilakukan secara online serta memudahkan dalam pengolahan database
yang disimpan di server dan printer standar untuk mencetak laporan penjualan.
3.1.3.2 Analisis Perangkat Lunak Sofware
1. Perangkat lunak yang ada di POINT
Analisis Perangkat Lunak yang digunakan di POINT saat ini adalah sebagai berikut :
a. Windows XP SP 2 b. Microsoft office 2003
c. Adobe Reader
2. Perangkat Lunak yang dibutuhkan
Sistem Operasi yang digunakan di POINT adalah Windows XP SP2 sehingga sudah sangat mencukupi untuk dapat menjalankan perangkat lunak yang akan
dibagun. Perangakat lunak yang dibutuhkan dalam pembangunan aplikasi ini adalah :
1. XAMPP sebagai Web Server 2. PHP
3. Macromedia Dreamweaver 8 sebagai editor PHP. 4. MySQL sebagai DBMS
5. Tool antarmuka design Microsoft Visio 2007 6. Adobe Reader
7. Mozila Firefox 3.6.13 sebagai browser
3. Evaluasi kebutuhan perangkat lunak
Sistem Operasi yang digunakan di POINT adalah Windows XP SP 2 sehingga sudah mencukupi untuk dapat menjalankan perangkat lunak yang akan dibangun,
Adobe reader untuk membaca file laporan dan Mozila Firefox untuk web browser.
3.1.3.3 Analisis User
Analisis user dimaksudkan untuk mengetahui siapa saja user yang terlibat dalam sistem penjualan online beserta karakteristiknya.
1. Bagian yang terlibat saat ini dalam mengelola perusahaan
User yang terlibat saat ini dalam perusahaan dapat dilihat pada tabel 3.4 sebagai berikut.
Tabel 3. 4 Bagian yang terlibat saat ini
NO Jabatan
Keterangan 1
Pempinan perusahaan 1. S2 Teknik Sipil
2. Usia 39 tahun 3. Menguasai komputer
4. Mengontrol kinerja semua karyawan 2
Bagian penjualan 1. Lulusan SMA
2. Usia 25 3. Mengelola penjualan dan pemasaran
4. Menguasai komputer 3
Bagian Produksi 1. Lulusan SMA
2. Usia 35 3. Mengelola produksi dan pemesanan
4. Kurang menguasai komputer
2. User yang dibutuhkan
Pada sistem ini melibatkan melibatkan tiga user, yaitu : admin, operator, member, dan pengunjung, yang ada pada POINT.
A. Admin Admin adalah orang yang menerima laporan penjualan dan laporan stok
produk dan mencetak laporan tersebut.
Tabel 3. 5 Analisis Pengguna Admin
Pengguna Admin
Tanggung Jawab Mengelola data operator, menerima
laporan penjualan dan laporan stok produk.
Hak Akses Mengelola data operator, menerima
laporan penjualan dan laporan stok produk, melakukan backup database,
melakukan restore database.
Tingkat Pendidikan Minimal SMA atau sederajat.
Tingkat Keterampilan Menguasai komputer, pemahaman yang
cukup untuk mengolah data dalam web serta memiliki pengetahuan tentang
internet.
B. Operator Operator adalah orang yang melakukan manajemen isi konten Secara
keseluruhan, tugasnya adalah bertanggung jawab atas jalannya website seperti mengawasi perkembangan website dari waktu ke waktu dan melakukan update
data pada database sistem. Karakteristik dari operator adalah sebagai berikut :
a. Terbiasa menggunakan komputer. b. Terbiasa melakukan browser internet seperti Mozila Firefox dan lain-lain.
c. Pernah melakukan update data dengan menggunakan form pada website. d. Terbiasa menggunakan email untuk menganggapi respon dari konsumen.
e. Mengerti mengenai data kategori, data produk, data pesanan, data
penjualan, data user. f. Dapat melakuakan editing foto dengan menggunakan photoshop.
g. Terbiasa menggunakan computer berbasis Windows.
C. Member Member merupakan orang yang telah terdaftar dan memiliki hak akses
untuk melakukan transaksi pembelian pakaian. Pengguna jenis ini terdiri dari segala umur yang menginginkan akses terhadap informasi seputar produk.
Karakteristik dari member adalah sebagai berikut : a. Mampu mengoperasikan komputer.
b. Terbiasa menggunakan browser internet seperti : Internet Explorer, Mozila Firework, Netscape navigator atau opera.
c. Pernah minimal satu kali mengakses informasi melalui internet . d. Terbiasa dengan aplikasi E-commerce.
D. Pengunjung Pengunjung merupakan orang yang telah belum terdaftar dalam sistem
penjualan online ini. Pengunjung hanya dapat melakukan kegiatan melihat produk dan mengisi buku tamu dan informasi lain seputar pakaian.
Karakteristik dari pengunjung adalah sebagai berikut : a. Mampu mengoperasikan komputer.
b. Terbiasa menggunakan browser internet seperti : Internet Explorer, Mozila Firework, Netscape navigator atau opera.
c. Pernah minimal satu kali mengakses informasi melalui internet. d.
Terbiasa dengan aplikasi E-commerce.
E. Petugas produksi Petugas produksi adalah orang yang melakukan produksi barang Secara
keseluruhan, tugasnya adalah bertanggung jawab atas jalannya kegiatan produksi pesanan ataupun penyedian stok.
Karakteristik dari petugas produksi adalah sebagai berikut : a. Terbiasa menggunakan komputer.
b. Terbiasa melakukan browser internet seperti Mozila Firefox dan lain-lain. c. Pernah melakukan update data dengan menggunakan form pada website.
d. Terbiasa menggunakan computer berbasis Windows.
3. Evaluasi pengguna admin dan operator
Setelah dilakukan analisis dan wawancara dengan pihak POINT, maka dapat disimpulkan bahwa pimpinan perusahaan sesuai menjadi admin aplikasi E-
Commerce yang akan dibangun dan bagian penjualan sebagai operator.
3.2 Analisis Basis Data
3.2.1 Entity Relationship Diagram
ERD merupakan cara untuk mengorganisasikan data di mana diagram ini akan memperlihatkan hubungan entitas yang terdapat di dalam sistem E-R yang di
usulkan untuk sistem yang akan di bangun dapat di lihat pada gambar 3.4 berikut ini.
user member
ongkoskirim kota
level memiliki
provinsi
id_kota order
id_provinsi
id_kategori id_produk
id_kota username_member
id_produk id_order
memiliki id_order
id_produk id_detail_order
mengelola kategori
memiliki id_kategori
retur memiliki
id_order id_produk
username_member id_retur
memiliki detail_retur
id_retur id_detail_retur
1 N
N N
1
1 1
N N
1 1
1 N
1 N
gambar id_produk
id_gambar memiliki
N 1
ukuran nama_ukuran
N Id_user
username detail_order
Nama_produk stok
berat harga
tgl_masuk memiliki
1 N
id_member nama_kategori
Id_ukuran photo
vote melakukan
memiliki 1
1
1 N
id_produk id_vote
nama_kota nama_provinsi
memiliki
1 1
memiliki N
1
Jenispengiriman Id_jenispengiriman
nama_jenispengiriman deskripsi_jenispengiriman
N
nama_ukuran id_member
password alamat
kodepos
Id_ongkoskirim Id_kota
Id_jenispengiriman id_kota
id_provinsi shoutbox
mengisi id_shoutbox
username_member
memiliki 1
N Id_wl
id_produk id_detailproduk
id_member Id_wl_temp
memiliki produk
memiliki N
1 1
waitinglist Jasapengiriman
memiliki Id_jenispengiriman
Id_jasapengiriman Id_jasapengiriman
nama_jasapengiriman deskripsi_jasapengiriman
1 N
Detail_Produk id_produk
id_detailproduk id_ukuran
hubungi mengisi
1 N
menjawab N
1 Option_detail
Gambar 3. 4 Entity Relation Diagram Aplikasi E -Commerce POINT
3.3 Analisis Kebutuhan Fungsional
3.3.1 Diagram Konteks
Diagram Konteks adalah diagram yang menggambarkan secara umum yang menjadi masukan, proses dan keluaran yang terjadi pada sebuah sistem.
Diagram konteks untuk perangkat lunak yang akan dibangun dapat dilihat pada
gambar 3.5 sebagai berikut.
Membangun aplikasi e-commerce penjualan
peralatan taekwondo pada home industri point
member admin
Jejaring sosial pengunjung
paypal data kategori
data produk Data pendaftaran
Info kategori Info produk
Info pendaftaran
Data login admin Data operator
Data laporan penjualan Data produk
Info login admin Info operator
Info laporan penjualan Info produk
Status pembayaran
Data pembayaran
data produk Info produk
Data login member data produk
data histori pemesanan data transaksi pembayaran
Info login Info member
Info produk Info history pemesanan
Info transaksi pembayaran operator
data login operator data kategori, data produk
data member, data order data kota, data cara pembelian,
data hubungi Info login operator
Info kategori, info produk, info member, info order, info kota,
Info cara pembelian, info hubungi Web mail
Data aktivasi akun registrasi Data konfirmasi pemesanan
Info aktivasi akun registrasi Info Konfirmasi pemesanan
produksi info login produksi
info Order wl data login produksi
data Order wl
Jasa pengiriman Data jasa pengiriman
inf o
jasa pe
ngiri ma
n
Gambar 3. 5 Diagram Konteks Aplikasi E -Commerce POINT
3.3.2 Analisis Data Flow Diagram DFD
Data Flow Diagram merupakan suatu media yang digunakan untuk
menggambarkan aliran data yang mengalir pada suatu sistem informasi. Dalam Data Flow Diagram DFD
terdiri dari entitas luar, aliran data, proses, dan
penyimpanan data. Adapun Data Flow Diagram dari Pembangunan Aplikasi E- commerce di POINT adalah sebagai berikut :
3.3.2.1 DFD Level 1
Berikut ini adalah DFD level 1 dari sistem yang akan dibangun.
1 pendaftaran
2 login
4 pengolahan
data user Pengunjung
member Data pendaftaran
Data pendaftaran member Info pendaftaran member
Member admin
Info login valid, invalid Info login valid, invalid
Data login member Info login admin
operator In
fo d
a ta
lo g
in v
a lid
, in va
lid Da
ta o
p e
ra to
r In
fo o
p e
ra to
r D
a ta
o p
e ra
to r
Info data admin data admin
In fo
d a
ta m
e mb
e r
Info data member data member
d a
ta me
mb e
r 3
pemesanan produk
Info pesanan data pesanan
produk data produk
5 pengolahan data
master order detail
provinsi data order detail
data provinsi
order kategori
kota d
a ta
o rd
e r
d a
ta k
a te
g o
ri d
a ta
ko ta
In fo
O rd
e r
d ta
il
info data order d
a ta
ka te
g o
ri d
a ta
ko ta
d a
ta p
ro vin
si in
fo d
a ta
ko ta
in fo
d a
ta ka
te g
o ri
in fo
d a
ta p
ro vi
n si
Info data petugas, kota, provinsi, modul,
kategori, produk, produk opsi, gambar
yang akan dicari, diubah, ditambah,
dihapus data petugas, kota,
provinsi, modul, kategori, produk,
produk opsi, gambar yang akan dicari,
diubah, ditambah, dihapus
6 Pembuatan
laporan info order detail yang
akan dicari atau dicetak data order detail yang akan
dicari atau dicetak info order yang
akan dicari atau dicetak data order yang akan
dicari atau dicetak shoutbox
hubungi Detail
produk gambar
Ongkos kirim
retur info data retur
data retur data retur
in fo
g a
mb a
r d
a ta
g a
mb a
r in
fo d
e ta
il p ro
d u
k Da
ta d
e ta
il p ro
d u
k in
fo h
u b
u n
g i
d a
ta h
u b
u n
g i
in fo
o n
g ko
s k
irim d
a ta
o n
g ko
s k irim
info shoutbox data shoutbox
paypal Info
pembayaran Data
pembayaran
Jejaring sosial info produk
data produk Info pendaftaran
valid atau invalid
Da ta
m e
mb e
r In
fo me
mb e
r operator
In fo
d a
ta o
p e
ra to
r d
a ta
o p
e ra
to r
data login admin Info login operator
data login operator
admin d
a ta
lo g
in a
d min
In fo
lo g
in a
d mi
n
Info laporan penjualan Info laporan produk
Da ta
l a
p o
ra n
p e
n ju
a la
n Da
ta l
a p
o ra
n p
ro d
u k
d a
ta o
rd e
r d
e ta
il
data order
ukuran D
a ta
u ku
ra n
in fo
u k
u ra
n Aktivasi akun
Info aktivasi akun
p e
n a
g ih
a n
tra n
sa ks
i p
e n
a g
ih a
n t
ra n
sa ksi b
e rh
a sil
waitinglist Info wl
Data wl Da
ta wl
7 penyajian
data produk In
fo _
p ro
d u
k, In
fo _
p ro
d u
k_ te
rb a
ru In
fo _
p ro
d u
k_ b
a n
ya k
_ d
ili h
a t
In fo
_ p
ro d
u k_
te rla
ri s
In fo
_ p
ro d
u k,
In fo
_ p
ro d
u k_
te rb
a ru
In fo
_ p
ro d
u k_
b a
n ya
k _
d ili
h a
t
In fo
_ p
ro d
u k_
te rl
a ri
s Da
ta p
ro d
u k
Da ta
p ro
d u
k Web email
data order Info data order
8 pencarian
Data produk info produk
in fo
p ro
d u
k
Da ta
p ro
d u
k
Da ta
p ro
d u
k in
fo p
ro d
u k
jasapengiriman in
fo Ja
sa p
e n
g irima
n d
a ta
Ja sa
p e
n g
iri ma
n 9
Backup restore
Data backuprestore
Laporan data bacuprestore
d a
ta p
e me
sa n
a n
d a
ta p
e me
sa n
a n
Gambar 3. 6 DFD Level 1
3.3.2.2 DFD Level 2
1. DFD Level 2 Proses 1 Pendaftaran
Proses pendaftaran merupakan alur subproses dari proses pendaftaran dimana Pengunjung melakukan input data pendaftaran, setelah itu sistem
akan memverifikasi akun pendaftaran dengan aktivasi melalui web email. Prosesnya dapat dilihat pada gambar 3.7 berikut ini.
1.1 Pengisian
data member
1.2 aktivasi
Pengunjung member
Info Pendaftaran valid atau invalid
Data pendaftaran member
data login member Data pendaftaran
Info data member
Web mail Data aktivasi akun pendaftaran
Info aktivasi akun pendaftaran
Gambar 3. 7 DFD Level 2 Proses 1 Pendaftaran
2. DFD Level 2 Proses 2 Login
Proses login merupakan alur subproses dari proses login dimana operator, admin, produksi dan member melakukan input login dengan input username
dan verifikasi login dengan cek password, apabila password salah sistem memberikan info login invalid. Untuk member terdapat proses lupa password
dengan memasukkan email member ke sistem kemudian password baru akan di kirimkan melalui web email. Prosesnya dapat dilihat pada gambar 3.8
berikut ini.
operator
Admin Data operator
member Data admin
Data member user
member
2.1 Verifikasi login
2.2 Lupa
password
Info login operator invalid Info login admin invalid
Info login member invalid
Data login invalid
Web mail info password
baru Data password baru
In fo
p a
ssw o
rd b
a ru
Data login user validinvalid Cek data login user
produksi
Info login produksi invalid Data produksi
Data login member validinvalid
Gambar 3. 8 DFD Level 2 Proses 2 Login
3. DFD Level 2 Proses 3 Pemesanan
Proses pemesanan merupakan alur subproses pengolahan data pemesanan dimana operator mengkomfirmasi pembelian dan menyimpan data pemesanan.
Prosesnya dapat dilihat pasa gambar 3.9 berikut ini.
3.1 Order
3.2 retur
operator
member order
produk
Status order Info Status order
data order info order
data retur info retur
data order info order
data retur info retur
3.3 paypal
paypal Data pembayaran
Status pembayaran
3.4 transfer
3.5 waitinglist
Web email
waitinglist
Data wl
Info wl Data wl
In fo
d a
ta w
a it
in g
list D
a ta
p e
m b
a ya
ra n
In fo
p e
m b
a ya
ra n
In fo
p e
m b
a ya
ra n
Da ta
p e
m b
a ya
ra n
Da ta
p e
m b
a y
a ra
n
In fo
p e
m b
a ya
ra n
In fo
p e
m b
a ya
ra n
D a
ta p
e m
b a
ya ra
n
Gambar 3. 9 DFD Level 2 Proses 3 Pemesanan
.
4. DFD Level 2 Proses 4 Pengolahan Data User
Pengolahan data user merupakan alur subproses dari proses data user dimana operator dan member bisa melakukan perubahan pada profile dan password.
Prosesnya dapat dilihat pada gambar 3.10 dibawah ini.
operator member
4.1 olah data
member
4.2 olah data
operator member
info data operator
data operator data member
info data member data member
info data member
data member info data member
data operator info data operator
admin user
4.3 olah data
admin info data admin
data admin data admin
info data admin data operator
info data operator
produksi 4.3
olah data Petugas
produksi info data produksi
data produksi data produksi
info data produksi info data produksi
da ta
pro du
k s
i
Gambar 3. 10 DFD Level 2 Proses 4 Pengolahan Data User
5. DFD Level 2 Proses 5 Pengolahan Data Master
Pengolahan data master merupakan alur subproses pengolahan data master dimana operator melakukan pengolahan data kategori, data produk, data detail
produk, data member, data ongkos kirim, data hubungi, data ukuran, data provinsi, data kota, dan data jasa pengiriman. Prosesnya dapat dilihat pada gambar
3.11 berikut ini.
5.1 pengolahan
data shoutbox
5.3 pengolahan
data provinsi
5.4 pengolahan
data kota 5.11
pengolahan data retur
5.7 pengolahan
data hubungi
5.2 pengolahan
data produk shoutbox
kota provinsi
retur
hubungi produk
members orders
ongkoskirim
operator 5.8
pengolahan data
members 5.9
pengolahan data order
5.10 pengolahan
data ongkoskirim
info retur data retur
info retur data retur
info shoutbox data shoutbox
info produk yang ditambah, diubah
data produk yang ditambah, diubah
info provinsi yang ditambah, diubah
inf o
hu bu
ng i
data provinsi yang ditambah, diubah
data kota yang ditambah, diubah
d at
a h
ub un
gi jejaring sosial
info produk data produk
data kota yang ditambah, diubah
info kota yang ditambah, diubah
data provinsi yang ditambah, diubah
info provinsi yang ditambah, diubah
data produk yang ditambah, diubah
info produk yang ditambah, diubah
data shoutbox info shoutbox
d at
a or
d er
inf o
or d
er d
at a
or de
r inf
o or
de r
inf o
on gko
ski rim
d at
a on
gko ski
rim da
ta o
ng koski
rim in
fo on
gko ski
rim
in fo
m em
be rs
in fo
m em
be rs
da ta
m e
m b
er s
da ta
m em
b er
s
da ta
h ub
un gi
inf o
hu bu
ng i
info kota yang ditambah, diubah
5.5 pengolahan
data kategori
d at
a kat
e go
ri kategori
in fo
ka teg
or i
inf o
kat e
go ri
d at
a kat
eg or
i 5.12
pengolahan data ukuran
d at
a uku
ra n
ukuran in
fo uku
ra n
in fo
u kur
a n
da ta
u kur
a ni
5.13 pengolahan
data Jasa pengiriman
jasapengiriman Data jasa pengiriman
Info jasa pengiriman Data jasa pengiriman
Info jasa pengiriman
Gambar 3. 11 DFD Level 2 Proses 5 Pengolahan Data Master
6. DFD Level 2 Proses 6 Pembuatan Laporan
Pembuatan laporan merupakan alur subproses laporan dimana operator dapat pengolah laporan data produk dan penjualan produk dapat dilihat pada gambar
3.12 berikut ini.
produk
admin info data produk yang dicari
6.2 cetak
laporan
order 6.1
cari data laporan
detail order data produk yang dicari
info da ta
la p
or a
n info data laporan yang dicari atau
dicetak
data laporan yang dicari atau dicetak
info data detail order yang dicari atau dicetak
data detail order yang dicari atau dicetak
info data order yang dicari atau dicetak
data order yang dicari atau dicetak info data laporan
Gambar 3. 12 DFD Level 2 Proses 6 Pembuatan Laporan
7. DFD Level 2 Proses 7 Penyajian Data Produk
Proses penyajian data produk dapat dilihat pada gambar 3.13 berikut ini.
produk 7.1
Tampilan data produk
PENGUNJUNG
7.2 Tampilan
produk terlaris Data_produk
Info_produk Data_produk
Info_produk_terlaris kategori
Detail_produk Data_kategori
Data_detail_produk MEMBER
Info_produk Data_produk
7.3 Tampilan
produk terbaru 7.4
Tampilan produk paling
banyak dlihat Info_
p ro
du k
_ te
rb ar
u Info_produk_terbaru
Data_produk Data_produk
Data_produk Info_produk_terbaru
Info_produk_Paling_bnyk_dilihat Info
_ pr
od u
k _
te rl
a ri
s
Info_produk_Paling_bnyk_dilihat In
fo _
pr od
uk _
P a
lin g
_ b
ny k
_ d
ili h
at Info_ produk
orders
Info_produk_terlaris
Data_produk Data_produk
Gambar 3. 13 DFD Level 2 Proses 7 Penyajian Data Produk
3.3.2.3 DFD Level 3
1. DFD Level 3 Proses 3.1 Proses Order
Proses order dapat dilihat pada gambar 3.14 berikut ini.
data produk yang dipesan 3.1.1
produk yang dipesan
3.1.3 Konfirmasi
data pesanan
3.1.2 Konfirmasi
alamat pengiriman
orders
Orders_detail ongkos kirim
kota member
info data produk yang dipesan data produk yang dipesan
data produk yang dipesan info data produk yang dipesan
info produk yang dipesan info produk yang dipesan
data produk yang dipesan
info produk yang dipesan data produk yang dipesan
data ongkos kirim info ongkos kirim
data kota info data kota
data kota info data kota
Gambar 3. 14 DFD Level 3 Proses 3.1 Proses Order 2.
DFD Level 3 Proses 3.2 Proses Waitinglist Proses pengolahan data waitinglist dapat dilihat pada gambar 3.15 berikut ini.
data produk yang dipesan 3.2.1
produk yang dipesan
3.2.2 Lama
pemesanan waitinglist
member info produk yang dipesan
data produk yang dipesan Info produk yang dipesan
data Jumlah pesanan info Lama pemesanan
Web mail
Info lama pemesanan data produk yang dipesan
orders
info produk yang dipesan data produk yang dipesan
Gambar 3. 15 DFD Level 3 proses 3.2 proses waitinglist
3. DFD Level 3 Proses 5.2 Pengolahan Data Produk
Proses pengolahan data provinsi dapat dilihat pada gambar 3.16 berikut ini.
data produk 5.2.1
Input data produk
5.2.3 Hapus data
produk 5.2.2
Edit data produk
produk
gambar Dttail-produk
operator info data produk
5.2.4 Tambah
Detail produk
5.2.6 Tambah
ukuran 5.2.5
Tambah gambar
produk ukuran
data produk info data produk
info data produk yang akan diedit data produk yang sudah diedit
info data produk yang akan dihapus produk yang sudah dihapus
info data produk opsi yang sudah dihapus opsi tersedia yang sudah dihapus
data opsi tersedia
data gambar info data produk opsi
info data ukuran info dataukuran
info data ukuran data ukuran
data gambar info data gambar
info data gambar Data opsi tersedia
info data produk opsi produk yang sudah
dihapus info data produk
yang akan dihapus info data produk
yang akan diedit data produk yang sudah diedit
Gambar 3. 16 DFD Level 3 Proses 5.2 Pengolahan Data Produk
4. DFD Level 3 Proses 5.3 Pengolahan Data Provinsi
Proses pengolahan data provinsi dapat dilihat pada gambar 3.17 berikut ini.
data provinsi 5.3.1
input data provinsi
5.3.3 hapus data
provinsi 5.3.2
edit data provinsi
provinsi operator
info provinsi
data provinsi yang sudah dihapus info provinsi yang akan diedit
data provinsi yang sudah diedit data provinsi yang sudah diedit
info provinsi yang sudah diedit
data provinsi yang sudah dihapus info provinsi yang sudah dihapus
data provinsi info provinsi
info provinsi yang sudah dihapus kota
data kota Info data kota
Gambar 3. 17 DFD Level 3 Proses 5.3 Pengolahan Data Provinsi
5. DFD Level 3 Proses 5.4 Pengolahan Data Kota
Proses pengolahan kota dapat dilihat pada gambar 3.18 berikut ini.
data kota 5.4.1
Input data kota
5.4.3 Hapus data
kota 5.4.2
edit data kota
kota operator
info data kota
data kota yang sudah dihapus info data kota yang akan diedit
data kota yang sudah diedit data kota
info data kota
data kota yang sudah diedit data kota yang sudah diedit
data kota yang sudah dihapus info data kota yang sudah dihapus
info data kota yang sudah dihapus provinsi
Data provinsi Info data provinsi
Gambar 3. 18 DFD Level 3 Proses 5.4 Pengolahan Data Kota
6. DFD Level 3 Proses 5.5 Proses Pengolahan Data Kategori
Proses pengolahan kategori dapat dilihat pada gambar 3.19 berikut ini.
data kategori 5.5.1
input data kategori
5.5.3 hapus data
kategori 5.5.2
edit data kategori
kategori operator
info kategori
data kategori yang sudah dihapus info kategori yang akan diedit
data kategori yang sudah diedit data kategori yang sudah diedit
info kategori yang sudah diedit
data kategori yang sudah dihapus info kategori yang sudah dihapus
data kategori info kategori
info kategori yang sudah dihapus
Gambar 3. 19 DFD Level 3 Proses 5.5 Proses Pengolahan Data Kategori
7. DFD Level 3 Proses 5.9 Proses Pengolahan Data Order
Proses pengolahan data order dapat dilihat pada gambar 3.24 berikut ini.
data order yang dicari 5.9.1
cari data order
5.9.2 detail data
order orders
operator info data order yang dicari
data order orders_detail
data order yang dicari info data order yang dicari
info data order yang dicari
data order yang dicari
info detail data order data order
info detail data order data order
info detail data order
Gambar 3. 20 DFD Level 3 Proses 5.9 Proses Pengolahan Data Order
8. DFD Level 3 Proses 5.10 Proses Pengolahan data Ongkos Kirim
Proses pengolahan data ongkos kirim dapat dilihat pada gambar 3.21 berikut ini.
data ongkoskirim 5.10.1
input data ongkoskirim
5.10.3 hapus data
ongkoskirim 5.10.2
edit data ongkoskirim
ongkoskirim operator
info data ongkoskirim
data ongkoskirim yang sudah dihapus info data ongkoskirim yang
akan diedit data ongkoskirim yang sudah diedit
data ongkoskirim yang sudah diedit data ongkoskirim
yang sudah diedit
info data ongkoskirim yang sudah dihapus info data ongkoskirim yang sudah dihapus
data ongkoskirim yang sudah dihapus data ongkoskirim
info data ongkoskirim jenis pengiriman
kota info jenis pengiriman
data jenis pengiriman
info kota data kota
Gambar 3. 21 DFD Level 3 Proses 5.10 Proses Pengolahan data Ongkos Kirim
9. DFD Level 3 Proses 5.11 Proses Pengolahan Data Retur
Pengolahan data retur merupakan alur subproses retur dimana member dapat komplain atas produk yang rusak saat pengiriman. Proses pengolahan data retur
dapat dilihat pada gambar 3.22 berikut ini.
data retur 5.11.1
Isi data retur operator
info retur 5.11.2
tampilkan retur retur
data retur yg sudah
dikonfirmasi member
Detail retur
5.11.4 konfirmasi retur
5.11.3 Buka produk
retur
info retur data retur yg akan di konfirmasi
data detail retur data detail retur
yg sudah dikonfirmasi
data retur Data retur
in fo
re tu
r yg
s u
d a
h d
ik o
n frm
a si
Gambar 3. 22 DFD Level 3 Proses 5.11 Proses Pengolahan Data Retur
10. DFD Level 3 Proses 5.12 Proses Pengolahan Data Ukuran
Proses pengolahan data ukuran dapat dilihat pada gambar 3.23 berikut ini.
5.12.1 tambah data
ukuran
operator ukuran
5.12.2 edit data
ukuran
5.12.3 hapus data
ukuran Data ukuran yang akan
ditambah Info ukuran berhasil
ditambah Info ukuran berhasil
ditambah Data ukuran yang akan
ditambah
Info ukuran berhasil diedit
Data ukuran yang akan diedit
Data ukuran yang akan diedit
Info ukuran berhasil diedit
Info ukuran berhasil dihapus Data ukuran yang akan dihapus
Data ukuran yang akan dihapus Info ukuran berhasil dihapus
Gambar 3. 23 DFD Level 3 Proses 5.12 Proses Pengolahan Data Ukuran
11. DFD Level 3 Proses 5.13 Proses Pengolahan Data Jasa Pengiriman
Proses pengolahan data jasa pengiriman dapat dilihat pada gambar 3.24 berikut ini.
5.12.1 tambah data
jasa pengiriman
operator jasapengiriman
5.12.2 edit data jasa
pengiriman
5.12.3 hapus data jasa
pengiriman Data jasa pengiriman
yang akan ditambah Info jasa pengiriman
berhasil ditambah Info jasa pengiriman
berhasil ditambah Data jasa pengiriman
yang akan ditambah
Info jasa pengiriman berhasil diedit
Data jasa pengiriman yang akan diedit
Data jasa pengiriman yang akan diedit
Info jasa pengiriman berhasil diedit
Info jasa pengiriman berhasil dihapus
Data jasa pengiriman yang akan dihapus
Data jasa pengiriman yang akan dihapus
Info jasa pengiriman berhasil dihapus
Gambar 3. 24 DFD Level 3 Proses 5.13 Proses Pengolahan Data Jasa Pengiriman
3.3.3 Spesifikasi proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari gambaran DFD diatas akan
dijelaskan pada table 3.6 dibawah ini
Tabel 3. 6 Spesifikasi Proses
No Detail
Keterangan 1.
No.Proses 1
Nama proses Pendaftaran
Deskripsi Pendaftaran data member
Source Pengunjung
Input Data registrasi
Output Info registrasi valid atau info invalid
Destination Pengunjung
Logika proses 1. Pengunjung
memasukan data
pendaftaran pada form pendaftaran. 2. Apabila data pendaftaran valid, sistem
akan menampilkan
pesan bahwa
pendaftaran berhasil dan pengunjung mengaktifasinya, setelah aktifasi selesai
maka pengunjung dipersilahkan untuk login.
3. Apabila data tidak valid, sistem akan menampilkan pesan kesalahan dan
pengunjung diminta untuk mengisi kembali form pendaftaran.
2. No.proses
1.1 Nama proses
Input data pendaftaran Deskripsi
Menambah data member Source
Pengunjung Input
Data pendaftaran Output
Info pendaftaran valid, info pendaftaran invalid
Destination Pengunjung
Logika proses 1. Pengunjung
memasukan data
pendaftaran . 2. Sistem
akan menampilkan
info pendaftaran .
3. No.proses
1.2 Nama proses
Aktivasi
Deskripsi Melakukan aktivasi akun
Source Pengunjung
Input Data pendaftaran
Output Data login pemesan
Destination Proses login
Logika proses 1. Pengunjung
membuka email
dan memilih tautan yang tersedia untuk
melakukan aktivasi. 2. Sistem akan mengaktifkan akun member
dan masuk kehalaman member. 4.
No.Proses 2
Nama proses Login
Deskripsi Perifikasi data login admin, operator,
produksi, dan member Source
Admin, operator, produksi, member Input
Data login user dan data login member Output
Info login invalid Destination
Admin, operator, produksi, member Logika proses
1. Pengguna Admin, operator, produksi, member mengisi data login pada form
login. 2. Apabila data login valid, sistem akan
menampilkan halaman
akun user,
sedangkan untuk member sistem akan menampilkan halaman akun member.
3. Apabila data login tidak valid, sistem akan menampilkan pesan kesalahan dan
meminta pengguna Admin, operator, produksi, member untuk memasukan
kembali data login pada form login.
5. No.proses
3 Nama proses
Pemesanan Source
Pengunjung atau member Deskripsi
Melakukan proses pemesanan barang Input
Data produk Output
Info produk Logika proses
1. Pengunjung atau member memilih produk yang akan dibeli.
2. Pengunjung atau member mengklik tombol beli untuk memasukan ke
keranjang belanja. 3. Setelah selesai pengunjung melakukan
checkout dan membayar produk yang dipesannya.
6. No.proses
3.1 Nama proses
Order Deskripsi
Member melakukan pesanan Source
Member Input
Data pesanan member Output
Info pemesan member Destination
Member Logika proses
1. Member memasukan data pesanan sementara
melalui menu
yang disediakan.
2. Sistem menampilkan data pesanan sementara.
3. Member bisa melakukan proses tambah, ubah, hapus data pesanan sementara.
4. Member melakukan konfirmasi data pesanan sementara.
5. Sistem akan menampilkan data pesanan. 6. Member dan petugas mengelola data
pesanan. 7.
No. Proses 3.1.1
Nama proses Produk yang dipesan
Source Member
Deskripsi Melakukan proses pemesanan barang
Input Data produk
Output Info produk
Logika proses 1. Member memilih produk yang akan
dibeli. 2. Member mengklik tombol beli untuk
memasukan ke keranjang belanja. 3. Setelah selesai member melakukan
checkout dan membayar produk yang dipesannya.
8. No. Proses
3.1.2 Nama Proses
Konfirmasi alamat pengiriman Deskripsi
Proses konfirmasi alamat kirim pesanan Source
Member Input
Data produk dan transaksi Output
Info data produk dan transaksi Destination
Member Logika proses
1. Member memilih
kota tujuan
pengiriman pesanan. 2. Kemudian
member memilih
jasa pengiriman.
9. No.proses
3.1.3 Nama proses
Konfirmasi data pesanan
Deskripsi Konfirmasi data pesanan barang
Source Member
Input Data produk dan transaksi
Output Info data produk dan transaksi
Destination Petugas operator
Logika proses 1. Sistem meampilkan data pesanan yang
telah dipesan oleh member. 10.
No.proses 3.2
Nama proses Order
Deskripsi Info status pemesanan
Source Petugas operator
Input Data pemesan yang akan diubah statusnya
Output Info pemesan yang telah diubah statusnya
Destination Petugas operator
Logika proses 1. Petugas operator dapat melihat status
pesanan. 2. Petugas operator dapat merubah status
pesanan. 11.
No.proses 4
Nama proses Pengolahan data user
Deskripsi Info data member
Source operator
Input Data member
Output Info member
Destination Operator
Logika proses 1. Petugas operator dapat melihat data
member 2. Petugas operator dapat merubah status
member. 12.
No.proses 4.1
Nama proses Olah data member
Deskripsi Mngolah data member
Source Member
Input Data member yang akan diubah statusnya
Output Info member yang telah diubah statusnya
Destination Member
Logika proses 1. Operator masuk ke menu member.
2. Operator dapat merubah statusnya member.
13. No.proses
4.2 Nama proses
Olah data operator Deskripsi
Menampilkan kelola data operator Source
Admin Input
Data operator yang akan diubah
Output Info data operator yang sudah diubah
Destination Operator
Logika proses 1. Operator masuk ke menu profil.
2. Operator dapat merubah data operator. 14.
No.proses 4.3
Nama proses Olah data admin
Deskripsi Menampilkan kelola data admin
Source Admin
Input Data admin yang akan diubah
Output Info data admin yang sudah diubah
Destination Admin
Logika proses 1. Admin masuk ke menu profil.
2. Admin dapat merubah data admin. 15.
No.proses 4.4
Nama proses Olah data petugas produksi
Deskripsi Menampilkan kelola data petugas produksi
Source produksi
Input Data petugas produksi yang akan diubah
Output Info data produksi yang sudah diubah
Destination produksi
Logika proses 1. produksi masuk ke menu profil.
2. produksi dapat merubah data. 16.
No.proses 5.2
Nama proses Pengolahan data produk
Deskripsi Menampilkan data produk yang akan
ditambah, diubah Source
Operator Input
Data produk yang akan diubah, ditambah Output
Info data produk yang sudah diubah, ditambah
Destination Admin
Logika proses 1. Operator memilih menu pengolahan
data barang. 2. Sistem akan menampilkan data barang.
3. Operator melakukan pengolahan data barang.
4. Sistem akan menampilkan data barang yang
telah ditambah,dihapus
atau diubah.
17. No.proses
5.2.1 Nama proses
Input data produk Deskripsi
Menyimpan data produk Source
Operator Input
Data produk yang akan disimpan Output
Info data produk yang sudah disimpan
Destination Admin
Logika proses 1. Admin memasukan data.
2. Sistem akan menampilkan data barang yang telah diinputkan.
18. No.proses
5.2.2 Nama proses
Edit data produk Deskripsi
Edit data produk Source
Operator Input
Data produk yang akan diedit Output
Info produk yang telah diedit Destination
Admin Logika proses
1. Sistem akan menampilkan data produk yang telah diedit.
19. No.proses
5.2.3 Nama proses
Hapus data produk Deskripsi
Hapus data produk Source
Operator Input
Data produk yang akan dihapus Output
Data produk yang telah dihapus Destination
Admin Logika proses
1. Operator memilih menu produk. 2. Kemudian Operator memilih produk
yang akan dihapus. 3. Sistem akan menghapus data produk
yang dipilih. 20.
No.proses 5.2.4
Nama proses Tambah Detail produk
Deskripsi Menambah data detail produk
Source Operator
Input Data detail produk
Output Data produk yang telah diinputkan
Destination Admin
Logika proses 1. Operator memilih menu produk.
2. Kemudian operator memilih produk yang akan ditambah detail produk.
3. Sistem akan menampilkan detail produk yang telah ditambah.
21. No. proses
5.2.5 Nama proses
Tambah gambar produk Deskripsi
Menambah data gambar produk Source
Operator Input
Data gambar produk Output
Data gambar produk yang telah diinputkan Destination
Admin
Logika proses 1. Operator memilih menu produk.
2. Kemudian operator memilih produk yang akan ditambah gambarnya.
3. Sistem akan menampilkan data gambar produk yang telah ditambahkan.
22. No.proses
5.3 Nama proses
Pengolahan data kota Deskripsi
Data kota yang akan diinput, edit, hapus Source
Operator Input
Data kota yang akan diinput, edit, hapus Output
Data kota yang telah diinput, edit, hapus Destination
Admin Logika proses
1. Operator memilih menu kota. 2. Sistem akan menampilkan data kota.
23. No.proses
5.3.1 Nama proses
Input data kota Deskripsi
Menambah data kota baru Source
Operator Input
Data kota yang akan diinput Output
Data kota yang telah diinput Destination
Admin Logika proses
1. Operator memilih menu kota. 2. Kemudian operator menambah data kota.
3. Sistem akan menampilkan data kota
yang telah ditambahkan. 24.
No.proses 5.3.2
Nama proses Edit data kota
deskripsi Mengubah data kota
Source Operator
Input Data kota yang akan diedit
Output Data kota yang telah diedit
Destination Admin
Logika proses 1. Operator memilih menu kota.
2. Kemudian Operator mengubah data kota. 3. Sistem akan menampilkan data kota
yang telah diubah. 25.
No.proses 5.3.3
Nama proses Hapus data kota
Deskripsi Menghapus data kota
Source Operator
Input Data kota yang akan dihapus
Output Data kota yang telah dihapus
Destination Admin
Logika proses 1. Operator memilih menu kota.
2. Kemudian operator memilih data kota yang akan dihapus.
3. Sistem akan menghapus data kota yang telah dipilih.
26. No.proses
5.4 Nama proses
Pengolahan data provinsi Deskripsi
Mengolah data provinsi Source
Operator Input
Data provinsi
yang akan
diinput,dihapus,diedit Output
Data provinsi
yang telah
diinput,dihapus,diedit Destination
Admin Logika proses
1. Admin memilih menu provinsi 2. Sistem akan menampilkan data provinsi.
27. No.proses
5.4.1 Nama proses
Input data provinsi Deskripsi
Menambah data provinsi baru Source
Operator Input
Data provinsi yang akan diinput Output
Data provinsi yang telah diinput Destination
Operator Logika proses
1. Operator memilih menu provinsi. 2. Kemudian Operator menambah data
provinsi. 3. Sistem akan menampilakn data provinsi
baru. 28.
No.proses 5.4.2
Nama proses Edit data provinsi
Deskripsi Mengubah data provinsi
Source Operator
Input Data provinsi yang akan diedit
Output Data provinsi yang telah diedit
Destination Operator
Logika proses 1. Operator memilih menu provinsi.
2. Kemudian Operator memilih data provinsi yang akan diedit.
3. Sistem akan menampilkan data provinsi yang telah diedit.
29. No.proses
5.4.3 Nama proses
Hapus data provinsi Deskripsi
Menghapus data provinsi Source
Operator
Input Data provinsi yang akan dihapus
Output Data provinsi yang telah dihapus
Destination Operator
Logika proses 1. Operator memilih menu provinsi.
2. Kemudian Operator memilih data provinsi yang akan dihapus.
3. Sistem akan menghapus data provinsi. 30.
No.proses 5.5
Nama proses Pengolahan data hubungi
Deskripsi Mengolah data hubungi
Source Operator
Input Data hubungi
Output Data hubungi yang telah dibalas
Destination Operator
Logika proses 1. Operator memilih menu hubungi.
2. Sistem akan menampilkan data hubungi. 31.
No.proses 5.6
Nama proses Mengolah data kategori
Deskripsi Menambah data kategori baru
Source Operator
Input Data
kategori yang
akan diinput,diedit,dihapus
Output Data
kategori yang
telah diinput,diedit,dihapus
Destination Operator
Logika proses 1. Operator memilih menu kategori.
2. Sistem akan menampilkan data kategori. 32.
No.proses 5.6.1
Nama proses Input data kategori
Deskripsi Menambah data kategori baru
Source Operator
Input Data kategori yang akan diinput
Output Data kategori yang telah diinput
Destination Operator
Logika proses 1. Operator memilih menu kategori.
2. Kemudian Operator memasukan data kategori baru.
3. Sistem akan menampilkan data kategori baru.
33. No.proses
5.6.2 Nama proses
Edit data kategori Deskripsi
Mengubah data kategori Source
Operator Input
Data kategori yang akan diubah
Output Data kategori yang telah diubah
Destination Operator
Logika proses 1. Operator memilih menu kategori.
2. Kemudian Operator memilih kategori yang akan diubah.
3. Sistem akan menampilkan data kategori yang telah diubah.
34. No.proses
5.6.3 Nama proses
Hapus data kategori Deskripsi
Menghapus data kategori Source
Operator Input
Data kategori yang akan dihapus Output
Data kategori yang telah dihapus Destination
Operator Logika proses
1. Operator memilih menu kategori. 2. Kemudian Operator memilih data
kategori yang akan dihapus. 3. Sistem akan menghapus data kategori
yang dipilih. 35.
No.proses 5.8
Nama proses Pengolahan data member
Deskripsi Mengolah data member
Source Operator
Input Data member
Output Data member
Destination Operator
Logika proses 1. Operator memilih menu user.
2. Sistem akan menampilkan data member.
36. No.proses
5.9 Nama proses
Pengolahan data order Deskripsi
Mengolah data order Source
Operator Input
Data order yang akan diolah Output
Data order yang telah diolah Destination
Operator Logika proses
1. Operator memilih menu orders. 2. Sistem akan menampilkan data orders.
37. No.proses
5.9.1 Nama proses
Cari data order Deskripsi
Pencarian data order Source
Operator Input
Data order yang akan dicari Output
Data order yang dicari
Destination Operator
Logika proses 1. Operator memilih menu order.
2. Kemudian Operator memasukan data order yang akan dicari.
3. Sistem akan menampilkan data order yang dicari.
38. No.proses
5.9.2 Nama proses
Detail data order Deskripsi
Menampilkan detail data order Source
Admin Input
Data order yang akan ditampilkan Output
Data order yang telah ditampilkan Destination
Operator Logika proses
1. Operator memilih menu order. 2. Kemudian Operator memilih data order
yang akan dilihat. 3. Sistem akan menampilkan data order
yang dilihat. No.proses
5.10 Nama proses
Pengolahan data ongkos kirim deskripsi
Mengolah data ongkos kirim Source
Operator Input
Data ongkos kirim yang akan diinput, diedit, dihapus
Output Data ongkos kirim yang telah diinput,
diedit, dihapus Destination
Operator Logika proses
1. Operator memilih menu ongkos kirim. 2. Sistem akan menampilkan data ongkos
kirim.
39. No.proses
5.10.1 Nama proses
Input data ongkos kirim Deskripsi
Memasukan data ongkos kirim baru Source
Operator , member Input
Data ongkos kirim yang akan diinputkan Output
Data ongkos kirim yang telah diinputkan Destination
Operator Logika proses
1. Operator memilih menu ongkos kirim. 2. Kemudian Operator menginputkan data
ongkos kirim. 3. Sistem akan menampilkan data ongkos
kirim. 40.
No.proses 5.10.2
Nama proses Edit data ongkos kirim
Deskripsi Mengubah data ongkos kirim
Source Operator
Input Data ongkos kirim yang akan diubah
Output Data ongkos kirim yang telah diubah
Destination Operator
Logika proses 1. Operator memilih menu ongkos kirim.
2. Kemudian Operator memilih data ongkos kirim yang akan diubah.
3. Sistem akan menampilkan data ongkos kirim yang telah diubah.
41. No.proses
5.10.3 Nama proses
Hapus data ongkos kirim Deskripsi
Menghapus data ongkos kirim Source
Operator Input
Data ongkos kirim yang akan dihapus Output
Data ongkos kirim yang telah dihapus Destination
Operator Logika proses
1. Operator memilih menu ongkos kirim. 2. Kemudian Operator memilih data
ongkos kirim yang akan dihapus. 3. Sistem akan menghapus data ongkos
kirim yang telah dipilih.
42. No.proses
5.11 Nama proses
Pengolahan data retur Deskripsi
Mengelola data retur barang Source
Operator Input
Data barang yang akan diretur Output
Info data barang retur Destination
Operator Logika proses
1. Operator memilih menu retur. 2. Sistem menampilkan data retur.
43. No.proses
5.11.1 Nama proses
Isi data retur Deskripsi
Mengisi data retur barang Source
member Input
Data barang retur yang akan diisi Output
Data barang retur setelah diisi Destination
Operator Logika proses
1. member memilih menu history. 2. Kemudian member memilih data
produk yang akan direturkan.
44. No.proses
5.11.2 Nama proses
Tampilkan data retur Deskripsi
Menampilkan data retur Source
Operator Input
Data barang retur yang dimasukan Output
Data barang retur setelah dikonfirmasi Destination
member Logika proses
1. Member memilih menu retur. 2. Kemudian member memilih detail retur
yang sudah dikonfirmasi 3. Sistem menampilan data retur setelah
dikonfirmasi. 45.
No. proses 5.12.1
Nama proses Tambah data ukuran
Deskripsi Menambah data ukuran
Source Operator
Input Data ukuran produk
Output Data ukuran produk yang sudah ditambah
Destination Operator
Logika proses 1. Operator memilih menu ukuran.
2. Kemudian operator
mengisi detail
ukuran. 3. Sistem menampilkan ukuran yang telah
ditambah. 46.
No. proses 5.12.2
Nama proses Edit data ukuran
Source Operator
Input Data ukuran produk
Output Data ukuran produk yang sudah diedit
Destination Operator
Logika proses 1. Operator memilih menu ukuran.
2. Kemudian operator memilih ukuran yang akan diedit.
3. Sistem menampilkan ukuran yang telah diedit.
47. No. proses
5.12.3 Nama proses
Hapus data ukuran Source
Operator Input
Data ukuran produk Output
Data ukuran produk yang sudah dihapus Destination
Admin Logika proses
1. Operator memilih menu ukuran. 2. Kemudian operator memilih data
ukuran yang akan dihapus ukurannya. 3. Sistem menampilkan ukuran yang telah
dihapus. 48.
No. proses 5.13.1
Nama proses Tambah data jasa pengiriman
Source Operator
Input Data jasa pengiriman
Output Data jasa pengiriman yang sudah ditambah
Destination Operator
Logika proses 1. Operator
memilih menu
jasa pengiriman.
2. Kemudian operator menambah data jasa pengiriman.
3. Sistem menampilkan
data jasa
pengiriman yang telah ditambah. 49.
No. proses 5.13.2
Nama proses Edit data jasa pengiriman
Source Operator
Input Data jasa pengiriman
Output Data jasa pengiriman yang sudah diedit
Destination Operator
Logika proses 1. Operator
memilih menu
jasa pengiriman.
2. Kemudian operator mengedit data jasa pengiriman.
3. Sistem menampilkan
data jasa
pengiriman yang telah diedit. 50.
No. proses 5.13.3
Nama proses Hapus data jasa pengiriman
Source Operator
Input Data jasa pengiriman
Output Data jasa pengiriman yang sudah dihapus
Destination Operator
Logika proses 1. Operator
memilih menu
jasa pengiriman.
2. Kemudian operator menghapus data jasa pengiriman.
3. Sistem menampilkan
data jasa
pengiriman yang telah dihapus. 51.
No.proses 6
Nama proses Pembuatan laporan
Deskripsi Pembuatan laporan penjualan, produk
Source Admin
Input Data order, produk
Output Info atau cetak laporan order dan produk
Destination Admin
Logika proses 1. Admin memilih menu laporan.
2. Sistem menampilkan data laporan yang akan dicetak.
52. No.proses
6.1 Nama proses
Cari data laporan Deskipsi
Mencari data laporan Source
Admin Input
Data produk dan order Output
Informasi data produk dan order yang akan dicetak
Destination Admin
Logika proses 1. Admin memilih menu laporan.
2. Kemudian admin memilih data laporan yang akan dibuat.
3. Sistem menampilkan data laporan yang dipilih oleh admin.
53. No.proses
6.2 Nama proses
Cetak laporan Deskripsi
Mencetak laporan Source
Admin Input
Data produk dan order Output
Informasi data produk dan order yang akan dicetak
Destination Admin
Logika proses 1. Admin memilih menu laporan.
2. Kemudian admin memilih data laporan yang akan dibuat.
3. Sistem menampilkan data laporan yang akan dicetak oleh admin.
54. No.proses
7 Nama proses
Lihat data produk Deskripsi
Melihat data produk Source
Pengunjung atau Member Input
Data produk Output
Informasi data produk terbaru, terlaris, dan paling banyak dilihat
Destination Pengunjung atau Member
Logika proses Pengunjung atau member melihat data
produk terbaru, terlaris, dan paling banyak dilihat
49. No.proses
7.1 Nama proses
Tampilan data produk Deskripsi
Melihat data produk
Source Pengunjung atau Member
Input Data Produk
Output Data Produk
Destination Pengunjung atau Member
Logika proses Pengunjung atau member melihat data
produk 50.
No.proses 7.2
Nama proses Tampilan data produk terlaris
Deskripsi Melihat data produk terlaris
Source Pengunjung atau Member
Input Data Produk
Output Data Produk Terlaris
Destination Pengunjung atau Member
Logika proses Pengunjung atau member melihat data
produk terlaris 51.
No.proses 7.3
Nama proses Tampilan data produk terbaru
Deskripsi Melihat data produk terbaru
Source Pengunjung atau Member
Input Data Produk
Output Data Produk Terbaru
Destination Pengunjung atau Member
Logika proses Pengunjung atau member melihat data
produk terbaru 52.
No.proses 7.4
Nama proses Tampilan data produk paling banyak dilihat
Deskripsi Melihat data produk paling banyak dilihat
Source Pengunjung atau Member
Input Data Produk
Output Data Produk paling banyak dilihat
Destination Pengunjung atau Member
Logika proses Pengunjung atau member melihat data
produk paling banyak dilihat 53.
No.proses 8
Nama proses Pencarian
Deskripsi Mencari data produk
Source Pengunjung atau Member
Input Data Produk
Output Data Produk yang dicari
Destination Pengunjung atau Member
Logika proses Pengunjung atau member mencari data
produk 53.
No.proses 9
Nama proses Backup Restore
Deskripsi Melakukan Backup Restore
3.3.4 Kamus Data
Untuk menjelaskan semua data yang digunakan dalam sistem, digunakan kamus data. Kamus data untuk sistem ini diuraikan dalam tabel berikut :
Source Operator
Input Database, gambar, file sistem
Output Database, gambar, file sistem
Destination Operator
Logika proses Operator melakukan backup restore
database, gambar, file sistem
No Detail Keterangan
1 Nama
Data login Deskripsi
Berisi data user yang digunakan untuk proses login
Struktur data Username dan password
Username Password
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
2 Nama
Data members Deskripsi
Berisi data member Struktur data
Id_member + Username + password + nama_lengkap + alamat+ jk + email +
no_telp + kota + provinsi + kode_pos + level + blokir + id_sesion
Id_member username
password nama_lengkap
level alamat
jk email
no_telp kota
provinsi kode_pos
level blokir
id_sesion {0..9}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{a..z|A..Z} {a..z|A..Z}
{0..9|a..z|A..Z} {PW}
{0..9|a..z|A..Z|_-.} {0..9}
{0..9} {0..9}
{0..9} {member}
{YN} {0..9|a..z|A..Z}
3 Nama
Data kategori Deskripsi
Data yang berisi tentang kategori produk Struktur data
Id_kategori + nama_kategori + parent_id + kategori_order + kategori _seo
Id_kategori Nama_kategori
Parent_id Kategori_order
Kategori_seo {0..9}
{0..9|a..z|A..Z} {0..9}
{0..9} {0..9}
4 Nama
Order_temp Deskripsi
data yang berisi data pemesanan sementara Struktur data
Id_order + id_produk + username + jumlah + harga + diskon + id_produk_opsi
+ tgl_order_temp + jam_order_temp + id_session
Id_order Id_produk
Username Jumlah
Harga Diskon
Id_produk_opsi Tgl_order_temp
Jam_order_temp Stok_temp
Id_session {0..9}
{0..9} {0..9|a..z|A..Z}
{0..9} {0..9}
{0..9} {0..9}
{date} {time}
{0..9} {0..9|a..z|A..Z}
5 Nama
Data order Deskripsi
Data yang berisi pesanan Struktur data
Id_order + jasa_kirim + jenis_kirim + no_transaksi
+ username
+ nama_kustomer + alamat + telepon +
email + status_order + status_bayar + status_pengiriman + kode_pos + tanggal _
order + tgl_bayar + tgl_batal + tot_order + dibayar + jam_order + id_prov + id_kota +
no_resi + jns_bayar
Id_order Jasa_kirim
Jenis_kirim No_transaksi
Username {0..9}
{a..z|A..Z} {a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
Nama_kustomer Alamat
Telepon Email
Status_order Ststus_bayar
Status_pengiriman Kode_pos
Tgl_order Tgl_bayar
Tgl_batal Jam_order
Id_kota Id_provinsi
No_resi Jenis_bayar
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{0..9} {0..9|a..z|A..Z|_-.}
{a..z|A..Z} {a..z|A..Z}
{a..z|A..Z} {0..9}
{0..9} {0..9}
{0..9} {0..9}
{0..9} {0..9}
{0..9} {a..z|A..Z}
6 Nama
Data order detail Deskripsi
Data yang berisi order detail Struktur data
Id_orders + id_produk + jumlah + total + diskon + harga + id_produk_opsi
Id_orders_detail Id_produk
Jumlah Total
Diskon Harga
Id_produk_opsi {0..9}
{0..9} {0..9}
{0..9} {0..9}
{0..9} {0..9}
7 Nama
Data shoutbox Deskripsi
Data yang berisi keterangan shoutbox Struktur data
Id_shoutbox + nama + website + pesan + tanggal + jam + aktif
Id_shoutbox Nama
Website Pesan
Tanggal Jam
Aktif {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {date}
{time} {a..z}
8 Nama
Data produk Deskripsi
Data yang berisi produk Struktur data
Id_produk + id_kategori + nama_produk + id_merk + produk_seo + deskripsi + harga
+ diskon + berat + tgl_masuk + gambar + dibeli + dilihat
Id_produk Id_kategori
Nama_produk Produk_seo
Deskripsi Harga
Diskon Berat
Tanggal_masuk Gambar
Dibeli dilihat
{0..9} {0..9}
{a..z|A..Z} {a..z|A..Z}
{a..z|A..Z} {0..9}
{0..9} {0..9}
{date} {0..9|a..z|A..Z}
{0..9} {0..9}
9 Nama
Data kota Deskripsi
Berisi data kota Struktur data
Id_kota + id_prov + nama_kota + kabkota Id_kota
Id_prov Nama_kota
Kabkota {0..9}
{0..9} {a..z|A..Z}
{a..z|A..Z}
10 Nama
Data provinsi Deskropsi
Berisi data provinsi Struktur data
Id_prov + nama_prov Id_provinsi
Nama_kota {0..9}
{a..z|A..Z}
11 Nama
Data hubungi Deskripsi
Data yang berisi keterangan hubungi Struktur data
Id_hubungi + nama + email + subjek + pesan + tanggal
Id_hubungi Nama
Email Subjek
Pesan Tanggal
{0..9} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {date}
12 Nama
Data vote Deskripsi
Berisi data rating produk Struktur data
Id + username + date + vote Id
{0..9}
Useraname Date
Vote {0..9|a..z|A..Z}
{datetime} {0..9}
13 Nama
Data gambar Deskripsi
Berisi data gambar produk Struktur data
Id_gambar + id_produk + photo Id_gambar
Id_produk Photo
{0..9} {0..9}
{image}
14 Nama
Ukuran Deskripsi
Berisi data Ukuran produk Struktur data
Id_ukuran +
nama_ukuran +
deskripsi_ukuran Id_ukuran
nama_ukuran deskripsi_ukuran
{0..9} {0..9|a..z|A..Z}
{0..9|a..z|A..Z}
15 Nama
Detail Produk Deskripsi
Berisi data produk yang memiliki opsi Struktur data
Id_detail_produk + id_produk + ukuran + stok
Id_detail_produk Id_produk
ukuran Stok
{0..9} {0..9}
{0..9} {0..9}
16 Nama
Data user Deskripsi
Berisi data admin dan petugas operator Struktur data
Id_user + username + password + nama_lengkap + email + no_telp + level +
blokir + id_sesion
Id_user Username
Password Nama_lengkap
Email No_telp
Level Blokir
Id_sesion {0..9}
{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|a..z|A..Z} {0..9|a..z|A..Z}
17 Nama
Data ongkoskirim Deskripsi
Berisi data ongkos kirim berdasarkan kota tujuan
Struktur data id_ongkos + id_kota + ongkos_kirim
Id_ongkos Id_kota
Ongkos_kirim {0..9}
{0..9} {0..9}
18 Nama Data jenis pengiriman
Deskripsi Berisi pilihan nama paket jenis pengiriman
Struktur data Id_jenispengiriman+Id_jasapengiriman+
nama_jenispengiriman+ deskripsi_jenispengiriman
Id_jenispengiriman Id_jasapengiriman
nama_jenispengiriman deskripsi_jenispengiriman
{0..9} {0..9}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
19 Nama
Data waiting list Deskripsi
Berisi data waiting list Struktur data
Id_wl +Id_produk +Id_detail_produk +qty +tgl_wl
Id_wl Id_produk
Id_detail_produk qty
tgl_wl {0..9}
{0..9} {0..9}
{0..9} {date}
3.4 Perancangan Basis Data
Perancangan data atau lebih dikenal dengan perancangan basis data yaitu menciptakan atau merancang data yang terhubung dan disimpan secara bersama-
sama. Untuk menggambarkannya digunakanlah skema relasi dan perancangan struktur tabel. Dari dua hasil tersebut, implementasi basis data akan bisa
dikerjakan.
3.4.1 Skema 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 skema relasi dan diagram skema. Adapun skema relasi yang terdapat dalam aplikasi e-commerce ini dapat dilihat pada
gambar 3.25 berikut ini.
kategori
PK id_kategori
parent_id kategori_order
nama_kategori kategori_seo
produk
PK id_produk
nama_produk produk_seo
deskripsi harga
diskon berat
tgl_masuk gambar
dibeli dilihat
FK2 id_kategori
FK1 id_ukuran
hubungi
PK id_hubungi
nama email
subjek pesan
tanggal
username
members
PK username
id_member password
nama_lengkap alamat
jk email
no_telp kode_pos
level blokir
id_session FK1
id_kota id_prov
orders
PK id_orders
jasa_kirim jenis_kirim
no_transaksi nama_kustomer
alamat telepon
email status_order
status_bayar status_pengiriman
kode_pos tgl_order
tgl_bayar tgl_batal
tgl_sampai tot_order
dibayar_dlr dibayar_rp
jam_order no_resi
jenis_bayar ongkos
FK1 id_prov
FK2 id_produk
FK4 username
FK3 id_kota
retur
PK id_retur
tgl_retur status_retur
no_resi_retur id_order
username
kota
PK id_kota
nama_kota kabkota
FK1 id_prov
ongkoskirim
PK id_ongkoskirim
ongkoskirim FK2
id_kota FK1
username_user id_jenispengiriman
provinsi
PK id_prov
nama_provinsi
user
PK username
password nama_lengkap
email no_tlp
level blokir
id_session ukuran
PK id_ukuran
nama_ukuran FK1
username_user gambar
PK id_gambar
photo FK1
id_produk orders_detail
PK id_order_detail
jumlah total
diskon harga
id_order FK1
id_produk FK2
id_orders detail_retur
PK id_detail_retur
alasan jumlah
status_produk_retur FK1
id_retur
detail_produk
PK id_detail_produk
detail_produk stok
FK1 id_produk
komentar
PK id_komentar
nama komentar
tgl_komentar jam_komentar
aktif FK1
id_produk vote
PK id_vote
date vote
FK1 username
FK2 id_produk
orders_temp
PK id_orders_temp
id_produk
username jumlah
harga diskon
id_detail_produk tgl_order_temp
jam_order_temp stok_temp
id_session shoutbox
PK id_shoutbox
nama website
pesan tanggal
jam aktif
username
jenispengiriman
PK id_jenispengiriman
nama_jenispengiriman deskripsi_jenispengiriman
waitinglist
PK id_wl
id_wl_temp qty
tgl_wl jam_wl
id_produk id_detail_produk
id_member id_orders
FK3
FK1 FK2
FK3 FK1
FK2
FK4 FK1
jasapengiriman
PK id_jasapengiriman
nama_jasapengiriman deskripsi_jasapengiriman
FK1 id_jenispengiriman
FK1 FK1
Gambar 3. 25 Skema Relasi Aplikasi E-Commerce POINT
3.4.2 Struktur Tabel
Rincian mengenai struktur tabel yang digunakan adalah sebagai berikut :
Tabel 3. 7 Tabel Members
Field Type
Keterangan Id_member
Int 5 Unique
Username Varchar 50
Primary key Password
Varchar 50 Password member
Nama_lengkap Varchar 100
Nama lengkap member Alamat
Text Alamat email member
Jk Enum „P‟,„W‟
Jenis kelamin member Email
Varchar 50 Email member
No_telp Varchar 13
No telepon member Kota
Int 5 Kota member
Provinsi Int 5
Provinsi member Kode_pos
Varchar 5 Kode pos member
Level Enum „member‟
Level member Blokir
Enum „Y‟,„N‟ Status member
Id_session Varchar 100
Id yang digunakan untuk mencegah perubahan password
oleh pihak yang tidak bertanggung jawab
Tabel 3. 8 User
Field Type
Keterangan Id_user
Int 5 Unique
Username Varchar 50
Primary key Password
Varchar 50 Password admin
Nama_lengkap Varchar 100
Nama lengkap admin Email
Varchar 100 Alamat email admins
No_telp Int 13
No telepon member Level
Enum „operator, admin‟ Level user Blokir
Enum „Y‟,„N‟ Status user
Id_session Varchar 100
Id yang digunakan untuk mencegah perubahan password
oleh pihak yang tidak bertanggung jawab
Tabel 3. 9 Produk
Field Type
Keterangan Id_produk
Int 5 Primary key
Id_kategori Int 5
Foreign key, kategori produk Nama_produk
Varchar 100 Nama produk
Id_merk Int 5
Foreign key, id merk produk Produk_seo
Varchar 100 -
Deskripsi Text
Keterangan produk Harga
Int 20 Harga produk
Diskon Int 3
Diskon produk Berat
Decimal 5,2 Berat produk
Tgl_masuk date
Tanggal masuk produk Gambar
Varchar 100 Gambar produk
Dibeli Int 5
Produk yang terlaris dibeli dilihat
Int 5 Produk yang banyak dilihat
Tabel 3. 10 Detail Produk
Field Type
Keterangan Id_detailproduk
Int 5 Primary key
Id_produk Int 5
Foreign key, id produk ukuran
Varchar 100 Produk yang memiliki opsi
stok Int 5
Stok produk
Tabel 3. 11 Kategori
Field Type
Keterangan Id_produk_opsi
Int 5 Primary key
Id_produk Int 5
Foreign key, id produk option_produk
Varchar 100 Produk yang memiliki opsi
stok Int 5
Stok produk
Tabel 3. 12 Gambar
Field Type
Keterangan Id_gambar
Int 5 Primary key
Id_produk Int 5
Foregn key, id produk Photo
Varchar 100 Gambar produk
Tabel 3. 13 Orders
Field Type
Keterangan Id_order
Int 5 Primary key
Jasa_kirim Varchar 20
Jasa pengiriman yang digunakan
Jenis_kirim Varchar 20
Jenis pengiriman yang digunakan
Username Varchar 50
Foregn key, username Nama_kustomer
Varchar 50 Nama pemesan
alamat Text
Alamat pemesan Telepon
Varchar 13 No telepon pemesan
Email Varchar 30
Alamat email pemesan Status_order
Varchar 30 Status order
Status_bayar Varchar 30
Status bayar Status_pengiriman Varchar 30
Status pengiriman barang Kode_pos
Int 5 Kode pos pemesan
Tgl_order Date
Tanggal pemesanan Tgl_bayar
Date Tanggal dibayar
Tgl_batal Date
Tanggal pembatalan pesanan Tot_order
Int 10 Total pembayaran
Tgl_sampai Date
Tanggal terima pesanan Dibayar
Double 10,2 Jumlah pembayaran pesanan
Jam_order Time
Jam pesanan Id_kota
Int 5 Kota pesanan
Id_prov Int 5
Provinsi pesanan
No_resi Varchar 20
No pengiriman barang Jenis_bayar
Varchar 20 Jenis pembayaran yang
digunakan
Tabel 3. 14 order detail
Field Type
Keterangan Id_orders
Int 11 Foregn key
Id_produk Int 11
Foregn key, id produk jumlah
Int 5 Jumlah produk yang dipesan
Id_produk_opsi Int 5
Foregn key total
Int 10 Harga produk
Diskon Int 3
Diskon produk
Tabel 3. 15 orders Temp
Field Type
Keterangan Id_produk_temp
Int 5 Primary key
Id_produk Int 5
Foregn key, id produk username
Varchar 50 Foregn key, username
Jumlah Int 5
Jumlah pesanan sementara Harga
Int 10 Harga produk
Diskon Int 3
Diskon produk Id_produk_opsi
Int 5 Produk yang memiliki opsi
Tgl_order_temp Date
Tanggal pesanan sementara
Jam_order_temp Time
Jam pesanan sementara Stok_temp
Int 5 Stok sementara
Id_session Varchar 50
-
Tabel 3. 16 Provinsi
Field Type
Keterangan Id_prov
Int 5 Primary key
Nama_prov Varchar 100
Nama provinsi
Tabel 3. 17 Kota
Field Type
Keterangan Id_kota
Int 5 Primary key
id_prov Int 5
Foregn key, id prov Nama_kota
Varchar 50 Nama kota
Kabkota Varchar 50
Nama kabupaten atau kota
Tabel 3. 18 Hubungi
Field Type
Keterangan Id_hubungi
Int 5 Primary key
username Varchar 50
Foregn key, username member email
Varchar 100 Email member
subjek Varchar 100
Judul pesan pesan
Text Isi pesan
tanggal Date
Tanggal pesan dipostingkan
Tabel 3. 19 Shoutbox
Field Type
Keterangan Id_shoutbox
Int 5 Primary key
username Varchar 50
Foregn key ,username member website
Varchar 50 Website member
pesan Text
Isi shoutbox tanggal
Date tanggal shout
jam Time
Jam shout aktif
Enum „Y‟,‟N‟ Status shout aktif atau tidak
Tabel 3. 20 Vote
Field Type
Keterangan id
Int 5 Foregn key
username Varchar 50
username member date
Datetime Waktu member melakukan
vote
vote int 11
Vote yang diberikan member kepada produk yang divote
Tabel 3. 21 Retur
Field Type
Keterangan Id_retur
Int 5 Primary key
Id_order int 5
Id order yang akan diretur Id_produk
int 5 Id produk yang akan diretur
Id_produk_opsi int 5
Opsi produk jumlah
int 10 Jumlah produk
Tgl_retur Date
Tgl retur Status_retur
Tabel 3. 22 Detail Retur
Field Type
Keterangan Id_retur
Int 5 Foreign key
Status_barang Varchar 50
Status barang retur alasan
Text Alasan retur
Tabel 3. 23 Ukuran Nama field
Tipe data Ukuran
Keterangan
id_ukuran Integer
11 Foreign Key, reference table
ukuran id_ ukuran Nama_Ukuran
Varchar 10
Nama ukuran Deskripsi_ukuran Text
- Keterangan ukuran
Tabel 3. 24 Jenis Pengiriman Nama field
Tipe data Ukuran
Keterangan
Id_Jenispengirirman Integer 11
PK Id_jasapengiriman
Integer 11
Foreign Key, reference table jasapengiriman id_
jasapengiriman
Nama_jenis Varchar
50 Nama jenis pengiriman
Deskripsi Integer
11 Keterangan pengiriman
Tabel 3. 25 Waitinglist Nama field
Tipe data Ukuran
Keterangan
Id_wl Integer
5 PK
Id_produk Integer
5 Foreign Key, reference table
produk id_ produk qty
Integer 11
Jumlah produk id_detail_produk
Integer 5
Id detail produk yang akan di waiting list
tgl_wl Date
Tanggal waiting list
Gambar 3. 26 Jasa Pengiriman Nama field
Tipe data
Ukuran Keterangan
Id_jasapengiriman Integer
11 PK
Id_jenispengiriman Integer
11 Foreign Key, reference table
jenispengiriman id_ jenispengiriman
nama_jenispengiriman varchar
500 Jumlah produk
deskripsi_jasapengiriman text
Deskripsi jasa pengiriman
3.5 Perancangan Arsitektur
Setelah melakukan perancangan data pada sistem yang dibangun, maka dilakukanlah perancangan arsitektur. Perancangan arsitektur yang telah dibuat
meliputi beberapa perancangan diantaranya perancangan struktur menu,
spesifikasi antarmuka, perancangan keluaran dan jaringan semantik. 3.5.1
Perancangan struktur menu
Struktur menu dirancang sesuai dengan level pengguna sistem. Terdapat tiga pengguna aplikasi ini yaitu pengunjung, member, admin, dan operator.
Adapun Struktur menunya adalah sebagai berikut: 1. Perancangan struktur menu pengunjung
Menu Utama
Produk Beranda
Cara Pembelian Kontak
daftar
Hubungi kami
Gambar 3. 27 Struktur Menu Pengunjung
2. Perancangan struktur menu member
Login Member
Beranda Produk
Cara pembelian
Keranjang belanja
History
History pesanan
Retur
History retur
Lupa pasword
Hubungi kami kontak
Profil logout
Gambar 3. 28 Struktur Menu Member
3. Perancangan Struktur Menu admin
Menu Utama
Pengolahan data operator
Profile Home
Login Lupa password
Logout Ubah password
Laporan Tambah operator
Order baru Order diterima
Order lunas Order dibayar
Gambar 3. 29 Struktur Menu admin
4. Perancangan Struktur Menu operator
Login operator
Dasboard Pengolahan
data Master Transaksi
Sistem Profil
Logout
Kategori ukuran
Produk Order baru
Order dibayar
Order lunas Order
dikirim
member Backup
Restore
Hubungi kami
Cara pembelian
Ganti password
Ongkos kirim
Kota Provinsi
Keterangan Order
diterima Produk
retur
Shoutbox Order
waitinglist Lupa pasword
Gambar 3. 30 Struktur Menu Operator
5. Perancangan struktur menu petugas produksi
Menu Utama
Login Lupa password
profil Order witinglist
Home Logout
Ganti password
Gambar 3. 31 Struktur menu petugas produksi
3.5.2 Perancangan Antar Muka
Interface atau antarmuka 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 di POINT adalah
sebagai berikut :
3.5.2.1 Perancangan Antarmuka Pengunjung dan Member
1. Perancangan antarmuka halaman beranda
Header Beranda Produk Cara Belanja Keranjang Belanja
kontak
P01
Login Navigasi :
1. Klik Beranda untuk menuju ke P01 2. Klik Produk untuk menuju ke P02
3. Klik Cara Belanja untuk menuju ke P03
4. KliK Keranjang Belanja untuk menuju ke P04
5. KliK Hubungi Kami untuk menuju ke P05
5. Klik link Daftar untuk melakukan registrasi dan menuju ke P06
6. Klik link Login untuk menuju ke P07
7. Klik Lihat untuk menuju ke P08 Cari
Cari Daftar Login
Produk POINT
Produk Terlaris Kategori
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling Banyak Dilihat
Shoutbox
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Footer
Gambar 3. 32 Antarmuka Halaman Beranda
2. Perancangan antarmuka halaman semua produk
P02
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 7. Klik Lihat untuk menuju ke P08
ProdukSemua Produk
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Image Lihat
Footer
Header Beranda Produk Cara Belanja Keranjang Belanja
kontak Cari
Cari Daftar Login
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling Banyak Dilihat
Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 33 Antarmuka Halaman Semua Produk
3. Perancangan antarmuka halaman cara belanja
P03
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 Cara Belanja
Footer
Header Beranda Produk Cara Belanja Keranjang Belanja
kontak Cari
Cari Daftar Login
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling Banyak Dilihat
Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 34 Antarmuka Halaman Cara Belanja
4. Pe rancangan antarmuka halaman keranjang belanja
P04
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 7. Klik Lihat untuk menuju ke P08
Cari Keranjang Belanja
Footer
No Gambar Produk Detail Produk Jumlah Harga Sub Total Aksi
Total Bayar :
Lanjut Belanja
Selesai Belanja
Header Beranda Produk Cara Belanja Keranjang Belanja
kontak Cari
Cari Daftar Login
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling Banyak Dilihat
Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 35 Antarmuka Halaman Keranjang Belanja
5.
Perancangan antarmuka halaman hubungi kami
P05
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 Hubungi Kami
Footer Nama
Email Subjek
Pesan
Header Beranda Produk Cara Belanja Keranjang Belanja
kontak Cari
Cari Daftar Login
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling
Banyak Dilihat Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 36 Antarmuka Halaman Hubungi Kami
6. Perancangan antarmuka halaman registrasi akun
Alamat Member
P06
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 Hubungi Kami
Footer
Username Nama lengkap
Email Jenis Kelamin
Data Member
Laki-laki Perempuan
Telepon
Alamat Member
Alamat Kota kabupaten
Provinsi Kode Pos
Password Member
Password Ulangi Password
Daftar
Header Beranda Produk Cara Belanja Keranjang Belanja
kontak Cari
Cari Daftar Login
Facebookt Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling
Banyak Dilihat Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 37 Antarmuka Halaman Registrasi Akun
7. Perancangan antarmuka halaman login akun
P07
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 Login Akun
Footer
Kustomer Baru Login
Daftar Username
Password Login
Lupa Password Header
Beranda Produk Cara Belanja Keranjang Belanja kontak
Cari Cari
Daftar Login
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling
Banyak Dilihat Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 38 Antarmuka Halaman Login Akun
8. Perancangan antarmuka halaman detail produk
P08
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 Detail Produk
Footer
Beli
Komentar Produk Lainnya
Nama Produk Kategori :
Ukuran : Harga :
Berat : Diskon :
Rating : Deskripsi :
Stok : Header
Beranda Produk Cara Belanja Keranjang Belanja kontak
Cari Cari
Daftar Login
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling
Banyak Dilihat Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 39 Antarmuka Halaman Detail Produk
9. Perancangan antarmuka halaman checkout
P09
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 7. Klik Checkout untuk menuju ke
P09
Checkout
Footer Alamat Akun
Alamat Lain
Data Diri
Alamat
Nama Penerima Email
Telepon Alamat
Provinsi Kota kabupaten
Kode Pos
Kembali Lanjutkan
Header Beranda Produk Cara Belanja Keranjang Belanja
kontak Cari
Daftar Login
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling
Banyak Dilihat Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 40 Antarmuka Halaman Checkout
10. Perancangan antarmuka halaman profil member
P11
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 7. Klik Lihat untuk menuju ke P08
History Pesanan
Footer
No order tgl order tgl expire status pengiriman status bayar aksi Cari Pesanan
Cari Header
Beranda Produk Cara Belanja Keranjang Belanja kontak
Cari Daftar Login
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling
Banyak Dilihat Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 41 Antarmuka halaman Profil Member
11. Perancangan antarmuka halaman History pesanan
P11
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 7. Klik Lihat untuk menuju ke P08
History Pesanan
Footer
No order tgl order tgl expire status pengiriman status bayar aksi Cari Pesanan
Cari Header
Beranda Produk Cara Belanja Keranjang Belanja kontak
Cari Daftar Login
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling
Banyak Dilihat Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 42 Antarmuka Halaman History pesanan
1. Perancangan antarmuka halaman detail history pesanan
P12
Navigasi : 1. Klik Beranda untuk menuju ke P01
2. Klik Produk untuk menuju ke P02 3. Klik Cara Belanja untuk menuju ke
P03 4. KliK Keranjang Belanja untuk
menuju ke P04 5. KliK Hubungi Kami untuk menuju
ke P05 5. Klik link Daftar untuk melakukan
registrasi dan menuju ke P06 6. Klik link Login untuk menuju ke
P07 7. Klik Lihat untuk menuju ke P08
History Pesanan
Footer
No order tgl order tgl expire status pengiriman status bayar aksi Detail Pesanan Barang
Status Pesanan Barang
Data pemesan Data alamat
pengiriman
kembali
Total Biaya kirim
Total berat Grand total
Header Beranda Produk Cara Belanja Keranjang Belanja
kontak Cari
Daftar Login
Facebook Keranjang Belanja
Hubungi kami
JNE Tracking Produk Paling
Banyak Dilihat Login
Produk Terlaris Kategori
Shoutbox
Gambar 3. 43 Antarmuka Detail Halaman Pesanan
3.5.2.2 Perancangan Antarmuka Operator
1. Perancangan antarmuka halaman login operator
HEADER
P13
Footer
Login Username
Password Login
Image Navigasi :
1. Klik Login untuk menuju ke P014
Lupa pasword?
Gambar 3. 44 Antarmuka Halaman Login Operator
2. Perancangan antarmuka halaman dashboard
HEADER
P14
Footer
Dashboard Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Dashboard Pengolahan data
master Logout
Kategori Produk Ukuran
Produk Cara Pembelian
Ongkos Kirim Kota
Provinsi Keterangan
Transaaksi Order Baru
Order Dibayar Order Lunas
Order Dikirim Order Diterima
Sistem Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password
10 Order Terakhir Statistika Data Order
Grafik waitinglist
member
Gambar 3. 45 Antarmuka Halaman Dashboard
3. Perancangan antarmuka halaman kategori produk
HEADER
P15
Footer
Kategori Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Dashboard Pengolahan data
master Logout
Kategori Produk Ukuran
Produk Cara Pembelian
Ongkos Kirim Kota
Provinsi Keterangan
transaksi Order Baru
Order Dibayar Order Lunas
Order Dikirim Order Diterima
Sistem
member Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password
Tambah Kategori Order waitinglist
Gambar 3. 46 Antarmuka Halaman Kategori Produk
4. Perancangan antarmuka halaman ukuran
HEADER
P16
Footer
Ukuran Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Tambah Ukuran Dashboard
Pengolahan data master
Logout Kategori Produk
Ukuran Produk
Cara Pembelian Ongkos Kirim
Kota Provinsi
Keterangan transaksi
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Sistem
member Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password Order waitinglist
Gambar 3. 47 Antarmuka Halaman Ukuran
5. Perancangan antarmuka halaman produk
HEADER
P17
Footer
Detail Produk Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Tambah Cetak
Dashboard Pengolahan data
master Logout
Kategori Produk Ukuran
Produk Cara Pembelian
Ongkos Kirim Kota
Provinsi Keterangan
transaksi Order Baru
Order Dibayar Order Lunas
Order Dikirim Order Diterima
Sistem
member Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password Order waitinglist
Gambar 3. 48 Antarmuka Halaman Produk
6. Perancangan antarmuka halaman cara pembelian
HEADER
P18
Footer
Cara Pembelian Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Dashboard Pengolahan data
master Logout
Kategori Produk Ukuran
Produk Cara Pembelian
Ongkos Kirim Kota
Provinsi Keterangan
transaksi Order Baru
Order Dibayar Order Lunas
Order Dikirim Order Diterima
Sistem
member Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password Order waitinglist
Gambar 3. 49 Antarmuka Halaman Cara Pembelian
7. Perancangan antarmuka halaman ongkos kirim
HEADER
P19
Footer
Ongkos Kirim Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Tambah Ongkos Kirim Dashboard
Pengolahan data master
Logout Kategori Produk
Ukuran Produk
Cara Pembelian Ongkos Kirim
Kota Provinsi
Keterangan transaksi
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Sistem
member Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password Order waitinglist
Gambar 3. 50 Antarmuka Halaman Ongkos Kirim
8. Perancangan antarmuka halaman Kota
HEADER
P20
Footer
Kota Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Tambah Kota Dashboard
Pengolahan data master
Logout Kategori Produk
Ukuran Produk
Cara Pembelian Ongkos Kirim
Kota Provinsi
Keterangan transaksi
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Sistem
member Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password Order waitinglist
Gambar 3. 51 Antarmuka Halaman Kota
9. Perancangan antarmuka halaman Provinsi
HEADER
P21
Footer
Provinsi Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Tambah Provinsi Dashboard
Pengolahan data master
Logout Kategori Produk
Ukuran Produk
Cara Pembelian Ongkos Kirim
Kota Provinsi
Keterangan transaksi
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Sistem
member Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password Order waitinglist
Gambar 3. 52 Antarmuka Halaman Provinsi
10. Perancangan antarmuka halaman Order Baru
HEADER
P22
Footer
Order Baru Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Dashboard Pengolahan data
master Logout
Kategori Produk Ukuran
Produk Cara Pembelian
Ongkos Kirim Kota
Provinsi Keterangan
transaksi Order Baru
Order Dibayar Order Lunas
Order Dikirim Order Diterima
Sistem
member Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password Order waitinglist
Gambar 3. 53 Antarmuka Halaman Order Baru
11. Perancangan antarmuka Halaman Member
HEADER
P23
Footer
Member Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Dashboard Pengolahan data
master Logout
Kategori Produk Ukuran
Produk Cara Pembelian
Ongkos Kirim Kota
Provinsi Keterangan
transaksi Order Baru
Order Dibayar Order Lunas
Order Dikirim Order Diterima
Sistem
member Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password Order waitinglist
Gambar 3. 54 Antarmuka Halaman member
12. Perancangan antarmuka halaman Ganti Password
HEADER
P24
Footer
Ganti Password Navigasi :
1. Klik Dashboard untuk menuju ke P14 2. Klik Kategori Produk untuk
menuju ke P15 3. Klik Merk untuk menuju ke P16
4. Klik Produk untuk menuju ke P17 5. Klik Cara Pembelian untuk
menuju ke P18 6. Klik Ongkos Kirim untuk menuju
ke P19 7. Klik Kota untuk menuju ke P20
8. Klik Provinsi untuk menuju ke P21
9. klik Order Baru untuk menuju ke P22
10. Klik User untuk menuju ke P23 11. Klik Laporan Penjualan Baru
untuk menuju ke P24 12. klik Ganti Password untuk
menuju ke P25 13. klik Logout untuk menuju ke P26
Dashboard Pengolahan data
master Logout
Kategori Produk Ukuran
Produk Cara Pembelian
Ongkos Kirim Kota
Provinsi Keterangan
transaksi Order Baru
Order Dibayar Order Lunas
Order Dikirim Order Diterima
Sistem
member Backup
Restore
Hubungi Kami Shoutbox
Profil Ganti
Password Order waitinglist
Gambar 3. 55 Antarmuka Halaman Ganti Password
13. Perancangan antarmuka halaman logout
HEADER
P25
Footer
Logout
Gambar 3. 56 Antarmuka Halaman Logout
3.5.2.3 Perancangan Antarmuka Admin
1. Perancangan antarmuka halaman login admin
HEADER
P26
Footer
Login Username
Password Login
Image Navigasi :
1. Klik Login untuk menuju ke P014
Gambar 3. 57 Antarmuka login admin
2. Perancangan antarmuka halaman dashboard
HEADER
P27
Footer
Navigasi : 1. Klik Dashboard untuk menuju ke P14
2. Klik Kategori Produk untuk menuju ke P15
3. Klik Merk untuk menuju ke P16 4. Klik Produk untuk menuju ke P17
5. Klik Cara Pembelian untuk menuju ke P18
6. Klik Ongkos Kirim untuk menuju ke P19
7. Klik Kota untuk menuju ke P20 8. Klik Provinsi untuk menuju ke
P21 9. klik Order Baru untuk menuju ke
P22 10. Klik User untuk menuju ke P23
11. Klik Laporan Penjualan Baru untuk menuju ke P24
12. klik Ganti Password untuk menuju ke P25
13. klik Logout untuk menuju ke P26 Dashboard
Data operator Logout
Laporan Laporan Penjualan
Baru Laporan Penjualan
Dibayar Laporan Penjualan
Lunas Laporan Penjualan
Dikirim Laporan Penjualan
Diterima Profil
Ganti Password
Dashboard
10 Order Terakhir Statistika Data Order
Grafik
Gambar 3. 58 Antarmuka halaman dashboard admin
3. Perancangan antar muka halaman tambah operator
HEADER
P28
Footer
Navigasi : 1. Klik Dashboard untuk menuju ke P14
2. Klik Kategori Produk untuk menuju ke P15
3. Klik Merk untuk menuju ke P16 4. Klik Produk untuk menuju ke P17
5. Klik Cara Pembelian untuk menuju ke P18
6. Klik Ongkos Kirim untuk menuju ke P19
7. Klik Kota untuk menuju ke P20 8. Klik Provinsi untuk menuju ke
P21 9. klik Order Baru untuk menuju ke
P22 10. Klik User untuk menuju ke P23
11. Klik Laporan Penjualan Baru untuk menuju ke P24
12. klik Ganti Password untuk menuju ke P25
13. klik Logout untuk menuju ke P26 Dashboard
Data operator Logout
Laporan Profil
Tambah Nama operator
password Laporan Penjualan
Baru Laporan Penjualan
Dibayar Laporan Penjualan
Lunas Laporan Penjualan
Dikirim Laporan Penjualan
Diterima
Gambar 3. 59 Antarmuka tambah operator
4. Perancangan antarmuka laporan
HEADER
P29
Footer
Navigasi : 1. Klik Dashboard untuk menuju ke P14
2. Klik Kategori Produk untuk menuju ke P15
3. Klik Merk untuk menuju ke P16 4. Klik Produk untuk menuju ke P17
5. Klik Cara Pembelian untuk menuju ke P18
6. Klik Ongkos Kirim untuk menuju ke P19
7. Klik Kota untuk menuju ke P20 8. Klik Provinsi untuk menuju ke
P21 9. klik Order Baru untuk menuju ke
P22 10. Klik User untuk menuju ke P23
11. Klik Laporan Penjualan Baru untuk menuju ke P24
12. klik Ganti Password untuk menuju ke P25
13. klik Logout untuk menuju ke P26 Dashboard
Data operator Logout
Laporan Profil
Laporan Penjualan Baru
Laporan Penjualan Dibayar
Laporan Penjualan Lunas
Laporan Penjualan Dikirim
Laporan Penjualan Diterima
laporan
Gambar 3. 60 Perancangan antarmuka laporan
3.5.2.4 Perancangan Antarmuka Pesan
1. Pesan kesalahan login member
Username atau password salah
M01
Gambar 3. 61 Pesan Kesalahan Login Member
2. Pesan kesalahan akan muncul ketika keranjang belanja masih kosong
Keranjang Belanja Masih Kosong
M02
Gambar 3. 62 Pesan Keranjang Belanja Kosong
3. Pesan akan muncul ketika pencarian produk tidak ditemukan
Data Tidak Ditemukan
M03
Gambar 3. 63 Pesan pencarian Produk
4. Pesan kesalahan akan muncul ketika member akan mengakses profil member bila member belum login
Maaf, anda belum login
M04
Gambar 3. 64 Kesalahan Belum login Member
5. Pesan kesalahan akan muncul ketika proses pendaftaran belum lengkap
Username harus diisi Nama harus diisi
Email harus diisi Jenis Kelamin harus diisi
Alamat harus diisi Provinsi harus diisi
Kota harus diisi Masukan kodepos
Password harus diisi Ulangi password
M05
Gambar 3. 65 Pesan Kesalahan Belum Lengkap Mengisi Form Pendaftaran
6. Pesan kesalahan akan muncul ketika admin atau operator melakukan kesalahan login
Username harus diisi Password harus diisi
M06
Gambar 3. 66 Pesan Kesalahan Login Admin atau Operator
7. Pesan kesalahan ketika pengunjung atau member mengisi hubungi
Nama harus diisi Email harus diisi
Subjek harus diisi Pesan harus diisi
M07
Gambar 3. 67 Pesan Salah Mengisi Data Hubungi
8. Pesan kesalahan ketika member salah melakukan edit data akun
Username harus diisi Nama harus diisi
Email harus diisi Jenis Kelamin harus diisi
Alamat harus diisi Provinsi harus diisi
Kota harus diisi Masukan kodepos
M08
Gambar 3. 68 Pesan Kesalahan Member Edit Data Akun
3.6 Jaringan Sematik
Setelah melakukan perancangan antarmuka dan perancangan pesan maka dilakukanlah perancangan terhadap aliran dari menu-menu yang ada di program
akan digambarkan dalam sebuah jaringan semantic dibawah ini :
1. Jaringan Semantik Pengunjung
P01 P02
P03
P08 P01
P04
P07 P06
P05 M07
M07 M05
M02
Gambar 3. 69 Jaringan Semantik Pengunjung
2. Jaringan Semantik Member
P01 P02
P03
P08 P01
P04
P07 P06
P05
M07 M07
M05 M02
P09 P10
P11 P12
M07
Gambar 3. 70 Jaringan Semantik Member
3. Jaringan semantik Operator
P25 P14
P15
P20 P01
P16
P19 P18
P17
P21 P22
P23 F24
Gambar 3. 71 Jaringan Semantik Operator
4. Jaringan Semantik admin
P29 P28
P27
M06
Gambar 3. 72 Jaringan semantik admin
3.7 Perancangan Prosedural
