Post on 21-Oct-2020
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