ANALISIS DAN RANCANGAN DATABASE PENJUALAN …
Post on 01-Dec-2021
4 Views
Preview:
Transcript
ANALISIS DAN RANCANGAN DATABASE PENJUALAN HANDPHONE
SECARA ONLINE PADA TOKO TRUST PHONE SHOP
Cut Asiana Gemawaty
Fakultas Ilmu Komputer, Program Studi Sistem Informasi Universitas Gunadarma Jalan
Margonda Raya No 100, Depok
ABSTRAKSI
Kemajuan suatu toko pada saat ini adalah memiliki toko online dimana
akan memperluas jangkauan penjualan. Suatu penjualan lebih diminati apabila
memiliki sistem pembelian dan pembayaran yang mudah. Oleh karena itu dalam
penelitian ini dibuatlah ANALISIS DAN RANCANGAN DATABASE
PENJUALAN HAND PHONE SECARA ONLINE PADA TOKO TRUST
PHONE SHOP, dimana pelayanan penjualan menyediakan sistem pembayaran
cicilan. Hal ini dapat mempermudah pembeli bertransaksi dengan pemilik toko.
Kata Kunci : Rancangan, Toko Online, Cicilan, Web , Sistem
PEMBAHASAN
Perkembangan teknologikini sudah memasukki segala aspek kehidupan dan
berkembang dengan sangat cepat. Hal ini dapat dilihat dari teknologi baru yang
muncul dalam jeda waktu yang singkat dan ada di segala sektor, karena semakin
banyaknya kebutuhan manusia dan semakin tingginya keinginan manusia untuk
menyelesaikan suatu masalah dengan cepat.
Teknologi membuat semua faktor berubah untuk mengimbangi
perkembangan. Model penjualan barang secara online sudah banyak berkembang,
terbukti dengan banyaknya bermunculan penjualan di internet dalam banyak
kategori dan produk. Penjualan barang secara online atau yang biasa disebut
dengan toko online adalah media dimana pembeli membeli barang atau jasa secara
langsung kepada penjual melalui media internet.
Banyak layanan sekarang yang menyediakan wadah untuk jual beli secara
gratis di internet dengan fitur yang menarik dan mampu menggapai pasar penjual
maupun pembeli itu sendiri dengan akreditasi yang mereka miliki masing-masing,
tetapi ini bisa dikatakan sebagai pihak ketiga dimana kita tidak dapat melakukan
hal yang semua kita sukai karena masih di atur dengan peraturan yang ada.
Memiliki web sendiri sangatlah banyak manfaatnya terlebih lagi kita dapat
melakukan apapun yang kita inginkan atau butuhkan. Dan sudah banyak pihak
ketiga yang menyediakan layanan untuk membuat toko atau web online dengan
mudah dan simple dengan biaya yang berbeda-beda dengan kemudahan itu
banyak yang menggunakannya untuk dijadikan sarana mengembangkan toko
mereka masing-masing menjadi online sehingga mampu mengikuti pertumbuhan
teknologi yang berlangsung.
Trust Phone Shop atau biasa disebut TPS adalah salah satu toko yang menjual
berbagai jenis Handphone original dengan kondisi baru dan bekas. Trust Phone
Shop merupakan toko yang baru merintis usahanya di awal pandemi ini yaitu pada
Maret 2020 di Jakarta.
Mereka menjual banyak merk dan jenis handphone mulai dari IPhone hingga
Samsung dengan tipe yang bervariasi, meski yang dijual ada handphone bekas
atau second tetapi informasi yang diberikan dapat dibilang lengkap, mulai dari
kesehatan baterai hingga goresan pada handphone.
Selain handphone Trust Phone Shop juga menjual berbagai macam aksesoris
seperti earphone wireless, powerbank. Dan juga mereka menjual gadget lain nya
seperti laptop, macbook second, dan lain-lainya.
Pembelian sendiri tidak diharuskan yang berlokasi di Jakarta karena Trust
Phone Shop bisa mengirim ke berbagai wilayah di Indonesia.
Meski tidak memiliki toko fisik, Trust Phone Shop tentu tetap memberikan
pelayanan untuk menjawab pertanyaan dari pembeli yang bisa dihubungi lewat
Whatsapp mereka.
Perkembangan teknologi membuat pemilik toko Trust Phone Shop tertarik
untuk mengembangkan usahanya yang sekarang hanya bertransaksi melalui
Whatsapp, mereka ingin berkembang menjadi Toko Online dengan system sendiri
dan tentunya tidak terpaut atau terpaku dengan pihak ketiga sehingga pemilik
dapat memiliki wadah sendiri sesuai dengan keinginan pemilik sendiri, demi
memajukan usahanya agar lebih dikenal oleh masyarakat luar.
Hasilnya pemilik toko online Trust Phone Shop menginginkan adanya sistem
pembelian dengan kredit yang dapat dengan mudah digunakan oleh calon pembeli
tanpa harus pemilik menghitung manual jumlah yang harus pembeli bayarkan tiap
bulan nya.
Dari uraian diatas, maka peneliti bermaksud membuat ANALISIS DAN
RANCANGAN DATABASE PENJUALAN HAND PHONE SECARA ONLINE
PADA TOKO TRUST PHONE SHOP dengan harapan membantu pemilik toko
online Trust Phone Shop untuk menjual barang dagangnya melalui platform milik
sendiri dengan sistem yang ditentukan oleh pemilik.
Pengertian Sistem Informasi Manajemen
Sistem Informasi Manajemen atau yang biasa disebut SIM terdiri dari 3 hal
yaitu Sistem, Informasi, dan Manajemen dengan penjelasan sebagai berikut.
Sistem
Sistem adalah sekelompok komponen dan elemen yang digabungkan menjadi
satu untuk mencapai tujuan tertentu. Sistem berasal dari bahasa Latin (systēma)
dan bahasa Yunani (sustēma) adalah suatu kesatuan yang terdiri komponen atau
elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi
atau energi untuk mencapai suatu tujuan. Istilah ini sering dipergunakan untuk
menggambarkan suatu set entitas yang berinteraksi, di mana suatu model
matematika seringkali bisa dibuat.
Sistem juga merupakan kesatuan bagian-bagian yang saling berhubungan yang
berada dalam suatu wilayah serta memiliki item-item penggerak, contoh umum
misalnya seperti negara. Negara merupakan suatu kumpulan dari beberapa elemen
kesatuan lain seperti provinsi yang saling berhubungan sehingga membentuk
suatu negara dimana yang berperan sebagai penggeraknya yaitu rakyat yang
berada dinegara tersebut.
Sistem Informasi
Sistem Informasi (SI) merupakan gabungan dari teknologi informasi dan
aktivitas orang yang menggunakan teknologi untuk mendukung operasi dan
manajemen. Dalam arti yang sangat luas, sistem informasi ini sering dipakai
untuk merujuk pada interaksi antar orang, proses algoritma, data, dan teknologi.
Dalam penjelasan ini, istilah yang dipakai untuk merujuk tidak hanya untuk
penggunaan organisasi teknologi informasi dan komunikasi (TIK), tetapi juga
untuk orang berinteraksi dengan teknologi dalam mendukung proses bisnis.
Secara luas Sistem Informasi bisa dijelaskan sebagai suatu sistem didalam
sebuah organisasi yang merupakan pencampuran dari beberapa orang, teknologi,
fasilitas, media prosedur & pengendalian yang ditujukan untuk mendapatkan jalur
komunikasi penting, melakukan proses tipe transaksi rutin, memberikan sinyal
kepada suatu manajemen terhadap segala peristiwa yang bersifat eksternal
maupun internal dan memberikan suatu informasi yang nantinya dijadikan sebagai
pengambilan sebuah keputusan.
Sistem Informasi Manajemen
Definisi sistem informasi manajemen menurut Jogiyanto Hartono (2000:700)
Sistem Informasi Manajemen adalah kumpulan dari interaksi sistem-sistem
informasi yang bertanggung jawab mengumpulkan dan mengolah data untuk
menyediakan informasi yang berguna untuk semua tingkat manajemen didalam
kegiatan perencanaan dan pengendalian.
Pada dasarnya sistem informasi mempunyai tiga kegiatan utama yaitu:
menerima data sebagai masukan, kemudian memprosesnya dengan melakukan
perhitungan, penggabungan unsur-unsur data dan akhirnya dapat diperoleh
informasi yang diperlukan sebagai keluaran. Prinsip tersebut berlaku baik bagi
sistem informasi manual maupun sistem informasi modern dengan penggunaan
perangkat komputer.
Sistem informasi manajemen yang efektif menurut Raymond Coleman dalam
Moekijat (1991:40) adalah bahwa sistem tersebut dapat memberikan data yang
cermat, tepat waktu, dan yang penting artinya bagi perencanaan, analisis, dan
pengendalian manajemen untuk mengoptimalkan pertumbuhan organisasi. George
M. Scott yang diterjemahkan oleh Budiman (2001:100), mengemukakan Sistem
Informasi Manajemen adalah serangkaian sub-sistem informasi yang menyeluruh
dan terkoordinasi dan secara rasional terpadu yang mampu mentransformasi data
sehingga menjadi informasi lewat serangkaian cara guna meningkatkan
produktivitas yang sesuai dengan gaya dan sifat manajer atas dasar kriteria mutu
yang telah ditetapkan. Menurut George M. Scott dalam Budiman (2001:100),
maka sifat Sistem Informasi Manajemen dapat digarisbawahi sebagai berikut:
a. Sistem Informasi Manajemen (SIM) Adalah Menyeluruh
b. Sistem Informasi Manajemen (SIM) Adalah Terkoordinasi
c. Sistem Informasi Manajemen (SIM) Memiliki Sub-sistem Informasi
d. Sistem Informasi Manajemen (SIM) Terintegrasi Secara Rasional
e. Sistem Informasi Manajemen (SIM) Mentransformasikan Data kedalam
Informasi dengan Berbagai Cara
f. Sistem Informasi Manajemen (SIM) Meningkatkan Produktivitas
g. Sistem Informasi Manajemen (SIM) Sesuai dengan Sifat dan Gaya
Manajer
h. Sistem Informasi Manajemen (SIM) Menggunakan Kriteria Mutu yang
Telah Ditetapkan
Pada dasarnya sebuah sistem informasi manajemen menerima dan memproses
data untuk kemudian mengubahnya menjadi informasi yang berguna bagi para
pengguna informasi dalam tingkatan manajemen. Untuk memperjelas pelaksanaan
dari sistem informasi manajemen diperlukan beberapa indikator dari sistem.
informasi manajemen. Adapun indikator-indikator dari sistem informasi
manajemen yang dikemukakan oleh Gordon B. Davis (1995:57), yaitu:
a. Informasi
Informasi merupakan hasil dari pengolahan data akan tetapi tidak semua
hasil dari pengolahan tersebut bisa menjadi informasi, hasil pengolahan
data yang tidak memberikan arti serta tidak bermanfaat bagi seseorang
bukanlah merupakan informasi bagi orang tersebut.
b. Manusia sebagai pengolah informasi
Peranan manusia disini sangat besar yaitu untuk menciptakan informasi
yang akurat, tepat waktu, relevan, dan lengkap. Baik buruknya informasi
yang dihasilkan tergantung dari profesionalitas dari manusia itu sendiri.
c. Konsep sistem
Sistem adalah suatu bentuk kerjasama yang harmonis antara
bagian/komponen/sub sistem yang saling berhubungan satu dengan
bagian/komponen/sub sistem lainnya untuk mencapai suatu tujuan. Selain
itu sistem tidaklah berdiri sendiri tetapi juga dipengaruhi oleh lingkungan,
baik itu lingkungan intern maupun lingkungan ekstern.
d. Konsep organisasi dan manajemen
Organisasi tidak bisa lepas dari kegiatan manajemen dan begitu pula
sebaliknya karena keduanya mempunyai hubungan yang begitu erat dan
kuat.
e. Konsep pengambilan keputusan
Pengambilan keputusan adalah tindakan pimpinan untuk memecahkan
masalah yang dihadapinya dalam organisasi yang dipimpinnya dengan
melalui pemilihan satu diantara alternatif-alternatif yang dimungkinkan.
f. Nilai informasi
Informasi dapat mengubah sebuah keputusan. Perubahan dalam nilai hasil
akan menentukan informasi. Bahwa suatu informasi itu harus dapat
menjadi ukuran yang tepat, yang nantinya dapat memberikan masukan
bagi pimpinan dalam pengambilan keputusan. Jadi dari pengertian diatas
dapat ditarik pengertian bahwa Sistem Informasi Manajemen adalah
serangkaian sub-sistem informasi yang menyeluruh dan terkoordinasi
untuk kemudian mengubahnya menjadi informasi yang berguna bagi para
pengguna informasi dalam tingkatan manajemen
Penjualan
Menurut Philip Kotler definisi Penjualan adalah suatu kegiatan yang ditujukan
untuk mencari pembeli, mempengaruhi, dan memberikan petunjuk untuk mencari
pembeli dapat menyesuaikan kebutuhan nya dengan produk yang ditawarkan serta
mengadakan perjanjian mengenai harga yang menguntungkan bagi kedua belah
pihak.
Penjualan adalah Interaksi antara individu saling bertemu muka yang
ditujukan untuk menciptakan, memperbaiki, menguasai atau mempertahankan
hubungan pertukaran sehingga menguntungkan bagi pihak lain. Penjualan dapat
diartikan juga sebagai usaha yang dilakukan manusia untuk menyampaikan
barang bagi mereka yang memerlukan dengan imbalan uang menurut harga yang
telah ditentukan atas persetujuan bersama
Dengan demikian definisi penjualan dari berbagai para ahli dapat disimpulkan,
bahwa penjualan adalah suatu tindakan untuk menukar barang atau jasa dengan
uang yang menguntungkan kedua belah pihak. Kegiatan penjualan tidak hanya
dilakukan secara tunai tetapi juga dapat secara kredit.
Penjualan Cicilan
Penjualan cicilan (instalment sales) adalah suaru imbalan yang dapat
diterima melalui cicilan. Pendapatan yang terkait dengan harga penjualan, tidak
termasuk bunga, diakui pada tanggal penjualan. Biasanya pada saat barang atau
jasa diserahkan kepada pembeli, penjual menerima uang muka (down payment)
sebagai pembayaran pertama dan sisanya dicicil dengan beberapa kali. angsuran.
Karena penjualan harus menunggu beberapa periode untuk menagih seluruh
piutang penjulannya, maka biasanya pihak penjual akan membebankan bunga atas
saldo yang belum diterimanya.
Perhitungan angsuran pinjaman terdiri dari cicilan pokok pinjaman dan bunga
dari suatu jumlah pinjaman. Sistem bunga dalam perhitungan angsuran adalah
sistem bunga tetap (flat), menurun dan efektif ( Arifin, 2007)
Flat Rate ( bunga tetap)
(Fatihudin, 2017) Flat rate atau bunga tetap adalah metode pembebanan
dimana suku bunga dan besar pokok pinjaman yang dibayar tetap sama (Konstan)
pada setiap bulannya hingga sampai kredit tersebut dinyatakan lunas, disebut
anuitas.
Perhitunga menggunakan flat rate lebih menguntungkan si pemberi kredit
dibandingkan menggunakan perhitungan bunga efektif dan menurun ( Pramono,
2008). Biasanya kredit tersebut bersifat konsumtif seperti untuk pembelian mobil,
handphone, apartemen, rumah, sepeda motor, alat rumah tangga dan sebagai nya.
Flat rate dapat dihitung menggunakan rumus tersebut :
Cicilan pokok perbulan =
Bunga perbulan =
Total bunga yang harus dibayar =
Kelebihan dan kelemahan jual beli secara kredit
Menurut ( Agus dan Trimarwanto) kelebihan dan kelemahan jual beli secara
kredit :
1. Kelebihan Jual Beli secara kredit
A. Bagi pembeli
a. Mendapatkan barang yang ingin dibeli denagn tidak perlu menyiapkan
uang sesuai dengan harga dari suatu barang. Cukup dengan sebagian
uang untuk uang muka, pembeli sudah dapat memiliki barang tersebut
b. Pembeli tetap dapat memenuhi kebutuhan hidupnya, meskipun harga
barang yang mereka beli lebih mahal.
B. Bagi penjual
a. Penjualan secara kredit dapat meningkatkan volume penjualan
produsen.
b. Dengan penjualan secara kredit, keuntungan dari penjualan suatu
barang menjadi lebih besar
2. Kelemahan jual beli secara kredit
a. Bagi pembeli
1. Pembeli harus membayar bunga atas barang yang dibeli
2. Harga barang menjadi lebih mahal dari pembelian tunai, karena adanya
bunga angsuran
b. Bagi penjual
a. Penjual harus menyiapkan modal yang lebih besar, sehingga
persediaan barang yang akan mereka jual selalu ada.
b. Menanggung risiko jika pembeli tidak mampu membayar angsuran
Website
Website adalah kumpulan halaman-halaman yang digunakan untuk
menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau
gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang
membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing
dihubungkan dengan jaringan-jaringan halaman. Hubungan antara satu halaman
web dengan halaman web yang lainnya disebut hyperlink, sedangkan teks yang
dijadikan media penghubung disebut hypertext.
Web Responsif adalah sebuah metode atau pendekatan sistem web desain
yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai
perangkat, baik mobile maupun komputer meja. Dengan metode ini, web akaN
beradaptasi jika dibuka dari perangkat mobile berukuran kecil maupun
perangkat komputer meja dengan ukuran monitor besar. Ukuran huruf, user
interface, gambar dan tata letak akan menyesuaikan dengan lebar layar dan
resolusi layar monitor yang tersedia. Hasilnya pengguna akan merasakan
pengalaman mudah membaca, nyaman dan melihat informasi web tersebut sama
dengan jika ia melihat melalui perangkat komputer meja
Sejarah Website
Penemu website adalah Sir Timothy John “Tim” Bemers-Lee, sedangkan
website yang tersambung dengan jaringan, pertama kali muncul pada tahun 1991.
Maksud dari Tim ketika membuat website adalah untuk mempermudah tukar
menukar dan memperbarui informasi kepada sesama peneliti di tempat bekerja.
Pada tanggal 30 April 1993, CERN (tempat Tim bekerja) menginformasikan
bahwa WWW (World Wide Web) dapat digunakan secara gratis oleh semua orang
yang dapat diakses melalui sebuah software yang disebut browser, seperti Internet
Explorer, Mozilla Firefox, Opera dan lain-lain.
Jenis Website
Seiring dengan perkembangan teknologi informasi yang begitu cepat, website
juga mengalami perkembangan yang berarti. Dalam pengelompokkan jenis web,
lebih diarahkan berdasarkan kepada sifat, fungsi dan bahasa pemrograman yang
digunakan.
Berdasarkan pada sifat, website terbagi atas:
a. Website Dinamis: merupakan sebuah website yang menyediakan konten
atau isi yang selalu berubah-ubah setiap saat. Bahasa pemograman yang
digunakan antara lain PHP, ASP, .NET dan memanfaatkan database
MySQLi atau MS SQL. Contohnya website www.technomobile.co.cc,
www.polinpdg.ac.id dan lain-lain.
b. Website Statis: merupakan website yang kontennya sangat jarang diubah.
Bahasa pemograman yang digunakan adalah HTML dan belum
memanfaatkan database. Misalnya: web profil organisasi, dan lain-lain.
Berdasarkan pada fungsinya, website terbagi atas:
a. Personal Website: merupakan website yang berisi informasi pribadi
seseorang.
b. Commercial Website: merupakan website yang dimiliki oleh sebuah
perusahaan yang bersifat bisnis.
c. Government Website: merupakan website yang dimiliki oleh instansi
pemerintahan, pendidikan yang bertujuan memberikan pelayanan kepada
pengguna.
d. Non-Profit Organization website: merupakan website dimiliki oleh
organisasi yang bersifat non-profit atau tidak bersifat bisnis.
Berdasarkan pada bahasa pemrograman, website terbagi atas:
a. Server Side: merupakan website yang menggunakan bahasa pemrogram
yang tergantung kepada tersedianya server. Seperti, PHP, ASP dan lain
sebagainya. Jika tidak ada server, website yang dibangun menggunakan
bahasa pemrograman di atas tidak dapat berfungsi sebagaimana mestinya.
b. Client Side: merupakan website yang tidak membutuhkan server dalam
menjalankannya, cukup diakses melalui browser saja. Contohnya, HTML.
PHP
PHP (singkatan untuk PHP: Hypertext Preprocessor) adalah bahasa scripting
umum dan open source yang banyak digunakan dan sangat cocok untuk
pengembangan web dan dapat disematkan ke dalam HTML.
Alih-alih banyak perintah untuk menghasilkan HTML (seperti yang terlihat
dalam C atau Perl), halaman PHP berisi HTML dengan kode tertanam yang
melakukan "sesuatu" (dalam hal ini, hasilkan "Hai, saya skrip PHP!"). Kode PHP
terlampir dalam instruksi pemrosesan awal dan akhir khusus <? Php dan ?> Yang
memungkinkan Anda untuk masuk dan keluar dari "mode PHP."
Yang membedakan PHP dari sesuatu seperti JavaScript sisi klien adalah
bahwa kode dieksekusi di server, menghasilkan HTML yang kemudian dikirim ke
klien. Klien akan menerima hasil menjalankan skrip itu, tetapi tidak akan tahu apa
kode yang mendasarinya. Anda bahkan dapat mengkonfigurasi server web Anda
untuk memproses semua file HTML Anda dengan PHP, dan kemudian benar-
benar tidak ada cara bagi pengguna untuk mengetahui apa yang Anda miliki.
Hal terbaik dalam menggunakan PHP adalah sangat sederhana untuk
pendatang baru, tetapi menawarkan banyak fitur canggih untuk programmer
profesional. Jangan takut membaca daftar panjang fitur PHP. Anda dapat
melompat, dalam waktu singkat, dan mulai menulis skrip sederhana dalam
beberapa jam.
Tipe Data PHP
PHP memiliki 8 jenis tipe data yang terdiri dari tipe data numerik, karakter,
dan tipe data spesial. Berikut mengenai tipe data PHP :
a. Integer
Integer merupakan tipe bilangan bulat atau bilangan yang tidak memiliki
nilai di belakang koma, contoh bilangan integer adalah 100, 1283, 9999
dan seterusnya.
b. Doubles/Float/Real
Tipe data ini merupakan tipe data yang memuat bilangan pecahan dan
bilangan bulat float memiliki sedikit perbedaan dengan integer,
perbedaanya hanya terdapat di koma jika integer tidak dapat menerima
masukan koma maka doubles/float/real kebalikanya, tipe data ini dapat
menerima koma. Hal yang perlu pembaca perhatikan pada saat nanti
penulisannya, komputer tidak mengenal "," dan koma itu sendiri di
gantikan dengan "." (titik).
c. Boolean
Tipe data Boolean hanya memiliki 2 nilai yaitu TRUE/FALSE atau
BENAR/SALAH atau juga HIDUP/MATI, tipe data ini biasanya
digunakan untuk menentukan sebuah kondisi.
d. Null
Tipe data ini hanya memiliki satu nilai yaitu NULL atau kosong.
e. String
Tipe data yang memuat segala karakter huruf, angka, simbol, tipe data ini
memiliki ciri pada penulisan yang diapit oleh kutip.
f. Array
Tipe data ini adalah salah satu tipe data yang dapat menghubungkan kata
kunci dengan nilai.
g. Object
Tipe data yang menyimpan data dan informasi tentang cara mengolah data
tersebut.
h. Resource
Tipe data yang jika diartikan ke dalam bahasa Indonesia ber-arti "sumber
daya" ini adalah tipe data spesial yang mereferensikan keterkaitan luar
melalui fungsi, berbeda dengan tipe data lainya tipe data lainya tipe data
ini berbentuk sebuah fungsi.
Kelebihan PHP :
a. Memiliki community yang besar
Programmer Web mana yang tidak mengetahui PHP, semua web
programmer paling tidak pasti pernah mencoba PHP. Banyak sekali
website yang menggunakan PHP sebagai bahasa pemrograman untuk
membuat aplilkasi web atau website nya. Forum untuk membahas dan juga
saling bertukar pikiran dalam pemrograman PHP juga telah banyak
muncul di berbagai situs.
b. Mudah dipelajari
PHP mudah di install dan dikonfigurasi. membuatnya menjadi bahasa
pemrograman tingkat entry level yang mudah dipelajari bagi seseorang
yang baru memulai belajar pengembangan web. Tutorial yang dapat dilihat
di berbagai platform sekarang dengan berbagai tehnik .
c. Pengembangan cepat
Membuat Aplikasi menggunakan PHP jauh lebih cepat daripada
mengembangkan aplikasi web menggunakan bahasa pemrograman lain.
banyak sekali tools, boiler yang tersedia secara open source untuk bahasa
pemrograman PHP. hal ini mempercepat proses dari start sampai dengan
finish sebuah projek pembuatan aplikasi web.
d. Ringkas
Bagi Programmer web yang pernah mencoba bahasa ASP maupun java
pasti mengetahui betul satu kelebihan ini. Mulai dari proses install yang
tidak perlu setting berlebihan, konfigurasi dengan database yang mudah.
hingga proses pengembangan yang tidak memerlukan waktu kompilasi.
membuat PHP terasa sangat ringkas dan praktis berbeda dengan bahasa
pemrograman lain yang membutuhkan proses kompilasi untuk dapat
melihat website yang telah diselesaikan pembuatan kodenya. Bahkan,
bahasa pemrograman php dapat digunakan didalam dokumen html, hmm
ringkas bukan.
Kekurangan :
a. Banyak Kompetisi
Komunitas yang luas tentu membuat persaingan semakin ketat, para web
developer berlomba-lomba menguasai PHP. Ini menciptkan pemicu baru
untuk menguasai dan mengasah kemampuan kita.
b. Mudah dibajak
Karena sifat PHP yang merupakan interpreter , source code dari aplikasi
php mudah untuk di modifikasi dan diubah fungsinya.
HTML
HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua
konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda
adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya,
HTML adalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah
dokumen Web. Konten dalam halaman Web ditandai dengan element HTML
seperti <img>, <title>, <p>, <div>, dan sebagainya.
HTML adalah standar internasional yang spesifikasinya didasari dari World
Wide Web Consortium dan WHATWG. Ini dianggap sebagai "standar dasar" dan
secara teknik selalu dibenahi. Versi terkini dari HTML spesifikasinya menunjuk
HTML5.
HTML5 adalah versi terkini dari HTML dan XHTML. HTML standard
didefinisikan sebagai bahasa tunggal yang ditulis menggunakan sintaks HTML
ringan, tetapi juga lebih ketat dari pada XML, dan juga menjawab kebutuhan
aplikasi web.
HTML5 tidak menggambarkan gaya dan format konten, tapi hanya konten itu
sendiri dan maknanya. Gaya dan format didefinisikan dan dikendalikan
menggunakan Cascading Style Sheets (CSS).
Kelebihan :
a. Tampilan
Dengan html mampu menciptakan tampilan yang menarik utuk dilihat
sesuai dengan struktur yang kita inginkan, lebih hidup dan mudah untuk
dipahami.
b. Mudah Dipahami
HTML memiliki banyak referensi untuk dibaca dan semua dapat dengan
mudah di praktikan sehingga banyak web designer berlomba-lomba
menciptakan berbagai tampilan yang menarik.
c. Komunitas
Hal dasar dalam pembuatan web sehingga banyak komunitas yang
berkumpul untuk membantu sesame untuk belajar dan merancang berbagai
bentuk website.
Bootstrap
Bootstrap adalah sebuah library framework CSS yang dibuat khusus untuk
bagian pengembangan front-end website. Bootstrap merupakan salah satu
framework HTML, CSS dan JavaScript yang terkenal di kalangan web developer.
Bootstrap telah menyediakan kumpulan komponen class interface dasar yang
telah dirancang untuk menciptakan tampilan yang menarik, bersih dan ringan.
Selain komponen class interface, bootstrap juga memilki fitur grid yang berfungsi
untuk mengatur layout pada halaman website yang bisa digunakan dengan sangat
mudah dan cepat. Bootstrap memiliki beberapa kelebihan yaitu penggunaan
bootstrap sangat menghemat waktu, tampilan bootstrap yang sudah cukup terlihat
modern, Mobile Friendly, sangat ringan karena bootstrap dibuat dengan sangat
terstruktur.
MySQL Dan MySQLi
MySQL adalah database open source paling populer di dunia. Dengan
kinerja, keandalan, dan kemudahan penggunaannya yang telah terbukti, MySQL
telah menjadi pilihan basis data terkemuka untuk aplikasi berbasis web, yang
digunakan oleh properti web profil tinggi termasuk Facebook, Twitter, YouTube,
Yahoo! dan masih banyak lagi. Sedangkan MySQLi adalah peningkatakan dari
versi sebelumnya yaitu MySQL, i dibelakang mempunyai kepanjangan inproved
yang berarti ditingkatkan, yang membedakan keduanya adalah MySQLi
mendukung object oriented programming. Dalam SQL keduanya tidak berbeda
jauh dan sama-sama menggunakan phpMyAdmin sebagai wadahnya.
Perintah MySQL Dan MySQLi
SQL merupakan sebuah bahasa permintaan yang melekat pada suatu SMBD
termasuk MySQLi. Perintahnya dapat kita sebut dengan query. Dalam
penggunaannya, perintah SQL dikategorikan menjadi tiga sub perintah, yaitu
DDL (Data Definition Language), DML (Data Manipulation Language,) dan DCL
Data Control Language).
a. Data Definition Language (DDL)
Data Definition Language (DDL) merupakan sub bahasa SQL yang
digunakan untuk membangun kerangka database. Ada tiga perintah yang
termasuk dalam DDL, yaitu:
1. CREATE: Perintah ini digunakan untuk membuat, termasuk di antaranya
membuat database baru, tabel baru, view baru, dan kolom.
2. ALTER: Perintah ini digunakan untuk mengubah struktur tabel yang telah
dibuat. Pekerjaannya mencakup mengganti nama tabel, menambah kolom,
mengubah kolom, menghapus kolom, maupun memberikan atribut pada
kolom.
3. DROP: Perintah ini digunakan untuk menghapus database dan tabel.
b. Data Manipulation Language (DML)
Data Manipulation Language (DML) merupakan sub bahasa SQL yang
digunakan untuk memanipulasi data dalam database yang telah terbuat.
Perintah yang digunakan, di antaranya:
1. INSERT: Perintah ini digunakan untuk menyisipkan atau memasukkan
data baru ke dalam tabel. Penggunaannya setelah database dan tabel
selesai dibuat.
2. SELECT: Perintah ini digunakan untuk mengambil data atau menampilkan
data dan satu tabel atau beberapa tabel dalam relasi. Data yang diambil
dapat ditampilkan dalam layar prompt MySOL secara langsung maupun
ditampilkan pada tampilan aplikasi.
3. UPDATE: Perintah ini digunakan untuk memperbarui data lama menjadi
data terkini. Jika Anda memiliki data yang salah atau kurang up to date
dengan kondisi sekarang, maka dapat diubah isi datanya menggunakan
perintah UPDATE.
4. DELETE: Perintah ini digunakan untuk menghapus data dan tabel.
Biasanya data yang dihapus merupakan data yang sudah tidak diperlukan
lagi. Pada saat menghapus data, perintah yang telah dijalankan tidak dapat
digagalkan, sehingga data yang telah hilang tidak dapat dikembalikan
lagi.
c. Data Control Language (DCL)
Data Control Language (DCL) merupakan sub bahasa SQL yang
digunakan untuk melakukan pengontrolan data dan server databasenya.
Perintah DCL, di antaranya:
1. GRAND: Perintah ini digunakan untuk memberikan hak/izin akses oleh
administrator (pemilik utama) server kepada user (pengguna biasa). Hak
akses tersebut berupa hak membuat (CREATE), mengambil (SELECT),
menghapus (DELETE), mengubah (UPDATE), dan hak khusus
berkenaan dengan sistem databasenya.
2. REVOKE: Perintah ini memiliki kegunaan terbalik dengan GRAND, yaitu
untuk menghilangkan atau mencabut hak akses yang telah diberikan
kepada user oleh administrator.
Tipe Data Pada MySQL dan MySQLi
Tipe data digunakan untuk mendefinisikan suatu field atau kolom. Setiap
kolom yang dibuat harus didefinisikan terlebih dahulu. Berikut ini macam –
macam tipe data yang digunakan di SQL :
1. Tipe Numerik
Tipe data numerik digunakan untuk menyimpan data numeric (angka). Ciri
utama data numeric adalah suatu data yang memungkinkan untuk dikenai
operasi aritmatika seperti pertambahan, pengurangan, perkalian dan
pembagian. Berikut ini tipe field (kolom) di MySQL yang termasuk ke dalam
kelompok tipe numerik:
a. TINYINT
Penggunaan : menyimpan data bilangan bulat positif dan negatif.
Jangkauan : -128 s/d 127
Ukuran : 1 byte (8 bit)
b. SMALLINT
Penggunaan : menyimpan data bilangan bulat positif dan negatif.
Jangkauan : -32.768 s/d 32.767
Ukuran : 2 byte (16 bit).
c. MEDIUMINT
Penggunaan : menyimpan data bilangan bulat positif dan negatif.
Jangkauan : -8.388.608 s/d 8.388.607
Ukuran : 3 byte (24 bit)
d. INT
Penggunaan : menyimpan data bilangan bulat positif dan negatif.
Jangkauan : -2.147.483.648 s/d 2.147.483.647
Ukuran : 4 byte (32 bit).
e. BIGINT
Penggunaan : menyimpan data bilangan bulat positif dan negatif.
Jangkauan : ± 9,22 x 1018
Ukuran : 8 byte (64 bit)
f. FLOAT
Penggunaan : menyimpan data bilangan pecahan positif dan negatif
presisi tunggal.
Jangkauan : 3.402823466E+38 s/d -1.175494351E-38, 0, dan
1.175494351E-38 s/d 3.402823466E+38.
Ukuran : 4 byte (32 bit).
g. DOUBLE / REAL
Penggunaan : menyimpan data bilangan pecahan positif dan negatif
presisi ganda.
Jangkauan : -1.79…E+308 s/d -2.22…E-308, 0, dan 2.22…E-308 s/d
1.79…E+308.
Ukuran : 8 byte (64 bit).
h. DECIMAL / NUMERIC
Penggunaan : menyimpan data bilangan pecahan positif dan negatif.
Jangkauan : -1.79…E+308 s/d -2.22…E-308, 0, dan 2.22…E-308 s/d
1.79…E+308.
Ukuran :8 byte (64 bit).
2. Tipe Date dan Time
Tipe data date dan time digunakan untuk menyimpan data tanggal dan waktu.
Berikut ini tipe field (kolom) di MySQL yang termasuk ke dalam kelompok
tipe date dan time:
a. DATE
Penggunaan : menyimpan data tanggal.
Jangkauan : 1000-01-01 s/d 9999-12-31 (YYYY-MM-DD).
Ukuran : 3 byte.
b. TIME
Penggunaan : menyimpan data waktu.
Jangkauan : -838:59:59 s/d +838:59:59 (HH:MM:SS).
Ukuran : 3 byte.
c. DATETIME
Penggunaan : menyimpan data tanggal dan waktu.
Jangkauan : ‘1000-01-01 00:00:00’ s/d ‘9999-12-31 23:59:59’.
Ukuran : 8 byte.
d. YEAR
Penggunaan : menyimpan data tahun dari tanggal.
Jangkauan : 1900 s/d 2155.
Ukuran : 1 byte.
3. Tipe String (Text)
Tipe data string digunakan untuk menyimpan data string (teks). Ciri utama
data string adalah suatu data yang memungkinkan untuk dikenai operasi
aritmatika seperti pertambahan, pengurangan, perkalian dan pembagian. Berikut
ini tipe field (kolom) di MySQL yang termasuk ke dalam kelompok tipe string:
1. CHAR
Penggunaan : menyimpan data string ukuran tetap.
Jangkauan : 0 s/d 255 karakter.
2. VARCHAR
Penggunaan : menyimpan data string ukuran dinamis.
Jangkauan : 0 s/d 255 karakter (versi 4.1), 0 s/d 65.535 (versi 5.0.3).
3. TINYTEXT
Penggunaan : menyimpan data text.
Jangkauan : 0 s/d 255 karakter (versi 4.1), 0 s/d 65.535 (versi 5.0.3).
4. TEXT
Penggunaan : menyimpan data text.
Jangkauan : 0 s/d 65.535 (216 – 1) karakter.
5. MEDIUMTEXT
Penggunaan : menyimpan data text.
Jangkauan : 0 s/d 224 – 1 karakter.
6. LONGTEXT
Penggunaan : menyimpan data text.
Jangkauan : 0 s/d 232 – 1 karakter.
4. Tipe BLOB (Biner)
Tipe data blob digunakan untuk menyimpan data biner. Tipe ini biasanya
digunakan untuk menyimpan kode-kode biner dari suatu file atau object.
BLOB merupakan singkatan dari Binary Large Object. Berikut ini tipe field
(kolom) di MySQL yang termasuk ke dalam kelompok tipe blob:
1. BIT (sejak versi 5.0.3)
Penggunaan : menyimpan data biner.
Jangkauan : 64 digit biner.
2. TINYBLOB
Penggunaan : menyimpan data biner.
Jangkauan : 255 byte.
3. BLOB
Penggunaan : menyimpan data biner.
Jangkauan : 216 – 1 byte.
4. MEDIUMBLOB
Penggunaan : menyimpan data biner.
Jangkauan : 224 – 1 byte.
5. LONGBLOB
Penggunaan : menyimpan data biner.
Jangkauan : 232 – 1 byte.
5. Tipe Data yang Lain
Selain tipe data di atas, MySQL juga menyediakan tipe data yang lain.
Tipe data di MySQL mungkin akan terus bertambah seiring dengan
perkembangan versi MySQL. Berikut ini beberapa tipe data tambahan
MySQL:
1. ENUM
Penggunaan : Enumerasi (kumpulan data).
Jangkauan : Sampai dengan 65535 string.
2. SET
Pengunaan : Combination (himpunan data).
Jangkauan : Sampai dengan 255 string anggota.
Kelebihan :
Dengan MySQLi data dapat disimpan secara terstruktur sehingga
mempermudah dalam pengolahan data, keuntungan lainnya adalah keamanan
yang terus meningkat dengan di Updatenya. Fitur yang ditawarkan pun banyak
dalam pengolahan data dan penggunaan tidak sulit.
Struktur Navigasi
Struktur navigasi merupakan rancangan hubungan dari beberapa area yang
berbeda yang sangat penting dalam pembuatan multimedia yang mampu
mengorganisasikan seluruh elemen dengan memberi perintah dan pesan.
Struktur Navigasi Linier
Satu alur (linier) merupakan struktur yang hanya mempunyai satu rangkaian
cerita yang berurut. Struktur ini satu demi satu menampilkan secara berurut sesuai
urutannya. Tampilan yang dapat ditampilkan oleh struktur ini hanya satu halaman
sebelumnya satau satu halaman sesudahnya dan tidak dapat menampilkan dua
halaman sebelumnya atau sesudahnya.
Gambar 2.1 Struktur Navigasi Linier
Struktur Navigasi Non Linier
Struktur tidak berurut (non linier) merupakan pengembangan dari struktur
linier. Pada struktur ini diperkenankan membuat percabangan. Percabangan yang
dibuat pada struktur non linier ini berbeda dengan percabangan pada struktur
hirarki, walaupun terdapat percabangan pada struktur ini, tetapi tiap tampilan
mempunyai kedudukan yang sma, tidak ada Master Page dan Slave Page.
Gambar 2.2 Struktur Navigasi Non Linier
Struktur Navigasi Bercabang (Hierarki)
Struktur yang mengandalkan percabangan untuk menampilkan data
berdasarkan kriteria tertentu. Tampilan pada menu pertama disebut Master Page
(Halaman Utama Kesatu), dikatakan Slave Page (Halaman Pendukung) karena
pada halaman utama ini mempunya halaman percabangan.
Gambar 2.3 Struktur Navigasi Bercabang
Struktur Navigasi Gabungan
Struktur navigasi gabungan merupakan gabungan dari ketiga struktur
sebelumnya yaitu linier, non linier, dan bercabang. Jika suatu tampilan
membutuhkan percabangan, maka dapat dibuat percabangan, dan bila dalam
percabangan terdapat suatu tampilan yang sama kedudukannya maka dapat dibuat
struktur linier dalam percabangan tersebut. Struktur jenis ini banyak digunakan
dalam pembuatan aplikasi multimedia karena struktur ini memberikan
keinteraktifan yang lebih tinggi kepada pemakai.
Gambar 2.4 Struktur Navigasi Gabungan
Unified Modeling Language (UML)
UML (Unfied Modeling Language) adalah sebuah bahasa yang berdasarkan
grafik atau gambar untuk memvisualisasi, menspesifikasikan, membangun, dan
pendokumentasian dari sebuah sistem pengembangan software berbasis OO
(Object Oriented). UML tidak hanya merupakan sebuah bahasa pemrograman
visual saja, namun juga dapat secara langsung dihubungkan ke berbagai Bahasa
pemrograman, seperti JAVA, C++, Visual Basic atau bahkan dihubungkan secara
langsung ke dalam sebuah object-oriented database. Ada empat macam bentuk
dasar dari UML yang biasa digunakan dalam proses pembuatan program, yaitu :
Use Case Diagram
Use Case diagram yaitu salah satu jenis diagram pada UML yang
menggambarkan interaksi antara sistem dan aktor, use case diagram juga dapat
mendeskripsikan tipe interaksi antara si pemakai sistem dengan sistemnya.
Activity Diagram
Activity diagram atau diagram aktivitas yaitu salah satu jenis diagram pada
UML yang dapat memodelkan proses-proses apa saja yang terjadi pada sistem.
Sequence Diagram
Sequence diagram yaitu salah satu jenis diagram pada UML yang
menjelaskan interaksi objek yang berdasarkan urutan waktu, sequence diagram
juga dapat menggambarkan urutan atau tahapan yang harus dilakukan untuk dapat
menghasilkan sesuatu seperti pada use case diagram.
Class Diagram
Class diagram yaitu salah satu jenis diagram pada UML yang digunakan
untuk menampilkan kelas-kelas maupun paket-paket yang ada pada suatu sistem
yang nantinya akan digunakan. Jadi diagram ini dapat memberikan sebuah
gambaran mengenai sistem maupun relasi-relasi yang terdapat pada sistem
tersebut.
Statemachine Diagram
Statemachine diagram yaitu salah satu jenis diagram pada UML yang
menggambarkan transisi maupun perubahan keadaan suatu objek pada sistem.
Communication diagram
Communication diagram yaitu salah satu jenis diagram pada UML yang dapat
menggambarkan tahapan terjadinya suatu aktivitas dan diagram ini juga
menggambarkan interaksi antara objek yang ada pada sistem. Hampir sama
seperti sequence diagram akan tetapi communication diagram lebih menekankan
kepada peranan masing-masing objek pada sistem.
Deployment Diagram
Deployment diagram yaitu salah satu diagram pada UML yang menunjukan
tata letak suatu sistem secara fisik, dapat juga dikatakan untuk menampilkan
bagian-bagian software yang terdapat pada hardware dan digunakan untuk
menerapkan suatu sistem dan hubungan antara komponen hardware.
Component diagram
Component diagram yaitu salah satu jenis diagram pada UML yang
menggambarkan software pada suatu sistem. Component diagram merupakan
penerapan software dari satu ataupun lebih class, dan biasanya berupa file data
atau .exe, source kode, tabel, dokumen dsb.
Object diagram
Object diagram yaitu salah satu jenis diagram pada UML yang
menggambarkan objek-objek pada suatu sistem dan hubungan antarnya.
Composite Structure Diagram
Composite structure diagram yaitu salah satu jenis diagram pada UML yang
menggambarkan struktur internal dari penklasifikasian (class, component atau use
case) dan termasuk titik-titik interaksi penklasifikasian kebagian lainnya dari
suatu sistem. Ini hampir mirip seperti class diagram akan tetapi composite
structure diagram menggambarkan bagian-bagian dari individu kelas saja bukan
semua kelas.
Interaction Overview Diagram
Interaction Overview diagram yaitu salah satu jenis diagram pada UML yang
berguna untuk men-visualisasikan kerjasama dan hubungan antara activity
diagram dengan sequence diagram.
Package Diagram
Package diagram yaitu salah satu jenis diagram pada UML digunakan untuk
mengelompokan kelas dan juga menunjukan bagaimana elemen model akan
disusun serta mengambarkan ketergantungan antara paket-paket.
Diagram Timing
Diagram timing yaitu salah satu jenis diagram pada UML yang disebut
sebagai bentuk lain dari interaksi diagram, dimana fokus yang paling utamanya
kepada waktu. Diagram timing berguna untuk menunjukan faktor-faktor yang
membatasi waktu antara perubahan state terhadap objek yang berbeda.
28
Gambaran Umum
Rancangan yang akan dibuat termasuk jenis toko online yang sudah banyak
dibuat, tetapi peneliti membuat yang lebih mengedepankan dengan fitur sistem
perhitungan cicilan dan keperluan pemilik toko Trust Phone Shop sehingga
ancangan akan lebih maksimal penggunaannya.
Rancangan sistem bekerja untuk membantu pembeli memilih dan memesan
barang yang akan di beli, dan membantu pembeli jika ingin membeli melalui
kredit karena disediakan sistem pembayaran cicilan dengan fitur ini pembeli dapat
melihat dan mengetahui berapa yang harus dibayarkan jika menggunakan kredit
serta membantu Pemilik toko untuk memantau transaksi yang ada.
Tabel 3.1 Daftar Produk Trust Phone Shop
Id Nama Harga
1 IPhone 6s 64GB Rp 2.200.000
2 IPhone 6s 128GB Rp 2.600.000
3 IPhone 6+ 64GB Rp 2.650.000
4 IPhone 7 32GB Rp 3.150.000
5 IPhone 7 128GB Rp 3.300.000
6 IPhone 7+ 32GB Rp 4.250.000
7 IPhone 7+ 128GB Rp 4.500.000
8 IPhone X 64GB Rp 5.100.000
9 IPhone XS 64GB Rp 6.300.00
29
Id Nama Harga
10 IPhone XS 256GB Rp 7.200.000
11 IPhone XS Max 64GB Rp 7.900.000
12 IPhone XS Max 256GB Rp 9.500.000
13 IPhone 11 64GB Rp 10.800.000
14 IPhone 11 128GB Rp 11.500.000
15 IPhone 11 Pro 64 Rp 13.800.000
30
Flowchart Sebelum Komputerisasi
Gambar 3.1 Flowchart Sebelum Komputerisasi
Menghubungi via whatsapp
31
Sebelum komputerisasi dilakukan pembeli melakukan transaksi dengan cara
pembeli akan menanyakan kepada admin melalui Whatsapp.
Ketika sudah mengetahui stok harga maka pembeli akan memberikan data
Nama, Alamat, Nomer Hp dan Pesanan sehingga admin akan menghitung dan
memberikan jumlah yang harus dibayarkan, Ketika pembeli telah membayar maka
akan Kembali konfirmasi pembayaran tersebut ke Admin sehingga bisa diteruskan
ke bagian pengiriman barang yang berakhir barang tersebut sampai ke tangan
pembeli.
Sebelum komputerisasi ini peran admin masih sangat banyak karena harus
menginformasikan stok setiap ditanyakan karena tidak update dalam postingan
Instagram, melakukan penghitungan jumlah yang harus dibayarkan pembeli sesuai
dengan pesanan dan ongkos kirim sesuai lokasi pembeli tersebut, setelah itu
melakukan pengecekan terhadap pembayaran yang dilakukan oleh pembeli, admin
akan melakukan pengiriman barang jika pembayaran telah diterima. Dan data
pembeli tersebut akan hilang ketika proses ini selesai tanpa ada yang disimpan.
32
Flowchart Sesudah Komputerisasi
Gambar 3.2 Flowchart Sesudah Komputerisasi
Membuka web Trust Phone Shop
33
Sesudah komputerisasi semua proses lebih banyak dilakukan oleh pembeli dan
data yang ada akan otomatis tersimpan kedalam database, pembeli melakukan
pendaftaran terlebih dahulu dengan mengisi form nama, username, password,
email, alamat dan nomer handphone ke website Trust Phone Shop setelah berhasil
mendaftar pembeli melakukan login dan memilih produk yang ditampilkan di web
karena hanya produk yang tersedia yang tampil, dan informasi yang dibutuhkan
pembeli juga sudah ada dideskripsi produk .
Selanjutnya pembeli memilih barang dan melakukan penyesuaian jumlah di
keranjang, kemudian memilih jasa pengiriman dan metode pembayaran, disini
tersedia pembayaran langsung atau kredit. Jika langsung pembeli hanya perlu
membayar sesuai invoice yang sudah diberikan 3 digit angka unik dan melakukan
konfirmasi ke admin, jika menggunakan cicilan pembeli membayar sesuai angsuran
dan batas waktu yang diberikan dan konfirmasi ke admin setelah membayar.
Barang akan dikirimkan ketika pembayaran telah dikonfirmasi oleh admin dan
proses akan selesai jika barang telah sampai ketangan pembeli.
Analisis Kebutuhan
Dalam pembuatan suatu aplikasi dibutuhkan analisis sistem. Analisis sistem
adalah penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian
komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi
permasalahan, kesempatan, hambatan yang terjadi dan kebutuhan yang
diharapkan sehingga dapat diusulkan perbaikan. Pada tahap ini dilakukan analisis
terhadap kebutuhan yang diperlukan dalam pembuatan rancangan. Analisis
terhadap kebutuhan terbagi menjadi dua analisis terhadap perangkat keras
(hardware) dan analisis terhadap perangkat lunak (software).
Perangkat Keras
Perangkat keras yang dibutuhkan untuk rancangan ini mulai dari pembuatan,
penyimpanan, hingga program aplikasi dipakai pada kondisi sebenarnya. Perangkat
34
keras yang digunakan adalah sebuah komputer yang digunakan untuk perancangan,
penulisan program dan pengujian program. Berikut adalah daftar perangkat keras
yang digunakan peneliti untuk pembuatan dan menjalankan program :
Spesifikasi Komputer
1. Processor : AMD FX-4100 4Cpu
2. Memori : 16 GB RAM
3. VGA : NVIDIA® Geforce® GTX 750 TI
4. Penyimpanan : 1TB HDD
Perangkat Lunak
Peneliti menggunakan perangkat lunak ini untuk proses pembuatan
program dan mengimplementasikannya. Berbagai perangkat lunak yang peneliti
gunakan meliputi sistem operasi Windows, Linux, Sublime, phpMyAdmin,
Cpanel.
Perancangan Aplikasi
Rancangan aplikasi bertujuan untuk mengetahui proses yang akan berjalan
pada aplikasi. Aplikasi dimulai dengan pembuatan Struktur Navigasi dan UML :
Struktur Navigasi
Struktur navigasi dibutuhkan untuk mengetahui alur program mulai dari awal
hingga detail dari program. Struktur navigasi yang peneliti gunakan adalah
struktur navigasi campuran karena menampilkan percabangan Ketika memilih
menu yang ada pada suatu activity dan terdapat percabangan dalam tampilan yang
sama.
Struktur Navigasi Pengguna
Pada tahap awal perancangan, di awali dengan pembuatan struktur navigasi
untuk pengguna yang berfungsi untuk menjelaskan secara singkat mengenai alur
berjalannya aplikasi pada halaman Umum, sehingga dalam proses pembuatan
aplikasi dapat dilakukan secara terurut.
35
Gambar 3.3 Struktur Navigasi Umum
Struktur Navigasi Admin
Pada tahap kedua perancangan , di awali dengan pembuatan struktur navigasi
Admin yang berfungsi untuk menjelaskan secara singkat mengenai alur berjalannya
aplikasi pada halaman Admin, sehingga dalam proses pembuatan aplikasi dapat
dilakukan secara terurut.
Gambar 3.4 Struktur Navigasi Admin
36
Perancangan UML
Penggunaan Unified Modelling Language (UML) berfungsi untuk merancang
aplikasi di awal pengembangan sebelum memasuki tahap coding. Hal ini
dikarenakan perancangan UML sangat lengkap dan detail sehingga dapat diketahui
informasi detail mengenai kodingan dari aplikasi yang dibutuhkan.
Pada perancangan ini dibuat dua buah diagram, yaitu : Use Case Diagram,
Activity Diagram.
Use Case Diagram
Use Case Diagram memiliki fungsi menjelaskan interaksi yang terjadi pada
aktor dengan sistem yang ada, Use Case tersebut di tampilkan dengan urutan
langkah-langkah yang sederhana.
Gambar 3.5 Use Case Diagram
37
Dalam Use Case Diagram (Gambar 3.5) seorang admin selaku aktor dapat
mengakses sistem untuk melakukan penambahan barang, melihat barang,
menambah transaksi dan melihat transaksi. Secara umum digambarkan interaksi
yang dapat dilakukan dari aktor terhadap sistem.
Activity Diagram
Activity Diagram berfungsi memberikan diagram aktifitas suatu sistem ,
menggambarkan bagaimana kegiatan yang dapat dilakukan oleh sistem.
Gambar 3.6 Activity Diagram
Activity Diagram (Gambar 3.6) menggambarkan bagaimana sistem
menampilkan aktifitas hasil dari yang pengguna dan admin dapat lakukan selama
aktifitas berjalan.
38
Perancangan Database
Database memiliki struktur tabel yang berisi informasi tentang nama field dan
tipe data dari sistem basis data yang digunakan dalam sistem tersebut. Berikut
merupakan struktur tabel basis data dari aplikasi ini.
Tabel Admin
Tabel 3.2 Admin
Nama Field Type Length Keterangan
Id Int 5 id Barang
Nama Varchar 30 Nama Admin
Username Varchar 15 Username Admin
Password Varchar 10 Password Admin
Tabel admin (Tabel 3.5) memiliki empat field yang terdiri dari id, nama,
username, dan password.
Tabel Cicilan
Tabel 3.3 Cicilan
Nama Field Type Length Keterangan
Id Int 5 id Cicilan
Trxid Varchar 25 Id transaksi
Data Text Data Cicilan
Dp Varchar 20 DP cicilan
Lunas Varchar 20 Total mencicil
Pembayaran Varchar 20 Bulan pembayaran
Tabel cicilan (Tabel 3.6) memiliki enak field yang terdiri dari id, trxid, data,
dp, luna, dan pembayaran.
39
Tabel Keranjang
Tabel 3.4 Keranjang
Nama Field Type Length Keterangan
Id Int 2 id Kategori
Id_member Varchar 10 id Member
Id_barang Varchar 20 id Barang
Jumlah Varchar 10 jumlah Barang
Tabel keranjang (Tabel 3.7) memiliki empat field yang terdiri dari id,
id_member, id_barang, dan jumlah.
Tabel Member
Tabel 3.6 Member
Nama Field Type Length Keterangan
Id Int 5 id member
Username Varchar 15 username
member
Password Varchar 10 password
member
Nama Varchar 30 nama member
Email Varchar 30 Email member
Nohp Varchar 15 nomer member
Alamat Text Alamat member
Kota Varchar 30 Kota member
Tabel member (Tabel 3.8) memiliki tujuh field yang terdiri dari id, username,
password, nama, email, nomerhp, alamat dan kota.
40
Tabel Produk
Tabel 3.5 Produk
Nama Field Type Length Keterangan
Id Int 5 id produk
Kode Varchar 10 kode produk
Nama Varchar 25 nama produk
Image Varchar 300 link gambar produk
Info Text info produk
Kategori Varchar 5 kategori produk
Harga Int 9 harga produk
Stok Int 3 stok produk
Terjual Int 3 produk terjual
Status Varchar 2 Status Produk
Tabel produk (Tabel 3.9) memiliki sebelas field yang terdiri dari id,
kodenama, deskripsi, image, info, kategori, harga, stok, terjual dan status.
Tabel Transaksi
Tabel 3.7 Transaksi
Nama Field Type Length Keterangan
Id Int 11 id transaksi
Trxid Varchar 25 Kode Transaksi
Id_member Int 11 Id member
41
Nama Field Type Length Keterangan
Produk Varchar 25 Kode produk
Ekspedisi Varchar 25 Ekspedisi pengiriman
Ongkir Varchar 7 Biaya pengiriman
Total Int 11 Total biaya
Pembayaran Varchar 10 Metode pembayaran
Transfer Varchar 10 Jumlah pembayaran
Tanggal Date Tanggal transaksi
Status Varchar 10 Status transaksi
Tabel transaksi (Tabel 3.10) memiliki sebelas field yang terdiri id, trxid,
id_member, produk, ekspedisi, ongkir, total, pembayaran, transfer, tanggal dan
status.
Perancangan Tampilan
Pada tahap perancangan selanjutnya merupakan proses rancangan tampilan.
Rancangan tampilan digunakan untuk memudahkan membuat desain interface
untuk rancangan yang akan dibuat. Rancangan tampilan ini akan mencakup
rancangan tampilan yang akan digunakan dan rancangan dari isi setiap lembar
kerjai,yang terdiri dari proses :
1. Perancangan Halaman Utama
2. Perancangan Halaman Login
3. Perancangan Halaman Daftar
4. Perancangan Halaman Profil
5. Perancangan Halaman Produk
6. Perancangan Halaman FAQ
7. Perancangan Halaman Transaksi
8. Perancangan Halaman Keranjang
9. Perancangan Halaman Detail
10. Perancangan Halaman Invoice
11. Perancangan Halaman Cicilan
42
12. Perancangan Halaman Detail Cicilan
13. Perancangan Halaman Login Admin
14. Perancangan Halaman Utama Admin
15. Perancangan Halaman Tambah Produk
16. Perancangan Halaman Daftar Produk
17. Perancangan Halaman Daftar Transaksi
18. Perancangan Halaman Daftar Cicilan
19. Perancangan Halaman Daftar Member
Perancangan Tampilan Halaman Utama
Gambar 3.7 Perancangan Halaman Utama
Dalam halaman utama terdapat logo sebagai identitas web, menu user yang
berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas pada
web, slide show menapilkan promo web, iklan, dll . dan list barang menampilkan
produk apa saja yang dijual.
43
Perancangan Tampilan Halaman Login
Gambar 3.8 Perancangan Tampilan Halaman Login
Username merupakan sebuah text box berfungsi memasukan username
pengguna yang telah terdaftar sebelumnya di dalam database, Password merupakan
sebuah text box berfungsi memasukan password yang telah terdaftar sebelumnya di
dalam database.
Login merupakan sebuah button berfungsi memulai proses login dengan data
yang telah diisi dalam form yang telah tersedia, Logo merupakan identitas toko
online berupa gambar.
Pengguna akan memasukkan username dan password yang sebelumnya telah
terdaftar ke dalam database, sehingga ketika tombol login di klik akan memulai
proses pengecekan apakah data tersebut ada didalam database atau tidak, ketika
data tersebut ada maka akan dilanjutkan proses pemberian session pada user yang
login, sehingga user mendapatkan akses ke semua halaman yang di izinkan.
44
Perancangan Tampilan Halaman Daftar
Gambar 3.9 Perancangan Tampilan Halaman Daftar
Username merupakan sebuah text box berfungsi memasukan username
pengguna yang belum tercatat di dalam database, Password merupakan sebuah text
box berfungsi memasukan password yang belum terdaftar sebelumnya di dalam
database. Alamat merupakan text box berfungsi memasukan alamat, nomer hp
merupakan text box berfungsi memasukan nomer handphone.
Daftar merupakan sebuah button berfungsi memulai proses mendaftarkan data
yang telah di input kedalam database, Logo merupakan identitas toko online berupa
gambar.
Pengguna akan melengkapi data yang ada untuk mendaftar kedalam web
sehingga nanti nya dapat melakukan transaksi dengan data yang sudah tercatat
kedalam database.
45
Perancangan Tampilan Halaman Profil
Gambar 3.10 Perancangan Tampilan Halaman Profil
Dalam halaman Profil terdapat logo sebagai identitas web, menu user yang
berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas pada
web, dua kolom dengan fungsi mengubah data dan mengubah password pengguna.
Perancangan Tampilan Halaman Produk
Gambar 3.11 Perancangan Tampilan Halaman Produk
46
Dalam halaman Data Barang terdapat logo sebagai identitas web, menu user
yang berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas
pada web, foto barang merupakan foto produk yang ditampilkan, dan deskripsi
barang merupakan informasi seputar produk.
Perancangan Tampilan Halaman FAQ
Gambar 3.12 Perancangan Tampilan Halaman FAQ
Dalam halaman FAQ terdapat logo sebagai identitas web, menu user yang
berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas pada
web, sub menu sebagai menu tambahan dan informasi tentang hal yang ditanyakan.
Perancangan Tampilan Halaman Transaksi
Gambar 3.13 Perancangan Tampilan Halaman Transaksi
47
Dalam halaman transaksi terdapat logo sebagai identitas web, menu user yang
berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas pada
web, Transaksi menampilkan semua transaksi barang yang dilakukan oleh user.
Perancangan Tampilan Halaman Keranjang
Gambar 3.14 Perancangan Tampilan Halaman Keranjang
Dalam halaman keranjang terdapat logo sebagai identitas web, menu user yang
berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas pada
web, list pesanan yang berisi apa saja yang dimasukan dan ingin dibeli, informasi
biaya berupa list harga yang harus yang harus dibayar. Pesan merupakan tombol
untuk mengeksekusi pesanan.
48
Perancangan Tampilan Halaman Detail
Gambar 3.15 Perancangan Tampilan Halaman Detail
Dalam halaman pembayaran terdapat logo sebagai identitas web, menu user
yang berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas
pada web, informasi pesanan yang berisi apa saja yang dimasukan dan ingin dibeli,
informasi pengiriman seperti alamat,jasa pengiriman. Detail harga merupakan
informasi harga yang harus dibayarkan. Pesan merupakan tombol untuk
mengeksekusi pesanan.
Perancangan Tampilan Halaman Invoice
Gambar 3.16 Perancangan Tampilan Halaman Invoice
49
Dalam halaman invoice terdapat logo sebagai identitas web, menu user yang
berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas pada
web, invoice pembayaran berupa form yang menampilkan detail pembelian dan
pembayaran.
Perancangan Tampilan Halaman Cicilan
Gambar 3.17 Perancangan Tampilan Halaman Cicilan
Dalam halaman cicilan terdapat logo sebagai identitas web, menu user yang
berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas pada
web, list cicilan berupa tabel yang menampilakan jumlah cicilan yang dimiliki oleh
user.
Perancangan Tampilan Halaman Detail Cicilan
Gambar 3.18 Perancangan Tampilan Halaman Detail Cicilan
50
Dalam halaman cicilan terdapat logo sebagai identitas web, menu user yang
berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas pada
web, list cicilan dalam bentuk tabel yang menampilakan daftar yang harus
dibayarkan. info pembayaran merupakan tujuan pembayaran seperti bank, nomer
rekening.
Perancangan Tampilan Halaman Login Admin
Gambar 3.19 Perancangan Tampilan Halaman Login Admin
Username berupa text box user yang digunakan untuk akses halaman
admin, password berupa text box password untuk mengakses halaman admin,
login berupa button untuk eksekusi proses login, logo merupakan identitas
web.
51
Perancangan Tampilan Halaman Utama Admin
Gambar 3.20 Perancangan Tampilan Halaman Utama Admin
Dalam halaman utama admin terdapat logo sebagai identitas web, menu user
yang berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas
pada web, jumlah member berupa widget yang menampilkan user terdaftar,
transaksi sukses berupa widget yang menampilkan total transaksi dalam web, total
omset berupa widget yang menampilkan total seluruh pembayaran di web. Dan
ucapan selamat datang berupa text.
Perancangan Tampilan Halaman Tambah Produk
Gambar 3.21 Perancangan Tampilan Halaman Tambah Produk
52
Dalam halaman tambah produk terdapat logo sebagai identitas web, menu user
yang berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas
pada web, kode produk yang akan menjadi identitas suatu produk, nama produk
berisikan nama dari produk itu, informasi produk berupa detail produk seperti
ukuran,deskripsi. Tambah berupa tombol untuk mengeksekusi penyimpanan
kedalam database.
Perancangan Tampilan Halaman Daftar Produk
Gambar 3.22 Perancangan Tampilan Halaman Daftar Produk
Dalam halaman daftar produk terdapat logo sebagai identitas web, menu user
yang berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas
pada web, List Produk dalam bentuk tabel menampilkan produk apa saja yang telah
terdaftar beserta informasi nya.
53
Perancangan Tampilan Halaman Daftar Transaksi
Gambar 3.23 Perancangan Tampilan Halaman Daftar Transaksi
Dalam halaman daftar transaksi terdapat logo sebagai identitas web, menu user
yang berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas
pada web, list transaksi berupa tabel yang berisi seluruh transaksi yang ada di web.
Perancangan Tampilan Halaman Daftar Cicilan
Gambar 3.24 Perancangan Tampilan Halaman Daftar Cicilan
54
Dalam halaman daftar cicilan terdapat logo sebagai identitas web, menu user
yang berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas
pada web, list cicilan yang berisi tabel informasi user yang memiliki cicilan.
Perancangan Tampilan Halaman Daftar Member
Gambar 3.25 Perancangan Tampilan Halaman Daftar Member
Dalam halaman daftar member terdapat logo sebagai identitas web, menu user
yang berisi menu yang berhubungan dengan user, menu utama yang berisi fasilitas
pada web, list member yang berisi data lengkap member yang terdaftar didalam
web.
PENUTUP
Kesimpulan
Pembuatan dimulai dari perancangan sistem sesuai keinginan pemilik toko
Trust Phone Shop yaitu toko online yang memiliki fitur-fitur dan salah satu yang
diterapkan adalah sistem cicilan dengan rumus bunga flat dimana cicilan bunga
bulanannya tidak berubah tetapi akan selalu bertambah besar nya jika waktu cicilan
semakin lama. Rancangan Sistem diterapkan pada bagian Detail ketika pembeli
memilih pembayaran cicilan. Semua perhitungan ditampilkan menjadi sebuah
tabel secara mendetail termasuk didalam nya DP (Down Payment) yang harus
dibayarkan di awal bulan.
DAFTAR PUSTAKA
[1] Anggraeni, Elisabet Yunaeti. Pengantar Sistem
Informasi, ANDI,
Yogyakarta, 2017.
[2] Anonim, Responsive Web Design with Bootstrap, ANDI, Yogyakarta,
2016.
[3] Betha Sidik, Pemrograman Web dengan PHP7, Informatika
Bandung, Bandung, 2017.
[4] Budi Raharjo, Modul Pemrograman Web HTML, PHP,
DAN MYSQL Edisi Ketiga, Modula, Bandung, 2016.
[5] Edhy Sutanta, Basis Data Dalam Tinjauan Konseptual,
ANDI, Yogyakarta, 2011.
[6] Wahana Komputer, Responsive Web Design With
Bootstrap, ANDI, Yogyakarta, 2016.
[7] URL : https://www.codepolitan.com/mengenal-
diagram-uml-unified- modeling-language. 12 Juli
2020.
[8] URL :https://www.andre.web.id/struktur-navigasi-website/. 2 Juli
2020.
[9] URL :
https://books.google.co.id/books?id=kyw9CSWvLeoC&pg
=PA110&dq=a
pa+yang+dimaksud+dengan+penjualan+adalah+cicilan&hl
=en&sa=X&ve
d=0ahUKEwigqYLSwKnpAhXulEsFHdv1DUoQuwUIMD
AA#v=onepag
e&q=apa%20yang%20dimaksud%20dengan%20penjualan
%20adalah%20 cicilan&f=false . 12 Juli 2020.
[10] URL :
http://staff.ui.ac.id/system/files/users/sylvia.veronica/material/ps
ak23revisi200 9pendapatan.pdf . 12 Juli 2020.
[11] URL :
https://books.google.co.id/books?id=PirGDwAAQBAJ&pg=PA2
&dq=pengertian+ e-
commerce+adalah&hl=en&sa=X&ved=2ahUKEwjO6ua8zanqAhX
96nMBHfmeD1s
QuwUwAXoECAAQCw#v=onepage&q=pengertian%20e-
commerce%20adalah&f=false . 12 Juli 2020.
top related