BAB II

LANDASAN TEORI

1. Tinjauan Pustaka
Bab ini berisikan tentang teori-teori pendukung yang digunakan serta penjelasan yang
digunakan dalam pembuatan sistem informasi pada skripsi ini, supaya dapat dipahami
secara teori-teori dan informasi yang disajikan.

2.1.1 Konsep Dasar Sistem

Sistem sebagai suatu jaringan kerja prosedur yang saling berhubungan, sedangkan
pendekatan sistem yang lebih menekankan pada elemen atau komponen
mendefinisikan sistem sebagai kumpulan elemen yang berinteraksi untuk mencapai
suatu tujuan tertentu. Sistem ini mengambarkan suatu kejadian- kejadian dan kesatuan
yang nyata adalah suatu objek nyata seperti tempat, benda, dan orang-orang yang
betul ada dan terjadi.

Definisi lain dari pengertian sistem adalah himpunan dari bagian-bagian yang saling
berhubungan yang secara bersama mencapai tujuan-tujuan yang sama. Dengan
demikian sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling
berhubungan, berkumpul bersama-sama untuk melakukan kegiatan atau untuk
melakukan sasaran yang tertentu.

2.1.2 Konsep Dasar Informasi

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih
berarti bagi penerimanya. Sumber informasi adalah data kenyataan yang
menggambarkan suatu kejadian –kejadian dan kesatuan nyata. Kejadian-
kejadian(event) adalah kejadian yang terjadi pada saat tertentu[1].

Untuk menggali sejauh mana perkembangan sistem informasi, akan menyangkut

banyak aspek yang terkait denganya, yaitu sejarah perangkat keras dan bagaimana
perangkat keras itu digunakan. Lebih dari setengah abad, komputer digital ditemukan
dan digunakan untuk segala keperluan baik dalam organisasi bisnis, nonbisnis atau
perorangan.

Teknologi pada saat ini telah mengalami peningkatan yang sangat revolusioner dan
dengan kinerja yang meningkat, namun ukuranya semakin kecil, ringan, kuat , dan
murah. Tak hanya itu saja perangkat lunak juga ikut mengalami perningkatan yang
luar biasa cepat. Mulai dari program website sederhana menjadi program yang
didesain untuk mendukung sistem pembuatan keputusan yang kompleks sekalipus.

Fungsi utama dari informasi yaitu menambah pengetahuan atau mengurangi ketidak
pastian pemakai informasi, karena informasi berguna untuk memberikan gambaran
tentang permasalahan sehinggadapat mengambil keputusan agar lebih cepat, infromasi
juga memberikan standard, aturan maupun indikator pada saat mengambil keputusan.

2.1.3 Konsep Dasar Sistem Informasi

Hampir seluruh aktivitas manusia sudah bergantung pada sistem informasi untuk
berkomunikasi ataupun sekedar aktivitas sehari-hari. Sistem informasi adalah kumpulan
 elemen-elemen yang saling berinterkasi untuk mencapai sebuah tujuan. Sistem mengelola
data sehingga menghasilhan informasi yang bermanfaat bagi manusia[2].

Sedangkan informasi yaitu data yang dikelolah agar lebih berfungsi bagi penerima,
serta sebagai meredam ketidak pastian pada proses pengambilan keputusan dalam
suatu keadaan. Sistem informasi menjadi suatu gabungan teratur bagi semua orang,
hardware, software, jaringan komunikasi dan sumber daya data yang dikumpulkan,
diubah atau dapat menyalurkan informasi pada bentuk keorganisasian[3] . Berikut
fungsi dari sistem informasi :

1. Sebagai peningkatan aksesibilitas data secara efektif dan efisien untuk

konsumen, tanpa adanya perantara pada sistem informasi.

2. Menyempurnakan produktifitas pengembangan dan pemeliharaan pada sistem

website.

3. Mengamankan tersediaan kapasitas dan keunggulan dalam menggunakan

sistem informasi secara responsif.

4. Mengidentifikasi mengenai kebutuhan keterampilan pendukung sistem

informasi.

5. Memprediksi dan membaca akan dampak dari ekonomi.

6. Memastikan investasi yang diarahkan pada sistem informasi.

7. Melakukan proses perencanaan agar lebih efektif.

2.1.4 Konsep Dasar Analisa Sistem

Analisa sistem adalah penguraian dari suatu sistem informasi yang utuh kedalam
bagian-bagian komponenyadengan maksud untuk mengidentifikasikan dan
mengevaluasikan permasalahan, kesempatan, hambatan- hambatan yang terjadi dan
kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikanya[4]

2.1.5 Tujuan Perancangan Sistem

Maksud dari rancangan sistem ini dibuat yaitu :

1. Untuk melengkapi keperluan tentang sistem informasi.

2. Untuk membagikan gambaran dan perancangan bangun yang jelas kepada

proggramer.

2.1.6 Agam Aceh

Agam Aceh merupakan toko yang menjual berbagai jenis keperluan seharihari, seperti beras,
gula, minyak dan olahan makanan lainnya. Toko ini dibangun pada tahun 2011, sistem yang
mereka gunakan semua masih bersifat manual. Toko yang berlokasi di daerah Rawabuaya ini
setiap harinya sangat ramai dikunjungi oleh pembeli, Agam Aceh masih bisa dibilang cukup
ramai pembeli mengingat saat ini banyaknya pembeli yang mulai mendatangi kawasan toko
ini.

2.1.7 Konsep Dasar Waterfall

Metode pendalaman yang diterapkan pada penelitian ini adalah dengan

pengembangan metode waterfall. Metode waterfall memberikan pendekatan

sebagai sistematis dan berurutan bagi pengembangan dalam sistem informasi atau

perangkat lunak ini menggunakan metode waterfall model atau metode air terjun.

Metode Waterfall Model ini sering disebut dengan model sekuensial linier

(sequential linear) atau di sebut alur hidup klasik (classic life cycle), metode air

