ANALYSIS
SKRIPSI
Disusun oleh :
YOHANA MUKTI
NPM. 0934010106
J URUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL
"
VETERAN
"
J AWA TIMUR SURABAYA
PENJ UALAN ONLINE PADA TOKO ANEKA FLORIST
MENGGUNAKAN MARKET BASKET ANALYSIS
Disusun Oleh:
YOHANA MUKTI
NPM. 0934010106
Telah disetujui mengikuti Ujian Negara Lisan
GelombangIVTahun Akademik 2012/2013
Menyetujui,
Pembimbing Utama Pembimbing Pendamping
I Gede Susrama, MD, ST, MT Sugiarto, S.Kom
NPT. 370060602101 NPT. 387021103431
Mengetahui,
Ketua Program Studi Teknik Infor matika
Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional “Veteran” J awa Timur
Dr. Ir. Ni Ketut Sar i, MT
MENGGUNAKAN MARKET BASKET ANALYSIS
Disusun Oleh:
YOHANA MUKTI
NPM. 0934010106
Telah dipertahankan dihadapkan dan diterima oleh Tim Penguji Skr ipsi Pr ogram Studi Teknik Infor matika Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional “Veteran” J awa Timur Pada Tanggal 17 J uni 2013
Mengetahui,
Dekan Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional “Veteran” J awa Timur
Ir. Sutiyono, MT
NIP. 19600713 198703 1 001 Pembimbing :
Basuki Rahmat, S.Si, MT
NPT. 3 6907 06 0209 1
2.
Achmad J unaidi, S.Kom
NPT. 3 7811 04 0199 1
Crystia Aji Putra, S.Kom
dengan keterbatasan baik waktu, tenaga, dan pikiran yang penulis miliki, akhirnya penuis
dapat menyelesaikan laporan Tugas Akhir yang berjudul “PERANCANGAN DAN
PEMBANGUNAN SISTEM INFORMASI PENJ UALAN ONLINE PADA TOKO
ANEKA FLORIST MENGGUNAKAN MARKET BASKET ANALYSIS” tepat pada
waktunya.
Tugas Akhir ini tidak lepas dari bantuan dan kerja sama banyak pihak yang
terkait oleh penulis. Oleh karena itu dengan segala kerendahan hati, penulis ingin
mengucapkan terima kasih sebesar-besarnya kepada :
1. Kedua Orang Tua dan adik saya tercinta atas motivasi dan doa yang telah
diberikan, sehingga diberi kemudahan dalam menyelesaikan laporan
Tugas Akhir ini.
2. Bapak I Gede Susrama MD., ST., MT. dan Bapak Sugiarto, S.Kom
selaku dosen pembimbing Tugas Akhir ini.
3. Ibu Dr.Ir.Ni Ketut Sari, MT Kepala Jurusan Teknik Informatika, FTI
UPN “VETERAN” Jawa Timur.
4. Tidak lupa saya ucapkan banyak terima kasih kepada sahabat-sahabat
yang tidak bisa saya sebutkan satu-persatu dalam mendukung saya dalam
menyelesaikan Tugas Akhir ini.
Penulis menyadari masih banyak sekali kekurangan dalam Tugas Akhir ini,
namun saya juga berharap semoga laporan Tugas Akhir Ini dapat menunjang
perkembangan ilmu sebagai literatur, khususnya pembelajaran sistem informasi penjualan
online berbasis web. Kritik dan saran yang membangun kami harapkan dalam
pengembangan laporan ini. Akhirnya dengan ridho Allah kami berharap semoga laporan
Tugas Akhir ini dapat memberikan manfaat bagi pembaca.
Surabaya, Juni 2013
KATA PENGANTAR ... ii
DAFTAR ISI…. ... iii
DAFTAR GAMBAR ... vii
DAFTAR TABEL…… ... xii
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang… ... 1
1.2 Rumusan Masalah ... 3
1.3 Batasan Masalah... 4
1.4 Tujuan Penelitian…………. ... 4
1.5 Manfaat…………... 4
1.6 Metode Penelitian ... 5
1.7 Sistematika Penulisan ... 6
BAB II TINJAUAN PUSTAKA ... 8
2.2 Sistem Informasi ... 9
2.3 Market Basket Analysis………... 11
2.4 Konsep Dasar Website………. ... 12
2.5 PHP (hypertext Preprocessor ... 14
2.6 E-Commerce ... 15
2.7 UML………….. ... 20
2.8 Document Flow ... 25
2.9 CDM (Conceptal Data Model) …………. ... 27
2.10 PDM (Physical Data Model)..………..27
2.11 ERD……….... …. ... 28
BAB III METODOLOGI PENELITIAN ... 31
3.1 Analisa Sistem ... 31
3.2.1 Bagan Alir Dokumen Sistem ... 32
3.2 Perancangan Sistem ... 33
3.3 Alur Aplikasi ... 35
3.3.1 Pengembangan UML ... 35
3.3.1.1 Pengembangan Use Case ... 35
3.3.1.3 Pengembangan Sequance Diagram dan Colaboration
Diagram ... 48
3.4. Perancangan Database ... 54
3.4.1 CDM ... 56
3.4.2 PDM ... 57
3.5 Perancangan Tabel Database ... 58
3.4. Perancangan Desain Interface ... 64
BAB IV HASIL DAN PEMBAHASAN ... 71
4.1 Kebutuhan Sistem ... 71
4.2 Kebutuhan Database ... 73
4.3 Pembuatan Interface ( Antar Muka ) ... 73
4.4 Implementasi Interface ( Antar Muka ) ... 75
4.4.1. Halaman Home ... 76
4.4.2. Form halaman Register Customer ... 77
4.4.3. Form halaman Login Customer ... 77
4.4.4. Menu Produk Kami ... 78
4.4.5. Halaman Cara Pembelian ... 78
4.4.6. Halaman Kontak Kami ... 79
4.4.8. Halaman Detail Produk dan Forum Pemesanan ... 81
4.4.9. Halaman Laporan Transaksi dan Histori Transaksi... 82
4.4.10. Popup Konfirmasi ... 83
4.4.11. Halaman Login Admin ... 83
4.4.12. Halaman Admin ... 84
4.4.13. Halaman Pemesanan ... 85
4.4.14. Halaman Produk ... 86
4.4.15. Halaman Kategori ... 86
4.4.16. Halaman Pesan ... 87
4.4.17. Halaman News... 87
4.4.18. Halaman Chart and Graphs ... 88
4.4.19. Halaman Batal Kirim ... 89
4.5 Skenario Uji Coba... 89
BAB V KESIMPULAN DAN SARAN ... 98
5.1 Kesimpulan…………. ... 98
5.2 Saran…………. ... 98
Judul : PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO
ANEKA FLORIST MENGGUNAKAN MARKET BASKET ANALYSIS BERBASIS WEB
Pembimbing I : I Gede Susrama MD., ST., MT
Pembimbing II : Sugiarto, S.Kom
Penyusun : Yohana Mukti
ABSTRAK
Berkembangnya kualitas masyarakat saat negeri ini sekarang
mengakibatkan banyak perubahan dalam kebiasaan sehari-hari. salah satunya adalah mengungkapkan rasa bahagia, berduka, atau hanya sekedar menyapa melalui bunga. Sekarang ini banyak toko bunga yang tumbuh dan berkembang di Surabaya, salah satunya TOKO ANEKA FLORIST yang memproduksi beraneka macam model dan macam-macam bunga. Namun saat ini pemesanan produk masih menggunakan cara sederhana, yaitu datang langsung ke toko atau workshop. Sedangkan untuk beberapa orang yang sibuk hal itu tidak mungkin dilakukan. Salah satu jalan memecahkan permasalahan ini adalah membuat sistem informasi penjualan online toko aneka florist yang dapat diakses dengan web kapan saja dimana saja.
Perancangan sistem informasi penjualan online toko aneka florist ini dimulai dengan melakukan survey langsung pada toko aneka florist dan mencatat semua kebutuhan untuk membuat sistem informasi onlinenya. Pembuatan design sistem terdiri dari Document Flow, Sistem Flow, dan UML. sedanngkan desain databasenya menggunakan ERD dan cdm yang digenerate menjadi pdm. Bahasa pemograman yang digunakan adalah PHP, Program ini memiliki kelebihan dalam mengkonfirmasi aktifitas seperti pemesanan atau pembayaran dengan mengggunakan email notification.
Hasil dari tugas akhir ini berupa web sistem informasi penjualan online yang memudahkan customer dan toko aneka florist dalam melakukan aktivitas pemesanan dan penjualan.
Kata kunci : Sistem Informasi, Penjualan Online, PHP, Toko Aneka Florist, email
BAB I
PENDAHULUAN
1.1 Latar Belakang
Zaman kini telah berubah, teknologi informasi sangat mendominasi pasar
bebas memegang peranan penting sehingga memerlukan sumber daya manusia
yang berkualitas. Berbagai macam informasi yang berkembang dengan sangat
cepat setiap hari bahkan setiap detik, mulai dari berita peristiwa yang terjadi
hingga informasi pemberitahuan bahkan penjualan sebuah produk. Sehingga bisa
di bilang informasi sudah menjadi kebutuhan utama masyarakat seluruh dunia.
Bicara tentang penjualan, biasanya informasi dimuat pada suatu media yang
awalnya hanya terfokus pada suatu media yaitu media massa, seperti koran dan
majalah, lalu berkembang menjadi papan reklame bahkan stiker yang di
tempelkan di sepanjang jalanan kota. Tetapi seiring dengan semakin
meningkatnya teknologi, media yang digunakan untuk menyebarkan informasi
berubah menjadi lebih efisien yaitu internet.
Internet adalah satu media yang paling digemari masyarakat. Website
misalnya, dari masa ke masa kegunaanya semakin komplek bukan hanya sebagai
suatu sarana pertukaran informasi dan data saja. Website sekarang mulai beralih
perannya sebagai sarana penunjang bisnis, seperti beberapa contoh website yang
sedang berkembang didunia bisnis antara lain e-buy, dan e-banking, e-advertising
hingga yang terakhir pada dunia pemasaran yang isinya menawarkan sejumlah
jasa pelayanan pemasangan dalam hal pemasaran dan pemesanan barang di
internet sangat dibutuhkan.
Berkembangnya kualitas masyarakat negeri ini sekarang mengakibatkan
banyak perubahan dalam kebiasaan sehari-hari. Salah satunya adalah
mengungkapkan rasa bahagia, berduka, atau hanya untuk sekedar menyapa
menggunakan bunga. mulai dari rangkaian bunga sederhana hingga karangan
bunga yang berukuran besar saat ini menjadi hal wajar dalam mengungkapkan
perasaan. Sekarang ini banyak toko bunga atau florist yang tumbuh dan
berkembang di Surabaya, salah satunya TOKO ANEKA FLORIST yang berlokasi
di daerah kayoon. Toko ini memproduksi beraneka ragam model dengan beraneka
macam bunga. Area pemasaran hasil produksi dari toko tersebut hanya sebatas
pada daerah sekitar yang biasanya telah menjadi pelanggan. Pemesanan produk
pun masih menggunakan cara sederhana yaitu datang ke toko memilih desain dan
bunga yang di inginkan, lalu menunggu untuk dikirim ke alamat yang di tuju.
Kondisi menyulitkan pelanggan yang berada jauh dari lokasi toko bunga tersebut,
sehingga seringkali pelanggan mencari toko lain yang lebih mudah dijangkau. Hal
ini akan mempengaruhi jumlah pendapatan toko bunga Aneka Florist.
Salah satu jalan untuk mengatasi permasalahn tersebut adalah di gunakanya
Aplikasi sistem penjualan online menggunakan PHP (Hypertext Preprocessor),
adalah bahasa skript yang dapat disisipkan kedalam HTML untuk membuat web
yang dinamis. Didalam aplikasi yang akan dibuat ini menggunakan metode
market basket analysis menentukan produk manakah yang pelanggan beli dalam
menaruh barang mereka ke keranjang atau kedalam daftar belanja (market basket).
Dan juga menggunakan system mapping katagori yaitu memetakan atau
memisahkan setiap katagori yang dibuat dalam proses pemesanan. Cara kerja
mapping katagori adalah dengan memisahkan data yang dibutuhkan sesuai jenis
atau macam kegunaannya. Cara ini akan memudahkan pembeli atau konsumen
yang akan memesan bunga.
Untuk itu perlu dibuat sebuah media untuk membantu mengenalkan hasil
produksi Toko bunga Aneka Florist kepada masyarakat luas. Dengan adanya
media ini pemesanan bunga dapat di lakukan dari seluruh wilayah Surabaya
bahkan luar Surabaya yang ingin melakuan pengeriman paket bunga ke daerah
Surabaya dan sekitarnya. Harapannya dapat menaikkan tingkat produksi, sehingga
juga dapat menambah jumlah tenaga produksi sehingga angka pengangguran akan
semakin berkurang.
1.2 RUMUSAN MASALAH
Berdasarkan latar belakang yang telah dijelaskan diatas, maka dapat
dirumuskan permasalahan dalam tugas akhir ini, yaitu bagaimana merancang dan
membuat sebuah sebuah aplikasi web online sebagai media promosi dan
1.3 BATASAN MASALAH
Pada pembuatan aplikasi ini perlu didefinisikan batasan masalah mengenai
sejauh mana pembuatan aplikasi ini akan dikerjakan. Beberapa batasan masalah
tersebut antara lain :
1. Data yang digunakan dalam database merupakan data yang diperoleh dari
TOKO ANEKA FLORIST.
2. Aplikasi yang dirancang ini merupakan aplikasi yang digunakan sebagai
media promosi dan menangani pemesanan bunga pada TOKO ANEKA
FLORIST.
3. Aplikasi yang dirancang ini menggunakan bahasa pemrograman PHP.
4. Aplikasi yang dirancang ini menggunakan database MySQL.
1.4 TUJ UAN
Tujuan dari pembuatan media promosi ini adalah membuat sebuah website
untuk TOKO ANEKA FLORIST, sehingga dapat memperluas area penjualan.
Sehingga dapat memudahkan customer dalam pembelian dan menambah omset
penjualan.
1.5 MANFAAT
Tugas Akhir ini dapat membantu memperluas sarana pengenalan dan
promosi hasil produksi TOKO ANEKA FLORIST atau luar daerah dan menjadi
pengetahuannya dalam bidang pengembangan website khususnya bahasa
Mengumpulkan referensi baik dari buku maupun internet. Sebagai acuan
untuk referensi tentang perancangan dan pembuatan Aplikasi Teknologi
pada E-Commerce on-line TOKO ANEKA FLORIST.
b) Survey
Melakukan survey lanngsung ke workshop TOKO ANEKA FLORIST
Surabaya guna mendapatkan data, mempelajari sistem penjualan saat ini,
dan mengamati kekurangan maupun kelebihan sistem yang berjalan
sekarang.
c) Perancangan Sistem
Melakukan analisa awal tentang sistem yang akan dibuat yaitu suatu
pemecahan masalah yang dilakukan untuk perancangan dan pembuatan
Aplikasi menggunakan diagram-diagram yang menjelaskan alur program
yang akan dibuat.
d) Pembuatan Web
Membuat web sistem informasi yang sesuai dengan analisa dan perancangan
e) Uji Coba
Melakukan uji coba web yang telah dibuat secara keseluruhan untuk
mengetahui kekurangan dan kelebihan maupun kesalahan yang nantinya
dapat dilakukan perbaikan.
1.7 Sistematika Penulisan
Secara garis besar penyusunan laporan ini, terdiridari enam bab utama
dengan beebrapa sub bab didalamnya. Adapun sistematika penulisan laporan
tugas akhir ini adalah sebagai berikut :
BAB I : PENDAHULUAN
Bab ini berisi latar belakang, perumusan masalah, batasan
masalah, tujuan penelitian, manfaat penelitian, dan sistematika
penulisan pembuatan tugas akhir Perancangan Dan Pembuatan
Sistem Informasi Penjualan Online Pada Toko Aneka Florist
Menggunakan Market Basket Analysis.
BAB II : TINJAUAN PUSTAKA
Pada bab ini dijelaskan tentang teori-teori serta
penjelasan-penjelasan yang dibutuhkan dalam aplikasi media pembelajaran
pembuatan Sistem Informasi penjualan berbasis web.
BAB III : METODOLOGI PENELITIAN
Bab ini berisi tentang analisis perancangan sistem, perancangan
sistem informasi TOKO ANEKA FLORIST menggunakan market
basket analysis.
BAB IV : HASIL DAN PEMBAHASAN
Bab ini berisi penjelasan hasil, pembahasan dan uji coba sistem
informasi TOKO ANEKA FLORIST menggunakan market basket
analysis.
BAB V : KESIMPULAN
Bab ini berisi kesimpulan dan saran dari penulis untuk
pengembangan sistem..
DAFTAR PUSTAKA
Pada bagian ini akan dipaparkan tentang sumber-sumber literatur yang digunakan
2.1 Penelitian Ter dahulu
Berdasarkan Penelitian terdahulu dari judul Analisis Dan Perancangan
Sistem Informasi Penjualan Berbasiskan Web Pada Pt. Dairyfood Internusa yang
ditulis oleh Indrajani dan Shelly dari Universitas Bina Nusantara, yang membuat
sistem informasi penjualan keju menggunakan PHP dan mysql, setelah dicermati
bahwa sistem informasi yang dibuat masih sangat sederhana. hanya dengan
menjual tiga produk yang telah ditetapkan (tidak dapat diubah) dan sistem
penjualan masih belum optimal, karena admin hanya dapat mengecek permintaan
pemesanan dari halaman web. Artinya sistem penjualan ini tidak dapat dilakukan /
dijalankan 24jam. Selain itu masih terdapat kekurangan lagi dalam sistem
tersebut. yaitu desain interface yang masih sangat sederhana membuat web kurang
menarik.
Selanjutnya Penelitian kedua yang berjudul Aplikasi E-Commerce Busana
Hijab Menggunakan Symfony Php Framework (Studi Kasus : Zaza Shop) oleh
Zaky Achmad, Tora Fahrudin, S.T., M.T. dan Kurniawan Nur Ramadhani, S.T.
dari program Studi Manajemen Informatika Politeknik Telkom Bandung yang
membuat e-commerce penjualan pakaian muslim. web ini memliki kelebihan pada
tampilan interface yang menarik dan mudah digunkan, dan juga telang
menggunakan sistem catalog untuk memisahkan setiap model produknya. Namun
yaitu belum adanya notifikasi otomatis melalui sms atau email yang akan
membantu admin agar lebih cepat memproses pesanan.
Dari dua judul penelitian sebelumnya yang telah dijelaskan di atas, penulis
berfikir bahwa sebuah web penjualan yang saat ini akan dibuat yaitu web
penjualan bunga pada toko aneka florist dibuat dengan menambahkan mapping
kategori yaitu mengkatagorikan setiap produk sesuai kategorinya, selain itu setiap
kategori juga memiliki kebutuhan yang berbeda-beda yang dibutuhkan oleh
customer. Selain itu tidak adanya suatu sistem konfirmasi otomatis pada dua
penelitian sebelumnya akan digunakan sebagai dasar pembuatan sistem
konfirmasi otomatis menggunakan email pada sistem informasi penjualan online
pada toko aneka florist ini.
2.2 Sistem Informasi
Sistem Informasi (SI)[Landscape:2009] adalah kombinasi dari teknologi
informasi dan aktivitas orang yang menggunakan teknologi itu untuk mendukung
operasi dan manajemen.Dalam arti yang sangat luas, istilah sistem informasi yang
sering digunakan merujuk kepada interaksi antara orang, proses algoritmik, data,
dan teknologi. Dalam pengertian ini, istilah ini digunakan untuk merujuk tidak
hanya pada penggunaan organisasi teknologi informasi dan komunikasi (TIK),
tetapi juga untuk cara di mana orang berinteraksi dengan teknologi ini dalam
mendukung proses bisnis.
Ada yang membuat perbedaan yang jelas antara sistem informasi, dan
teknologi informasi dalam sistem informasi biasanya terlihat seperti memiliki
komponen TIK. Hal ini terutama berkaitan dengan tujuan pemanfaatan teknologi
informasi. Sistem informasi juga berbeda dari proses bisnis. Sistem informasi
membantu untuk mengontrol kinerja proses bisnis. [O’Brien,2007:45]
Alter berpendapat untuk sistem informasi sebagai tipe khusus dari sistem
kerja. Sistem kerja adalah suatu sistem di mana manusia dan/atau mesin
melakukan pekerjaan dengan menggunakan sumber daya untuk memproduksi
produk tertentu dan/atau jasa bagi pelanggan. Sistem informasi adalah suatu
sistem kerja yang kegiatannya ditujukan untuk pengolahan (menangkap,
transmisi, menyimpan, mengambil, memanipulasi dan menampilkan) informasi.
Dengan demikian, sistem informasi antar-berhubungan dengan sistem data
di satu sisi dan sistem aktivitas di sisi lain. Sistem informasi adalah suatu bentuk
komunikasi sistem di mana data yang mewakili dan diproses sebagai bentuk dari
memori sosial. Sistem informasi juga dapat dianggap sebagai bahasa semi formal
yang mendukung manusia dalam pengambilan keputusan dan tindakan.
Sistem informasi merupakan fokus utama dari studi untuk disiplin sistem
informasi dan organisasi informatika.[Beynon,2009:34]. Sistem informasi adalah
gabungan yang terorganisasi dari manusia, perangkat lunak, perangkat keras,
jaringan komunikasi dan sumber data dalam mengumpulkan, mengubah, dan
menyebarkan informasi dalam organisasi. [O’Brien,2007:45]. Sistem informasi
adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan
strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan
laporan-laporan yang diperlukan.[Jane P, 2007:42]
SI dapat dikategorikan dalam empat bagian:
a. Sistem Informasi Manajemen
b. Sistem Pendukung Keputusan
c. Sistem Informasi Eksekutif
d. Sistem Pemrosesan Transaksi
2.3 Mar ket Basket Analysis
Market Basket Analysis merupakan salah satu metode atau teknik yang
sering digunakan dan paling bermanfaat untuk lingkungan marketing. Tujuan
dari Market Basket Analysis ini adalah untuk menentukan produk manakah
yang pelanggan beli dalam waktu bersamaan, di mana nama dari metode ini
diambil dari kebiasaan pelanggan menaruh barang mereka ke keranjang atau
kedalam daftar belanja (market basket). Dengan mengetahui produk manakah
yang dibeli secara bersamaan dalam satu kali pembelian akan dapat sangat
membantu pedagang ataupun karyawan Toko Aneka Florist.
Toko ini juga dapat menggunakan informasi ini untuk menempatkan
produk-produk yang sering terjual secara bersamaan di dalam satu area atau
kategori, sementara sebuah web ataupun situs e-commerce dapat
menggunakannya untuk menentukan layout dari kategori mereka. Keuntungan
penggunaan metode Market Basket Analysis selain dapat mengetahui produk yang
menggunakan informasi yang dihasilkan untuk melakukan re-order beberapa
macam bunga yang sering digunakan untuk membuat pesanan. Karena beberapa
bunga segar butuh proses pengiriman cukup lama, sedangkan pesanan produk
terus ada. Metode ini juga bisa bermafaat bagi pedagang untuk dapat melihat data
pembelian dari pelanggan, sehingga dapat diketahui manakah yang termasuk
pelanggan tetap atau yang paling banyak melakukan pembelian.
2.4 Konsep Dasar Website
Secara teknis web terdiri dari 2 bagian, yaitu Web Server dan Web
Browser:
a. Web Server, yaitu Suatu komputer dan software yang menyimpan serta
mendistribusikan data ke komputer client melalui internet yang meminta
informasi tersebut, Software webserver ini diantaranya: Apache, MySQL, dan
PHP. Sebut saja dengan hostingan, atau kalau di komputer lokal juga bisa
dengan menggunakan program PHPTriad, Apache2Triad, Xampp, dll.
b. Web Browser, yaitu Software/program yang beroperasi untuk melakukan
proses permintaan dari server dan menampilkannya di mata client, sehingga
informasi tersebut dapat diakses, contohnya adalah: IE, Mozila Firefox, Opera,
Selain konsep web diatas web terdiri dari script-script programming, script
ini terbagi 2 macam, yaitu Server Side Programming dan Client Side
Programming.
a. Server side programming, yaitu Script/pemrograman yang diterjemahkan dan
dijalankan pada sisi server yang hasil eksekusinya dikirimkan ke client,
contohnya adalah script PHP, ASP, dll. Keuntungan dari server side
programming adalah membuat halaman website lebih dinamis, sehingga kita
sebagai admin dapat berkomunikasi dengan para client.
b. Client side programming, yaitu Script/pemrograman yang diterjemahkan disisi
client dimana script tersebut akan langsung dikirimkan ke browser client tanpa
harus diterjemahkan oleh web server, contohnya Script HTML, Java Script,
txt, dll, namun sayangnya script ini dapat dibaca oleh client dengan fasilitas
"view souerce" pada browser, tapi salah satu keuntungannya transfer data
dapat lebih cepat dibandingkan dengan script side server.
Domain dan Hosting
a. Domain, Domain adalah nama alamat situs kita di internet, contohnya
kmpus yang menggunakan www.upnjatim.ac.id atau yang lainnya, kalian
bisa memilih apa saja namanya asalkan nama itu belum domain itu belum
ada yang mempunyai, hak penuh atas nama domain yang telah anda beli.
b. Hosting, Hosting adalah tempat untuk menyimpan file-file web kalian
yang telah dibuat ditempat-tempat umum, misalnya adalah seperti Xampp
atau Apache2Triad yang ada MySQL nya dan PHP, Peranan hosting ini
tersimpan disini, fasilitas yang ditawarkannya pun berbeda-beda dari
platform servernya ada yang linux maupun windows atau juga
berbeda-beda pada versi dari MySQL atau PHP nya, maka dari itu ada baiknya
kalau kita sebelum membeli hostingan kita lihat dulu fasilitas-fasilitas
yang ditawarkan oleh perusahaan hostingan tersebut apakah sudah sesuai
dengan web yang telah kita buat atau belum.
2.5 PHP
PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan
atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs
web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.
Kelebihan PHP Dari Bahasa Pemrograman Lain :
a) Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
sebuah kompilasi dalam penggunaanya.
b) Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai
apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.
c) Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan
developer yang siap membantu dalam pengembangan.
d) Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah
karena memiliki referensi yang banyak.
e) PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
(Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime
PHP memiliki 8 (delapan) tipe data yaitu :
a. Integer d. String g. Null
b. Double e. Object h. Nill
c. Boolean f. Array i. Resource
Contoh Program PHP
- Program Hello World
Program Hello World yang ditulis menggunakan PHP adalah sebagai berikut:
Gambar 2.1 Sourcecode PHP
2.6 E-Commerce
Electronic Commerce (e-Commerce) menggambarkan cakupan yang luas
mengenai teknologi, proses, dan praktek yang dapat melakukan transaksi bisnis
tanpa menggunakan kertas sebagai sarana mekanisme transaksi. Hal ini bisa
dilakukan dengan berbagai cara seperti melalui e-Mail, Electronic Data
Interchange (EDI), atau bisa juga melalui World Wide Web. E-Commerce ini
juga meliputi transaksi di dalam dan di antara sektor bisnis yang khusus (private)
dan umum (public), serta sistem yang melibatkan komunitas dalam negeri
maupun internasional. Hal ini memang diakui karena dengan adanya e-Commerce
semakin banyaknya permintaan yang mengharuskan pelayanan yang cepat dan
akurat. Kondisi tersebut merupakan gejala perkembangan informasi sosial yang
bertambah pesat. Sebagai pernyataan sederhana, e-Commerce tidak hanya
menjadi mekanisme yang tepat dan membutuhkan biaya yang murah untuk
diterapkan, tetapi juga akan menjadi sebuah sistem sosial yang dapat diterima dan
dapat diharapkan untuk digunakan.
e-Commerce dapat diartikan sebagai satu set dinamis teknologi, aplikasi,
dan proses bisnis yang menghubungkan perusahaan, konsumen, dan komunitas
tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan, dan
informasi yang dilakukan secara elektronik [Purbo, 2001:2].
Menurut Purbo (2001:2) secara umum e-Commerce dapat diklasifikasikan
menjadi dua jenis yaitu Business to Business (B2B) dan Business to Consumer
(B2C). Karakteristik dari B2B adalah sebagai berikut:
a. Trading partners yang sudah saling mengetahui dan antara mereka sudah
terjalin hubungan yang berlangsung cukup lama. Pertukaran informasi hanya
berlangsung di antara mereka dan karena sudah sangat mengenal, maka
pertukaran informasi tersebut dilakukan atas dasar kebutuhan dan
kepercayaan.
b. Pertukaran data dilakukan secara berulang-ulang dan berkala dengan format
data yang telah disepakati. Jadi service yang digunakan antar kedua sistem
tersebut sama dan menggunakan standar yang sama pula.
c. Salah satu pelaku tidak harus menunggu partner mereka lainnya untuk
d. Model yang umum digunakan adalah peer to peer, di mana processing
intelligence dapat didistribusikan di kedua pelaku bisnis.
Sedangkan karakteristik B2C adalah sebagai berikut:
a. Terbuka untuk umum, dimana informasi disebarkan secara umum pula.
b. Service yang dilakukan juga bersifat umum, sehingga mekanismenya dapat
digunakan oleh orang banyak.
c. Service yang diberikan adalah berdasarkan permintaan.
d. Sering dilakukan sistem pendekatan client-server, dimana konsumen di pihak
client menggunakan sistem yang minimal (berbasis web) dan penyedia
barang/jasa (business procedure) berada pada pihak server.
Jual beli online atau disebut dengan E-commerce ialah suatu bentuk pasar
elektronik (virtual market) dimana pembeli dan penjual bertemu dan dihubungkan
melalui suatu transaksi elektronik (online) yang dapat diakses secara cepat, aman
dan dapat dilakukan dari mana saja dan kapan saja (terbebas dari jam kerja suatu
tempat). Adapun keuntungan yang didapat adalah :
a. Para pelaku usaha dibantu dalam proses marketing dan promosi produk
melalui Business Center Network.
b. Menekan biaya marketing dan promosi perusahaan.
c. Area Marketing dan Promosi yang lebih luas
d. Waktu pemasaran yang lebih lama (24 jam).
e. Tidak memerlukan Ruang Pamer Usaha (Showroom).
a. Web Server
b. Customer Service
c. Business Developer
Jual beli online dapat memberikan banyak manfaat kepada berbagai pihak
sekaligus, yaitu pihak konsumen dan pihak perusahaan yang menjalankan aplikasi
maupun bagi masyarakat.
1. Manfaat perusahaan :
a. Dapat mengembangkan pemasaran secara nasional dan internasional
sehingga perusahaan dapat menjangkau lebih banyak pelanggan, memilih
supplier terbaik, dan menjalin relasi dengan mitra bisnis yang dinilai
paling cocok.
b. Mengurangi biaya pembuatan, pemprosesan, pendistribusian,
penyimpanan, dan perolehan data yang berbasis informasi (paperbased
information).
c. Memberikan kemampuan untuk menciptakan peluang bisnis yang sangat
khusus melalui situs di internet. Contohnya: www.dogtoys.com,
www.cattoys.com, www.paketelor.com, dan Iain-lain.
d. Mempercepat perputaran antara pengeluaran modal dan penerimaan
barang dan jasa.
e. Menekan biaya telekomunikasi.
f. Dapat mensupport usaha business reengineering. Dengan merubah proses
dan peningkatan produktivitas penjualan, pengetahuan karyawan dan
g. Manfaat-manfaat lainnya termasuk memperbaiki image, meningkatkan
pelayanan konsumen, menemukan mitra bisnis baru, penyederhanaan
proses, mengurangi waktu yang digunakan dalam bisnis, mempercepat
akses informasi, mengurangi biaya transport dan komunikasi
meningkatkan fleksibilitas.
2. Manfaat bagi konsumen :
a. Konsumen dapat memperoleh barang dan jasa dengan biaya yang lebih
murah karena mereka dapat berbelanja ataupun melakukan transaksi kapan
saja dan dari mana saja, serta melakukan proses perbandingan dengan
lebih cepat.
b. Konsumen dapat langsung menerima informasi yang relevan dan detil
dalam waktu yang cepat. Pada kasus tertentu, terutama untuk barang
digital, sebuah jual beli online memungkinkan pengantaran barang secara
amat cepat.
c. Memungkinkan konsumen untuk dapat saling berhubungan dan saling
menukar ide ataupun membandingkan pengalaman.
3. Manfaat bagi masyarakat
a. Memungkinkan lebih banyak orang untuk bekerja di rumah dan
melakukan lebih sedikit perjalanan untuk berbelanja, sehingga otomatis
akan mengurangi kepadatan di jalan raya dan juga polusi udara.
b. Memungkinkan persaingan harga sehingga masyarakat dapat membeli
lebih banyak barang dan dapat meningkatkan taraf kehidupan.
2.7 UML (Unified Modeling Language)
Unified Modeling Language (UML) adalah standar, bahasa pemodelan
tujuan umum di bidang rekayasa perangkat lunak. Unified Modeling Language
mencakup seperangkat teknik notasi grafis untuk menciptakan model visual
berorientasi objek sistem perangkat lunak-intensif. Unified Modeling Language
dikembangkan oleh Grady Booch, Ivar Jacobson dan James Rumbaugh di
Rational Software pada 1990-an.[Hamilton:1999]. Hal ini diadopsi oleh
Management Group Object (OMG) pada tahun 1997, dan telah dikelola oleh
organisasi ini sejak saat itu. Pada tahun 2000 Unified Modeling Language
diterima oleh International Organization for Standardization (ISO) sebagai standar
industri untuk pemodelan sistem perangkat lunak-intensif. Versi saat ini dari
UML 2.4.1 diterbitkan oleh OMG pada bulan Agustus 2011.
Unified Modeling Language (UML) menggabungkan teknik dari
pemodelan data (diagram hubungan entitas), pemodelan bisnis (aliran kerja),
pemodelan objek, dan pemodelan komponen. Hal ini dapat digunakan dengan
semua proses, sepanjang siklus hidup pengembangan perangkat lunak, dan
seluruh teknologi implementasi yang berbeda.[Mishraz;1997]
Diagram berbentuk grafik yang menunjukkan simbol elemen model yang
disusun untuk mengilustrasikan bagian atau aspek tertentu dari sistem. Sebuah
diagram merupakan bagian dari suatu view tertentu dan ketika digambarkan
biasanya dialokasikan untuk view tertentu. Adapun jenis diagram antara lain :
a) Use Case Diagram, Use case adalah abstraksi dari interaksi antara system
antara user sebuah system dengan sistemnya sendiri melalui sebuah cerita
bagaimana sebuah system dipakai. Use casemerupakan konstruksi untuk
mendeskripsikan bagaimana system akan terlihat di mata user. Sedangkan
use case diagram memfasilitasi komunikasi diantara analis dan pengguna
serta antara analis dan client.
Gambar 2.2 Use Case
b) Class Diagram, Class adalah dekripsi kelompok obyek-obyek dengan
property, perilaku (operasi) dan relasi yang sama. Sehingga dengan adanya
class diagram dapat memberikan pandangan global atas sebuah system.
Hal tersebut tercermin dari class- class yang ada dan relasinya satu dengan
yang lainnya. Sebuah sistem biasanya mempunyai beberapa class diagram.
Class diagram sangat membantu dalam visualisasi struktur kelas dari suatu
Gambar 2.3 Class Diagram
c) Sequence Diagram, Sequence Diagram digunakan untuk menggambarkan
perilaku pada sebuah scenario. Kegunaannya untuk menunjukkan
rangkaian pesan yang dikirim antara object juga interaksi antaraobject,
sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem.
d) Collaboration Diagram, Menggambarkan kolaborasi dinamis
sepertisequence diagrams. Dalam menunjukkan pertukaran pesan,
collaboration diagrams menggambarkan objectdan hubungannya (mengacu
ke konteks). Jika penekannya pada waktu atau urutan
gunakansequencediagrams, tapi jika penekanannya pada konteks gunakan
collaboration diagram.
Gambar 2.5 Collaboration Diagram
e) Activity Diagram, Menggambarkan rangkaian aliran dari aktivitas,
digunakan untuk mendeskripsikan aktifitas yang dibentuk dalam suatu
operasi sehingga dapat juga digunakan untuk aktifitas lainnya seperti use
Gambar 2.6 Activity Diagram
Tujuan Penggunaan UML :
a) Memberikan bahasa pemodelan yang bebas dari berbagai bahas
pemrograman dan proses rekayasa.
b) Menyatukan praktek-praktek terbaik yang terdapat dalam pemodelan.
c) Memberikan model yang siap pakai, bahsa pemodelan visual yang
ekspresif untuk mengembangkan dan saling menukar model dengan
mudah dan dimengerti secara umum.
d) UML bisa juga berfungsi sebagai sebuah (blue print) cetak biru karena
2.8 Document Flow Diagram
Document Flow Diagram merupakan bagan yang menunjukkan aliran/arus
dokumen dari satu bagian ke bagian yang lain di dalam sistem secara logika.
Dapat menggambarkan tiap-tiap bagian organisasi yang terlibat dalam pengolahan
dokumen di dalam proses-proses yang dikerjakan system.
Simbol-Simbol Utama Document Flow Diagram:
a) Simbol titik terminal. Menunjukkan awal dan akhir dari suatu
proses.
b) Simbol dokumen. Menunjukkan dokumen input dan output baik
untuk proses manual, mekanik, atau komputer.
c) Simbol proses manual. Menunjukkan pekerjaan manual
d) Simbol keputusan/ decision. Menunjukkan kondisi tertentu yang
akan menghasilkan dua kemungkinan jawaban, yaitu “ya” atau
“tidak”.
e) Simbol penghubung. Menunjukkan penghubung ke halaman yang
masih sama atau penghubung ke halaman lain.
f) Simbol simpanan offline. File non-komputer yang diarsip urut
angka (numerical), huruf(alphabetical), atau tanggal
Berikut adalah simbol yang sering digunakan dalam Document Flow Diagram:
Gambar 2.7 Simbol-simbol DFD
Aturan Penggambaran Document Flow Diagram
Terdapat beberapa aturan yang digunakan dalam Document Flow Diagram, yaitu :
a) Dimulai dan diakhiri dengan terminator “MULAI” dan “SELESAI”.
b) Sebuah proses memerlukan dokumen inputan dan menghasilkan dokumen
keluaran.
c) Sebuah proses memerlukan dokumen inputan dan menghasilkan dokumen
keluaran.
d) Dokumen yang dikirimkan atau diterima dari pihak lain diberi keterangan
2.9 CDM (Conceptual Data Model)
CDM adalah model yang dibuat berdasarkan anggapan bahwa dunia nyata
terdiri dari koleksi obyek-obyek dasar yang dinamakan entitas (entity) serta
hubungan (relationship) antaraentitas-entitasitu. Biasanya CDM direpresentasikan
dalam bentuk Entity Relationship Diagram. Sedankan PDM merupakan model
yang menggunakan sejumlah tabel untuk menggambarkan data serta hubungan
antara data-data tersebut. Setiap tabel mempunyai sejumlah kolom di mana setiap
kolom memiliki nama yang unik.
Manfaat Penggunaan CDM dalam perancangan database :
a) Memberikan gambaran yang lengkap dari struktur basis data yaitu arti,
hubungan, dan batasan-batasan
b) Alat komunikasi antar pemakai basis data, designer, dan analis.
Jenis-jenis objek dalam CDM :
a) Entity
b) Relationship
c) Inheritance
d) Association
2.10 PDM (Physical Data Model)
Perancangan database secarafisik. Tipe data bersifatlebih khusus dan
spesifik. Perancangan PDM merupakan representasi fisik / sebenarnya dari
Jenis-jenis objek dalam PDM :
a) Table
b) View
c) Reference
2.11 ERD (Entity Relationship Diagram)
ERD adalah merupakan salah satu model yang digunakan untuk
mendesain database dengan tujuan menggambarkan data yang berelasi pada
sebuah database. Umumnya setelah perancangan ERD selesai berikutnya adalah
mendesain database secara fisik yaitu pembuatan tabel, index dengan tetap
mempertimbangkan performance. Kemudian setelah database selesai dilanjutkan
dengan merancang aplikasi yang melibatkan database.
Komponen penyusun ERD adalah sebagai berikut :
Entitas adalah objek dalam dunia nyata yang dapat dibedakan dengan
objek lain, sebagai contoh mahasiswa,dosen,departemen. Entitias terdiri atas
beberapa atribut sebagai contoh atribut dari entitas mahasiswa adalah
nim,nama,alamat,email, dll. Atribut nim merupakan unik untuk
mengidentifikasikan / membedakan mahasiswa yg satu dengan yg lainnya. Pada
setiap entitas harus memiliki 1 atribut unik atau yang disebut dengan primary key.
Berikut adalah contoh ERD.
Relasi adalah hubungan antara beberapa entitas. sebagai contoh relasi
antar mahaiswa dengan mata kuliah dimana setiap mahasiswa bisa mengambil
beberapa mata kuliah dan setiap mata kuliah bisa diambil oleh lebih dari 1
mahasiswa. relasi tersebut memiliki hubungan banyak ke banyak.
Kardinalitas menyatakan jumlah himpunan relasi antar entitias. pemetaan
kardiniliat terdiri dari :
a) one-to-one :sebuah entitas pada A berhubungan dengan entitas B paling
banyak 1contoh diatas relasi pegawai dan departemen dimana setiap pegawai
hanya bekerja pada 1 departemen
b) one-to-many : sebuah entitas pada A berhubungan dengan entitas B lebih dari
satu contoh diatas adalah 1 depertemen memiliki banyak pegawai
c) many-to-many : sebuah entitas pada A berhubungan dengan entitas B lebih
dari satu dan B berhubungan dengan A lebih dari satu jugan contoh diatas
adalah relasi mahasiswa dengan mata kuliah.
Berikut adalah metode/tahap untuk membuat ERD :
a) Menentukan Entitas
b) Menentukan Relasi
c) Menggambar ERD sementara
d) Mengisi Kardinalitas
e) Menentukan Kunci Utama
f) Menggambar ERD berdasar Key
g) Menentukan Atribut
h) Memetakan Atribut
BAB III
METODOLOGI PENELITIAN
3.1 Analisa Sistem
Berdasarkan latar belakang dan perumusan masalah yang terdapat dalam
bab sebelumnya dapat diketahui perancangan yang dilakukan adalah toko aneka
florist menggunakan php yang akan digunakan untuk melakukan transaksi
pemesanan secara online. Toko aneka florist ini diterapkan dengan menjalankan
program yang dibangun dengan menggunakan PHP dengan interface yang mudah
digunakan customer. Menu-menu yang berada pada halaman web nantinya berisi
homepage, produk kami, cara pembelian dan kontak. Dalam menu cara
pembelian, didalamnya memiliki berapa sub menu lagi untuk menunjukkan
katagori produk yang nantinya akan memudahkan customer memilih produk yang
sesuai dengan keperluan.
Toko bunga Online ini memiliki konsep dasar pada pembuatan sistemnya, yaitu
melakukan pemesanan berbagai macam bunga serta ucapan yang akan dikirim
langsung ke tujuan sesuai keinginan customer, tanpa perlu datang ke toko bunga.
Sehingga memudahkan para customer yang sibuk atau berada jauh dari toko.
Aplikasi ini nantinya akan ditambahkan mapping kategori yang digunakan untuk
mengelompokkan jenis-jenis produk pada toko aneka florist. Terdapat enam
kategori pada web ini yaitu bunga papan dukacita, bunga papan bahagia/selamat,
ini juga terdapat menu tambahan yang akan memberikan keleluasaan bagi
customer yang mungkin menginginkan pesanannya lebih besar atau lebih banyak
bunga, yaitu menu tambahan harga yang akan disesuaikan dengan produk yang
akan dibeli. Serta adanya laporan transaksi yang akan memberikan informasi pada
customer tentang status pesannanya dan harga yang harus dibayar.
3.1.1 Bagan Alir Dokumen Sistem yang Berjalan
System yang sedang berjalan saat ini adalah system manual yang
dilakukan secara langsung atau system tatap muka dengan pegawai took aneka
florist. Bagan alir dokumen sistem yang sedang berjalan untuk melakukan
pemesanan saat ini. Custumer harus datang lanngsung ke toko aneka florist di
ruko kayoon pasar kembang, lalu membuat pesanan sesuai kebutuhan. Setelah itu
pegawai menentukan harga yang harus dibayar oleh custumer. Selanjutnya jika
telah setuju maka custumer melakukan pembayaran secara cash atau tunai, baru
pegawai akan menugaskan tukang untuk memproses pesanan. Setelah semua
selesai cutomer akan dihubungi pihak took guna konfirmasi bahwa pesanan telah
dikirim ke alamat yang dituju.
3.2 Perancangan Sistem
Pada sub-bab ini akan dijelaskan tentang Perancangan dalam pembuatan
Sistem Informasi Penjualan Online Pada Toko Aneka Florist Menggunakan
Market Basket Analysis. Pertama adalah membuat diagram alir sistem yang akan
Gambar 3.2 Sistem Flow Toko Aneka Florist Online
Gambar 3.2 merupakan bagan alir dokumen sistem yang akan digunakan
pada sistem informasi toko aneka florist. Pertama user melakukan register dengan
memasukkan data yang sesuai, selanjutnya melakukan login untuk melakukan
pemesanan. Setelah mengisi form pesanan lalu klik beli yang artinya setuju
berhasil maka admin menugaskan tukang membuat pesanan lalu memberikannya
pada kurir untuk mengantar. Terakhir admin akan mengirimkan email notification
kepada custumer yang isinya detail pesanan telah dikirim.
3.3. Alur Aplikasi
Dalam perancangan sistem dibutuhkan alur aplikasi yang sistematis dan
searah sehingga dapat terencana dengan baik. Dalam modul pembelajaran ini,
Peneliti menggunakan uml yang terdiri dari use case, activity diagram, sequence,
collaboration, dan deployment diagram. Tiap-tiap diagram ini nantinya akan
menjelaskan secara rinci bagaimana system akan dibuat pada halaman customer
maupun halaman admin. Mulai dari login, pembelian, kelola data hingga logout.
3.3.1 Pengembangan UML
Diagram uml digunakan untuk menjelaskan proses kerja dari sistem
informasi toko aneka florist.
3.3.1.1 Pengembangan Use Case
Dalam tahap pengembangan activity diagram terdapat gambaran umum
system serta beberapa aksi aktor yang berinteraksi dengan system yang berjalan.
Dari alur aplikasi yang telah dijelaskan di atas maka dapat ditentukan use case
diagram untuk melihat proses apa yang sedang dilakukan aktor-aktor terhadap
Dari alur aplikasi diatas maka diperoleh gambaran usecase diagram pada gambar
3.3
Gambar 3.3 Use Case Diagram Untuk Sistem Toko Aneka Florist
3.3.3.2 Pengembangan Activity Diagram
Pada tahap pengembangan activity diagram ini dijelaskan alur kerja
transaksi yang dilakukan oleh aktor-aktor pada sistem penjualan online yang
disesuaikan dengan pengembangan aktivitas-aktivitas aktor pada tahap
sebelumnya maupun aktivitas bisnis pemesanan bunga pada toko online ini.
form regis ter pas s_adm i : varchar
tukang clerk
1. Activity Diagram Untuk Customer
Berisi aktifitas-aktifitas yang dilakkukan oleh customer terhadap sistem informasi.
a) Register
Jika customer ingin melakukan pemesanan di web, customer harus menjadi
member terlebih dahulu dengan melakukan register. Setelah memasuki halaman
web custumer klik register untuk melakukan pendaftaran deengan menginputkan,
username, password, konfirmasi password, nama, alamat, email, no telp, dan
mengisi kode capcha. Setelah itu sistem akan memproses, jika berhasil maka akan
masuk form login, jika gagal akan kembali masuk pada form register.
Gambar 3.5 Activity Register Customer
b) Login
Login dilakukan dengan hanya memasukkan username dan password, jika
berhasil maka customer akan masuk pada halaman utama kembali, namun dapat
melakukan pemesanan.
Gambar 3.6 Activity Diagram Login Customer
c) Pembelian
Setelah login, customer dapat memilih kategori yang nantinya berisi
daftar produk bunga. Setiap daftar produk bunga memiliki detail masing-masing,
jika di klik maka akan keluar informasi mengenai produk mulai dari fungsi hingga
pemesanan. Setelah klik beli maka akan muncul laporan transaksi yang berisi
detail informasi sesuai yang telah diinputkan pada form beli disertai dengan total
harga pesanan. Selanjutnya customer diharuskan melakukan pembayaran dengan
cara transfer pada bank yang telah tercantum pada laporan transaksi. Setelah
transfer, custumer diharuskan melakukan konfirmasi pada admin dengan
mengeklik link konfirmasi pada halaman laporan transaksi. Lalu menunggu status
pengiriman yang dapat dipantau dari halaman tersebut.
Gambar 3.7 Activity Diagram Pembelian Customer
start
form beli input nama
d) Logout
Gambar 3.8 activity diagram logout customer
Setelah customer selaesai melakukan seluruh aktivitas pada web seperti
pemesanan dan konfirmasi transfer, maka customer harus melakukan logout agar
sistem login di hapus dari history.
2. Activity Diagram Untuk Customer
Berisi aktifitas-aktifitas yang dilakkukan oleh admin yang melakukan
segala aktivitas kelola pada sistem informasi.
start
halaman utama akses web
member selesai melakukan pembelian
logout
Gambar 3.9 Activity Diagram Admin
s tart
akses web login admin validasi login benar ?
a) Login
Gambar 3.10 Activity Diagram Login Admin
Pada gambar diagram activity diataas menjelaskan bahwa admin harus
melakukan login untuk dapat melakukan kelola seluruh data.
b) Kelola Customer
Dalam pengelolaan user atau data customer yang telah registrasi admin
hanya dapat melakukan hapus data customer. Hal ini berfungsi jika terdapat
customer yang mencurigakan atau layak dihapus karena memberikan data palsu
atau sering melakukan pemesanan tanpa ada proses transaksi.
Gambar 3.11 Activity Diagram Kelola Customer
3) Kelola Produk
Admin dapat melakukan kelola produk dari setiap katagori. Seperti biasa
terdapat tiga fungsi didalam kelola produk yaitu input, ubah, dan hapus. Jika
admin melakukan inputan baru maka akan muncul form kelola admin. Dalam
form itu admindapat mengimputkanseluruh detail produk bunga yaitu nama,
harga, informasi produk, dan memilih katagori yang telah ada juga mengunggah
gambar produk bunga agar custumer nantinya dapat mengetahui hasil pesanan
mereka.
start
login
memilih kelola user
hapus?
klik hapus berhasil
dihapus
4) Kelola Pembelian
Gambar 3.13 Activity Diagram Kelola Pembelian
Kelola pembelian merupakan salah satu aktivitas penting dalam web ini,
karena didalamnya terdapat banyak data-data pemesanan dari customer yang
harus dikelola agar dapat dilanjutkan ke proses pembuatan. Sebelumnya yang
wajib dilakukan admin adalah mengecek transaksi (transfer) apakah telah berhasil
atau belum. Jika telah berhasil maka admin harus mengkonfirmasi lunas status
transaksi custumer, sehingga customer dapat mengetahui bahwa pesanannya
5) Kelola News
Gambar 3.14 Activity Kelola News
Diagram activity ini menjelaskan aktivitas yang terjadi pada admin ketika
melakukan kelola news. Setelah memilih menu news, masuk table data news (jika
data telah ada sebelumnya). Didalam halaman tersebut dapat melakukan input
data baru dengan memasukkan judul, isi news, dan tambah gambar. Setelah itu
jika data yang telah ada ingin ditambah atau dikurangi dapat melakukan ubah data
dengan memasukkan data yang sama seperti saat input awal. Yang terakhir adalah
start
hapus? klik hapus berhasil
fungsi tombol hapus yang berada disetiap data yang digunakan untu menghapus
data news yang telah tidak terpakai.
3.3.3.3 Pengembangan Sequance Diagram Dan Collaboration Diagram
Pada tahap pengembangan sequence diagram akan dijelaskan interaksi
objek yang disusun dalam suatu urutan waktu yang berasosiasi dengan usecase
serta memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk
menghasilkan sesuatu didalam usecase.
1) Sequence Diagram Dari Use Case Login
Gambar 3.15 Sequence Diagram Login
Gambar sequence di atas menggambarkan customer berinteraksi dengan
objek-objek lain dalam proses login. Customer memasukkan username dan
password di form login lalu sistem akan mengecek apakah customer telah menjadi
member atau belum menjadi member. Berikut gambar diagram collaboration login
setelah degenerate dari diagram sequence login
Gambar 3.16 Colaboration Diagram Login
2) Sequence Diagram Dari Usecase Registrasi
Gambar 3.17 Sequence Diagram Register Customer
: customer
2: masukkan username & password 3: cek login gagal
4: validasi ID
5: cek status 6: sukses login
: customer
halaman web form register database server
masuk halaman
mengisi form
data tidak valid
sim pan data mem ber baru
menginformasikan
Gambar sequence di atas, menunjukan bahwa nantinya custumer harus
mengisi form register agar dapat menjadi member. Form tersebut berfungsi
sebagai data custumer yang akan disimpan di database sebagai arsip toko. Berikut
gambar diagram collaboration Register Customer setelah degenerate dari diagram
sequence login
Gambar 3.18 Colaboration Diagram Register Customer
3) Sequance diagram dari use case pembelian
Gambar 3.19 Sequence Diagram Pembelian
: customer
halaman web form
register
database server
1: masuk halaman 2: mengisi form
3: data tidak valid
4: simpan data member baru
5: menginformasikan
6: mendapat konfirmasi notifikasi email
: cus tomer
halaman web menu kategori detail produk form beli database
mas uk halam an utama
Gambar sequence ini menjelaskan bahwa setelah customer masuk ke
halaman web, maka customer dapat memilih katagori produk yang nantinya setiap
produk memiliki detail produk masing-masing yang berisi informasi mengenai
produk tersebut. Setelah itu customer dapat klik produk tersebut untuk
mengetahui detail produk. Lalu jika ingin melakukan pemesanan customer harus
mengisi form beli dengan data yang benar, untuk menginformasikan pada admin
kemana dan kapan barang ingin diantar. Berikut gambar diagram collaboration
pembelian setelah degenerate dari diagram sequence pembelian
Gambar 3.20 Colaboration Diagram Pembelian
: customer
halaman web kategorimenu
detail produk
form beli
database
1: masuk halaman utama 2: memilih menu kategori
4) Sequance Diagram Dari Use Case Konfirmasi Pesanan
Gambar 3.21 Sequence Diagram Konfirmasi Pesanan
Gambar sequence di atas menjelaskan tentang bagaimana proses admin
mengubah status pembelian customer menjadi telah dikonfirmasi lunas (hanya
dapat dilakukan jika customer telah transfer). Jika status telah lunas maka
customer akan mendapatkan informasi melalui notifikasi email. Berikut gambar
diagram collaboration konfirmasi pesanan setelah degenerate dari diagram
sequence konfirmasi pesanan
data pesanan tabel lunas database
pemesanan
server
masuk halaman web
mas uk menu pesanan
konfirmasi lunas
data mas uk ke tabel lunas
ubah status pesanan menjadi lunas
mengirim informasi
Gambar 3.22 Colaboration Diagram Konfirmasi Pesanan
5) Sequance Diagram Dari Use Case Kelola Produk
Gambar 3.23 Sequence Diagram Verifikasi Kelola Produk
: admin
4: data masuk ke tabel lunas
5: ubah status pes anan menjadi lunas
7: mendapatkan email notifikasi proses pemesanan
6: mengirim informasi
: customer : admin
halaman web admin
halaman web tabel produk tambah ubah hapus database
Sequence ini menjelaskan bagaimana terjadinya verifikasi konfirmasi
pemesanan ke email customer. Setelah status customer menjadi lunas sistem
dengan otomatis akan mengirimkan notifikasi email kepada customer untuk
informasi bahwa pesanan telah diproses. Berikut gambar diagram collaboration
kelola produk setelah degenerate dari diagram sequence kelola produk pesanan
Gambar 3.24 Colaboration Diagram Kelola Produk
3.4 Perancangan Database
Sebuah system aplikasi yang bersifat dinamis harus memiliki sebuah
database atau sekumpulan data yang dapat di-input, diedit, dan dihapus oleh
administrator. Sebelum membuat database, maka dibuatlah perancangan database
yang terstruktur dengan gambar ERD di bawah ini
: admin 9: data berhasi di ubah
10: update halaman custom er
3.4.1 Conceptual Data Model (CDM)
Pembuatan CDM adalah suatu tahap dimana kita melakukan proses
indentifikasi dan analisa kebutuhan-kebutuhan data dan ini disebut pengumpulan
data dan analisa. Untuk menentukan kebutuhan-kebutuhan suatu sistem database,
pertama harus diketahui terlebih dahulu bagian-bagian lain dari sistem informasi
yang akan berinteraksi dengan sistem database. Tipe data bersifat general dan
tidak spesifik.
Gambar 3.26 Conceptual Data Model (CDM)
3.4.2 Physical Data Model (PDM)
Merupakan model yang menggunakan sejumlah tabel untuk
menggambarkan data serta hubungan antara data-data tersebut. Setiap tabel
mempunyai sejumlah kolom di mana setiap kolom memiliki nama yang unik.
Perancangan database secara fisik Tipe data bersifat lebih khusus dan
spesifik. Perancangan PDM merupakan representasi fisik / sebenarnya dari
database.
Gambar 3.27 Physical Data Model (PDM)
3.5 Perancangan Tabel Database
Dari CDM (Conceptual Data Model) dan PDM (Physical Data Model)
sebelumnya, maka dapat dibuat tabel-tabel yang akan menjadi patokan dalam
pembuatan sebuah database.
Berikut ini adalah detail masing-masing tabel pada subbab berikut ini:
A . Tabel Admin
Tabel admin berisikan id_admin, username yaitu user_admin dan
password yng disimpan di paa_admin. Database ini nantinya akan dipanggil saat
admin akan login untuk masuk ke halaman admin.
Tabel 3.1.1 Tabel Rancangan Admin
Nama Field Tipe Ukuran
id_admin int 11
user_admin varchar 50
pass_admin varchar 200
B. Tabel Jenis Bunga
Tabel jenis hampirsama seperti tabel sebelumnya digunakan untuk pilihan
tambahan dalam pemesanan bunga. Tabel ini berisikan id jenis, id katagori, jenis
bunga dan harga. Jenis bunga disini madsudnya apakan bunganya menggunakan
Tabel 3.1.2 Tabel Rancangan Jenis Bunga
Nama Field Tipe Ukuran
id_jenis int 11
id_kategori int 11
jenis_bunga varchar 100
harga_jenis int 11
C. Tabel Jumlah Bunga
Tabel yang juga berisikan data-data yang digunakan sebagai tambahan
dalam pemesanan bunga seperti tabel font dan tabel jenis bunga. Namun
fungsinya adalah menyimpan data apakan custumer menginginkan bunga ukuran
medium atau besar.
Tabel 3.1.3 Tabel Rancangan Jumlah Bunga
Nama Field Tipe Ukuran
id_jumlahbunga int 11
id_kategori int 11
jenis varchar 20
D. Tabel papan
Tabel yang fungsinya sama seperti 3tabel diatas ini akan memuat pilihan
tambahan dalam pemesanan khusus bunga yang menggunakan papan.
Tabel 3.1.4 Tabel Rancangan Papan
Nama Field Tipe Ukuran
id_papan int 11
id_kategori int 11
ukuran_papan varchar 100
harga_papan int 11
E. Tabel Kategori
Tabel kategori menyimpan beberapa data yaitu id, nama, dan keterangan
dari kategori yang nantinya akan mengelompokkan tiap-tiap produk bunga yang
dapat dipesan. Fungsinya adalah memudahkan konsumen untuk mencari bunga
jenis apa yang akan dipesan dan sesuai dengan kebutuhan customer.
Tabel 3.1.5 Tabel Rancangan Kategori
Nama Field Tipe Ukuran
id_kategori int 11
nama_kategori varchar 100
F. Tabel news
Tabel news akan digunakan untuk menyimpan berita atau artikel mengenai
toko aneka florist yanng berisi seluruh informasi yang tidak dibatasi. Contohnya
produk baru, promo harga, hingga promosi. Tabel ini berisi id, judul berita, isi
berita, dan tanggal dimuatnya informasi nantinya.
Tabel 3.1.6 Tabel Rancangan News
Nama Field Tipe Ukuran
id_news int 11
judul varchar 200
isi mediumtext
tgl date
G. Tabel pesan
Tabel ini gunakan untuk menyimpan segala pesan yang dibuat oleh
customer mengenai pertanyaan, kritik, ataupun saran. Tabel pesan berisi nama,
email, dan isi pesan.
Tabel 3.1.7 Tabel Rancangan Pesan
Nama Field Tipe Ukuran
id_pesan int 11
email varchar 100
isi varchar 10000
H. Tabel user
Tabel user adalah tabel yang memuat segala data tentang customer yang
telah melakukan registrasi. Tabel ini menyimpan id user, username password,
nama, email, alamat dan telepon dari customer. Sehingga admin nantinya dapat
menghubungi guna menginformasikan pesanan custumer.
Tabel 3.1.8 Tabel Rancangan User
Nama Field Tipe Ukuran
id_user int 11
username varchar 50
password varchar 200
nama varchar 50
email varchar 50
alamat varchar 100
I. Tabel produk
Tabel produk memuat seluruh data detail produk yang digunakan untuk
memberi informasi tiap-tiap produk bunga. Tabel ini berisi nama, keteranngan
gambar, dan harga produk yang diinputkan secara manual oleh admin.
Tabel 3.1.9 Tabel Rancangan Produk
Nama Field Tipe Ukuran
id_produk int 11
id_kategori int 11
nama_produk varchar 100
ket_produk varchar 500
gambar varchar 500
harga_produk int 11
J. Tabel pembelian
Tabel terakhir yang dibuat adalah tabel pembelian yang berisi segala
informasi tentang pemesanan bunga dari customer yang disimpan pada database
ini. Tabel ini berisi cukup banyak macam data mulai dari beberapa id dari tabel
sebelumnya, hingga status pemesanan, tanggal kirim barang, tanggal pemesanan,
nama dan alamat calon penerima bunga serta pesan yang nantinya berada dalam
Tabel 3.1.10 Tabel Rancangan Pembelian
Perancangan Antar Muka (interface) yang akan di implementasikan pada
website dan telah ter-design dengan sebagai berikut :
Desain pada halaman utama customer memiliki 4 menu seperti halaman
lainnya nanti. Terdapat slide foto produk yang dapat berubah per 2 detik. Sebelah
kanan terdapat side bar yang berisi informasi kontak. Dan dibawahnya terdapat
produk terbaru serta update berita atau promo. Desain home dapat dilihat di
bawah ini pada gambar
Gambar 3.28 Desain Home Customer
b) Tampilan halaman produk kami dapat dilihat pada gambar di bawah ini.
Halaman produk nantinya terdapat thumbnails gambar-gambar setiap
produk. Dan terdapat tombol next yang membantu user untuk melihat halaman
produk selanjutnya. Dan disisi kanan terdapat sidebar yang berisi keranjang,
Gambar 3.29 Desain Halaman Produk Kami
c) Tampilan halaman cara pembelian dapat dilihat pada gambar di bawah ini.
Halaman cara pembelian juga memiliki sidebar seperti pada halaman
produk kami. Pada halaman cara pembelian hanya terdapat informasi tentang cara
pembelian dan ketentuan-ketentuan yang berlaku dalam sistem pembelanjaan
pada sistem informasi penjualan online.
Gambar 3.30 Desain Cara Pembelian
next
d) Tampilan menu kontak kami dapat dilihat pada gambar di bawah ini.
Dalam menu kontak kami, penulis akan membuat form pesan untuk user,
yang natinya dapat digunakan sebagai pesan kepada admin untuk menanyakan
sesuatu atau memberi masukan hingga memberi kritik.
Gambar 3.31 Desain Kontak Kami
e) Desain Login Admin
Pada awal membuka web admin, nantinya admin harus melakukan login
terlebih dahulu agar dapat masuk ke halaman admin. Berikut gambar desain login
admin.
f) Desain Halaman Admin
Halaman admin dibuat dengan beberapa menu kelola yang nantinya akan
digunakan admin. Menu-menu ini disesuaikan dengan kebutuhan kelola data toko
aneka florist. Berikut gambar desain halaman admin.
Gambar 3.33 Desain Halaman Admin
g) Desain Menu Pesanan
Menu pesanan nantinya terdapat tiga tabel yaitu tabel yang nama-namanya
Gambar 3.34 Desain Menu Pesanan
h) Desain Menu Produk
menu produk berisi tabel-tabel yang nantinya akan menyimpan produk
dari setiap kategori.
i) Desain Menu Kategori
Web ini mengkatagorikan setiap produknya, sehingga terdapat menu yang
mengelola kategori yang nantinya berfungsi mengupdate katagori yang digunakan
dalam penjualan.