ANALISIS DAN RANCANGAN DATABASE PENJUALAN …

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.

http://www.technomobile.co.cc/

http://www.polinpdg.ac.id/

http://www.polinpdg.ac.id/

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


Jangkauan : -32.768 s/d 32.767

Ukuran : 2 byte (16 bit).

c. MEDIUMINT


Jangkauan : -8.388.608 s/d 8.388.607


d. INT


Jangkauan : -2.147.483.648 s/d 2.147.483.647


e. BIGINT


Jangkauan : ± 9,22 x 1018


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.


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.


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


Jangkauan : 0 s/d 65.535 (216 – 1) karakter.

5. MEDIUMTEXT


Jangkauan : 0 s/d 224 – 1 karakter.

6. LONGTEXT


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


Jangkauan : 255 byte.

3. BLOB


Jangkauan : 216 – 1 byte.

4. MEDIUMBLOB



5. LONGBLOB



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

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


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


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


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


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


Id Int 11 id transaksi

Trxid Varchar 25 Kode Transaksi

Id_member Int 11 Id member

41


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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 :

https://www.codepolitan.com/mengenal-diagram-uml-unified-modeling-language



http://www.andre.web.id/struktur-navigasi-website/

http://www.andre.web.id/struktur-navigasi-website/

http://staff.ui.ac.id/system/files/users/sylvia.veronica/material/psak23revisi200

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.



ANALISIS DAN RANCANGAN DATABASE PENJUALAN …

Documents

Transcript of ANALISIS DAN RANCANGAN DATABASE PENJUALAN …