29

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Pada penyusunan Tugas Akhir ini, terdapat dua analisa kebutuhan, analisis

kebutuhan tersebut yaitu analisis kebutuhan pengguna dan analisis kebutuhan

sistem, dan berikut penjelasannya.

3.1.1. Analisa Kebutuhan Pengguna

Analisa kebutuhan pengguna website short url ini terbagi menjadi 3(tiga)

bagian, yaitu user free, admin dan user premium. Berikut penjelasan dari masing-

masing bagian.

1. Analisa Kebutuhan User free

Kebutuhan untuk user free yaitu dapat melakukan short url (memperpendek url)

secara gratis dan maksimal untuk melakukan short url sebanyak 30 kali, untuk

kebutuhan user free hasil dari short url akan acak (random).

2. Analisa Kebutuhan Admin

Pengolahan data yang dilakukan oleh seorang admin, yaitu untuk mengolah data-

data yang ada di halaman admin seperti mengelola data web, data user, data

beranda, tentang kami dan laporan short url.

3. Analisa Kebutuhan User premium

Kebutuhan untuk user premium yaitu dapat melakukan short url (memperpendek

url) secara berbayar dan maksimal untuk melakukan short url sesuai dengan level

yang beli, level tersebut yaitu :

30

a. jika membeli level Silver maka dapat melakukan short url sebanyak 100 kali

dan hasil short url tersebut bisa sesuai dengan keinginan user.

b. jika membeli level Gold maka dapat melakukan short url sebanyak 200 kali

dan hasil short url tersebut bisa sesuai dengan keinginan user.

c. jika membeli level Platinum maka dapat melakukan short url sebanyak 300

kali dan hasil short url tersebut bisa sesuai dengan keinginan user.

3.1.2. Analisa Kebutuhan Sistem

Analisa kebutuhan sistem mencakup hak akses, pengolahan data, dan

keamanan sebagai berikut:

1. Hak akses

Sistem informasi short url dibuat untuk dapat diakses pengguna. Pengguna akan

memperoleh menu yang sesuai dengan hak aksesnya. Hak akses tersebut yaitu:

a. User Free

1. User dapat melakukan pendaftaran untuk dapat melakukan short url.

2. User dapat melihat informasi bagaimana cara melakukan short url.

3. User dapat melakukan short url sebanyak 30 kali.

b. Admin

1. Admin dapat melakukan login untuk masuk ke halaman admin dengan

memasukan username dan password.

2. Admin bertanggungjawab untuk mengatur aktivitas website. Admin

memiliki hak akses untuk menambahkan, mengubah, dan menghapus

semua konten.

c. User Premium

1. User dapat melakukan pendaftaran untuk dapat melakukan short url.

2. User dapat melihat informasi bagaimana cara melakukan short url.

31

3. User dapat melakukan short url secara unik atau sesuai keinginan user.

2. Pengolahan Data

Dalam pembuatan website ini membutuhkan beberapa data seperti :

a. Data fasilitas short url.

Berisi tentang informasi fasilitas short url yaitu ada fasilitas free, gold, silver

dan platinum.

b. Data harga fasilitas short url.

Berisi tentang informasi harga fasilitas short url dari fasilitas fasilitas free,

gold, silver dan platinum.

3. Keamanan

Website ini menyediakan keamanan untuk halaman admin yaitu halaman login,

dengan memasukan username dan password. Untuk keamanan halaman user

sama seperti halaman admin, yaitu login user, dengan memasukan username dan

password. Selain itu tersedia layanan ubah akun yang didalamnya terdapat ubah

data user serta ubah password dan lupa password yang disediakan agar halaman

user lebih aman.

4. Kebutuhan Perangkat Keras (Hardware)

Kebutuhan perangkat keras (hardware) yang dibutuhkan dalam pembuatan

website Sistem Informasi Short URL Berbasis Web antara lain:

Procesor : AMD E1-6010 with AMD Radeon R2 Graphics

