2.

LANDASAN TEORI

2.1. Penjualan Online

Penjualan online merupakan aktivitas penjualan dari mencari calon

pembeli sampai menawarkan suatu produk atau sebuah barang dengan
memanfaatkan jaringan internet yang didukung dengan seperangkat alat
elektronik sebagai penghubung koneksi internet.

2.2. Toko “Uniqueclo.id”

Toko Uniqueclo.id berdiri sejak tahun 2020 pada saat awal mula masuknya
wabah penyakit COVID-19 ke Indonesia. Toko ini berdiri guna untuk
mengisi waktu luang penulis dan untuk membantu masyarakat yang ingin
berbelanja baju di toko ini tidak perlu datang ke rumah dan melakukan
pembayaran secara fisik. Tempat toko Uniqueclo.id berada di Perum. Mutiara
Sentosa, Pasir Putih, Depok. Pelanggan dari toko Uniqueclo.id yaitu anak-
anak remaja.

2.3. Sistem

Definisi system menurut Romney dan Steinbart (2015:3) yaitu “Sistem

adalah rangkaian dari dua atau lebih komponen-komponen yang saling
berhubungan, yang berinteraksi untuk mencapai suatu tujuan yang sama.
Sebagian besar system terdiri dari subsistem yang lebih kecil yang
mendukung system yang lebih besar.”

Berdasarkan perngertian diatas dapat disimpulkan bahwa system adalah

kumpulan dari komponen yang saling memiliki keterhubungan untuk
mencapai tujuan yang sama dalam melaksanakan suatu kegiatan pokok.

6
 Tujuan system menurut Azhar Susanto (2013:23), yaitu “Target atau sasaran
akhir yang ingin dicapai oleh system. Agar supaya target tersebut bisa tercapai,
maka target atau sasaran tersebut harus diketahui terlebih dahulu ciri-ciri dan
kriterianya. Upaya untuk mencapai sasarantanpa mengetahui ciri-ciri atau kriteria
dari sasaran tersebut kemungkinan besar sasaran tersebut tidak akan pernah
tercapai. Ciri- ciri atau kriteria dapat juga digunakan sebagai tolak ukur dalam
menilai suatu keberhasilan suatu system dan menjadi dasar dilakukannya suatu
pengendalian.”

2.4. Informasi

Informasi adalah hal yang sangat penting bagi perusahaan dalam mengambil
setiap pengambilan keputusan. Secara Etimologi, Informasi berasal dari Bahasa
Prancis kuno yaitu informaction (tahun 1387) yang awalnya dari kata
informationem yang memiliki arti “garis besar, konsep, ide”.

Definisi informasi menurut Agus Mulyanto (2009:12) adalah “data yang

diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang
menerimanya, sedangkan data merupakan sumber dari informasi yang
menggambarkan suatu kerjadian nyata”.

Pengertian menurut Krismaji (2015:14), “Informasi adalah data yang telah

diorganisasi dan telah memiliki kegunaan dan manfaat”. Hal yang serupa
disampaikan oleh Romney dan Steinbart (2015:4), “Informasi(information) adalah
data yang telah dikelola dan diproses untuk memberikan arti dan memperbaiki
proses pengambilan keputusan. Sebagaimana perannya, pengguna membuat
keputusan yang baik sebagai kuantitas dan kualitas dari peningkatan informasi”.

7
2.5. Web

Website adalah sebuah kumpulan halaman web yang berhubungan dengan

penyebaran informasi dan dapat diakses dengan mudah oleh semua orang yang
terhubung dengan internet.

Website atau disingkat web merupakan sekumpulan halaman informasi

dalam beberapa bentuk data digital diantaranya seperti text, gambar, video,
audio, dan animasi lainnya yang dapat diakses melalui web browser yang
tersambung oleh internet.

2.6. Internet

Internet adalah beberapa rangkaian jaringan computer yang saling

terhubung. Internet berasal dari kata interconnected-networking. Internet
merupakan jaringan global yang menghubungkan suatu jaringan (network)
dengan jaringan lainnya di seluruh dunia. Media yang dapat menghubungkan
internet bisa berupa kabel, kanal satelit, maupun dari frekuensi radio.

