tugas akhir · viii dan kritik yang bersifat membangun demi kesempurnaan laporan ini di masa yang...

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

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

http://en.wikipedia.org/wiki/Synchronous_Data_Link_Control

http://en.wikipedia.org/wiki/Let_Me_Try

http://en.wikipedia.org/wiki/Software_development_process

http://en.wikipedia.org/wiki/Software_development_process

http://en.wikipedia.org/wiki/Waterfall

http://www.microsoft.com/WINDOWS

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.


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


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.


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


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.


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


Nama Tabel : anggota

Fungsi : Untuk menyimpan file anggota

Tipe : File master


Akses file : Random

Media : Hard Disk


Kunci Field : id_anggota

Tabel III.2

Spesifikasi File Anggota


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


Nama Tabel : berita

Fungsi : Untuk menyimpan file berita

Tipe : File master


32

Akses file : Random

Media : Hard Disk


Kunci Field : id_berita

Tabel III.3

Spesifikasi File Berita


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


Nama Tabel : kategori

Fungsi : Untuk menyimpan file kategori

Tipe : File kategori


Akses file : Random

33

Media : Hard Disk


Kunci Field : id_kategori

Tabel III.4

Spesifikasi File Kategori


1 Id Kategori id_kategori Int 11 Primary Key

2 Kategori Kategori Varchar 50


Nama Tabel : komentar

Fungsi : Untuk menyimpan file komentar

Tipe : File komentar


Akses file : Random

Media : Hard Disk


Kunci Field : id_komentar

34

Tabel III.5

Spesifikasi File Komentar


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


Usename :

user (salah)

Password :

22324 (salah)

Sistem akan menolak

akses admin dan

menampilkan pesan

“Gagal Login”.

Sesuai

Harapan

Valid


Password dengan data yang benar


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)



pesan “Maaf, Data

Password anda masih

kosong, silahkan isi dengan

benar”.


3. Username tidak diisi

(kosong) dan password diisi


Usename :

(kosong)

Password :

123456

(benar)



pesan “Maaf, Data

Username anda masih

kosong,silahkan isi dengan

benar”.

Sesuai

Harapan

Valid


Password dengan data yang

salah kemudian klik tombol

login

Usename :

resti (salah)

Password :

12345 (salah)



pesan “Data Username dan

password yang anda

masukan belum benar,

silahkan mendaftar DISINI”

Sesuai

Harapan

Valid

44


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”.


2. Mengetikkan nama lengkap,

email diisi dan password

tidak diisi atau kosong

kemudian klik tombol

login

Nama : (Rizki)

Email :

[email protected]

om (benar)

Password :

(kosong)



pesan “Maaf, Data

Password anda masih

kosong, silahkan isi dengan

benar”.


3. Nama lengkap diisi, Email

tidak diisi (kosong) dan

password diisi kemudian

klik tombol login

Nama: Rizki

Email :

(kosong)

Password :

123456

(benar)



pesan “Maaf, Data Email

anda masih kosong, silahkan

isi dengan benar”.

Sesuai

Harapan

Valid

mailto:[email protected]

mailto:[email protected]

45

4 Nama lengkap tidak diisi,

Email dan Password dengan

data yang salah kemudian

klik tombol login

Nama:

(kosong)

Email :

[email protected]

om (salah)

Password :

12345 (salah)



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

tugas akhir · viii dan kritik yang bersifat membangun demi kesempurnaan laporan ini di masa yang...

Documents