terjun ini memberi pendekatan alur hidup perangkat lunak secara sekuensial atau

terurut. Berikut adalah penjelasan tentang pengembangan sistem perangkat lunak

dengan metode waterfall.

1. Rekayasa Sistem (System Engineering)

Perancangan sistem ini sangatlah penting bagi sistem informasi yang biasanya merupakan
bagian dari suatu sistem yang lebih besar. Dalam pembuatan sistem harus mengerti dahulu apa
saja yang dibutuhkan oleh sistem. Mulai dari kebutuhan sistem tersebut akan diterapkan
kedalam sistem informasi yang dibuat.[5]
2. Analisis(Analysis)

Analisis salah satu gagasan pemberdayaan usaha di era teknologi informasi ini

adalah melalui pembuatan media pemasaran berbasis web. Media pemasaran

berbasis web ini diperuntukan bagi badan usaha atau perusahaan untuk

mempromosikan usahanya, jalur akses informasi produk, melakukan transaksi

usaha, serta melakukan komunikasi bisnis lainnya secara global, dalam rangka

memperluas jaringan usahanya, serta dipercaya memiliki efisiensi anggaran

yang cukup hemat.[6]

3. Rancangan (Design).

Desain adalah subuah istilah yang diambil dari kata design ( bahasa inggris)

yaitu perencanaan, dan dapat artikan dengan “persiapan”. Perencanaan sediri

dapat disebut dengan istilah planning yaitu “persiapan menyusun suatu

keputusan berupa langkah-langkah untuk menyelesaikan suatu masalah atau

pelaksanaan suatu pekerjaan yang terarah pada pencapaian tujuan tertentu

termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka

 dan prosedur pengkodean. Tahap ini mentranslasi kebutuhan perangkat lunak

dari tahap analisis kebutuhan ke representasi desain agar dapat

diimplementasikan menjadi program pada tahap selanjutnya.

4. Pembuatan kode program(Coding)

Dalam kegiatan ini dilakukan tahapan perangkaian code agar mudah untuk

dimengerti oleh computer. Tahap ini sering disebut juga sebagai tahap

implementasi perangkat lunak atau coding. Dengan kata lain, pada tahap ini

dilakukan implementasi hasil rancangan ke dalam barisbaris kode program

yang dapat dimengerti oleh mesin (komputer)[7]. Para programmer biasa

menggunakan bahasa pemrograman seperti PHP, CSS dan javascript atau

menggunakan framework sesuai kebutuhan website tersebut, hall itu biasa

dilakukan para programmer untuk memudahkan pengembangan website dan

mempermudah dalam perancangan tampilan website. Serta menggunakan

database MySql untuk memanage data.

5. Penerapan(Implementation).
Implementasi merupakan suatu proses mendapatkan suatu hasil yang sesuai dengan tujuan atau
sasaran kebijakan itu sendiri. Dimana pelaksana kebijakan melakukan suatu aktivitas atau
kegiatan[8]. Pada tahap ini, sistem pertama kali dikembangkan di program kecil yang disebut
unit, yang terintegrasi dalam tahap selanjutnya. Setiap unit dikembangkan dan diuji untuk
fungsionalitas yang disebut sebagai unit testing[9].

6. Pengujian(Testing).
Pengujian fokus pada perangkat lunak dari segi logika dan fungsional serta

memastikan bahwa semua bagian sudah teruji atau berjalan dengan lancar. Hal

ini dilakukan untuk meminimalisir kesalahan (error) yang terdapat pada

pengkodean dan memastikan hasil(output) sesuai dengan yang diinginkan.

7. Pendukung (support) atau Pemeliharaan (maintenance).

Maintenance dapat diartikan sebagai kegiatan untuk memelihara atau menjaga

fasilitas dan menjaga peralatan pabrik dan mengadakan perbaikan atau

penyesuaian atau penggantian yang diperlukan agar terdapat suatu keadaan

operasi produksi yang memuaskan sesuai dengan apa yang direncanakan.

 “Pemeliharaan adalah serangkaian aktivitas untuk menjaga agar fasilitas atau

peralatan senantiasa dalam keadaan siap pakai.” Setelah mengetahui

pengertian maintenance dari beberapa para ahli maka dapat ditarik kesimpulan

bahwa maintenance adalah kegiatan untuk memelihara atau menjaga fasilitas

atau peralatan agar dapat tetap bekerja dan senantiasa dalam keadaan siap

pakai[10]. Tahap pendukung atau pemeliharaan dapat mengulangi proses

pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat

lunak yang sudah ada, tetapi tidak untuk membuat perangkat lunak yang baru

Gambar II.1
Ilustrasi Model Waterfall
8. Konsep Dasar Pemrograman

Bahasa pemrograman merupakan untaian kata-kata berupa instruksi atau

perintah-perintah yang biasanya terdiri dari banyak baris yang bisa

dimengerti oleh computer.[11] Bahasa pemrograman sendiri dapat dibagi

menjadi 4 (empat) tingkatan yaitu:

a. Bahasa Mesin (Machine Language)

 Bahasa pemrograman yang hanya dapat dimengerti oleh mesin komputer yang

didalamnya terdapat Central Processing Unit (CPU).

b. Bahasa Tingkat Rendah (Low Level Language)

Karena banyak keterbatasan yang dimiliki oleh bahasa mesin maka

dibutuhkanlah sebuah simbol agar mudah untuk diingat yang disebut dengan

mnemonic (membantu untuk pengingat).

c. Bahasa Tingkat Menengah (Middle Level Language)

Bahasa pemrograman yang menggunakan aturan-aturan gramatikal dalam

penulisan pernyatannya, mudah untuk dimengerti, dan memiliki instruksi-

instruksi tertentu yang dapat langsung diakses oleh komputer.

d. Bahasa Tingkat Tinggi (High Level Language)

Bahasa pemrograman yang dalam penulisan pernyataannya mudah dipahami