RAM : RAM 4GB

Harddisk : Harddisk 500GB

Mouse : Optical Mouse

Keyboard : Standart Keyboard

Monitor : Monitor dengan resolusi layar minimum 10 inch

32

Printer : Inkjet dan Laser

Koneksi :Koneksi internet dengan kecepatan minimal 2Mbps

3.2. Rancangan Perangkat Lunak

Setelah proses analisa maka selanjutnya adalah proses perancangan.

Perancangan berfungsi untuk pengembangan spesifikasi peragkat lunak,

memberikan penjabaran bagaimana perangkat lunak yang dibangun dapat

diimplementasikan. Perancangan perangkat lunak ini mencakup rancangan antar

muka dan rancangan basis data.

3.2.1. Rancangan Antar Muka

Berikut rancangan antar muka pada website Sistem Informasi Short url

Berbasis Website sebagai berikut :

1. Rancangan halaman login admin

Rancangan halaman login admin dan halaman admin ini digunakan sebelum

admin masuk kehalaman admin untuk mengelola website, yaitu dengan cara

memasukan nama dan password admin.

33

Gambar III.1. Rancangan Halaman Login Admin

Halaman Login Admin terdiri dari :

a. Login

Tombol login untuk masuk ke halaman login.

b. Create an Account

Tombol Create an Account untuk membuat akun baru.

c. Username

Masukkan username berfungsi sebagai masukan untuk parameter otentifikasi

username admin.

d. Password

Masukkan password berfungsi sebagai masukkan kata sandi untuk parameter

otentifikasi password admin.

e. Tombol login

Tombol login digunakan untuk melanjutkan prosedur otentifikasi oleh

pengguna setelah memasukan username dan password yang valid. Setelah

berhasil login, admin akan dialihkan ke halaman utama index admin. Berikut

rancangan halaman utama ruang admin :

Username Password

MASUK

LOGIN Home Or

34

2. Rancangan halaman utama admin

Halaman ini adalah halaman utama administrator website. Pada halaman ini

admin dapat mengelola semua data yang ada pada website.

Header

Konten

Gambar III.2.Rancangan Halaman Utama Admin

a. Header

Header digunakan untuk mengetahui halaman website, bahwa halaman ini

adalah halaman admin.

b. Left Sidebar

Left Sidebar terdiri dari beberapa menu, yang masing-masing memiliki

fasilitas dan fungsi yang berbeda. Berikut penjelasan dari masing- masing

menu, yaitu:

1. Beranda

Menu ini akan menampilkan halaman beranda website.

Beranda

Master

Transaksi

Logout

35

2. Master

Menu ini akan menampilkan halaman data admin, data user dan data level.

a. Data Admin

Dalam tampilan data admin terdapat menu tambah, hapus dan edit,

admin dapat melakukan tambah, hapus dan juga edit berikut

tampilannya :

NO Nama Admin Username Admin Password Admin

1. xxxx xxxxxxx xxxxx

2. xxxxxx xxxxxxx xxxxx

Gambar III.3.Rancangan Halaman Data Admin

b. Data User

Dalam tampilan data user terdapat menu tambah, hapus dan edit,

admin dapat melakukan tambah, hapus dan juga edit berikut

tampilannya :

No Nama Lengkap User Alamat User Username User Password User Id Level

1 xxxxxxxxxxx xxxxxxx xxxxxx xxxxxxx xxx

2 xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxx xxx

Gambar III.4.Rancangan Halaman Data User

Form Admin

TAMBAH

HAPUS EDIT

HAPUS EDIT

HAPUS EDIT

HAPUS EDIT

TAMBAH

FORM USER

36

c. Data Level

Dalam tampilan data user terdapat menu tambah, hapus dan edit,

admin dapat melakukan tambah, hapus dan juga edit berikut

tampilannya :

No Nama Level FAsilitas Level Banyak URL Harga Level