Jaringan internet dapat bekerja berdasarkan suatu protocol (aturan). TCP/IP

(Transmission Control Protocol/Internet Protocol) yaitu protocol standar yang
digunakan untuk menghubungkan jaringan didalam internet sehingga dapat
dikirim dari satu computer ke computer lainnya. Masing- masing computer
diberikan suatu nomor unik yang biasa disebut dengan alamat IP.

2.7. Database

Database merupakan kumpulan file yang mempunyai kaitan antara satu file
engan file yang lainnya yang akan membentuk satu bangun data untuk
menginformasikan suatu perusahaan, instansi dalam batasan tertentu.

Bila terdapat file yang tidak dapat dipadukan atau dihubungkan dengan file
yang lainnya berarti file tersebut bukan termasuk kedalam kelompok dari satu
database, melainkan akan membentuk satu database sendiri.

8
2.8. MySQL

MySql adalah sebuah server yang melayani database. Untuk membuat dan
mengolah database, kita dapat mempelajari pemrograman khusus yang disebut
juga query atau sebuah perintah SQL. Database sendiri dibutuhkan jika ingin
menginput data dari user menggunakan form HTML untuk kemudian diolah
PHP agar bisa disimpan kedalam database MySQL.

2.9. PHP My Admin

PHPMyAdmin adalah sebuah perangkat lunak yang bebas ditulis dalam

Bahasa pemrograman PHP yang dapat digunakan untuk menangani
administrasi MySQL melalui website. PHPMyAdmin mendukung berbagai
operasi MySQL, diantaranya mengolah database, table-tabel, fields, relasi,
indeks, users, permissions, dan lain-lain.

2.10.PHP (Hypertext Preprocessor)

PHP merupakan sebuah Bahasa pemrograman yang digunakan secara luas

untuk pembuatan serta pengembangan sebuah website dinamis dan interaktif.
Dinamis artinya, website tersebut bisa berubah-ubah tampilan dan kontennya
sesuai kondisi tertentu. Sebagai contoh, PHP bisa menampilkan tanggal dan
hari saat ini secara berganti-ganti dalam sebuah website.

PHP merupakan singkatan dari Hypertext Prepocessor ini adalah Bahasa

yang disertakan dalam dokumen HTML, sekaligus bekerja disisi server.
Artinya sintaks dan perintah akan sepenuhnya dijalankan di server tetapi
disertakan pada halaman HTML biasa.

PHP ini dirancang untuk dapat bekerja sama dengan database server agar
dapat mengakses database jauh lebih mudah. Tujuan dari Bahasa scripting ini
adalah untuk membuat aplikasi yang dibangun dengan menggunakan PHP dan
akan menghasilkan halaman-halaman pada web browser dengan dijalankan di
server.

9
2.11. XAMPP

XAMPP merupakan software computer yang mempunyai fungsi sebagai

server yang berdiri sendiri (localhost), yang terdiri dari beberapa program
antara lain : Apache HTTP Server, MySQL database, dan juga sebagai
penerjemah Bahasa pemrograman PHP. XAMPP merupakan singkatan dari X
empat system operasi, yang meliputi Apache, MySQL, PHP dan Perl. Program
ini tersedia dalam GNU (General Public License), yang merupakan web server
yang mudah digunakan dan dapat menampilkan halaman website yang
dinamis.

2.12. CSS (Cascading Style Sheets)

CSS adalah singkatan dari Cascading Style Sheets, yaitu pengembang

kode-kode HTML yang sudah ada sebelumnya. Dengan menggunakan CSS,
dapat mengubah struktur dasar dari halaman website yang telah ada secara
lebih mudah dan juga cepat.

2.13. HTML

HTML digunakan untuk membuat struktur halaman website. Secara

umum, HTML digunakan untuk mendesain website, meskipun dalam
mempraktikannya HTML tidak berdiri sendiri karena pasti akan digabungkan
dengan CSS atau script lain, seperti Javascript.

2.14. Sublime Text Editor

Bos (2014:12), pernah menjelaskan bahwa Sublime Text Editor ini

merupakan salah satu text editor yang sangat memiliki power yang dapat
meningkatkan produktivitas dan mengembangkan kualitas kode yang tinggi.