secara langsung.

2.1.8 Pengertian Website

Website merupakan salah satu sumber informasi yang banyak dipakai. Berbagai aplikasi website
dibuat dengan tujuan agar pemakai dapat berinteraksi dengan penyedia informasi dengan mudah
dan cepat melalui media internet. Website juga merupakan bentuk implementasi dari bahasa
pemrograman web (web programming) yang terdiri atas kumpulan halaman informasi data teks,
data gambar diam atau bergerak, data animasi, suara, video atau gabungan dari semuanya, baik
yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling
terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).[12]
Website pertama kali dibuat oleh Tim Berners-Lee pada akhir tahun 1980-an dan baru resmi
online pada tahun 1991. Tujuan awal Tim Berners-Lee membuat sebuah website adalah supaya
lebih memudahkan para penelitian di tempatnya bekerja ketika akan bertukar atau melakukan
perubahan informasi. Ada tiga jenis website yang sering kita kunjungi yaitu : Website Statis,
Dinamis dan Interaktif, berikut penjelasan dari tiga jenis website tersebut :
1. Website Statis.
Website statis adalah website yang berisi tentang konten dan tidak diperbaharui dalam
kurun waktu tertentu, sehingga isinya dari waktu ke waktu akan selalu tetap sama seperti
pada saat awal dibuat, Contohnya website statis adalah company profil pada perusahaan
atau sebuah organisasi.
2. Website Dinamis.
Website ini merupakan website yang selalu diperbaharui kontenya oleh pemilik atau
pengelolah website tersebut, contoh dari Website Dinamis adalah sebuha Blog dan
Website berita online.
3. Website Interaktif.
Website ini sebetulnya hampir sama dengan Website dinamis. Namun yang menjadi
perbedaan dari website tersebut adalah isi konten dari websitenya tidak hanya di
perbaharui oleh pengelolah website tetapi lebih banyak dilakukan oleh penggunaan atau
user website tersebut, contoh dari website interaktif yaitu Facebook, Youtube.com,
 Bukalapak.com, dan lain sebagainya.

Berikut perbedaan dari ketiga website tersbut :

Web atau website adalah sekumpulan halaman yang terdiri dari beberapa halaman yang berisi
informasi didalam bentuk data digital, baik berupa teks, gambar, video, audio atau animasi lainya
yang disediakan melalui jalur koneksi internet. Lebih jelasnya website merupakan halaman-
halaman yang berisi informasi yang dapat diakses oleh browser dan mampu memberi informasi
yang berguna bagi para pengaksesnya.
Dalam perkembanganya hingga saat ini, teknologi berbasis web telah memiliki kurang lebih tiga
phase perkembangan atau generasi yaitu:
1. Web Versi 1.0
Merupakan teknologi web bergenerasi pertama yang merupakan revolusi baru di
dunia Internet karena telah mengubah cara kerja dunia industri dan media. Secara
umum Web 1.0 dikembangkan untuk pengaksesan informasi dan memiliki sifat
yang sedikit interaktif.
2. Web Versi 2.0
Istilah Web 2.0 pertama kalinya diperkenalkan oleh O’Reilly Media pada tahun
2004 sebagai teknologi Web generasi kedua yang mendepankan kolaborasi dan
sharing informasi secara daring. Sifat Web 2.0 adalah Read-Write. Era Web 2.0
tidak membutuhkan orang jenius yang hanya berkutat sendiri di ruang tertutup atau
laboratorium untuk membuat teknologi baru yang dipatenkan agar membuat dirinya
menjadi terkenal. Tapi era ini lebih membutuhkan orang untuk saling berbagi ilmu,
pengelaman, atau lainya sehingga terbentuk komunitas daring besar yang
menghapuskan sifat-sifat individu. Berbagai layanan berbasis web seperti jejaring
sosial, wiki dn folksonomies merupakan teknologi Web 2.0 yang menambahkan
interaktifitas diantara para pengguna web.
Yang menjadi kunci perbedaan dalam Web 2.0 dan Web 1.0 yang mengharuskan
penggunaan internet untuk datang ke dalam website tersebut dan meilihat satu
persatu konten didalamnya. Sedangkan Web 2.0 memungkinkan pengguna internet
dapat melihat konten suatu website tanpa harus berkunjung ke alamat situs yang
bersangkutan. Kemampuan web 2.0 dalam melakukan aktivitas drag and drop, auto
complete, chat, voice dapat dilakukan layaknya aplikasi web.
3. Web Versi 3.0 atau Semantic Web

Web 3.0 adalah sekumpulan teknologi yang menawarkan cara baru yang efisien
dalam membantu komputer dalam mengorganisasi dan menarik kesimpulan dari
data daring. Berdasarkan definisi yang dikemukakan tersebut, maka melalui
semantic web inilah, berbagi perangkat lunak akan mampu mencari, mambagi dan
mengintegrasikan informasi dengan cara yang lebih mudah. Web 3.0 menawarkan
metode yang efisien dalam membantu komputer mengorganisasikan dan menarik
kesimpulan dari data daring. Konsep ini dapat diandaikan sebuah website sebagai
sebuah intelektualitas buatan(Artificial Intelegence). Aplikasi-aplikasi daring dalam
website dapat saling berinteraksi.
 .