1 xxxxxx xxxxxxxx xxx xxxxxx

2 xxxxx xxxxxxxx xxx xxxxx

3 xxxx xxxxxxx xxx xxxxxx

4 xxxxxxx xxxxxxx xxx xxxxxx

Gambar III.5.Rancangan Halaman Data Level

3. Transaksi

Menu ini akan menampilkan halaman data user yang telah membuat akun

premium atau upgrade dari level free ke premium dan menunggu aktivasi

dari admin.

a. Transaksi Data User

No Nama Lengkap User Alamat User Username User Level Bukti

1 xxxxxxxxxxx xxxxxxx xxxxxx xxxxxxx xxxxx

2 xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxx xxxxx

Gambar III.6.Rancangan Halaman Transaksi Data User

HAPUS EDIT

HAPUS EDIT

TAMBAH

FORM LEVEL

HAPUS EDIT

HAPUS EDIT

FORM USER

Aktifkan

Aktifkan

37

3. Rancangan halaman utama user free

Halaman ini adalah halaman utama website user free. Pada halaman ini user

dapat melakukan short url.

Header

No No URL asli Hasil URL Lihat

1 xxxxxx xxxxxxx xxx

Gambar III.7.Rancangan Halaman Utama User Free

4. Rancangan halaman utama user premium

Header

No URL asli Hasil URL Lihat

1 xxxxxx xxxxxxx xxx

Gambar III.8.Rancangan Halaman Utama User Premium

Beranda

Logout

Beranda

Status

Upgrade

Buat URL

Logout

Tambah

Tambah

38

3.3. Entity Relationship Diagram (ERD)

Dari sebuah database akan dibagi kedalam beberapa tabel tergantung pada

kebutuhan pengelolaan dan pengembangannya. Kemudian tabel-tabel tersebut akan

diimplementasikan menjadi sebuah gambar Entity Relationship Diagram (ERD) dan

Logical Record Structure (LRS). Berdasarkan data yang ada dapat digambarkan

ERD dan LRS website ini sebagai berikut:

3.3.1. Entity Relationship Diagram (ERD)

Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan

dengan Entity Relationship Diagram (ERD). Berikut ini adalah Entity Relationship

Diagram (ERD) untuk database website Sistem Informasi Short URL Berbasis Web

yaitu :

Gambar III.9.Entity Relationship Diagram (ERD)

39

3.3.2. Logical Record Structure (LRS)

Logical Record Structure (LRS) merupakan konversi dari Entitiy

Relationship Diagram (ERD) yang sebelumnya telah dibuat untuk memudahkan

dalam mendefinisikan spesifikasi file. Logical Record Structure untuk basis data

website Sistem Informasi Short URL Berbasis Web yaitu :

Gambar III.10.Logical Record Structure (LRS)

3.4. Spesifikasi File

Spesifikasi file menjelaskan tentang file-file yang akan digunakan dalam

pengolahan database dan sebagai media penyimpanan data dari proses yang terjadi.

Dalam website Sistem Informasi Short url Berbasis Web yaitu data dikumpulkan

dalam database mysql yang terdiri dari beberapa tabel antara lain:

1. Spesifikasi File Admin

Nama File : short_url.sql

Akronim : tbl_admin

Fungsi : sebagai kumpulan informasi data admin

Tipe File : File Master

Organisasi File : Index Sequential

40

Akses File : Random

Media : Hardisk

Panjang Record : 191 byte

Kunci Field : id_admin

Software : MySQL

Tabel III.1.

Spesifikasi File Admin

No Nama Jenis Size Keterangan

1 Id_admin Integer 11 Primary key

2 Nama_admin Varchar 30

3 Username_admin Varchar 50

4 Password_admin Varchar 100

2. Spesifikasi File Level

Nama File : short_url.sql

Akronim : tbl_level

Fungsi : sebagai kumpulan informasi data level

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 93 byte

Kunci Field : id_level

Software : MySQL

41

Tabel III.2.