10
 2.15. Canva

Canva merupakan salah satu aplikasi online yang dapat dimanfaatkan

sebagai media disain yang terdapat beberapa template yang dapat digunakan
untuk membuat infografis, grafik, poster, presentasi, brosur, logo, resume,
flyer, kartu, surat kabar, cover majalah, undangan dan banyak lagi.

2.16. Struktur Navigasi

Struktur navigasi adalah sebuah alur yang digunakan dalam website yang
dibuat. Sebelum menyusun website, kita harus menentukan terlebih dahulu
alur apa yang akan digunakan dalam website yang dibuat. Bentuk dasar dari
struktur navigasi yang sering dipakai dalam menyusun alur ada empat
macam, yaitu struktur navigasi linier, navigasi hirarki, navigasi non linier,
dan navigasi campuran.

2.16.1. Struktur Navigasi Linier

Struktur navigasi linier merupakan struktur yang mempunyai suatu

rangkaian cerita yang berurutan. Struktur navigasi linier ini menampilkan satu
demi satu tampilan layar secara berurutan.

Gambar 2.1 Struktur Navigasi Linier

2.16.2. Struktur Navigasi Hirarki

Struktur navigasi hirarki atau disebut dengan struktur navigasi

bercabang, yaitu merupakan sebuah struktur yang mengandalkan
percabangan untuk menampilkan data atau gambar yang terdapat pada layer
dengan kriteria tertentu.
Tampilan pada menu utama disebut dengan master page (halaman
utama), pada halaman tersebut memiliki beberapa halaman percabangan yang
disebut juga slave page (halaman pendukung) dan jika halaman tersebut
dipilih akan menjadi halaman kedua, dan begitu seterusnya.

11
 Gambar 2.2 Struktur Navigasi Hirarki

2.16.3. Struktur Navigasi Non Linier

Struktur navigasi non-linier (tidak berurutan) adalah pengembangan

dari struktur navigasi linier, hanya saja pada struktur ini diharuskan untuk
membuat percabangan. Percabangan pada struktur navigasi non lier berbeda
dengan percabangan struktur navigasi linier, pada struktur ini kedudukan
semua layer sama, sehingga tidak dikenal adanya master page maupun slave
page.

Gambar 2.3 Strutur Navigasi Non Linier

2.16.4. Struktur Navigasi Campuran

Struktur navigasi campuran (composite) merupakan gabungan dari

struktur sebelumnya dan disebut juga dengan struktur navigasi bebas, yaitu
jika suatu tampilan membutuhkan percabangan maka dibuat percabangan.
Struktu ini paling banyak digunakan dalam pembuatan aplikasi multimedia.

12
 Gambar 2.4 Struktur Navigasi Campuran

2.17.UML (Unified Modelling Language)

Menurut Windu Gata, Grace (2013:4), Unified Modelling Language

adalah Bahasa spesifikasi standar yang digunakan untuk mendokumentasikan,
menspesifikasikan dan membangun perangkat lunak. UML merupakan
metodologi dalam mengembangkan system berorientasi objek dan juga
merupakan alat untuk mendukung dalam pengembangan suatu system.
Alat bantu yang dapat digunakan dalam perancangan berorientasi objek
berbasis UML adalah sebagai berikut:

2.17.1. Use Case Diagram

Use case diagram adalah pemodelan untuk menentukan kelakuan

(behavior) system informasi yang akan dibuat. Use case digunakan untuk
mengetahui fungsi yang ada pada system informasi serta mengetahui siapa saja
yang berhak menggunakan fungsi-fungsi tersebut. Dalam use case diagram ada
beberapa symbol, diantaranya yaitu:

13
 Table 2.1. Simbol Use Case Diagram

Gambar Keterangan
Use case menggambarkan
fungsionalitas yang digunakan system
sebagai unit-unit yang bertukar pesan
antar unit dengan actor, yang dengan
Use Case
menggunakan kata kerja.
Actor adalah abstraction dari orang atau
system yang lain yang mengaktifkan fungsi
dari target system. Untuk
mengidentifikasikan actor, harus ditentukan
pembagian tenaga kerja dan tugas-tugas
Actor yang berkaitan dengan peran pada konteks
target system. Orang atau system bisa
muncul dalam beberapa peran.
Association berfungsi untuk menindikasikan
siapa atau apa yang meminta interaksi secara
langsung dan bukannya mengindikasikan
Association data.