2.1.9 Mysql
MySQL adalah Relational Database Management System (RDBMS) yang didistribusikan
secara gratis dibawah lisensi GPL (General Public License). Dimana setiap orang bebas untuk
menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial.
MySQL sebenarnya merupakan turunan salah satu konsep utama dalam database sejak lama, yaitu
SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian database, terutama
untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data
dikerjakan dengan mudah secara otomatis. Keandalan suatu sistem database (DBMS) dapat
diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah SQL, yang
dibuat oleh user maupun program-program aplikasinya. Sebagai database server, MySQL dapat
dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti
untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih
cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase[13] .
Tahun1990 awal penggunaan komputer,penyimpanan dan manipulasi data merupakan focus
utama aplikasi, pada tahun 1960, Charles Bachman diperusahaan General Electric mendesain
generasi pertama DBMS yang disebut Penyimpanan DataTerintegrasi atau Integrated Data Store.
Dasar untuk model data jaringan dibentuk lalu disandarisasi oleh Conference On Data System
Language disingkat dengan CODASYL. Kemudian bachman menerima ACM Turing Award
semacam penghargaan nobel pada ilmu komputer ditahun 1973.
Berikut fungsi mengunakan Database :
1. Menghindari kerangkapan data dan inkonsistensi data.
2. Menghindari kesulitan dalam mengakses data.
3. Menghindari isolasi data untuk terjadinya standarisasi data.
4. Dapat digunakan bersama-sama atau multi user.
5. Terjadi keamanan data.
6. Terjadi integritas data.
2.1.10 E-Commerce
E-Commerce merupakan sebuah fenomena yang sangat menarik untuk dipelajari karena
perkembangan dan potensinya yang luar biasa. Keberadaanya membawa perubahan yang
signifikan dalam cara melakukan transaksi perdagangan, kemudahan serta berbagai kelebihan
yang ditawarkan membuat e-commerce menjadi alternatif baru dalam melakukan perdagangan
dengan cara yang lebih efesien dan tertarget. Dalam implementasinya e-commerce memanfaatkan
teknologi internet dan berbagai teknologi terkini yang menghasilkan berbagai trobosan baru
dalam menjalankan bisnis.
Pemanfaatan teknologi secara masif ini memunculkan banyak peluang baru misalnya dalam cara
membuat, mempromosikan, mengirim produk dan interaksi dengan pelanggan. Hall ini
memungkinkan munculnya berbagai model bisnis baru yang bellum pernah ada sebelumnya.
Awalnya implementasi perdagangan elektronik dimulai pada awal 1970-an dengan munculnya
inovasi dana elektronik. Pada saat itu penerapan sistem ini sangat terbatas pada perusahan besar,
lembaga keuangan pemerintahan dan beberapa perusahaan kelas menengah kebawah. Kemudian
E-Commerce pertama kali di perkenalkan pada tahun 1994, di mana banner-elektronik digunakan
untuk tujuan mempromosikan dan mengiklankan halaman situs website[14].
Adapun pemanfaatan e-commerce dapat dibagi 2 bagian yaitu manfaat dari pihak pengguna dan
manfaat dari pihak penyedia layanan e-commerce yaitu :
1) Manfaat e-commerce bagi pihak pengguna dalam melakukan transaksi pemenuhan
kebutuhan diantaranya sebagai berikut:
a) Pengguna e-commerce dapat berbelanja dengan mudah selama 24 jam.
b) Dapat melihat berbagai pilihan produk sesuai dengan kebutuhan.
c) Pengguna dapat membandingkan produk dari berbagai penyedia layanan e-
commerce khususnya dari segi kualitas dan harga
2) Manfaat e-commerce bagi pihak penyedia layanan e-commerce diantaranya sebagai
 berikut:
a) Penjualan lebih meluas(Global)
E-Commerce dapat membantu para pengusaha atau penyedia layanan e-commerce
dalam memasarkan produk mereka secara lebih luas yang dapat dijangkau oleh
konsumen secara global diberbagai negara. Seperti sebuah perusahaan kerajinan
tangan di indonesia dapat memasarkan /menjual produknya sampai ke luar negri
meskipun tidak membuka cabang perusahaan sampai keluar negri[15].
b) Mengurangi infastruktur
Pemilik usaha penyedia layanan e-commerce dapat mengurangi pengadaan
infrastruktur pembukaan cabang baru karena transaksi dapat dilakukan pada satu
tempat , perusahaan hanya dapat menyusun strategi dalam pengiriman produk agar
lebih tepat waktu dan kualitas produk yang lebih terjamin dalam meningkatkan
pelayanan konsumen.
c) Mengurangi biaya perusahaan
Pemilik usaha atau perusahaan penyedia layanan e-commerce dapat mengurangi
biaya menyediakan banyak gedung( Cabang ) serta pegawai yang banyak

2.1.11 UML (Unitifield Modelling Lengauge)

. UML (Unified Modeling Language) adalah sebuah bahasa yang

berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,
membangun, dan pendokumentasian dari sebuah sistem pengembangan
software berbasis OO (Object-Oriented). UML sendiri juga memberikan
standar penulisan sebuah sistem blue print, yang meliputi konsep bisnis
proses, penulisan kelas-kelas dalam bahasa program yang spesifik, skema
database, dan komponen-komponen yang diperlukan dalam sistem software.
[16]

Sejarah UML sendiri terbagi dalam dua fase yaitu, sebelum dan sesudah
munculnya UML. Dalam fase sebelum, UML sebenarnya sudah mulai
diperkenalkan sejak tahun 1990an namun notasi yang dikembangkan oleh
para ahli analisis dan desain berbeda-beda, sehingga dapat dikatakan belum
memiliki standarisasi

Fase kedua dilandasi dengan pemikiran untuk mempersatukan metode

tersebut dan dimotori oleh Object Management Group (OMG) maka
pengembangan UML dimulai pada akhir tahun 1994 ketika Grady Booch
dengan metode OOD (Object-Oriented Design), Jim Rumbaugh dengan
metode OMT (Object Modelling Technique) mereka ini bekerja pada
Rasional Software Corporation dan Ivar Jacobson dengan metode OOSE
(Object-Oriented Software Engineering) yang bekerja pada perusahaan
Objectory Rasional.

UML juga menyediakan beberapa diagaram visual

berbagai aspek dalam sistem, yaitu :
a. Use Case Diagram

Use Case Diagram merupakan gambaran dari fungsionalitas yang