Spesifikasi File Level

No Nama Jenis Size Keterangan

1 id_level Integer 11 Primary key

2 Nama_level Varchar 30

3 Fasilitas_level Varchar 30

4 Banyak_url Integer 11

5 Harga_level Integer 11

3. Spesifikasi File Url

Nama File : short_url.sql

Akronim : tbl_url

Fungsi : sebagai kumpulan informasi data url

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 152 byte

Kunci Field : id_url

Software : MySQL

42

Tabel III.3.

Spesifikasi File url

No Nama Jenis Size Keterangan

1 Id_url Integer 11 Primary key

2 url_asli Varchar 100

3 Hasil_url Varchar 30

4 Id_user Integer 11 Foreign key

4. Spesifikasi File Url Premium

Nama File : short_url.sql

Akronim : tbl_url_premium

Fungsi : sebagai kumpulan informasi data url premium

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 1211 byte

Kunci Field : id_url_premium

Software : MySQL

43

Tabel III.4.

Spesifikasi File url premium

No Nama Jenis Size Keterangan

1 Id_url_premium Varchar 100 Primary key

2 url_asli_premium Varchar 1000

3 Hasil_url_premium Varchar 100

4 Id_user Integer 11 Foreign key

5. Spesifikasi File User

Nama File : short_url.sql

Akronim : tbl_user

Fungsi : sebagai kumpulan informasi data user

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 370 byte

Kunci Field : id_user

Software : MySQL

Tabel III.5.

Spesifikasi File User

No Nama Jenis Size Keterangan

1 Id_user Integer 11 Primary key

2 Tgl_daftar Date 8

44

3 Namalengkap_user Varchar 30

4 Alamat_user Varchar 50

5 Username_user Varchar 50

6 Password_user Varchar 100

7 Id_level Integer 11 Foreign key

8 Konfirm_user Varchar 10

9 Bukti_transfer Varchar 100

3.5. Spesifikasi Program

Spesifikasi program yang dibuat dapat dilihat dari struktur navigasi.

3.5.1. Struktur Navigasi

Untuk mempermudah perancangan sebuah website, diperlukan

pengembangan stuktur navigasi terlebih dahulu. Hal ini bertujuan untuk memperjelas

pada saat merancang tampilan websi

45

1. Rancangan Struktur Navigasi Untuk Admin

Gambar III.11.Navigasi Halaman Admin

Index Login

Data

Beranda

Data Master

Data

Admin

Data

User

Data

Level

Hapus

Edit

Hapus

Edit

Hapus

Edit

Transaksi User Belum aktif

Logout

46

2. Rancangan Struktur Navigasi Untuk User

Gambar III.12.Navigasi Halaman User

3.6. Spesifikasi Komputer

Dalam pembuatan website diperlukan perangkat keras dan perangkat lunak

yang saling berhubungan. Berikut spesifikasi perangkat keras dan spesifikasi

perangkat lunak yang digunakan.

3.6.1. Spesifikasi Perangkat Keras (Hardware)

Seluruh komponen peralatan yang berbentuk suatu sistem komputer dan

peralatan lainnya yang memungkinkan komputer melaksanakan tugasnya, termasuk

juga mesin-mesin pembantu penyimpanan data dan juga termasuk alat komunikasi

lainnya. Untuk perangkat keras administrator disini menggunakan laptop dengan

spesifikasi sebagai berikut:

Procesor : AMD E1-6010 with AMD Radeon R2 Graphics

RAM : RAM 4GB

Harddisk : Harddisk 500GB

Index

Login

Beranda

Tambah Hasil

Logout

47

Mouse : Optical Mouse

Keyboard : Standart Keyboard

Monitor : Monitor dengan resolusi layar minimum 14 inch

Printer : Inkjet dan Laser

Koneksi :Koneksi internet dengan kecepatan minimal 2Mbps

3.6.2. Spesifikasi Perangkat Lunak (Software)