Hubungan dimana perubahan yang terjadi

pada suatu elemen mandiri (independent)
akan mempengaruhi elemen yang
Dependency bergantung pada elemen yang tidak mandiri
(independent).

14
 Extend merupakan perluasan dari use case
lain jika kondisi atau syarat terpenuhi.

Extend

Include merupakan gambaran dari use case

yang menggambarkan sumber secara
eksplisit.

Include

2.17.2. Activity Diagram

Widodo (2012:144), mengatakan bahwa Activity diagram adalah

kumpulan aksi-aksi. Aksi-aksi melakukan langkah sekali saja tidak boleh
dipecah menjadi beberapa langkah lagi. Ketika melakukan diagram aktivitas
untuk memodelkan perilaku suatu classifer, classifer dikatakan kontek dari
aktivitas. Aktivitas dapat mengakses atribut dan operasi classifer, tiap objek
yang terhubung dan parameter-parameter jika aktivitas memiliki hubungan
dengan prilaku. Symbol-symbol yang digunakan pada diagram ini antara
lain:

15
 Table 2.2. Simbol Activity Diagram

Gambar Keterangan
Start Point, biasa diletakkan
dibagian pojok kiri atas sebagai
awalan dari sebuah aktivitas.
Initial Node/Start Point

End Point merupakan sebuah

akhiran dari suatu aktifitas.

Activity Final Node/End Point

Actifities menggambarkan
interaksi antar kelas satu sama
lain.

Activity
Biasanya digunakan untuk
menunjukkan kegiatan yang
sedang dilakukan secara parallel
atau menggabungkan beberapa
kegiatan parallel menjadi satu.
Fork (Percabangan)

Join (Penggabungan) digunakan

untuk menunjukkan adanya
dekomposisi.

Join (Penggabungan)

16
 Decision Point, menggambarkan
pilihan untuk mengambil sebuah
keputusan , true or false.

Decision Point

2.17.3. Sequence Diagram

Widodo (2012:220), mengatakan bahwa Sequence Diagram adalah

interaction diagram yang memperlihatkan event-event yang berurutan
sepanjang berjalannya waktu, kita membaca diagram ini dari atas ke bawah.
Diagram ini biasa digunakan untuk menggambarkan scenario atau
urutan langkah-langkah yang diajukan sebagai respon dari sebuah event
untuk mendapatkan output. Adapun symbol-simbol yang digunakan dalam
sequence diagram yaitu:

17
 Table 2.3. Simbol Sequence Diagram

Gambar Keterangan
Entity Class, merupakan bagian dari
system yang berisi beberapa kelas
entitas yang membentuk gambaran
awal system dan menjadi landasan
Entity Class untuk menyusun basis data.
Boundary Class, berisi kumpulan
kelas yang menjadi interface atau
interaksi antara satu atau lebih actor.

Boundary Class
Control Class, berisikan logika dari
aplikasi yang tidak memiliki
tanggung jawab kepada entitas.

Control Class

Message, symbol untuk mengirim

pesan antar class.

Message
Activation, mewakili sebuah eksekusi
operasi dari objek, panjang kotak ini
berbanding lurus dengan durasi
aktivasi sebuah operasi.

Activation

18
 Recursive, menggambarkan
pengiriman pesan yang dikirim untuk
dirinya sendiri.

Recursive
Lifeline, garis titik-titik yang terhubung
dengan objek. Dan lifelineini
tersambung dengan activation.

Lifeline

2.17.4. Class Diagram

Class diagram merupakan hubungan antar kelas dan penjelasan tiap

kelas yang berada didalam model desain suatu system, dapat
memperlihatkan aturan-aturan dan tanggung jawab entitas yang
menentukan perilaku system.

Class diagram secara khas meliputi: Kelas (class), Relasi (assosiations,

generalitation and aggregation), Atribut (attributes), operasi
(operation/method), visibility. Hubungan antar kelas mempunyai
keterangan yang disebut Multiplicity atau Cardinality.