diharapkan dari sebuah sistem, dan merepresentasikan sebuah interaksi
antara aktor dan sistem. Didalam use case terdapat actor yang merupakan
sebuah gambaran entitas dari manuasia atau sebuah sistem yang melakukan
pekerjaan di sistem[17]. Berikut adalah simbol dari Use Case Diagram.
Tabel II.1
 Simbol Use Case Diagram

Sumber :http://www.kajianpustaka.com/2013/12/use-case-diagram.html
 b. Activity Digram

Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas

dari sebuah sistem dan user[18]. Yang perlu diperhatikan disini ialah
bahwa aktivitas menggambarkan aktivitas sistem ketika ingin menambahan
sebuah data. Berikut simbol dari Activity Diagram

c. Component Diagram

Component diagram digunakan untuk mengambarkan struktur dan

hubungan antar komponen perangkat lunak, termasuk ketergantungan

diantaranya, Komponent perangkat lunak berikan source code maupun

binary code baik library maupun executable, dan bisa juga berupa interface

yang ada didalam system[19].

d. Deployment Diagram

Deployment Diagram adalah diagram yang menunjukkan tata letak

sebuah sistem secara fisik, menampakkan bagian-bagian software yang

berjalan pada bagian-bagian hardware. Hal ini termasuk persoalan layout

jaringan dan lokasi komponen-komponen dalam jaringan[20].

2.1.12 ERD

ERD adalah suatu model jaringan yang menggunakan susunan data yang

disimpan dalam system secara acak, ERD merupakan model jaringan data

yang menekankan pada struktur- struktur dan relationship data. Entity

Relationship Diagram (ERD) digunakan untuk menjelaskan hubungan antar

data dalam basis data kepada pengguna secara logis. Entity Relationship

Diagram (ERD) didasarkan pada suatu persepsi bahwa real world terdiri atas

obyek-obyek dasar tersebut. Penggunaan Entity Relationship Diagram (ERD)

relatif mudah dipahami, bahkan oleh para pengguna yang awam. Bagi

perancang atau analis sistem, Entity Relationship Diagram (ERD) berguna

 untuk memodelkan sistem yang nantinya, basis data akan di kembangkan.

Model ini juga membantu perancang atau analis sistem pada saat melakukan

analis dan perancangan basis data karena model ini dapat menunjukkan

macam data yang dibutuhkan dan kerelasian antardata didalamnya[21].

a. Entity

Entity simbol yang berbentuk segiempat adalah suatu apa saja yang ada
didalam system, nyata maupun abstrak dimana data tersimpan atau dimana
terdapat data”. Entytas diberi nama melalui kata benda dan dapat
dikelompokan dalam empat jenis nama, yaitu orang, benda, lokasi, kejadian
yang mendapat unsur waktu didalamnya.

b. Relationship

Relationship adalah sebuah hubungan antara dua atau lebih entitas yang
saling berkaitan. Relationship pada ERD dapat digambarkan dengan
menggunakan simbol belah ketupat (diamond). Relationship memiliki
beberapa jenis relasi yaitu unary, binary, ternary[22]
 c. Database

Simbol yang berbentuk tabung ini adalah simbol yang menunjukkan

daftar data informasi yang telah diisi dan diberikan oleh admin maupun
pelanggan .

d. Subroutine

Subroutine berfungsi sebagai menyediakan penyimpanan yang akan dimanfaatkan untuk tempat
pengolahan di dalam storage.

e. Multiple Documents

Multiple Document Symbol berguna sebagai memberitahukan input yang berawal dari
dokumen dalam bentuk kertas atau output dicetak ke kertas atau disebut dengan struck.
 f. Flow Direction

Flow Direction yang berbentuk seperti anak panah ini adalah penghubung

bagi simbol satu dengan simbol yang lainya, simbol ini juga dapat diartikan

sebagai conneting line atau disebut dengan simbol penghubung.

g. Input-Output

Pengertian dari input-output adalah "Satu baris atau lebih data pada tabel

pertama bisa dihubugkan ke satu atau lebih baris data pada tabel ke dua".

Pengertiannya memiliki banyak baris di tabel satu dan tabel dua yang saling

berhubungan satu sama lain.

2.1.1 LRS (Logical Record Structure)

LRS (Logical Record Structure) adalah repsentasi dari structure record-record

pada table-tabel yang berbentuk dari hasil antar himpunan entitas. Menentukan

kardinalitas, jumlah dan foreign key (FK).

2.1.13 HTML

Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman
web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu
Standard Generalized Markup Language (SGML). HTML pada dasarnya merupakan dokumen
ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi
tertentu[23].
Berdasarkan HTML Element Reference milik Mozila Developer Network, untuk saat ini ada
140 HTL tag meskipun sebagianya sudah usang(tidak lagi didukung oleh versi terbaru
browser).Berkat popularitasnya yang terus meningkat , HTML kini di anggap sebagai web
standard yang resmi. Spesifikasi HTML di-maintain dan dikembangkan oleh World Wide
Web Consortium(W3C).

Sejarah HTML atau HyperText Markup Language telah menjadi teknnologi

terbaik untuk web mulai tahun 1990. Pada tahun 1989 Tim Bernes-Lee

membentuk HTML sebagai cara sederhana namun efektif utnuk mengkodekan

dokumen elektronik. Apalagi tujuan awal dari web browser adalah untuk

melayani pembaca untuk membuka dokumen berformat HTML[24].

HTML sendiri sudah menemui berbagai perkembangan dari setiap versinya.

Hingga saat ini sudah ada 5 versi, berikut adalah versi-versi HTML :

1. HTML Versi 1.0

Sejak munculnya Bahasa HTML versi 1.0, HTML hanya mempunyai

kapasitas untuk hypertext, hedaing, paragraph dan manipulasi text

serta memiliki hubungan terhadap sebuah gambar.

2. HTML Versi 2.0

Pada tanggal 14 Januari 1995-1996 versi ini mulai dikembangkan,

dengan sejumlah tambahan fitur yaitu menambahkan form dan hal ini

