tugas akhir · viii dan kritik yang bersifat membangun demi kesempurnaan laporan ini di masa yang...
TRANSCRIPT
i
PERANCANGAN PROGRAM WEB PORTAL BERITA
BERBASIS ONLINE
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III
RIZKI SETIAWAN
NIM : 12142760
Program Studi Manajemen Informatika
AMIK BSI Jakarta
Jakarta
2017
ii
iii
iv
v
vi
vii
KATA PENGANTAR
Puji syukur Penulis panjatkan kehadirat Allah SWT yang telah
melimpahkan rahmat dan karunia-Nya, sehingga Penulis dapat menyelesaikan
pembuatan Tugas Akhir ini dengan baik. Tugas Akhir ini Penulis sajikan dalam
bentuk yang sederhana. Adapun judul penulisan tugas akhir yang Penulis ambil
adalah sebagai berikut: “Perancangan Program Web Portal Berita Berbasis
Online”
Tujuan penulisan laporan tugas akhir ini adalah sebagai salah satu syarat
kelulusan pada program Diploma Tiga (D.III) AMIK BSI. Sebagai bahan
penulisan diambil berdasarkan hasil penelitian, observasi dan beberapa sumber
literatur yang mendukung penulisan ini. Penulis menyadari bahwa tanpa
bimbingan dan dorongan dari semua pihak, maka penulisan tugas akhir ini tidak
akan berjalan lancar.
Oleh karena itu pada kesempatan ini, izinkanlah Penulis menyampaikan
ucapan terima kasih kepada:
1. Direktur Akademi Manajemen Informatika & Komputer Bina Sarana
Informatika.
2. Ketua Jurusan Manajemen Informatika AMIK BSI.
3. Ibu Laila Septiana, M.Kom selaku Dosen Pembimbing Tugas Akhir
4. Bapak Ridwansyah, M.Kom selaku Asisten Pembimbing Tugas Akhir
5. Staff/karyawan/dosen dilingkungan Akademi BSI.
6. Ibu, Ayah, Kakak, dan keluarga tercinta yang telah memberikan dukungan
moral maupun spiritual.
7. Rekan Murdiansyah Pradana, selaku Konsultan Web Programming.
8. Rekan – Rekan Mahasiswa BSI kelas 12.6H.07
9. Rekan – Rekan Mahasiswa BSI 405 Not Found.
Serta semua pihak yang tidak bisa disebut satu persatu sehingga
terwujudnya penulisan tugas akhir ini. Penulis menyadari bahwa penulisan Tugas
Akhir ini masih jauh dari sempurna. Oleh karena itu Penulis mengharapkan saran
viii
dan kritik yang bersifat membangun demi kesempurnaan laporan ini di masa yang
akan datang.
Akhir kata semoga Tugas Akhir ini dapat berguna bagi Penulis khususnya
dan bagi para pembaca pada umumnya.
Jakarta, 14 Juli 2017
Penulis,
Rizki Setiawan
ix
ABSTRAKSI
Rizki Setiawan (12142760) Perancangan Program Web Portal Berita Berbasis Online.
Portal berita adalah situs web yang menyediakan berbagai macam informasi berita. Kemampuan portal berita yang lebih spesifik adalah penyediaan informasi yang dapat diakses menggunakan beragam perangkat, misalnya komputer, laptop, ataupun handphone. Dengan adanya web portal berita, memudahkan pembaca mengakses berita terbaru serta menyediakan layanan pemasangan iklan. Layanan pemasangan iklan dalam portal berita ini memudahkan pembaca untuk memasang iklan apa saja dengan biaya yang sudah ditentukan. Metode pengembangan sistem dalam perancangan program ini penulis menggunakan metode waterfall.Dalam penulisan Tugas Akhir ini, penulis ingin menjelaskan bagaimana merancang suatu program web portal berita yang sifatnya dinamis. Web portal berita ini menggunakan bahasa program PHP dengan bantuan database. Berita yang disajikan dalam web portal berita ada berbagai macam kategori.
Kata Kunci : Berita Online, Web Portal Berita.
x
ABSTRACT
Rizki Setiawan (12142760) Web Based Online Portal Program Design.
A news portal is a website that provides a variety of news information. A more specific news portal capability is the provision of information that can be accessed using a variety of devices, such as computers, laptops, or mobile phones. With the news web portal, make it easy for readers to access the latest news and provide advertising services. The advertising services in this news portal make it easy for readers to place any ads for a specified fee. System development method in the design of this program the author uses waterfall method.In writing this Final Project, the author wants to explain how to design a web news portal program that is dynamic. This news portal uses the PHP program language with the help of database. News presented in web news portals there are various categories.
Keywords: Online News, Web News Portal
xi
DAFTAR ISI
Halaman
Lembar Judul Tugas Akhir .................................................................................. iLembar Pernyataan Keaslian Tugas Akhir .......................................................... iiLembar Pernyataan Persetujuan Publikasi Karya Ilmiah......................................iiiLembar Persetujuan dan Pengesahan Tugas Akhir.............................................. ivLembar Konsultasi Tugas Akhir..........................................................................vKata Pengantar ....................................................................................................viiAbstraksi .............................................................................................................ixDaftar Isi .............................................................................................................xiDaftar Simbol ......................................................................................................xiiDaftar Gambar ....................................................................................................xiiiDaftar Tabel. ........................................................................................................xiv
BAB I PENDAHULUAN1.1. Latar Belakang Masalah ............................................................11.2. Maksud dan Tujuan ..................................................................31.3. Metode Penelitian ......................................................................31.4. Ruang Lingkup ..........................................................................51.5. Sistematika Penulisan............................................................. ...6
BAB II LANDASAN TEORI2.1. Konsep Dasar Web ....................................................................72.2. Teori Pendukung......... ..............................................................9
BAB III PEMBAHASAN3.1. Analisa Kebutuhan....................................................................22
3.2. Perancangan Perangakat Lunak ................................................233.2.1. Rancangan Antar Muka ................................................233.2.2. Rancangan Basis Data ..................................................283.2.3. Rancangan Struktur Navigasi .......................................34
3.3. Implementasi dan Pengujian Unit ............................................363.3.1. Implementasi.................................................................363.3.2. Pengujian Unit .............................................................41
BAB IV PENUTUP 4.1. Kesimpulan ...............................................................................46
4.2. Saran .........................................................................................46
DAFTAR PUSTAKA.........................................................................................47DAFTAR RIWAYAT HIDUP ..........................................................................48
xii
DAFTAR SIMBOL
A. Simbol Entity Relationship Diagram
EXTERNAL ENTITY Digunakan untuk menggambarkan suatu sumber atau tujuan pada arus data.
DATA FLOW Digunakan untuk menggambarkan suatu arus data.
PROCESS Digunakan untuk menggambarkan suatu proses yang sedang berlangsung
.
DATA STORE Digunakan untuk menggambarkan suatu tempat untuk menyimpan atau mengambil data yang diperlukan.
xiii
DAFTAR GAMBAR
Halaman
1. Gambar II.1 Struktur Navigasi Linier..............................................................92. Gambar II.2 Struktur Navigasi Hierarchical model ........................................103. Gambar II.3 Struktur Navigasi full web model ................................................114. Gambar II.4 Entitas..........................................................................................125. Gambar II.5 Atribut .........................................................................................136. Gambar II.6 Relasi ...........................................................................................137. Gambar II.7 Kerelasian Antar Entitas..............................................................148. Gambar III.1 Rancangan Antar Muka Halaman Admin..................................239. Gambar III.2 Rancangan Antar Muka Tambah Berita ....................................24
10. Gambar III.3 Rancangan Antar Muka Halaman Menu Anggota.....................2511. Gambar III.4 Rancangan Antar Muka Halaman Login User...........................2512. Gambar III.5 Rancangan Antar Muka Halaman Register Member .................2613. Gambar III.6 Rancangan Antar Muka Halaman Tampilan Index....................2714. Gambar III.7 Entity Relationship Diagram .....................................................2815. Gambar III.8 Logical Relational Structure ......................................................2916. Gambar III.9 Struktur Navigasi Halaman Admin............................................3417. Gambar III.10 Struktur Navigasi Halaman User .............................................3518. Gambar III.11 Halaman Login Admin.............................................................3619. Gambar III.12 Halaman Kelola Berita.............................................................3720. Gambar III.13 Halaman Kelola Anggota.........................................................3721. Gambar III.14 Halaman Registrasi Member....................................................3822. Gambar III.15 Halaman Login Member ..........................................................3923. Gambar III.16 Halaman Isi Komentar .............................................................39
xiv
DAFTAR TABEL
Tabel Halaman
1. Tabel III.1 Spesifikasi File Admin ...............................................................302. Tabel III.2 Spesifikasi File Anggota.............................................................313. Tabel III.3 Spesifikasi File Berita.................................................................324. Tabel III.4 Spesifikasi File Kategori ............................................................335. Tabel III.5 Spesifikasi File Komentar ..........................................................346. Tabel III.6 Pengujian Terhadap Form Login Admin....................................427. Tabel III.7 Pengujian Terhadap Form Login Member..................................438. Tabel III.8 Pengujian Terhadap Form Register Member..............................44
1
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Surat kabar merupakan salah satu ragam dari ruang lingkup jurnalisme cetak. Surat kabar adalah lembaran tercetak yang memuat laporan yang terjadi di masyarakat dengan ciri-ciri terbit secara periodik, bersifat umum, isinya termasa dan aktual mengenai apa saja dan dimana saja di seluruh dunia untuk diketahui pembaca. Effendy, (2005: 241).
Di Indonesia, surat kabar sering disebut juga dengan istilah koran. Dalam
berbagai kamus memang sulit ditemukan asal bahasa dari koran ini. Namun dari
penelitian seksama, bahasa yang mendekati kata “koran” adalah “Quran” dari
bahasa Arab yang berarti bacaan. Selain itu, ada juga kata yang cukup dekat pada
kata “koran” yaitu “Courantos”, merupakan sebuah buletin yang terbit di Jerman
pada abad ke-16 masehi.
Selain itu, kata koran juga berasal dari dari bahasa Belanda yaitu “krant”,
dan dari bahasa Prancis, “Courant”. Adapun defenisinya yakni suatu penerbitan
yang ringan dan mudah dibuang, biasanya dicetak pada kertas berbiaya rendah
yang disebut kertas koran, yang berisi berita-berita terkini dalam berbagai topik.
Topiknya bisa berupa politik, kriminal, olahraga, tajuk rencana, ekonomi, sosial
dan sebagainya. Surat kabar juga biasa berisi kartun, TTS, dan hiburan lainnya.
Sumadiria, (2006: 5).
Keberadaan portal berita tidak terlepas dari segala hal yang berhubungan
dengan berita, seperti jenis berita bagian berita, dan unsur berita. Secara umur,
portal berita dapat diartikan sebagai situs atau halaman web yang berisi
menegenai berbagai jenis berita, mulai dari berita seputar politik, dalam negeri,
2
luar negeri, olahraga hingga berita ringan. Portal berita terdiri dari 2 kata, yaitu
portal dan berita. Portal memiliki pengertian sebagai situs atau halaman web,
sedangkan berita dapat didefinisikan sebagai informasi terbaru mengenai suatu
yang sedang terjadi yang disajikan melalui bentuk cetak, siaran, internet, atau dari
mulut ke mulut kepada orang banyak. Jadi, dapat disimpulkan bahwa portal berita
adalah situs yang menampilkan informasi mengenai informasi yang terjadi di
masyarakat.
Sebelum adanya portal berita, dahulu media cetak seperti majalah maupun
koran masih banyak kita jumpai. Mengingat dahulu internet belum merambah
sampai kesana. Dizaman yang serba modern masyarakat sulit untuk mendapatkan
berita yang uptodate dari surat kabar.
Selain sulit menerima berita yang uptodate, pembaca juga harus
mengeluarkan biaya yang cukup mahal untuk mendapatkan berita yang
diinginkan. Dan untuk mendapatkan berita yang diinginkan, pembaca harus
membeli lebih dari satu surat kabar.
Mengingat banyaknya aplikasi-aplikasi yang terbuat dari berbagai macam
bahasa pemrograman, perangkat lunak, sampai sistem operasi yang tersedia di
masing-masing perangkat untuk mengakses situs-situs yang tersedia di internet,
menambah ide penulis untuk merancang program portal berita berbasis web.
Sehingga portal berita dapat terintegrasi dengan baik dari berbagai macam.
Oleh karena hal itu, penulis tertarik membuat program aplikasi web yang
berjudul “Perancangan Program Web Portal Berita Berbasis Online”
3
1.2. Maksud dan Tujuan
Maksud dari penulisan Tugas Akhir ini adalah :
1. Mempermudah masyrakat untuk mendapatkan berita yang uptodate.
2. Mengurangi biaya untuk pembelian koran.
3. Mudah mencari berita yang diinginkan.
Tujuan penulisan Tugas Akhir ini adalah sebagai salah satu syarat kelulusan pada
program Diploma Tiga (D III) untuk program studi Manajemen Informatika di
Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika Jakarta.
1.3. Metode Penelitian
A. Metode Pengumpulan Data
1. Observasi merupakan teknik pengumpulan data, dimana peneliti
melakukan pengamatan secara langsung ke objek penelitian untuk melihat
dari dekat kegiatan yang dilakukan. Riduwan, (2004 : 104).
2. Studi Kepustakaan adalah teknik pengumpulan data dengan mengadakan
studi penelaahan terhadap buku-buku, literatur-literatur, catatan-catatan,
dan laporan-laporan yang ada hubungannya dengan msalah yang
dipecahkan. Nazir, (1988 : 111).
B. Metode Pengembangan Software
Dalam penulisan Tugas Akhir ini, penulis menggunakan Metode
Waterfall. Metode pengembangan sistem metode SDLC (Sistem Development
Life Cycle) atau sering disebut sebagai pendekatan air terjun (waterfall).
Metode waterfall pertama kali diperkenalkan oleh Windows W. Royce pada
tahun 1970. Waterfall merupakan model klasik yang sederhana dengan aliran
4
sistem yang linier Output dari setiap tahap merupakan input bagi tahap
berikutnya. Kristanto, (2004).
Metode Waterfall sering juga disebut model Sequential Linier dengan
pengembangan sistem yang paling tua dan paling sederhana. Metode
Waterfall cocok untuk pengembangan perangkat lunak dengan spesifikasi
yang tidak berubah-ubah.
Model ini menyediakan pendekatan alur hidup perangkat lunak secara
sequential atau terurut dimulai dari analisa, desain, pengkodean, pengujian dan
tahap pendukung.
1. Analisis Kebutuhan Software
Pengumpulan kebutuhan untuk menspesifikasikan kebutuhan perangkat
lunak sehingga dapat dipahami kebutuhan dari user.
2. Desain
Proses perancangan sistem membagi persyaratan dalam sistem perangkat
keras atau perangkat lunak. Kegiatan ini menentukan arsitektur sistem
secara keseluruhan. Perancangan perangkat lunak melibatkan identifikasi
dan deskripsi abtraksi sistem perangkat lunak yang mendasar dan
hubungan-hubungannya. Proses desain menerjemahkan syarat atau
kebutuhan kedalam sebuah representasi perangkat lunak yang dapat di
perkirakan demi kualitas sebelum dimulai pemunculan kode. Sebagai
persyaratan desian didokumentasikan dan menjadi bagian dari konfigurasi
perangkat lunak.
5
3. Pengkodean
Struktur kode adalah suatu bentuk struktur yang berfungsi untuk
mengklasifikasikan data, memasukkan data ke dalam komputer dan untuk
mengambil bermacam-macam informasi yang berhubungan dengannya.
Hartono, (2005:384)
4. Testing
Black Box Testing adalah pengujian yang dilakukan hanya mengamati
hasil eksekusi melalui data uji dan memeriksa fungsional dari perangkat
lunak.
5. Support
Dikarenakan adanya perubahan ketika sudah dikirimkan ke user.
Perubahan dapat terjadi karena adanya kesalahan yang muncul dan tidak
terdeteksi saat pengujian.
1.4. Ruang Lingkup
Dalam pembuatan Website Berita Online diperlukan batasan masalah, agar
masalah yang ditinjau tidak keluar dari maksud dan tujuan. Adapun
batasan tersebut yaitu Admin dan User (pembaca).
Admin berfungsi sebagai pengelola suatu website. Admin dapat
melakukan login atau logout, menambahkan admin baru, menulis dan
memposting berita, mengedit berita dan menghapus berita.
Sedangkan user berperan sebagai pembaca berita. User dapat
melakukan login user, registrasi user, menuliskan pesan pada kolom
komentar dan menghapus komentar.
6
1.5. Sistematika Penulisan
Penulis menyusun penulisan Tugas Akhir ini menjadi empat bab,
diantaranya :
BAB I PENDAHULUAN
Bab pendahuluan ini membahas latar belakang masalah, maksud
dan tujuan penulisan, metode penelitian, ruang lingkup dan
sistematika penulisan.
BAB II LANDASAN TEORI
Bab landasan teori ini membahas tentang konsep dasar web dan
peralatan pendukung apa saja yang dibutuhkan dalam pembuatan
website
BAB III PEMBAHASAN
Bab pembahasan ini menguraikan tentang tinjauan kasus, analisa
kebutuhan, perancangan perangkat lunak seperti rancangan antar
muka, rancangan basis data, rancangan struktur navigasi dan
implementasi pengujian unit.
BAB IV PENUTUP
Pada Bab ini terdiri dari kesimpulan dan saran-saran penulis yang
Penulis buat berdasarkan bab-bab sebelumnya.
7
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
2.1.1. Definisi Web
Menurut Hidayat, (2010:2), “Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu ringkaian banguna yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman”.
Sedangkan menurut Simarmata, (2010:51), “Web dapat diartikan sebagai
alat untuk menciptakan sistem infomasi global yang mudah berdasarkan pada
hiperteks”.
Dapat disimpulkan website adalah sebuah tempat di internet, yang
menyajikan informasi dengan berbagai macam format data seperti teks, gambar,
bahkan video dan dapat diakses menggunakan berbagai aplikasi klien sehingga
memungkinkan penyajian informasi yang lebih menarik dan dinamis dengan
pengelolaan yang terorganisasi.
2.1.2. Jenis-Jenis Website
Menurut Hidayat (2010:3), seiring dengan perkembangan teknologi
informasi yang begitu cepat, website juga mengalami perkembangan yang sangat
berarti. Dalam pengelompokan jenis web, lebih diarahkan berdasarkan kepada
fungsi, sifat atau style dan bahasa pemrograman yang digunakan. Adapun jenis-
jenis web:
8
1. Jenis-jenis web berdasarkan sifat atau style:
a. Website Dinamis, merupaka sebuah website yang menyediakan
konten atau isi yang selalu berubah-ubah setiap saat. Bahasa
pemrograman yang digunakan antara lain PHP, ASP, NET dan
memanfaatkan database MySQL atau MS SQL
b. Website Statis, merupakan website yang kontennya sangat jarang
berubah. Bahasa pemrograman yang digunakan adalah HTML dan
belum memanfaatkan database.
2. Berdasarkan pada fungsinya, website terbagi atas:
a. Personal Website, website-website yang berisi informasi pribadi
seseorang.
b. Commercial website, website yang dimiliki oleh sebuah perusahaan
yang bersifat bisnis.
c. Government website, website yang dimiliki oleh instansi
pemerintah, pendidikan, yang bertujuan memberikan pelayanan
kepada pengguna.
d. Non-profit Organization website, dimiliki oleh organisasi yang
bersifat non-profit atau tidak bersifat bisnis.
3. Ditinjau dari segi bahasa pemrograman yang digunakan, website
terbagi atas:
a. Server Side, merupakan website yang menggunakan bahasa
pemrograman yang tergantung kepada tersedianya server. Seperti
PHP, ASP, NET, dan lain sebagainya. Jika tidak ada server,
9
website yang dibangun menggunakan bahasa pemrograman diatas
tidak akan berfungsi sebagai mana mestinya.
b. Client Side adalah website yang tidak membutuhkan server dalam
menjalankannya, cukup diakses melalui browser saja. Misalnya
HTML.
2.2. Teori Pendukung
1. Struktur Navigasi
Menurut Sutopo (2007:245) “Struktur Navigasi adalah struktur bagaimana
halaman web dihubungkan dengan halaman lain”.
Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan
sebelum membuat website. Ada empat macam bentuk dasar struktur navigasi
yaitu:
A. Linear navigation model
Digunakan oleh sebagian besar website. Informasi diberikan secara
sekuensial dimulai dari satu halaman. Beberapa desainer web menggunakan satu
halaman untuk masuk atau keluar dari website.
Sumber :Sutopo (2007:6)
Gambar II.1Struktur Navigasi Linear
Homepage
Halaman 2Halaman 1 Halaman 3
10
B. Hierarchical model
Diadaptasi dari top-down design. Konsep navigasi ini dimulai dari satu node
yang menjadi homepage. Dari homepage dapat dibuat beberapa cabang ke
halaman-halaman utama. Apabila diperlukan, dari tiap halaman utama dapat
dikembangkan menjadi beberapa cabang lagi. Hal ini seperti struktur organisasi
dalam perusahaan.
Sumber :Sutopo (2007:6)
Gambar II.2Struktur Navigasi Hierarchical model
C. Full web model
Memberikan kemampuan hyperlink yang banyak. Full web model banyak
digunakan karena user dapat mengakses semua topik dengan subtopik dengan
cepat. Namun kelemahan dari model ini, yaitu dapat berakibat user kehilangan
cara untuk kembali ke topik sebelumnya.
Homepage
Topik B Topik CTopik A
Subtopik A2
Subtopik A1
Subtopik C2
Subtopik C3
Subtopik C1
11
Homepage
Topik A Topik B
Topik C Topik D Topik E
Subtopik G1
Topik G Topik F
Sumber :Sutopo (2007:8)
Gambar II.3Struktur Navigasi full web model
2. Entity Relationship Diagram (ERD)
Menurut Utami (2012:18) “ERD (Entity Relationship Diagram) adalah
suatu diagram untuk menggambarkan desain konseptual dari model konseptual
suatu basis data relasional”. Proses memungkinkan analis menghasilkan struktur
basis data yang baik sehingga data dapat disimpan dan diambil secara efesien.
Adapun tujuan dari Entity Relationship Diagram ini adalah menunjukan
objek data dan relationship yang ada pada objek tersebut. Selain itu model ERD
merupakan salah satu alat untuk perancangan dalam basis data. Diagram
hubungan data yang digunakan untuk menggambarkan hubungan antara data store
yang ada didalam diagram alir data.
ERD juga merupakan gambaran yang menghubungkan antara objek suatu
dengan objek yang lain dalam dunia nyata. Bisa dikatakan bahwa bahan yang
12
akan di gunakan untuk membuat ERD adalah dari objek di dunia nyata. Sebagai
contoh, jika akan membuat ERD dari sistem akademik suatu perguruan tinggi,
maka bahan sebagai objek ERD bisa berupa mahasiswa, dosen, ruang kelas, mata
kuliah dan lain sebagainya. Secara umum ERD terdiri dari 3 komponen,yakin:
a. Entitas (Entity)
b. Atribut (Attribute)
c. Relasi (Relationship)
1) Entitas (Entity)
Entitas merupakan suatu “objek nyata” yang mampu dibedakan dengan
objek yang lain. Objek tersebut dapat berupa orang benda ataupun hal yang
lainnya.
Penggambaran entitas dalam ERD seperti pada gambar II.6.
Sumber : Utami (2012:19)
Gambar II.4. Entitas
1. Peran : Entitas berupa peran contoh adalah mahasiswa, dosen, karyawan, dan
lain-lain.
2. Kejadian : Entitas berupa kejadian contohnya adalah mengejar, ambil mata
kuliah dan lain-laian
3. Abstrak : Etentitas berupa abstrak contohnya adalah kurikulum, mata kuliah,
pekerjaan dan lain-lain
4. Fisik : Etentitas berupa tempat contohnya adalah ruang kelas.
Nama _entitas
13
2) Atribut
Atribut meupakan semua informasi yang berkaitan dengan etentitas. Di
dalam dunia pemograman, atribut adalah property dari suatu objek. Sebagai
contoh jika entitas adalah manusia atau orang maka atributnya adalah rambut,
mata, hidung, tangan, kaki, dan lain-lain. Atribut di gambarkan dengan suatu
lingkaran dengan nama atribut ditulis di tengahnya seperti gambar II.7.
Sumber : Utami (2012:20)
Gambar II.5. Atribut
3) Relasi
Belah ketupat merupakan penggambaran hubungan (relasi) antarentitas
atau sering disebut kerelasi. Ada dua macam penggambaran relasi, yakin relasi
kuat dan relasi lemah .relasi kuat biasanya untuk menghubungkan antarentitas
kuat, sedangkan relasi lemah untuk menghubungkan antara entitas kuat dengan
entitas lemah, penggambaran kerelasian seperti pada gambar II.8
Sumber : Utami (2012:24)
Gambar II.6.Relasi
Atribut
Relasi_kuat
Relasi_lemahRelasi_lemah
14
Ada tiga macam relasi menurut derajatnya , yaitu urary , relasi yang
menghubungkan satu entitas; binary, relasi yang menghubungkan dua entitas
ternary, Relasi yang menghubungkan lebih dari dua entitas. Pada kerelasian
binary terdapat kardinalitas atau derajat hubungan antar entitas. Untuk
menghubungkan entitas-kerelasian-entitas digunakan garis lurus, seperti pada
gambar II.7.
Sumber : Utami (2012:24)
Gambar II.7. Kerelasian Antar Entitas
4) Kardinalitas (Cardinality)
Kardinalitas relasi menunjukan jumlah maksimum tupel yang dapat berlasi
dengan entitas pada entias lain. Kardinalitas relasi merujuk kepada hubungan
maksimum yang terjadi dari entitas yang satu ke entitas yang lain den begitu juga
sebaliknya, terdapat tiga macam kardinalitas relasi sebagai berikut:
a. One to One
Tingakatan hubungan ini menunjukan hubungan satu ke satu, dinyatakan dengan
satu kejadian pada entitas pertama dan hanya mempunyai satu hubungan dengan
satu kejadian pada entitas yang kedua dan sebaliknya.
b. One to Many dan Many to One
Tingakatan hubungan satu ke banyak adalah sama dengan banyak ke satu,
tergantung dari arah mana hubungan tersebut dilihat.
c. One to Many (Satu ke Banyak)
Entitas A relasi Entitas B
15
Yang berarti satu tupel pada entitas A dapat berhubungan dengan banyak tupel
pada entitas B.
d. Many to One (Banyak ke Satu)
Yang berarti setiap tupel pada entitas A dapat berhubungan dengan paling banyak
satu tupel pada entitas B, tetapi tidak sebaliknya ,dimana setiap tupel pada entitas
A berhubung dengan paling banyak satu tupel pada entitas B.
e. Many to Many
Tingakat hubungan banyak ke banyak terjadi jika tiap kejadian pada sebuah
entitas akan mempunyai banyak hubungan dengan kejadian pada entitas lainnya,
dilihat dari sisi entitas yang pertama maupun dilihat dari sisi yang kedua.
C. Logical Record Structure (LRS)
Menurut Kusrini (2007:3) “LRS (Logical Record Structure) adalah
repsentasi dari struktur record-record pada tabel-tabel yang terbentuk dari hasil
antar himpunan entitas, menentukan jumlah tabel dan Foreign Key (FK)”. LRS
dibentuk dengan nomor dari tipe record, beberapa tipe record digambarakan
dengan kotak persegi panjang dengan nama yang unik, LRS juga terdiri dari
hubungan diantara tipe record.
Derajat relasi atau kardinalitas rasio, menjelaskan jumlah maksimum
hubungan antara satu entitas dengan entitas lainnya.
D. Pengujian Web
Menurut Simarmata (2010:316) “Pengujian adalah sebuah proses terhadap aplikasi atau program untuk menemukan segala kesalahan dan segala kemungkinan yang akan menimbulkan kesalahan sesuai dengan spesifikasi perangkat lunak yang telah ditentukan sebelum aplikasi tersebut diserahkan kepada pelanggan”.
Pengujian merupakan proses eksekusi program yang telah selesai
dibuat yang bertujuan untuk menemukan kesalahan. Pengujian yang baik
16
adalah pengujian yang dilakukan dengan probablitas penemuan kesalahan
yang tidak diduga, sedangkan pengujian yang sukses adalah pengujian yang
berhasil mengatasi penyelesaian penemuan kesalahan yang tidak diduga.
Menurut Presman (2010:495) “ Black Box Texting atau pengujian Kotak Hitam atau juga disebut Behavioral Testing, berfokus pada persyaratan fungsional dari perangkat lunak. Artinya, teknik Black Box Testing memungkinkan untuk mendapatkan set kondisi masukan yang sepenuhnya akan melaksanakan semua persyaratan fungsional untuk suatu program,”
Klasifikasi black box testing mencakup beberapa pengujian, yaitu:
1. Pengujian Tegangan (Stress Testing)
Pengujian Tegangan berkaitan dengan kualitas aplikasi didalam lingkungan.
Idenya adalah untuk menciptakan sebuah lingkungan yang lebih menuntut
aplikasi, tidak seperti saat aplikasi dijalankan pada beban kerja normal.
Pengujian ini adalah hal yang paling sulit, cukup kompleks dilakukan, dan
memerlukan upaya bersama dari semua tim.
2. Pengujian Skenario (Scenario Testing)
Pengujian Skenario adalah pengujian yang realistis, kredibel dan
memotivasi stakeholder, tantangan untuk program dan mempermudah
penguji untuk melakukan evaluasi. Pengujian ini menyediakan kombinasi
variabel-variabel dan fungsi yang sangat berarti dari pada kombinasi
buatan yang anda dapatkan dengan pengujian domain atau desain pengujian
kombinasi.
3. Pengujian Regresi (Regression Testing)
Pengujian Regresi adalah gaya pengujian yang berfokus pada pengujian
ulang (Retesting) setelah ada perubahan. Pada pengujian regresi berorientasi
17
risiko (Risk – Oriented Regression Testing), daerah yang sama yang sudah
diuji, akan kita uji lagi dengan pengujian yang berbeda.
4. Pengujian Mutasi ( Mutation Testing )
Pada pengujian ini, aplikasi diuji untuk kode yang telah dimodifikasi setelah
pemasangan bug atau cacat tertentu. Hal ini juga membantu dalam
menemukan kode dan strategi pengkodean yang dapat membantu dalam
mengembangkan fungsi secara efektif.
5. Blackbox Testing
Pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji
dan memeriksa fungsional dari perangakat lunak.
a. Kelebihan Blackbox adalah dapat memilih subset test secara efektif
dan efesien, dapat menemukan cacat, dan memaksimalkan testing
invesmen.
b. Kekurangan Blackbox adalah tester tidak pernah yakin dengan PL
tersebut benar-bener lulus uji.
E. XAMPP
Menurut Wicaksono (2008:7) “XAMPP adalah sebuah software yang
berfungsi untuk menjalankan website berbasis PHP dan menggunakan
pengolah data MySQL dikomputer local”. XAMPP berperan sebagai server
web pada komputer anda. XAMPP juga dapat disebut sebuah CPanel server
virtual, yang dapat membantu anda melakukan preview sehingga dapat
memodifikasi website tanpa harus online atau terakses dengan internet.
F. Macromedia Dreamweaver CS5
18
Macromedia Dreamweaver CS5 adalah sebuah HTML editor profesional
untuk mendesain web secara visual dan mengelola situs atau halaman web.
Saat ini terdapat software dari kelompok Adobe yang belakangan banyak
digunakan untuk mendesain suatu web. Versi terbaru dari Adobe Dreamwever
CS5 memiliki beberapa kemampuan bukan hanya sebagai software untuk
desain web saja, tetapi juga menyunting kode serta pembuatan aplikasi web.
Antara lain: JSP, PHP, ASP, XML, dan ColdFusion. (Sigit, 2010:1).
Dreamweaver merupakan software utama yang digunakan oleh Web
Designer dan Web Programmer dalam mengembangkan suatu situs web.
Hal ini disebabkan oleh ruang kerja, fasilitas, dan kemampuan Dreamwever
yang mampu meningkatkan produktivitas dan efektifitas, baik dalam desain
maupun membangun suatu situs web.
Dalam perkembangannya, Adobe Dreamweaver telah mencapai versinya
yang terbaru atau lebih dikenal dengan Adobe Dreamweaver CS5. Fitur-fitur
yang dimiliki semakin lengkap dan handal, untuk membuat pengguna
Dreamwever CS5 semakin dapat berkreasi dan berinovasi dengan bebas dalam
mendesain web.
Fitur baru yang semakin handal untuk versi terbaru ini dimunculkan,
diantaranya adalah Integrated CMS Support, CSS Inspection, PHP Custom
Class Code Hinting, dan Site-Specific Code Hinting. Semua fitur baru tersebut
semakin memantapkan pengguna Adobe Dreamwever CS5 untuk semakin
mengeksplorasi dan mengeksploitasi ide kreasi pengolahan website.
19
G. Processor Hypertext Protocol (PHP)
Menurut Oktavian (2010:31) “PHP (PHP Hypertext Prosesor) adalah
akronim dari Hypertext Preprocessor, yaitu suatu bahasa pemograman
berbasiskan kode-kode (script) yang di gunakan untuk mengolah suatu data
dan mengirimkannya kembali ke web browser menjadi kode HTML”. Kode
PHP mempunyai ciri-ciri khusus, yaitu:
1. Hanya dapat dijalankan menggunakan web server misalnya: Apache.
2. Kode PHP dapat diletakan dan dijalankan di web server.
3. Kode PHP dapat digunakan untuk mengakses data bases, seperti: MY SQL,
PostgreSQL, Oracle, dan lain-lain.
4. Merupakan software yang bersifat open source.
5. Gratis untuk didownload dan digunakan.
6. Memiliki sistem multiplatform, artinya dapat dijalankan menggunakan
sistem operasi apapun, seperti Linux, Unix, Windows, dan lain-lain.
Dengan menggunakan PHP, selain memberikan keuntungan seperti pada
beberapa point diatas, juga didukung oleh banyak komunitas. Hal ini yang
membuat PHP terus berkembang. Selain itu, anda dapat belajar lebih banyak
lagi tentang tips dan trik penggunaannya dari berbagai komunitas, lembaga
pendidikan, ataupun melalui media internet.
Berikut contoh umum penggunaan script PHP untuk menjelaskan tentang
PHP sebagai script yang disisipkan dalam bentuk HTML.
<html>
<head>
<title>
20
Contoh
</title>
</head>
</body>
<?
Echo “Hello, World”
?>
</body>
</html>
Contoh script diatas berbeda dengan script yang ditulis dengan bahasa lain
seperti bahasa C. Programmer tidak harus menuliskan semua dokumen HTML
sebagai bagian dari keluaran dari script PHP, cukup menuliskan bagian mana
saja yang berupa tag html dan bagian mana saja yang harus ditulis atau
dihasilkan dari program script PHP, kode diapit dengan
menggunakan tag awal tag akhir yang khusus yang memungkinkan
pemprograman untuk masuk dan keluar dari mode script PHP.
H. Data
Menurut Mulyanto (2009:15), “Data adalah kenyataan yang
menggambarkan suatu kejadian-kejadian dan kesatuan nyata”. Kejadian
(event) adalah sesuatu yang terjadi pada saat tertentu. Kesatuan nyata (fact and
entity) adalah berupa suatu objek nyata seperti tempat, benda, dan orang yang
betul-betul ada dan terjadi. Sumber dari informasi adalah data. Data
merupakan bentuk jamak dari bentuk tunggal data item.
21
Menurut Hindrayana dan Humdiana (2009:18), “Data adalah fakta-fakta,
simbol atau karakter, data mentah atau observasi yang menggambarkan suatu
fenomena tertentu”. Misalnya temperatur sekarang, harga suatu suku cadang,
dan umur anda, semua itu adalah data.
22
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Analisa kebutuhan dibagi menjadi 3 bagian, yaitu :
1. Kebutuhan pengguna user
a. User dapat melihat berita terkini pada halaman home, memilih kategori
berita, melihat layanan iklan, melakukan login member, dan daftar
sebagai member.
b. User dapat menuliskan komentar setelah membaca berita pada kolom
isi komentar
2. Kebutuhan pengguna admin
a. Admin harus melakukan login terlebih dahulu sebelum mengelola
berita..
b. Admin dapat mengelola berita dengan menambahkan judul dan
kategori berita
c. Admin dapat merubah atau menghapus berita yang sudah ditambahkan
sebelumnya.
d. Admin dapat mengelola pemasangan iklan dengan merubah dan
menghapus iklan yang sudah pernah ditambahkan sebelumnya.
3. Kebutuhan sistem
a. Admin membutuhkan form login agar dapat masuk ke dalam data-data
yang ada di bagian admin.
23
b. User juga membutuhkan login untuk melakukan komentar apabila
ingin menuliskan komentar setelah membaca berita.
c. Web ini menyediakan layanan pemasangan iklan bagi member yang
ingin memasang iklan.
3.2. Perancangan Perangkat Lunak
Perancangan perangkat lunak terdiri dari rancangan antar muka, basis data,
dan struktur navigasi.
3.2.1. Rancangan Antar Muka
Rancangan antar muka berisi rancangan antar muka halaman admin ,
member atau pengguna.
A. Rancangan Antar Muka Login Admin
Rancangan antar muka login admin adalah halaman yang berfungsi untuk
memfilter admin yang tidak berhak untuk mengakses aplikasi ini karena pada
halaman ini dapat mengontrol semua isi website.
Gambar III.1.
Rancangan Antar Muka Login Admin
LOGIN ADMIN
Username
Password
xxxxxx
xxxxxx
Login Kembali
24
B. Rancangan Antar Muka Tambah Berita
Halaman ini merupakan halaman dimana admin dapat mengelola berita
seperti mengedit dan menghapus berita..
Gambar III.2.
Rancangan Antar Tambah Berita
Ruang Admin
Kelola Berita
No Judul Kategori Gambar Tgl
Posting
Dilihat Jml
Komentar
Aksi
99999
99999
xxxxxx
xxxxxx
xxxxxx
xxxxxx
xxxxxx
xxxxxx
99-99
99-99
99-99
99-99
99-99
99-99
Berita Anggota Log Out
+Tambah Berita
25
C. Rancangan Antar Muka Menu Anggota
Halaman ini merupakan halaman dimana admin dapat melihat data
anggota.
Gambar III.3.
Rancangan Antar Muka Menu Anggota
D. Rancangan Antar Muka Login User
Pada halaman ini User atau pembaca dapat melakukan Login sebagai
member.
Gambar III.4.
Rancangan Antar Muka Login User
Ruang Admin
Kelola Anggota
No Nama Email Status
999999
999999
xxxxxx
xxxxxx
xxxxxx
xxxxxx
xxxxxx
xxxxxx
Search
LOGIN MEMBER
Email XXXXX
Password 99999
LOGIN
26
E. Rancangan Antar Muka Register Member
Pada halaman ini pembaca bisa melakukan registrasi terdahulu sebelum
menjadi member.
Gambar III.5.
Rancangan Antar Muka Register Member
REGISTER MEMBER
Nama Lengkap..... xxxxxx
Email..... xxxxxx
Password..... 999999
REGISTER MEMBER
27
F. Rancangan Antar Muka Index
Gambar III.6.
Rancangan Antar Muka Tampilan Index
Berita Online
Home Nasional Olahraga Teknologi
i
Logout
Berita Terkini
Iklan 1
Iklan 2
Berita Populer
Cari Berita
Berita 1
Berita 2
Berita 3
Berita 4
Layanan Iklan
28
3.2.2. Rancangan Basis Data
Perancangan basis data menghasilkan pemetaan tabel-tabel yang
digambarkan dengan Entity Relationship Diagram (ERD)
A. Entity Relationship Diagram
Admin
Berita
Iklan
Kategori
Komentar Anggota
Mengelola
Memiliki
Mengisi
Memiliki
Mengelola
Id_Admin
Username
Password
Id_Admin
Id_berita
Id_Berita
Jam_Posting
Id_Admin
Tgl_Posting
Judul
Id_Komentar
Id_Berita
Tgl_Komentar
Jam_Komentar
Isi_Komentar
Id_KategoriPassword
Id_Komentar
Nama
Id_Anggota
Id_Kategoti Kategori
Memasang
Id_Berita
Id_Kategori
Id_Iklan
Tgl_Tayang
Harga
id_Admin id_iklan
id_Berita id_Kategori
id_Komentar Id_Anggota
Id_iklanId_Anggota
Gambar III.7.
Entity Relationship Diagram
29
B. LRS (Logical Relation Structure)
Berita
id_Berita
Id_Admin
Jam_Posting
Tgl_Posting
Judul
Admin
Id_Admin
Username
Password1 M
Iklan
Id_Iklan
tgl_Tayang
Harga
Komentar
id_Komentar
Id_Berita
Isi_Komentar
Jam_Komentar
Tgl_Komentar
Kategori
Id_Kategori
Kategori
Anggota
id_Anggota
Password
Nama
Id_Kategori
1
M
M 1
1
M
1M
1
M
Gambar III.8.
Logical Relational Structure
30
C. Spesifikasi File
Dalam aplikasi ini menggunakan satu buah file database dengan nama
db_berita, dengan 5 tabel didalamnya, yaitu :
1. Nama Database : db_berita.sql
Nama Tabel : admin
Fungsi : Untuk menyimpan file admin
Tipe : File master
Organisasi file : Index Sequential
Akses file : Random
Media : Hard Disk
Panjang record : 261 karakter
Kunci Field : id_admin
Tabel III.1.
Spesifikasi File Admin
No Elemen Data Akronim Tipe Size Keterangan
1 id admin Id_admin Int 11 Primary Key
2 Nama Username Varchar 50
3 Password Password Varchar 100
4 Nama Lengkap nama_lengkap 100
31
2. Nama Database : db_berita.sql
Nama Tabel : anggota
Fungsi : Untuk menyimpan file anggota
Tipe : File master
Organisasi file : Index Sequential
Akses file : Random
Media : Hard Disk
Panjang record : 212 karakter
Kunci Field : id_anggota
Tabel III.2
Spesifikasi File Anggota
No Elemen Data Akronim Tipe Size Keterangan
1 Anggota id_anggota Int 11 Primary Key
2 Nama Lengkap nama_lengkap Varchar 50
3 Password Password Varchar 100
4 Email Email Varchar 50
5 Status Aktif Bit 1
3. Nama Database : db_berita.sql
Nama Tabel : berita
Fungsi : Untuk menyimpan file berita
Tipe : File master
Organisasi file : Index Sequential
32
Akses file : Random
Media : Hard Disk
Panjang record : 237 karakter
Kunci Field : id_berita
Tabel III.3
Spesifikasi File Berita
No Elemen Data Akronim Tipe Size Keterangan
1 Id berita id_berita Int 4 Primary Key
2 Judul Judul Varchar 100
3 Id Kategori id_kategori Int 11 Foreign Key
4 Gambar Gambar Varchar 100
5 Teks Berita teks_berita Text -
6 Tgl Posting tgl_posting Datetime -
7 Id Admin id_admin Int 11 Foreign Key
8 Dilihat Dilihat int 11
4. Nama Database : db_berita.sql
Nama Tabel : kategori
Fungsi : Untuk menyimpan file kategori
Tipe : File kategori
Organisasi file : Index Sequential
Akses file : Random
33
Media : Hard Disk
Panjang record : 61 karakter
Kunci Field : id_kategori
Tabel III.4
Spesifikasi File Kategori
No Elemen Data Akronim Tipe Size Keterangan
1 Id Kategori id_kategori Int 11 Primary Key
2 Kategori Kategori Varchar 50
5. Nama Database : db_berita.sql
Nama Tabel : komentar
Fungsi : Untuk menyimpan file komentar
Tipe : File komentar
Organisasi file : Index Sequential
Akses file : Random
Media : Hard Disk
Panjang record : 63 karakter
Kunci Field : id_komentar
34
Tabel III.5
Spesifikasi File Komentar
No Elemen Data Akronim Tipe Size Keterangan
1 Id Komentar id_komentar Int 11 Primary Key
2 Id Berita id_berita Int 11 Foreign Key
3 Id Anggota id_anggota Int 11 Foreign Key
4 Tgl Komentar tgl_komentar Datetime -
5 Isi Komentar isi_komentar Text -
6 Ip Address ip_address Varchar 30
3.2.3. Rancangan Struktur Navigasi
A. Struktur Navigasi Linier dan Hierarki Halaman Admin
Gambar III.9.
Struktur Navigasi Halaman Admin
Login
Kelola Berita Kelola IklanKelola
AnggotaLogout
Ruang Admin
35
B. Struktur Navigasi Linier dan Hierarki Halaman User
Gambar III.10.
Struktur Navigasi Halaman User
Login
Home Nasional Olahraga TeknologiLayanan
IklanLogout Cari
Index
36
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada aplikasi portal berita berdasarkan hasil
rancangan antar muka.
1. Halaman Login Admin
Bagaian ini berfungsi sebagai alat untuk memfilter admin yang tidak berhak
untuk mengakses aplikasi ini karena pada halaman ini dapat mengontrol semua
isi website.
Gambar III.11.
Halaman Login Admin
2. Halaman Kelola Berita
Halaman ini merupakan halaman untuk mengelola berita.
37
Gambar III.12.
Halaman Kelola Berita
3. Halaman Anggota
Halaman ini merupakan halaman untuk melihat data Anggota.
Gambar III.13.
Halaman Anggota
38
4. Halaman Registrasi Member
Halaman ini merupakan halaman untuk mendaftar anggota baru.
Gambar III.14.
Halaman Registrasi Member
5. Halaman Login Member
Pada halaman ini berfungsi untuk masuk sebagai member.
Gambar III.15.
Halaman Login Member
39
6. Halaman Isi Komentar
Pada halaman ini berfungsi untuk memberikan komentar setelah
membaca berita.
Gambar III.16.
Halaman Isi Komentar
B. Spesifikasi Sistem Komputer
Konfigurasi sistem komputer meliputi perangkat keras (hardware),
perangkat lunak (software) agar dapat digunakan untuk melakukan pekerjaan
komputerisasi.
1. Spesifikasi Perangkat Keras (Hardware)
Yang dimaksud dengan perangkat keras disini adalah seperangkat alat yang
membantu sistem yang diusulkan dengan alat bantu lain. Yang terdiri dari unit
masukan (Input), Unit pemrosesan (Process), Unit keluaran (Output), dan untuk
simpanan luar(Memory). Pemilihan suatu komputer antara lain ditentukan oleh
kapasitas komputer dan unit pengolahan datanya (CPU), Unit pemasukkan
datanya yaitu keyboard dan media penyimpanan datanya berupa Harddisk.
40
Penulis menerangkan juga bahwa perangkat keras yang digunakan pada sistem
berjalan saat ini adalah sebagai berikut :
a. Server
1) CPU
a) Processor : Intel Core (TM-)2 Duo CPU T6600 @2.20 GHz-
380M
b) Monitor : 14.0 ” HD LED LCD
c) Hardisk : 320 GB
2) Mouse : -
3) Keyboard :85 Keys
4) Monitor dengan resolusi layar minimum 1366x768
b. Client
1) CPU
a) Processor : Intel Core (TM-)2 Duo CPU T6600 @2.20 GHz-
380M
b) RAM : 1GB Memory
c) Hard Disk : 320 GB
2) Mouse : -
3) Keyboard : 85 Keys
4) Monitor dengan resolusi layar minimum 1366x768
2. Perangkat Lunak ( Software )
Perangkat lunak atau Software adalah seluruh fase dari sistem pengolahan
data yang diluar dari peralatan komputernya sendiri. Fasilitas Software itu sendiri
terdiri dari sistem design, program dan prosedur-prosedur lainnya. Disini penulis
41
menerangkan bahwa sistem komputer perangkat lunak yang digunakan saat ini
adalah sebagai berikut :
a. Server
1) Sistem Operasi yang umum digunakan seperti: Microsoft Windows.
2) Aplikasi bundle web server seperti: Xampp, yang terdiri dari beberapa
komponen, diantaranya:
a) Aplikasi Apache Server v3.2.1
b) Aplikasi PHP Server v5.
c) Aplikasi MySQL Server v5.
d) Aplikasi phpMyAdmin Server v3.
3) Aplikasi Web Browser seperti Mozilla Firefox, Opera, Internet Explorer,
Google Chrome.
4) Adobe Dreamweaver CS5
b. Client
1) Sistem Operasi yang umum digunakan seperti: Microsoft Windows.
2) Aplikasi Web Browser rseperti Mozilla Firefox, Opera, Internet
Explorer, Google Chrome.
2.3.2. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing
yang fokus terhadap proses masukan dan keluaran program.
A. Pengujian Terhadap Form Login Admin
42
Tabel III.6.
Hasil Pengujian Black Box Testing Halaman Login Admin
No Skenario Pengujian Test Case Hasil Yang Diharapkan Hasil
Pengujian
Kesimp
ulan
1 Username dan password tidak
diisi atau kosong kemudian klik
tombol login
Username:
(kosong)
Password:
(kosong)
Sistem akan menolak
akses admin dan
menampilkan pesan
“Data username tidak
boleh kosong ! , Data
password tidak boleh
kosong !”.
Sesuai
Harapan
Valid
2 Mengetikkan username diisi dan
password tidak diisi atau kosong
kemudian klik tombol login
Username:
admin(benar)
Password :
(kosong)
Sistem akan menolak
akses admin dan
menampilkan pesan
“Data password tidak
boleh kosong !”.
Sesuai
Harapan
Valid
3 Username tidak diisi (kosong) dan
password diisi kemudian klik
tombol login
Usename :
(kosong)
Password :
admin (benar)
Sistem akan menolak
akses admin dan
menampilkan pesan
“Data username tidak
boleh kosong !”.
Sesuai
Harapan
Valid
4 Mengetikkan Username dan
Password dengan data yang salah
kemudian klik tombol login
Usename :
user (salah)
Password :
22324 (salah)
Sistem akan menolak
akses admin dan
menampilkan pesan
“Gagal Login”.
Sesuai
Harapan
Valid
5 Mengetikkan Username dan
Password dengan data yang benar
kemudian klik tombol login
Usename :
admin (benar)
Password :
admin(benar)
Sistem menerima akses
login kemudian
menampilkan pesan
“Selamat datang,anda
login sebagai
administrator”
Sesuai
Harapan
Valid
43
B. Hasil Pengujian Black Box Testing Halaman Login Member
Tabel III.7.
Hasil Pengujian Black Box Testing Halaman Login Member
No Skenario Pengujian Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan
1. Username dan password
tidak diisi atau kosong
kemudian klik tombol
login
Username :
(kosong)
Password :
(kosong)
Sistem akan menolak akses
user dan menampilkan
pesan “Maaf, Data
username dan password
anda masih kosong, silahkan
isi dengan benar”.
Sesuai Harapan Valid
2. Mengetikkan username diisi
dan password tidak diisi
atau kosong kemudian
klik tombol login
Username :
rizki (benar)
Password :
(kosong)
Sistem akan menolak akses
user dan menampilkan
pesan “Maaf, Data
Password anda masih
kosong, silahkan isi dengan
benar”.
Sesuai Harapan Valid
3. Username tidak diisi
(kosong) dan password diisi
kemudian klik tombol login
Usename :
(kosong)
Password :
123456
(benar)
Sistem akan menolak akses
user dan menampilkan
pesan “Maaf, Data
Username anda masih
kosong,silahkan isi dengan
benar”.
Sesuai
Harapan
Valid
4 Mengetikkan Username dan
Password dengan data yang
salah kemudian klik tombol
login
Usename :
resti (salah)
Password :
12345 (salah)
Sistem akan menolak akses
user dan menampilkan
pesan “Data Username dan
password yang anda
masukan belum benar,
silahkan mendaftar DISINI”
Sesuai
Harapan
Valid
44
5 Mengetikkan Username dan
Password dengan data yang
benar kemudian klik tombol
login
Usename :
rizki (benar)
Password :
123456
(benar)
Sistem menerima akses
login dan kemudian
menampilkan pesan “Login
Berhasil” dan menuju menu
halaman utama
Sesuai
Harapan
Valid
C. Pengujian Terhadap Form Register Member
Tabel III.10.
Hasil Pengujian Black Box Testing Halaman Register Member
No Skenario Pengujian Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan
1. Mengisi data lengkap Nm Lengkap:
diisi
Email :
diisi
Password :
diisi
Sistem akan mengakses user
dan menampilkan pesan
“Berhasil Terdaftar”.
Sesuai Harapan Valid
2. Mengetikkan nama lengkap,
email diisi dan password
tidak diisi atau kosong
kemudian klik tombol
login
Nama : (Rizki)
Email :
om (benar)
Password :
(kosong)
Sistem akan menolak akses
user dan menampilkan
pesan “Maaf, Data
Password anda masih
kosong, silahkan isi dengan
benar”.
Sesuai Harapan Valid
3. Nama lengkap diisi, Email
tidak diisi (kosong) dan
password diisi kemudian
klik tombol login
Nama: Rizki
Email :
(kosong)
Password :
123456
(benar)
Sistem akan menolak akses
user dan menampilkan
pesan “Maaf, Data Email
anda masih kosong, silahkan
isi dengan benar”.
Sesuai
Harapan
Valid
45
4 Nama lengkap tidak diisi,
Email dan Password dengan
data yang salah kemudian
klik tombol login
Nama:
(kosong)
Email :
om (salah)
Password :
12345 (salah)
Sistem akan menolak akses
user dan menampilkan
pesan “Lengkapi Data”
Sesuai
Harapan
Valid
46
BAB IV
PENUTUP
4.1. Kesimpulan
Sesuai dengan analisa dan implementasi, maka dapat disimpilkan:
1. Sistem portal berita berbasis web dapat memberikan informasi berita
secara cepat.
2. Dengan adanya portal berita berbasis web, pembaca dengan mudah
membaca informasi berita dimana saja dan kapan saja.
3. Untuk dapat mengomentari berita, pembaca diharap melakukukan login
atau resgistrasi member bagi yang belum terdaftar sebagai member.
4.2. Saran
Berdasarkan permasalahan yang terjadi setelah diimplementasikan pada
program maka dapat diberikan saran-saran untuk pengembangan sebagai
berikut:
1. Sistem informasi portal berita ini agar ditambahkan konten video agar
lebih menarik.
2. Penulisan berita tidak hanya dari admin saja, tetapi member juga bisa ikut
menuliskan berita.
47
DAFTAR PUSTAKA
Efendy, Onong Uchana. 2005. Ilmu Komunikasi Teori dan Praktek. Bandung: Remaja Rosda Karya.
Hartono, Jogiyanto. 2005. Analisis & Desain Sistem Informasi Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Andi Yogyakarta.
Hidayat, Rahmat. (2010). Cara Praktis Membangun Website Gratis : Pengertian Website. Jakarta : PT Elex Media Komputindo Kompas, Gramedia.
Hindrayana, Evi dan Humdiana. (2009). Sistem Informasi Manajemen, mempersiapkan pekerja berbasis pengetahuan dalam mengelola system informasi. Jakarta: Mitra Wacana Media.
Kristanto,Andi. 2004, Jaringan Syaraf Tiruan ( Konsep Dasar, Algoritma, dan Aplikasinya ), Gava Media, Yogyakarta.
Mulyanto, Agus. 2009. Sistem Informasi Konsep dan Aplikasi. Pustaka Pelajar. Yogyakarta.
Nazir,Muhammad. 1988, Metode Penelitian, Ghalia Indonesia, Jakarta.
Oktavian, Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: Penerbit MediaKom.
Presman, R.S. 2010. Software Enginnering : a proctitioner’s approach, McGraw-, New York, 68.
Riduwan. 2004. Metode dan Teknik Menyusun Tesis, Alfabeta: Bandung.
Sigit, Christianus. 2010, Mudah Membuat Toko Online Dengan OsCommerce. Yogyakarta : Andi.
Simarmata, Janner. 2010. Rekayasa Perangkat Lunak. Yogyakarta : Andi Offset.
Sumadiria,As Haris. 2005. Jurnalistik Indonesia, Menulis Berita dan Feature, Panduan Praktis Jurnalis Profesional. Penerbit PT. Remaja Rosdakarya Bandung.
Sutopo, Ariesto Hadi. 2007. Pemrograman Flash dengan PHP dan MySQL. Yogyakarta : Graha ilmu.
Utami, Ema. dan Anggit Dwi Hartanto. 2012. Sistem Basis Data Menggunakan Microsoft SQL Server 2005. Yogyakarta : Andi.
Wicaksono, Yogi. 2008. Membangun Bisnis Online dengan Mambo. Jakarta: PT. Elex Media Komputindo.
48
DAFTAR RIWAYAT HIDUP
A. Biodata Mahasiswa
NIM : 12142760
Nama Lengkap : Rizki Setiawan
Tempat & Tanggal Lahir : Jakarta, 19 November 1989
Alamat : Jl. Johar Baru Utara VI No.24 Rt/Rw 08/05
Johar Baru, Jakarta Pusat 10560
B. Riwayat Pendidikan Formal & Non-Formal
1. SDN 05 Johar Baru Jakarta Pusat, lulus tahun 2001
2. SMPN 2 Jakarta, lulus tahun 2005
3. SMK Santa Lucia Jakarta, lulus tahun 2008
C. Riwayat Pengalaman Beroganisasi/Pekerjaan
1. Waiter pada Vanilla Cafe tahun 2008 s/d 2009
2. Roomboy pada Hotel Aston tahun 2009 s/d tahun 2011
3. Pramuniaga pada PT. Ace Hardware tahun 2011 s/d 2013
4. Outsourcing Bank BTN pada PT. Binayasa Karya Pratama
tahun 2013 s/d 2016.
Jakarta, 10 Juli 2017
Rizki Setiawan