25 BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Tahap analisa kebutuhan adalah tahap untuk mengidentifikasi apa saja yang perlu dilakukan oleh sistem serta apa yang dibutuhkan dan diinginkan oleh pengguna dari sistem. Berikut ini adalah analisa kebutuhan dalam website Nesialish Football. 3.1.1. Analisa Kebutuhan Non-Fungsional Analisa kebutuhan non-fungsional merupakan analisa yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Spesifikasi ini juga meliputi elemen-elemen atau komponen-komponen apa saja yang dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem tersebut diimplementasikan. Analisa kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang dihasilkan sistem dan proses yang dibutuhkan untuk mengolah masukan sehingga menghasilkan suatu keluaran yang diinginkan. Kebutuhan non-fungsional terbagi menjadi beberapa analisa yaitu analisa perangkat keras, perangkat lunak dan analisa user. 1. Analisa Perangkat Keras a) Server 1) Menggunakan minimal AMD Radeon 1,5 GHz atau sekelasnya. 2) Menggunakan RAM minimal 2GB. 3) Tersedia Hardisk untuk penyimpanan, minimal 100 MB untuk server, diluar basis data.
76
Embed
BAB III PEMBAHASAN 3.1. Analisa Kebutuhan 3.1.1 ......jadwal pertandingan tim yang akan bertanding, serta waktu pertandingannya. Berikut adalah rancangan tampilan halaman jadwal pertandingan:
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
25
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Tahap analisa kebutuhan adalah tahap untuk mengidentifikasi apa saja yang
perlu dilakukan oleh sistem serta apa yang dibutuhkan dan diinginkan oleh
pengguna dari sistem. Berikut ini adalah analisa kebutuhan dalam website
Nesialish Football.
3.1.1. Analisa Kebutuhan Non-Fungsional
Analisa kebutuhan non-fungsional merupakan analisa yang dibutuhkan
untuk menentukan spesifikasi kebutuhan sistem. Spesifikasi ini juga meliputi
elemen-elemen atau komponen-komponen apa saja yang dibutuhkan untuk sistem
yang akan dibangun sampai dengan sistem tersebut diimplementasikan. Analisa
kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem,
keluaran yang dihasilkan sistem dan proses yang dibutuhkan untuk mengolah
masukan sehingga menghasilkan suatu keluaran yang diinginkan.
Kebutuhan non-fungsional terbagi menjadi beberapa analisa yaitu analisa
perangkat keras, perangkat lunak dan analisa user.
1. Analisa Perangkat Keras
a) Server
1) Menggunakan minimal AMD Radeon 1,5 GHz atau sekelasnya.
2) Menggunakan RAM minimal 2GB.
3) Tersedia Hardisk untuk penyimpanan, minimal 100 MB untuk
server, diluar basis data.
26
4) Mouse, keyboard, dan monitor sebagai tampilan antar muka.
b) Client
1) Menggunakan Intel Pentium 4 atau sekelasnya.
2) Menggunakan RAM minimal 256 MB.
3) Mouse, keyboard, dan monitor sebagai tampilan antar muka.
2. Analisa Perangkat Lunak
Analisa perangkat lunak yang dibutuhkan dalam membangun website ini
adalah:
a) MySql sebagai database.
b) Sistem Operasi Windows 8.
c) XAMPP versi 1.7.1 sebagai aplikasi pendukung untuk menjalankan
sistem aplikasi website online.
d) Adobe Dreamweaver CS5 sebagai editor pengerjaan kode.
e) Adobe Photoshop CS3 sebagai editor untuk mendesain banner, logo
dan sebagainya.
f) Microsoft Visio 2007 dan Microsoft Word 2010
27
3. Analisa User
Pengguna sistem ini adalah anggota dari Nesialish Football yang selaku
sebagai administrator yang terlibat pada sistem yang sedang berjalan saat ini
dibutuhkan untuk mengelola aplikasi pengolahan data website yang akan
dibangun.
a) Administrator
Administrator bertugas mengelola berita yang akan di hapus maupun
ditampilkan, mengelola iklan yang akan di pasang di dalam website,
dan mengelola keaktifan anggota.
3.1.2. Analisa Kebutuhan Fungsional
Analisa terhadap kebutuhan fungsional dari sistem dimaksudkan untuk
mengetahui alur informasi yang berlaku pada sistem berjalan tersebut sehingga
didapatkan pemahaman akan kerja dari sistem.
1. Administrator
a) Dapat memasukkan berita yang akan di tampilkan yang meliputi
judul, kategori berita, kategori negara berita, isi berita, dan gambar
berita
b) Dapat mengelola anggota.
c) Dapat mengelola iklan yang akan di tampilkan.
2. Anggota
a) Dapat membaca berita yang telah ditampilkan oleh administrator.
b) Dapat melakukan login anggota.
c) Dapat memberikan komentar apabila anggota telah login.
28
3. Sistem
a) Memvalidasi input data login administrator dan anggota.
b) Memvalidasi input data berita.
c) Menampilkan isi konten berita.
3.2. Perancangan Perangkat Lunak
3.2.1. Rancangan Antar Muka
1. Rancangan antar muka halaman beranda (index)
Halaman beranda (index) merupakan halaman terdepan dari sebuah website.
Halaman ini juga dapat disebut sebagai halaman pembuka suatu website
karena halaman ini yang akan tampil terlebih dahulu sebelum halaman
website yang lainnya. Halaman ini terdapat semua konten dari berita, analisis,
taktik, dan iklan. Berikut adalah rancangan tampilan halaman beranda
(index):
Header
Link 1 Link 2 Link 3 Link 4 Link 5 Cari
Judul berita 1
Gambar 1 Penggalan berita 1
Judul berita 2
Gambar 2 Penggalan berita 2
Judul berita 3
Gambar 3 Penggalan berita 3
Judul berita 4
Gambar 4 Penggalan berita 4
Judul berita 5
Gambar 5 Penggalan berita 5
Link 6
Footer
Login pengguna
Email
Password
Login
Berita Populer
Berita populer 1
Berita populer 2
Berita populer 3
Berita populer 4
Berita populer 5
Iklan 1
Iklan 2
Sumber: Dokumentasi Pribadi
Gambar III.1 Rancangan Halaman Beranda (Index)
29
Keterangan gambar:
a) Link 1 : Home.
b) Link 2 : Berita.
c) Link 3 : Analisis pertandingan.
d) Link 4 : Taktik pertandingan
e) Link 5 : Jadwal pertandingan.
f) Link 6 : Navigasi halaman
2. Rancangan antar muka halaman berita.
Halaman berita berisikan berita-berita sepak bola indonesia dan Inggris. Pada
halaman ini berita tidak akan tampil secara utuh, melainkan hanya beberapa
penggalan dari isi berita itu sendiri. Pengunjung website dapat melihat berita
secara utuh jika meng-klik pada salah satu judul berita berita yang akan
tampil teratas merupakan berita paling terbaru. Berikut adalah rancangan
tampilan halaman berita:
Header
Link 1 Link 2 Link 3 Link 4 Link 5 Cari
Judul berita 1
Gambar 1 Penggalan berita 1
Judul berita 2
Gambar 2 Penggalan berita 2
Judul berita 3
Gambar 3 Penggalan berita 3
Judul berita 4
Gambar 4 Penggalan berita 4
Judul berita 5
Gambar 5 Penggalan berita 5
Link 6
Footer
Login pengguna
Email
Password
Login
Berita Populer
Berita populer 1
Berita populer 2
Berita populer 3
Berita populer 4
Berita populer 5
Iklan 1
Iklan 2
Sumber: Dokumentasi Pribadi
Gambar III.2 Rancangan Halaman Berita
30
Keterangan gambar:
a) Link 1 : Home.
b) Link 2 : Berita.
c) Link 3 : Analisis pertandingan.
d) Link 4 : Taktik pertandingan
e) Link 5 : Jadwal pertandingan.
f) Link 6 : Navigasi halaman
3. Rancangan antar muka halaman analisis
Pada halaman ini berisikan mengenai pemberitaan analisis tim liga Indonesia
dan Inggris. Pada halaman ini analisis tidak tampil secara utuh, melainkan
beberapa penggalan berita saja. Pengunjung website dapat melihat detil berita
analisis dengan meng-klik judul analisis. Berikut adalah rancangan tampilan
halaman analisis:
Header
Link 1 Link 2 Link 3 Link 4 Link 5 Cari
Judul analisis 1
Gambar 1 Penggalan analisis 1
Judul analisis 2
Gambar 2 Penggalan analisis 2
Judul analisis 3
Gambar 3 Penggalan analisis 3
Judul analisis 4
Gambar 4 Penggalan analisis 4
Judul analisis 5
Gambar 5 Penggalan analisis 5
Link 6
Footer
Login pengguna
Email
Password
Login
Berita Populer
Berita populer 1
Berita populer 2
Berita populer 3
Berita populer 4
Berita populer 5
Iklan 1
Iklan 2
Sumber: Dokumentasi Pribadi
Gambar III.3 Rancangan Halaman Analisis
31
Keterangan gambar:
a) Link 1 : Home.
b) Link 2 : Berita.
c) Link 3 : Analisis pertandingan.
d) Link 4 : Taktik pertandingan
e) Link 5 : Jadwal pertandingan.
f) Link 6 : Navigasi halaman
4. Rancangan antar muka halaman taktik
Pada halaman ini berisikan mengenai pemberitaan taktik pertandingan tim
liga Indonesia dan Inggris. Pada halaman ini berita taktik tidak tampil secara
utuh, melainkan beberapa penggalan berita saja. Pengunjung website dapat
melihat detil berita taktik dengan meng-klik judul taktik. Berikut adalah
rancangan tampilan halaman taktik:
Header
Link 1 Link 2 Link 3 Link 4 Link 5 Cari
Judul taktik 1
Gambar 1 Penggalan taktik 1
Judul taktik 2
Gambar 2 Penggalan taktik 2
Judul taktik 3
Gambar 3 Penggalan taktik 3
Judul taktik 4
Gambar 4 Penggalan taktik 4
Judul taktik 5
Gambar 5 Penggalan taktik 5
Link 6
Footer
Login pengguna
Email
Password
Login
Berita Populer
Berita populer 1
Berita populer 2
Berita populer 3
Berita populer 4
Berita populer 5
Iklan 1
Iklan 2
Sumber: Dokumentasi Pribadi
Gambar III.4 Rancangan Halaman Taktik
32
Keterangan gambar:
a) Link 1 : Home.
b) Link 2 : Berita.
c) Link 3 : Analisis pertandingan.
d) Link 4 : Taktik pertandingan
e) Link 5 : Jadwal pertandingan.
f) Link 6 : Navigasi halaman
5. Rancangan antar muka halaman jadwal pertandingan
Pada halaman ini berisikan mengenai jadwal pertandingan tim liga Indonesia
dan Inggris. Pada halaman jadwal pertandingan ini terdapat hari dan tanggal
jadwal pertandingan tim yang akan bertanding, serta waktu pertandingannya.
Berikut adalah rancangan tampilan halaman jadwal pertandingan:
Header
Link 1 Link 2 Link 3 Link 4 Link 5 Cari
Hari dan tanggal 1
Hari dan tanggal 2
Hari dan tanggal 3
Hari dan tanggal 4
Hari dan tanggal 5
Link 6
Footer
Login pengguna
Email
Password
Login
Berita Populer
Berita populer 1
Berita populer 2
Berita populer 3
Berita populer 4
Berita populer 5
Iklan 1
Iklan 2
Nama tim – Nama tim waktu
Nama tim – Nama tim waktu
Nama tim – Nama tim waktu
Nama tim – Nama tim waktu
Nama tim – Nama tim waktu
Nama tim – Nama tim waktu
Nama tim – Nama tim waktu
Nama tim – Nama tim waktu
Nama tim – Nama tim waktu
Nama tim – Nama tim waktu
Sumber: Dokumentasi Pribadi
Gambar III.5 Rancangan Halaman Jadwal Pertandingan
33
Keterangan gambar:
a) Link 1 : Home.
b) Link 2 : Berita.
c) Link 3 : Analisis pertandingan.
d) Link 4 : Taktik pertandingan
e) Link 5 : Jadwal pertandingan.
f) Link 6 : Navigasi halaman
6. Rancangan antar muka halaman detil berita
Pada halaman ini berisikan detil berita yang akan dibaca oleh pembaca.
Berikut adalah tancangan tampilan antar muka detil berita:
Header
Link 1 Link 2 Link 3 Link 4 Link 5 Cari
Judul berita
Gambar 1
Footer
Login pengguna
Email
Password
Login
Berita Populer
Berita populer 1
Berita populer 2
Berita populer 3
Berita populer 4
Berita populer 5
Iklan 1
Iklan 2
Isi detil berita
Sumber: Dokumentasi Pribadi
Gambar III.6 Rancangan Halaman Detil Berita
34
Keterangan gambar:
a) Link 1 : Home.
b) Link 2 : Berita.
c) Link 3 : Analisis pertandingan.
d) Link 4 : Taktik pertandingan
e) Link 5 : Jadwal pertandingan.
f) Link 6 : Navigasi halaman
7. Rancangan antar muka halaman detil analisis
Pada halaman ini berisikan detil berita analisis yang akan di baca oleh
pembaca. Berikut adalah tancangan tampilan antar muka detil berita analisis:
Header
Link 1 Link 2 Link 3 Link 4 Link 5 Cari
Judul analisis
Gambar 1
Footer
Login pengguna
Email
Password
Login
Berita Populer
Berita populer 1
Berita populer 2
Berita populer 3
Berita populer 4
Berita populer 5
Iklan 1
Iklan 2
Isi detil analisis
Sumber: Dokumentasi Pribadi
Gambar III.7 Rancangan Halaman Detil Analisis
35
Keterangan gambar:
a) Link 1 : Home.
b) Link 2 : Berita.
c) Link 3 : Analisis pertandingan.
d) Link 4 : Taktik pertandingan
e) Link 5 : Jadwal pertandingan.
f) Link 6 : Navigasi halaman
8. Rancangan antar muka halaman detil taktik
Pada halaman ini berisikan detil berita taktik yang akan dibaca oleh pembaca.
Berikut adalah tancangan tampilan antar muka detil berita taktik:
Header
Link 1 Link 2 Link 3 Link 4 Link 5 Cari
Judul taktik
Gambar 1
Footer
Login pengguna
Email
Password
Login
Berita Populer
Berita populer 1
Berita populer 2
Berita populer 3
Berita populer 4
Berita populer 5
Iklan 1
Iklan 2
Isi detil taktik
Sumber: Dokumentasi Pribadi
Gambar III.8 Rancangan Halaman Detil Taktik
36
Keterangan gambar:
a) Link 1 : Home.
b) Link 2 : Berita.
c) Link 3 : Analisis pertandingan.
d) Link 4 : Taktik pertandingan
e) Link 5 : Jadwal pertandingan.
f) Link 6 : Navigasi halaman
37
3.2.2. Basis Data
A. Entity Relationship Diagram (ERD)
berikut ini adalah Entity Relationship Diagram (ERD) website Nesialish
Football.
admin
id_admin
berita
username
mengelola
id_berita
judul
id_negara
id_kategori
id_admin
dilihat
gambar
tgl_posting
teks_berita
memiliki memilikikategori negara
id_kategori
kategori
id_negara
negara
mempunyai
komentar
id_komentar
id_berita
tgl_komentar
id_anggota
ip_address isi_komentar
memiliki
anggota
id_anggota
nama_lengkap
email
password
aktif
mengelola
iklan
gambar
isi_iklan
id_iklan
nm_perusahaan
tgl_mulai
tgl_akhir
email
totalharga aktif
nama_lengkap
password
id_admin
hargasewa
lamasewa
link
1
M
M1 M 1
1
M
1
M
1
M
jadwal
id_negara
id_jadwal
tim_kandang
tanggal
waktu
M
1
keterangan
email
Gambar III.9 Entity Relationship Diagram (ERD)
38
B. Logical Relational Structure (LRS)
Berikut ini merupakan Logical Relational Structure (LRS) website Nesialish
Football.
id_kategori
kategori
id_komentar
id_berita
id_anggota
tgl_komentar
isi_komentar
ip_address
id_berita
judul
id_kategori
id_negara
gambar
teks_berita
tgl_posting
id_admin
dilihat
id_anggota
nama_lengkap
email
password
aktif
id_negara
negaraid_iklan
nm_perusahaan
isi_iklan
gambar
tgl_mulai
tgl_akhir
id_admin
hargasewa
lamasewa
totalharga
aktif
email
link
kategori
komentar
anggota
berita
negara
iklan
admin
jadwal
id_kategori
id_berita
id_anggota
id_negara id_negara
id_admin
id_admin
id_admin
username
email
password
nama_lengkap
id_jadwal
id_negara
tanggal
tim_kandang
tim_tandang
keterangan
waktu
Gambar III.10 Logical Relational Structure (LRS)
39
C. Spesifikasi File
1. Spesifikasi File Admin
Nama File : Administrator
Akronim : admin
Fungsi : Untuk menyimpan data file admin
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 261
Kunci Field : id_admin
Software : MySql
Tablel III.1 Spesifikasi File Admin
No Element data Nama Field Tipe Size Keterangan
1 Id Admin id_admin Integer 11 Primary Key
2 Username Username Varchar 10
3 Email Email Varchar 50
4 Password Password Varchar 10
5 Nama Lengkap nama_lengkap Varchar 100
40
2. Spesifikasi File Anggota
Nama File : Anggota
Akronim : anggota
Fungsi : Untuk menyimpan data file anggota
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 212
Kunci Field : id_anggota
Software : MySql
Tablel III.2 Spesifikasi File Anggota
No Element data Nama Field Tipe Size Keterangan
1 Id Anggota id_anggota Integer 11 Primary Key
2 Nama Lengkap nama_lengkap Varchar 100
3 Email Email Varchar 50
4 Password Password Varchar 50
5 Aktif Aktif Bit 1
41
3. Spesifikasi File Berita
Nama File : Berita
Akronim : berita
Fungsi : Untuk menyimpan data file berita
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 145
Kunci Field : id_berita
Software : MySql
Tablel III.3 Spesifikasi File Berita
No Element data Nama Field Tipe Size Keterangan
1 Id Berita id_berita Integer 11 Primary Key
2 Judul Judul Varchar 100
3 Id kategori id_kategori Integer 11 Foreign Key
4 Id Negara id_negara Integer 11 Foreign Key
5 Gambar Gambar Text
6 Teks Berita teks_berita Text
7 Tanggal posting tgl_posting DateTime
8 Id Admin id_admin Integer 11 Foreign Key
9 Dilihat Dilihat Integer 11
42
4. Spesifikasi File Iklan
Nama File : Iklan
Akronim : iklan
Fungsi : Untuk menyimpan data file iklan
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 384
Kunci Field : id_iklan
Software : MySql
Tablel III.4 Spesifikasi File Iklan
No Element data Nama Field Tipe Size Keterangan
1 Id Iklan id_iklan Integer 11 Primary Key
2
Nama
Perusahaan
nm_perusahaan Varchar 50
3 Isi Iklan isi_iklan Varchar 200
4 Gambar Gambar Text
5 Tanggal Mulai tgl_mulai Date
6 Tanggal Akhir tgl_akhir Date
7 Id Admin id_admin Int 11 Foreign Key
8 Harga Sewa harga_sewa Double
9 Lama Sewa lama_sewa Integer 11
10 Total Harga total_harga Double
43
11 Aktif Aktif Bit 1
12 Email Email Varchar 50
13 Link Link Varchar 50
5. Spesifikasi File Kategori
Nama File : Kategori
Akronim : kategori
Fungsi : Untuk menyimpan data file kategori
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 41
Kunci Field : id_kategori
Software : MySql
Tablel III.5 Spesifikasi File Kategori
No Element data Nama Field Tipe Size Keterangan
1 Id Kategori id_kategori Integer 11 Primary Key
2 Kategori Kategori Varchar 30
44
6. Spesifikasi File Negara
Nama File : Negara
Akronim : negara
Fungsi : Untuk menyimpan data file negara
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 31
Kunci Field : id_negara
Software : MySql
Tablel III.6 Spesifikasi File Negara
No Element data Nama Field Tipe Size Keterangan
1 Id Negara id_negara Integer 11 Primary Key
2 Negara Negara Varchar 20
45
7. Spesifikasi File Komentar
Nama File : Komentar
Akronim : komentar
Fungsi : Untuk menyimpan data file komentar
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 33
Kunci Field : id_komentar
Software : MySql
Tablel III.7 Spesifikasi File Komentar
No Element data Nama Field Tipe Size Keterangan
1 Id Komentar id_komentar Integer 11 Primary Key
2 Id Berita id_berita Integer 11 Foreign Key
3 Id Anggota id_anggota Integer 11 Foreign Key
4
Tanggal
Komentar
tgl_komentar DateTime
5 Isi Komentar isi_komentar Text
46
8. Spesifikasi File Jadwal
Nama File : Jadwal
Akronim : jadwal
Fungsi : Untuk menyimpan data file jadwal pertandingan
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 172
Kunci Field : id_jadwal
Software : MySql
Tablel III.8 Spesifikasi File Jadwal
No Element data Nama Field Tipe Size Keterangan
1 Id Jadwal id_jadwal Integer 11 Primary Key
2 Id Negara id_negara Integer 11 Foreign Key
3 Tanggal Tanggal Date
4 Tim kandang tim_kandang Varchar 50
5 Tim Tandang tim_tandang Varchar 50
6 Waktu Waktu Time
7 Keterangan Keterangan Varchar 50
47
3.2.3. Rancangan Struktur Navigasi
Struktur navigasi website digunakan untuk menggambarkan secara garis besar
isi dari seluruh bagian website, meliputi isi website dan hubungan antara isi-isi
tersebut. Struktur navigasi website yang diterapkan pada situs portal berita
Nesialish Football adalah struktur navigasi campuran. Dari struktur navigasi ini
akan terlihat bagaimana isi dan susunan dari website secara menyeluruh.
Penggambaran struktur navigasi ini akan memperlihatkan jalannya website
portal berita Nesialish Football. Berikut ini adalah struktur navigasi portal berita
Nesialish Football yang dibagi menjadi dua, yaitu struktur navigasi halaman
utama (user) dan struktur navigasi halaman administrator.
1. Struktur Navigasi Halaman User
Login
Index
Berita Analisis Taktik Jadwal Info Iklan
Indonesia Inggris Indonesia Inggris Indonesia Inggris
Logout
Sumber: Dokumentasi Pribadi
Gambar III.11 Struktur Navigasi Halaman Utama User
48
2. Struktur Navigasi Halaman Administrator
Index
Berita
Indonesia
Inggris
Tambah
Edit
Hapus
Analisis
Indonesia
Inggris
Tambah
Edit
Hapus
Taktik
Indonesia
Inggris
Tambah
Edit
Hapus
Jadwal
Tambah
Edit
Hapus
Iklan
Tambah
Edit
Hapus
Anggota
Blokir
Aktifkan
Logout
Login
Sumber: Dokumentasi Pribadi
Gambar III.12 Struktur Navigasi Halaman Utama Administrator
49
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka
Berikut ini adalah implementasi rancangan antar muka pada website portal
berita Nesialish Football berdasarkan hasil rancangan antar muka.
1. Halaman Index User
Pada halaman ini user dapat melihat seluruh isi konten berita, analisis, dan
taktik terbaru yang berupa penggalan berita. Pada halaman ini tersedia form
login user, berita terpopuler, dan iklan. Berikut adalah gambar tampilan index
user berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.13 Halaman Index User
50
2. Halaman Berita User
Pada halaman ini user dapat melihat penggalan berita berdasarkan kategori
berita Indonesia dan Inggris yang terbaru. User dapat melihat detail berita
dengan meng-klik judul atau tombol Read More. Berikut adalah tampilan
halaman berita user berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.14 Halaman Berita User
51
3. Halaman Berita Indonesia User
Pada halaman ini user dapat melihat penggalan berita berdasarkan negara
Indonesia. User dapat melihat detail berita dengan meng-klik judul atau
tombol Read More. Berikut adalah tampilan halaman berita Indonesia user
berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.15 Halaman Berita Indonesia User
52
4. Halaman Berita Inggris User
Pada halaman ini user dapat melihat penggalan berita berdasarkan kategori
berita Inggris yang terbaru. User dapat melihat detail berita dengan meng-klik
judul atau tombol Read More. Berikut adalah tampilan halaman berita Inggris
user berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.16 Halaman Berita Inggris User
53
5. Halaman Analisis User
Pada halaman ini user dapat melihat analisis terbaru yang berupa penggalan.
Pada halaman ini tersedia form login user, berita terpopuler, dan iklan.
Berikut adalah gambar tampilan Analisis user berdasarkan rancangan antar
muka.
Sumber: Dokumentasi Pribadi
Gambar III.17 Halaman Analisis User
54
6. Halaman Analisis Indonesia User
Pada halaman ini user dapat melihat analisis Indonesia terbaru yang berupa
penggalan. Pada halaman ini tersedia form login user, berita terpopuler, dan
iklan. Berikut adalah gambar tampilan Analisis Indonesia user berdasarkan
rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.18 Halaman Analisis Indonesia User
55
7. Halaman Analisis Inggris User
Pada halaman ini user dapat melihat analisis Inggris terbaru yang berupa
penggalan. Pada halaman ini tersedia form login user, berita terpopuler, dan
iklan. Berikut adalah gambar tampilan Analisis Indonesia user berdasarkan
rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.19 Halaman Analisis Inggris User
56
8. Halaman Taktik User
Pada halaman ini user dapat melihat taktik terbaru yang berupa penggalan.
Pada halaman ini tersedia form login user, berita terpopuler, dan iklan.
Berikut adalah gambar tampilan taktik user berdasarkan rancangan antar
muka.
Sumber: Dokumentasi Pribadi
Gambar III.20 Halaman Taktik User
57
9. Halaman Taktik Indonesia User
Pada halaman ini user dapat melihat taktik Indonesia terbaru yang berupa
penggalan. Pada halaman ini tersedia form login user, berita terpopuler, dan
iklan. Berikut adalah gambar tampilan taktik Indonesia user berdasarkan
rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.21 Halaman Taktik Indonesia User
58
10. Halaman Taktik Inggris User
Pada halaman ini user dapat melihat taktik Inggris terbaru yang berupa
penggalan. Pada halaman ini tersedia form login user, berita terpopuler, dan
iklan. Berikut adalah gambar tampilan Taktik Inggris user berdasarkan
rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.22 Halaman Taktik Inggris User
59
11. Halaman Detail Berita User
Pada halaman ini user dapat melihat isi berita, analisis, dan taktik secara
keseluruhan. Pada halaman ini user yang telah login dapat memberikan
komentar pada sebuah berita yang dipilih. Berikut adalah halaman detail
berita berdasarkan hasil rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.23 Halaman Detail Berita User
60
12. Halaman Jadwal User
Pada halaman ini user dapat melihat jadwal pertandingan. Pada jadwal
pertandingan ini berisikan tanggal, nama tim, waktu, dan keterangan. Pada
keterangan dapat berisikan pertandingan persahabatan atau liga. Berikut
adalah halaman jadwal user berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.24 Halaman Jadwal User
61
13. Halaman Info Iklan User
Pada halaman ini user dapat melihat informasi bagaimana cara pemasangan
iklan di website Nesialish Football. Berikut adalah tampilan info iklan
berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.25 Halaman Info Iklan User
62
14. Halaman Daftar Anggota User
Pada halaman ini user dapat mendaftarkan diri sebagai member dari Nesialish
Football agar dapat memberikan komentar pada sebuah berita. User harus
mengisikan nama lengkap, email, serta password. Berikut adalah tampilan
halaman daftar anggota berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.26 Halaman Daftar Anggota User
63
15. Halaman Login Administrator
Halaman ini berfungsi untuk login administrator sebelum masuk ke halaman
index administrator. Administrator dapat menggunakan modul-modul di
halaman index administrator apabila berhasil login. Berikut adalah halaman
login administrator berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.27 Halaman Login Administrator
16. Halaman Index Administrator
Setelah administrator berhasil login di halaman login maka administrator
akan masuk di halaman index administrator. Halaman ini terdapat tombol
tambah, edit, hapus berita, analisis, taktik, dan jadwal. Pada halaman ini
berisikan seluruh berita, analisis, dan taktik. Berikut adalah halaman index
adminisrator berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.28 Halaman Index Administrator
64
17. Halaman Kelola Berita Administrator
Pada halaman ini administrator dapat melihat keseluruhan berita dari berita
Indonesia dan Inggris. Kategori analisis dan taktik tidak di tampilkan di
halaman ini. Berikut adalah tampilan dari halaman kelola berita administrator
berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.29 Halaman Kelola Berita Administrator
18. Halaman Kelola Berita Indonesia Administrator
Halaman ini administrator hanya dapat melihat berita Indonesia saja.
Halaman ini berfungsi agar administrator tidak pusing memilih mana berita
indonesia dan inggris. Berikut adalah gambar halaman kelola berita
administrator berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.30 Halaman Kelola Berita Indonesia Administrator
65
19. Halaman Kelola Berita Inggris Administrator
Halaman ini administrator hanya dapat melihat berita Inggris saja. Halaman
ini berfungsi agar administrator tidak pusing memilih mana berita indonesia
dan inggris. Berikut adalah gambar halaman kelola berita administrator
berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.31 Halaman Kelola Berita Inggris Administrator
20. Halaman Kelola Analisis Administrator
Pada halaman ini administrator dapat melihat keseluruhan berita dari analisis
Indonesia dan Inggris. Kategori berita dan taktik tidak di tampilkan di
halaman ini. Berikut adalah tampilan dari halaman kelola analisis
administrator berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.32 Halaman Kelola Analisis Administrator
66
21. Halaman Kelola Analisis Indonesia Administrator
Halaman ini administrator hanya dapat melihat analisis Indonesia saja.
Halaman ini berfungsi agar administrator tidak pusing memilih mana analisis
indonesia dan inggris. Berikut adalah gambar halaman kelola analisis
Indonesia administrator berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.33 Kelola Analisis Indonesia Administrator
22. Halaman Kelola Analisis Inggris Administrator
Halaman ini administrator hanya dapat melihat analisis Inggris saja. Halaman
ini berfungsi agar administrator tidak pusing memilih mana analisis indonesia
dan inggris. Berikut adalah gambar halaman kelola analisis Inggris
administrator berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.34 Halaman Kelola Analisis Inggris Administrator
67
23. Halaman Kelola Taktik Administrator
Pada halaman ini administrator dapat melihat keseluruhan berita dari taktik
Indonesia dan Inggris. Kategori berita dan analisis tidak di tampilkan di
halaman ini. Berikut adalah tampilan dari halaman kelola taktik administrator
berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.35 Halaman Kelola Taktik Administrator
24. Halaman Kelola Taktik Indonesia Administrator
Halaman ini administrator hanya dapat melihat taktik Indonesia saja.
Halaman ini berfungsi agar administrator tidak pusing memilih mana taktik
indonesia dan inggris. Berikut adalah gambar halaman kelola taktik Indonesia
administrator berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.36 Halaman Kelola Taktik Indonesia Administrator
68
25. Halaman Kelola Taktik Inggris Administrator
Halaman ini administrator hanya dapat melihat taktik Inggris saja. Halaman
ini berfungsi agar administrator tidak pusing memilih mana taktik indonesia
dan inggris. Berikut adalah gambar halaman kelola taktik Inggris
administrator berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.37 Halaman Kelola Taktik Inggris Administrator
26. Halaman Kelola Anggota Administrator
Pada halaman ini administrator dapat mengaktifkan dan memblokir seorang
anggota yang terdaftar di nesialish football. Berikut adalah tampilan halaman
kelola anggota administrator berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.38 Halaman Kelola Anggota Administrator
69
27. Halaman Kelola Iklan Administrator
Pada halaman ini administrator dapat melihat iklan yang telah terdaftar di
nesialish football. Di halaman ini administrator dapat melihat jumlah
keseluruhan pendapatan dari pemasangan iklan. Berikut adalah gambar
halaman kelola iklan administrator berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.39 Halaman Kelola Iklan Administrator
28. Halaman Tambah Berita Administrator
Pada halaman ini administrator dapat menambah berita, analisis, dan taktik
yang akan di posting ke halaman index user. Berikut adalah gambar tampilan
halaman tambah berita berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.40 Halaman Tambah Berita Administrator
70
29. Halaman Tambah Iklan Administrator
Pada halaman ini administrator dapat menambahkan iklan yang akan di
tampilkan di halaman user sesuai tanggal mulainya. Berikut adalah tampilan
halaman tambah iklan berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.41 Halaman Tambah Iklan Administrator
71
30. Halaman Edit Berita Administrator
Pada halaman ini administrator dapat mengedit berita, analisis, dan taktik
yang terdapat kesalahan di dalam postingan halaman user. Berikut adalah
tampilan halaman edit berita berdasarkan rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.42 Halaman Edit Berita Administrator
72
31. Halaman Edit Jadwal Administrator
Pada halaman ini administrator dapat mengedit jadwal pertandingan yang
terdapat salah nama tim atau tanggal dan waktu serta keterangannya. Berikut
tampilan halaman edit jadwal pertandingan administrator berdasarkan
rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.43 Halaman Edit Jadwal Administrator
73
32. Halaman Edit Iklan Administrator
Pada halaman ini administrator dapat mengedit iklan yang terdapat kesalahan
pada input iklan. Berikut adalah tampilan halaman edit iklan berdasarkan
rancangan antar muka.
Sumber: Dokumentasi Pribadi
Gambar III.44 Halaman Edit Iklan Aministrator
74
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum
yang dibutuhkan untuk mengimplementasikan website e-news Nesialish Football.
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
(a) Processor Intel® Pentium® Core 2 Duo
(b) RAM DDR2 4 GB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2Mbps
b. Client
1) CPU
(a) Processor Intel® Pentium® 4
(b) RAM DDR2 1GB
(c) Hard Disk 20 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2Mbps
75
2. Spesifikasi Perangkat Lunak
a. Server
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dan lain-lain).
2) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang
terdiri dari beberapa komponen, diantaranya:
(a) Aplikasi Apache Server v2
(b) Aplikasi PHP Server v5
(c) Aplikasi MySQL Server v5
(d) Aplikasi phpMyAdmin v3
3) Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
b. Client
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dan lain-lain).
2) Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
76
3.3.2. Pengujian Unit
Pengujian terhadap program tugas akhir ini menggunakan black box testing
yang fokus terhadap proses masukan dan keluaran program
A. Pengujian Terhadap Form Login Admin
Tabel III.9 Hasil Pengujian Black Box Testing Login Administrator