menjadi bakal untuk melakukan proses interaktif dengan pengguna.

Sampai saat inilah HTML menjadi awal mula adanya website

interaktif.

3. HTML Versi 3.0 dan 3.2

Pada tahun 1997 tepatnya pada tanggal 18 Desember, lahir HTML

yang biasa dikenal dengan HTML+ karena mempunyai sejumlah

fasilitas penambahan fitur table dalam paragraph, kemudian peroses

reasearch dilanjutkan sampai disempurnakan pada bulan Mei 1998.

4. HTML Versi 4.0

Pada tanggal 24 Desember1999 HTML versi ini lahir dengan

penambahan beberapa fitur lagi seperti adanya image, link, dan lain-

lain sebagai penyempurnaan dari HTML Versi 3.2.

 5. HTML Versi 5.0

Pada tahun 2008 HTML versi ini atau lebih dikenal dengan HTML5

yang lahir menjadi standar baru untuk HTML, XHTML, dan DOM

HTML. HTML5 ini merupakan bentuk proyek kerja sama antara W3C

dengan WHATWG (Web Hypertext Application Technologi Working

Group). HTML5 menambahkan sejumlah perintah baru yang dapat

mendukung para programmer untuk merencanakan sebuah website

agar lebih menarik dan interaktif.

Funsi pemrograman HTML, sekarang memang sangat membantu dalam ilmu komputer dan
memiliki beberapa peran fungsi yang antara lain adalah :

1. Memudahkan Pengguna

2. Menandai Text Pada Suatu Halaman

3. Sebagai Dasar Bahasa Website

4. Untuk Menampilkan Tabel, Gambar, Video dan Lainya

5. Menandai Elemen Table dan Membuat Online Form

 2.1.14 XAMPP

XAMPP adalah perangkat lunak yang mengandung banyak system operasi,

merupakan kumpulan dari berbagai program., Fungsi XAMPP adalah sebagai server yang

berdiri sendiri (localhost), terdiri atas program Apache HTTP Server, MySQL database,

dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.

XAMPP merupakan singkatan dari X yang berarti empat sistem operasi apapun,

Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public

License dan bebas, membentuk web server agar mudah pada saat penggunaan

yang dapat menampilkan sebuah halaman web yang dinamis. Kata berasal dari

istilah cross platform sebagai simbol bahwa aplikasi ini bisa dijalankan diempat

sistem opresi yang berbeda[25]. XAMPP memiliki kelebihan yang cukup mudah untuk

dioperasikan dengan menggunakan Windows dan linux. Keuntungan lain yang didapat

adalah hanya denga melakukan instalasi cukup satu kali kemudian didalamnya tersedia

MySQL, apacheweb server, Database server PHP support (PHP 4 dan PHP 5). Dari

pengertian diatas dapat disimpulkan XAMPP merupakan software server apache yang

dimana mempunyai banyak kelebihan seperti mudah untuk digunakan, dan dapat

digunakan melalui Windows dan Linux. Hal ini dapat mendukung karena dengan di

lakukan XAMPP hanya satu kali tersedia MySQL, apache web server, Database server

PHP support.[26].

7. Codeigniter

Framework adalah sekumpulan intruksi yang didalamnya terdapat class dan beberapa function
yang mempunyai tugas yang beda dan salah satunya untuk meringankan developer dalam
memanggilnya tanpa harus menuliskan syntax program yang sama dan berulang-ulang serta dapat
mempersingkat waktu pengerjaanya[27] “Codeigniter merupakan sebuah toolkit yang ditujukan
untuk orang yang ingin membangun aplikasi web dalam bahasa pemrograman PHP”[28].

Pada 28 Februari 2006 Codeigniter pertama kali dirilis, akan tetapi pada juli tahun 2013 Ellis Lab
melansir bahwa kepemilikan pada Codeigniter akan diganti dengan yang baru karena pada
lingkup internal sendiri tidak memiliki cukup fokus untuk mengembangkan CodeIgniter, dan
akhirnya pada bulan oktober 2014, kepimilikkan CodeIgniter beralih kepada British Columbia
Institute of Tecnology, yaitu sekolah tinggi teknologi yang berada dikanada.
Selepas berpindahnya kepemilikan selama lima bulan, BCIT kemudian mengumumkan
CodeIgniter 3.0. dibandingkan dengan yang sebelumnya tentu nya CodeIgniter 3 memiliki fitur
yang lebih banyak seperti peningkatan pada Database Driver, tentang pustaka yang baru dan juga
PDO pada CodeIgniter kini berfungsi secara keseluruhan dari subdriver. Codeigniter juga
membentuk konsep MVC atau Model View Controller, yang membolehkan pembatasan antara
layer application logic dan presentation. Melalui konsep kode PHP, query Mysql, Javascript dan
CSS dapat saling dipisahkan sehingga ukuran file menjadi lebih kecil dan lebih mudah pada
permbaruan dalam maintenance kedepannya[29]..

Model MVC
Terdapat 3 komponen yang dapat membangun suatu pattern yang terdapat pada gambar diatas,
yaitu:

a) Model
Bagian ini berfungsi sebagai mengolah data, seperti CRUD atau aktivitas lain yang
berhubungan langsung dengan database
b) View
Pada bagian view berfungsi untuk menyajikan data ke halman website, semacam hasil dari
query maupun sekedar menampikan template.
c) Controller
Controller merupakan penghubung antara model dan view. Di dalam controller inilah
terdapat class dan fungsi-fungsiyang memproses permintaan dari view ke dalam struktur
data didalam model. Controller juga tidak boleh berisi kode untuk mengakses basis data
tugas.[30]

CodeIgniter memiliki library lengkap dalam menjalankan operasi-operasi umum yang