Komponen dalam data processing system yang berupa program-program dan

teknik lain untuk mengontrol sistem. Fungsi software ini adalah untuk

mengidentifikasi dan menyiapkan aplikasi program sehingga tata kerja seluruh

peralatan komputer dapat terkontrol, serta membuat pekerjaan menjadi lebih efisien.

Adapun software yang digunakan dalam merancang website ini adalah:

1. Sistem operasi Windows 10 Pro.

2. Atom.

3. CorelDRAW X5.

4. Google Chrome.

5. XAMPP V3.2.2.

48

3.7. Implementasi

3.7.1. Implementasi Halaman Admin

1. Halaman Login

Tampilan awal ketika akan login

Gambar III.13.Tampilan Login

49

2. Halaman Utama Admin

Tampilan halaman utama admin

Gambar III.14.Tampilan Utama Admin

3. Halaman Data Admin

Tampilan data admin

Gambar III.15.Tampilan Data Admin

50

4. Halaman Data User

Tampilan data user

Gambar III.16.Tampilan Data User

5. Halaman Data Level

Tampilan data level

Gambar III.17.Tampilan Data Level

51

6. Halaman Utama User

Tampilan Halaman Utama User

Gambar III.18.Tampilan Halaman Utama User

52

7. Halaman Utama User Free

Tampilan halaman utama user free

Gambar III.19.Tampilan Halaman Utama User Free

8. Halaman Utama User Premium

Tampilan halaman utama user premium

Gambar III.20.Tampilan Halaman Utama User Premium

53

3.8. Pengujian Unit

Pengujian terhadap program web yang dibuat menggunakan blackblok testing

yang fokus terhadap proses masukan dan keluaran program.

1. Pengujian terhadap halaman Masuk (login)

Tabel III.6

Hasil Pengujian Black Box Testing Halaman Masuk (login)

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Nama Penguna

Kosong dan Kata

Sandi Kosong, lalu

klik tombol masuk

Nama

Pengguna:

(kosong)

Kata Sandi:

(kosong)

Sistem akan

menolak

akses dan

menampilkan

"please fill

out this field"

Sesuai

harapan

Valid

1 Nama Penguna

benar dan Kata

Sandi Kosong, lalu

klik tombol masuk

Nama

Pengguna:

(benar)

Kata Sandi:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

"please fill out

this field"

Sesuai

harapan

Valid

2 Nama Penguna

Kosong dan Kata

Sandi benar, lalu

klik tombol masuk

Nama

Pengguna:

(kosong)

Kata Sandi:

(benar)

Sistem akan

menolak akses

dan

menampilkan

"please fill out

this field"

Sesuai

harapan

Valid

3 Nama Penguna

benar dan Kata

Sandi salah, lalu

klik tombol masuk

Nama

Pengguna:

(benar)

Kata Sandi:

(salah)

Sistem akan

menolak akses

dan

menampilkan " Nama

Pengguna atau

Kata Sandi

salah"

Sesuai

harapan

Valid

4 Nama Penguna

salah dan Kata

Sandi benar, lalu

klik tombol masuk

Nama

Pengguna:

(salah)

Kata Sandi:

(benar)

Sistem akan

menolak akses

dan

menampilkan "

Nama

Pengguna atau

Kata Sandi

salah "

Sesuai

harapan

Valid

54

5 Nama Penguna

salah dan Kata

Sandi salah, lalu

klik tombol masuk

Nama

Pengguna:

(salah)

Kata Sandi:

(salah)

Sistem akan

menolak akses

dan

menampilkan "

Nama

Pengguna atau

Kata Sandi

salah "

Sesuai

harapan

Valid

6 Nama Penguna

benar dan Kata

Sandi benar, lalu

klik tombol masuk

Nama

Pengguna:

(benar)

Kata Sandi:

(benar)

Sistem

menerima

akses

kemudian

masuk ke

halaman

beranda admin

Sesuai

harapan

Valid