19
 Table 2.4. Class Diagram
Multiplicity Penjelasan
1 Satu dan hanya satu.
0..* Boleh tidak ada atau 1 atau lebih.
1..* 1 atau lebih.
0..1 Boleh tidak ada, maksimal 1.

n..n Batasan antara. Contohnya 2.4 memiliki arti

minimal 2 dan maksimal 4.

2.18. Hosting

Hosting merupakan sebuah tempat penyimpanan data website yang

didalamnya meliputi kapasitas penyimpanan, bandwith yang merupakan
sebuah kapasitas yang digunakan untuk mengukur banyaknya pengunjung
website serta database. Menurut Aliyun (2014:72) Hosting juga dapat
diartikan sebagai layanan yang berbasis internet dan digunakan sebagai
tempat penyimpanan data atau tempat menjalankan aplikasi ditempat
terpusat yang disebut dengan server serta dapat diakses melalui jaringan
internet.

Terdapat jenis-jenis layanan hosting diantaranya yaitu shared

hosting, VPS (Virtual Private Server), dedicated server, colocation server.

1. Shared hosting adalah sebuah layanan hosting yang menggunakan server

hosting yang dipakai secara bersama-sama atau berbagi dengan pengguna
lainnya yang dalam satu server tersebut dapat dipergunakan oleh lebih dari
satu nama domain.

2. VPS (Virtual Dedicated Server) merupakan proses virtualisasi dari

lingkungan software system operasi yang dipergunakan oleh server. Karena
lingkungan ini merupakan lingkungan virtual, maka hal tersebut

20
 memungkinkan untuk menginstall system operasi yang dapat berjalan diatas
system operasi lain.

3. Dedicated Server adalah penggunaan sebuah server yang dikhususkan untuk

aplikasi yang lebih besar dan tidak bisa dioperasikan dalam shared hosting
maupun VPS. Maka dalam hal ini, penyediaan server ditanggung oleh
perusahaan hosting yang biasanya bekerja sama dengan vendor.

4. Colocation Server adalah layanan penyewaan tempat yang dipergunakan

untuk hosting. Server yang disediakan oleh pelanggan yang biasanya
bekerja sama dengan vendor.

2.19. Domain

Pengertian domain menurut Premysl Raban.eu domain name (eu domena)

bahwa system nama domain (DNS) adalah system global (GlobalAddressing
System) yang membuat alat penerjemah Internet Protokol (IP) yang tersusun
satu angka menjadi nama (nama domain) dan sebaliknya.

Menurut Syafrizal (2005), DNS (Domain Name System) dapat

dianalogikan seperti pemakaian buku telepon, dimana orang kita kenali
berdasarkan nama. Akan tetapi untuk menghubungi kita harus menelepon
nomor telepon di ponsel atau telepon rumah.

2.20.Black Box Testing

Metode Blackbox Testing merupakan salah satu metode yang mudah

digunakan dikarenakan hanya memerlukan batas bawah dan batas atas daridata
yang diharapkan, estimasi banyaknya data uji dapat dihitung melalui
banyaknya field data entri yang akan diuji, aturan entri yang harus dipenuhi
serta kasus batas atas dan batas bawah yang memenuhi. Dengan metode ini
dapat diketahui jika fungsionalitas masih dapat menerima masukan data yang
tidak diharapkan maka menyebabkan data yang disimpan menjadi kurang
valid.

21
2.21.UAT (User Acceptence Testing)

User Acceptence Testing adalah sebuah proses verifikasi bahwa

solusi yang dibuat dalam system sudah sesuai untuk pengguna. Proses ini
berbeda dengan pengujian system, melainkan memastikan bahwa solusi
dalam system tersebut akan bekerja untuk pengguna. (Indara Hermawan,
2017).

UAT pada umumnya dilakukan oleh klien atau pengguna, dan

biasanya tidak focus pada identifikasi masalah sederhana seperti kesalahan
pengejaan kata, maupun cacat showstopper, seperti crash perangkat lunak.

Jenis-jenis UAT terdiri dari :

1. Alpha & Beta Testing

2. Contract Acceptance Testing
3. Regulation Acceptance Testing
4. Operational Acceptance Testing
5. Black Box Testing.

22