dibutuhkan aplikasi berbasis website sperti mengakses sebuah database, validasi form sehingga
sistem dapat di kembangkan dengan ringan. CodeIgniter merupakan salah satu Framework
beserta dokumentasi yang lengkap dan jelas, Codeigniter serta mempermudah developer dalam
membentuk aplikasi website yang berbasis PHP, karena framework ini sudah mempunyai
kerangka kerja sehingga tidak perlu menulis beberapa kode program dari awal. Selain itu, struktur
dan susunan logis dari codeigniter membuat aplikasi menjadi semakin teratur dan dapat fokus
dalam fitur-fitur apa saja yang akan dibutuhkan pada perancangan aplikasi[27].
.
 2.1.15 PHP

Di dunia ilmu komputer PHP merupakan singkatan dari Hypertext

Processor biasa digunakan untuk bahasa script-side sebagai perancangan

sebuah website yang mencantumkan dokumen HTML. PHP dapat

menguatkan dalam perancangan website agar website yang dibuat dapat

lebih dinamis sehingga website tersebut jadi lebih mudah dan efisien.

PHP yaitu bahasa yang berupa skrip dan ditempatkan kedalam server agar

dapat diproses oleh server dan hasil yang dikirimkan untuk klien. Tempat yang

dipakai harus menggunakan browser. Secara khusus[31]. PHP digunakan sebagai

salah satu script untuk memperindah tampilan pada halaman website. Untuk

memperindah pada halaman website PHP biasanya menggunakan bahasa

pemrograman lainnya, seperti HTML dan JAVA script.

Bahasa pemrogramman PHP dapat membantu dalam pembuatan atau

pengembangan website yang handal dan cepat. Tekait dari detail bisnis, pemakai

hosting, tingkat terhadap kemahiran, keinginan dari aplikasi dan pengembangan

timeframe.[32]

Pada bulan November 1997, PHP/FI 2.0 ini dirilis dalam perilisan ini sudah

disertakan juga sebuah modul yang dapat menambah kapasitas PHP/FI secara

signifikan. Berikut fungsi dari penggunaan PHP atau Hypertext Preprocessor,

yaitu :

1. Mempercepat Tatanan HTML dan CSS

2. Input Data

3. Manajemen Cookie dan Session

4. Kompres Text

2.1.16 CSS

CSS singkatan dari cascading style sheets, yaitu skrip yang digunakan untuk mengatur desain
website. Wlaupun HTML mempunyai kemampuan untuk mengatur tampilan website, namun
kemampuannya sangat terbatas. Fungsi CSS adalah memberikan pengaturan yang lebih lengkap
agar struktur website yang dibuat dengan HTML terlihat lebih rapi dan indah[33].

CSS pertama kali bermula sejak munculnya SGML pada tahun 1970an. Sejak kemunculanya
tersebut , CSS mendapati kemajuan yang sangat pesat . Bentuk dasar CSS yang ramai digunakan
saat ini mewujudkan masukan dari salah satu pengguna CSS yang bernama Hakon Wium Lie
yang menuangkan idenya tentang Cascading HTML Style Sheet singkatan dari CHSS pada
Oktober 1994 melalui konfersi W3C di Chicago, Illinois. Dengan kerabatnya Bert Bos untuk
melakukan perkembangan pada standart CSS.

CSS resmi dipublikasikan pada tahun 1996 dan pada bulan Desember CSS versi 1.0 dikerjakan.
Pekerjaan tersebut dikerajakan dan dibantu dengan programmer yang bernama Thomas Reardon
dari perusahaan software. CSS dipergunakan oleh penulis atau pembaca pada website agar dapat
memilih warna, jenis huruf, tata letak dan berbagai aspek tampilan dokumen. CSS juga biasa
dipergunakan sebagai fungsi pembatas antara inti dokumen yang ditulis menggunakan HTML
atau bahasa markup lainya beserta presentasi dokumen yang ditulisnya dengan CSS[34].

Berikut adalah versi-versi pada Css dari tahun ke tahun :

1. CSS Level 1
Pada 17 Agustus 1996 World Wide Web Consortium (W3C) menetapkan CSS menjadi bahasa
pemrogramman standard saat melakukan perancangan web, Tujuanya yaitu sebagai mengurangi
pembuatan tag baru dari Netscape atau Internet Explorer, karena kedua browser tersebut sedang
bersaing pengembangan tag sendiri saat menyusun tampilan pada web.
CSS versi 1 sudah memberi pengaturan pada tampilan dalam hal :
1. Font atau Jenis Ketebalan.
2. Warna, text, background dan lainya.
3. Text atributes, misalnya spasi antar baris, kata dan huruf.
4. Posisi text, gambar, tabel dan elemen lainya.
5. Margin, border atau padding.

2. CSS Level 2

W3C Melengkapi CSS pada bagian awal dengan membangun standard pada CSS versi 2
sebagai standard sampai tahun 1998. Beberapa kualitas dari CSS versi 1 dimasukkan dan
diperluas melalui pengutamaan dari Internasional Accessibility and Capacibilty
khususnya media-specific CSS. CSS versi 2 ini dikembangkan sebagai melengkapi
kebutuhan agar dokument dapat ditampilkan pada printer.

3. CSS Level 3

CSS versi 3 ini adalah versi terbaru dari CSS yang mampu melakukan banyak hall dalam
mendesain website. CSS versi 3 ini mampu mengerjakan animasi yang terdapat di halaman
website, diantaranya animasi warna dan animasi 3D. Desainya yang mempermudah dalam hall
kompabilitas website pada smartphone melalui kudungan fitur baru yaitu media query. Selain itu
banyak fitur baru dalam CSS versi 3 yaitu Multiple Background,border-radius, drop-shadow,
border-image, CSS-Math dan CSS Object Model.
Fitur-fitur terbaru yang ada pada CSS versi 3 ini yaitu :

1. Animasi, sehingga pembentukan animasi tidak membutuhkan program seperti Adobe

Flash atau Microsoft Silverlight.

2. Beberapa efek teks, semacam text berbayang, kolom koran dan “Word-Wrap”.
3. Sebagian efek pada kotak, seperti kotak yang ukuranya dapat diubah-ubah, transformasi 2
dimensi dan 2 dimensi, sudut-sudut yang tumpul dan berbayang.
.

3 Java Script
JavaScript merupakan bahasa pemrograman yang berbentuk sekumpulan script yang beroprasi
pada dokumen HTML. JavaScript juga dapat melengkapi tampilan dan sistem terhadap halaman
web-based application yang dikembangkan[35].
Javascript awalnya bernama Mocha, kemudian diubah sebagai LiveScript pada browser
Netcape Navigator 2.0 memublikasikan versi beta pada September tahun 1995. Tetapi ,
kemudian digant menjadi Javascript. Terinspirasi dari keberhasilan Javascript, Microsoft
mengangkat teknologi yang sama. Microsoft melakukan Javascript menurut mereka sendiri
bernama Jscript. Lalu ditanam pada Internet Explorer 3.0. Kemudian tahun 1996, Netscape
menyampaikan standarisasi ECMA-262 ke ecma International. Sehingga terbentuknya
standarisasi pada Javascript yang bernama ECMAScript atau ES. Sampai saat ini ECMAScript
dapat menggapai versi 10(ES10)[36],
Tabel Edisi ECMAScript
 4 Visual Studio Code
Microsoft Visual Studio by merupakan sebuah perangkat lunak lengkap (suite) yang dapat
digunakan untuk melakukan pengembangan aplikasi, baik itu aplikasi bisnis, aplikasi personal,
ataupun komponen aplikasinya, dalam bentuk aplikasi console, aplikasi Windows, ataupun
aplikasi Web[37].
Visual Studio Code adalah aplikasi code editor yang berhasil di kembangkan Microsoft untuk
Windows, Linux dan macOS. Aplikasi ini sudah didukung sebagai debugging, mengontrol git
yang tertanam dan GitHub, dalam penyelesaian kode cerdas, snippet, dan refactoring kode dan
sangat dapat memudahkan para pengguna untuk mengubah tema, pintasan keyboard, preferensi,
dan menginstal ekstensi dalam fungsionalitas tambahan[38].
Pada aplikasi ini banyak fitur-fitur yang sudah tersedia pada Visual Studio Code, seperti
Intellisense,Git Integration, Debugging dan fitur ekstensi yang dapat menambah kemampuan teks
editor . Fitur-fitur tersbut akan bertambah seiring dengan bertambahnya versi Visual Studio Code.
Pembaruan versi Visual Studio Code ini juga mengedit teks.
Visual Studio Code dapat langsung dipergunakan tanpa perluasan alur pemogramanya dapat
didukung. Akan tetapi terdapat beberapa alur pemrograman yang tidak didukung langsung
misalkan pemakaian snippets code dan kapasitas Intellisense yang masih kurang. Disini letak
penggunaan ekstensi bisa menambahkan kemampuan dalam dukungan alur pemrograman yang
diinginkan. Ekstensi Visual Studio Code ini banyak dibuat oleh pengembang dari pihak ketiga
yang juga menjadi kontributor dari Visual Studio Code[39].

5 Rajaongkir API
pelanggan yaitu orang yang menghendaki perusahaan agar dapat melengkapi suatu
standar status yang dapat memberikan pengaruh pada performansi perusahaan dan
manajemen perusahaan. Dari pendapat para ahli dapat disimpukan bahwa pelanggan
adalah individu yang melakukan transaksi sesuai dengan kepentingan yang dapat
membuat pelanggan senang dengan membandingkan sebagian dari aspek tertentu
seperti harga, standar kualitas barang atau jasa pada rangka melengkapi kebutuhan
pribadi atau rumah tangga[40].
 RajaOngkir yaitu sebuah Application Programming Interface (API) berbasis web

service yang menyajikan informasi terkait biaya pengiriman dari berbagai jasa

pengiriman di seluruh Indonesia sebagai contohnya POS Indonesia, TIKI, JNE, PCP,

ESL, RPX dan lain sebagainya. RajaOngkir API ditujukan bagi konsumen yang ingin

melihat dan membandingkan biaya pengiriman dari berbagai jasa kurir dan secara

khusus bagi pemilik toko online, maupun bagi pengguna yang sering berbelanja

online. Sistem RajaOngkir API ini tentunya mempunyai data yang terpadu mulai dari

data nama kota, data harga dan data berat. RajaOngkir API memfasilitasi RESTful

Application Programming Interface (API) agar developer dapat menggunakanya

sebagai membuat berbagai macam aplikasi yang memerlukan data biaya pengiriman

tersebut. Data biaya pengirim ini tersedia langsung dari web diseluruh perusahaan

ekspedisi pengirimanagar dapat menjaga akurasi data yang diperoleh[41].

2.2.Penelitian Terkait

Sistem informasi penjualan dewasa ini sangat diperlukan berbagai masyarakat di berbagai kalangan

dikarenakan dapat membantu masyarakat dalam suatu pengambilan keputusan secara tepat melalui internet

dan juga teknologi yang mulai pesat untuk saat ini. Hal ini juga dapat membantu khususnya dalam dunia

bisnis supaya informasi yang di dapat lebih realtime.

Hartoni, Juli 2017 melakukan penelitian dengan judul “Perancangan Sistem Informasi Penjualan
Berbasis Web Pada Toko Join Mart” dengan menggunakan metode Entity Relationship Diagram
(ERD) yang diharapkan dalam Pembuatan laporan keuangan berupa digital dapat dilakukan dengan
mempercepat dalam waktu pembuatan dan memiliki informasi yang tepat[42]
Yulli Prasetyo, November 2018 melakukan penelitian dengan judul ” PERANCANGAN SISTEM
INFORMASI PENJUALAN BERBASIS WEB PADA NURATIH FASHION” dengan
menggunakan metode konseptual yang diharapkan dapat menghasilkan suatu program pemasaran
penjualan berbasis website yang bisa membantu penjualan pada toko tersebut [43]