Semenanjung TV: SKRIPSI BAB IV IMPLEMENTASI DAN PEMBAHASAN

BAB IV

IMPLEMENTASI DAN PEMBAHASAN

4.1 Analisa Sistem

4.1.1 Perancangan Web

Selain menggunakan bahasa pemograman PHP pada perancangan ini, pemulis juga menggunakan MySQL sebagai aplikasi database yang dapat berjalan pada server jaringan dan merupak freeware (perangkat lunak yang pemakaianya gratis tidak dipungut pembayaran). Pada perancangan Sistem Informasi berita elektronik pada Semanjung Televisi (STV) berbasis websiste menggunakan pemodelan waterfall ini, penulis mengutaman kesederhanaan dan kualitas. Kualitas dan desain yang baik saling mendukung dan ini dipengaruhi oleh kesederhanaan. PHP dan MySQL merupakan pasangan aplikasi untuk merancangan webiste.

Penulis membuat satu rancangan yang benar-benar manfaat dengan menghasilkan informasi yang benar. Dengan cara mengumpulkan source code-source code, data yang akurat untuk menghasilkan (output) sebagai informasi yang tepat. Selama membuat rancangan masukan-masukan, keluaran-keluaran, penulis juga mempersiapkan dokumen-dokumen, file-file sistem, serta fasilitas komputer (hardware).

4.1.2 Sarana Perancangan

Pada tahap perancangan dan pengujian sistem, peneliti menggunakan spesifikasi perangkat keras dan lunak untuk sistem pengguna dan sistem client menggunakan perangkat yang sama, karena aplikasi ini masih diujicobakan didalam komputer penulis.

1. Spesifikasi perangkat lunak yang digunakan adalah sebagai berikut :

a. Operating system : Windows 7

b. Web Browser : Mozila 21.0

2. Spesifikasi perangkat keras yang digunakan adalah sebagai berikut :

a. Motherboard : Intel

b. Processor : Dual Core

c. Harddisk : 230 GB

d. RAM : 2GB

e. Keyboard : standard

f. Mouse : standard

4.2 Desain / Perancangan Sistem

4.2.1 Data Flow Diagram (DFD)

Pada tahap ini peneliti akan mengusulkan alur proses sistem yang akan dibuat dengan menunjukan fungsi-fungsi sistem secara logika dengan tool DFD (Data Flow Diagram), dimulai dari Diagram konteks sampai dengan level 1.

1. Diagram Konteks

Gambar 4.1 Diagram Konteks

2. Diagram Level Nol

Gambar 4.2 Diagran Level Nol

4.2.2 Struktur Database

Perancangan struktur database data ini untuk membuat struktur tabel yang digunakan dalam penyimpanan data pada aplikasi sistem informasi yang dibuat. Struktur data yang digunakan pada aplikasi ini menggunakan MySQL dan berikut adalah rancangan tabel-tabel yang digunakan.

1) Tabel user

Database : dbstv

Primary Key : Username

Deskripsi : menyimpan data user

Tabel 4.1 User

No	Nama Field	Tipe	Lebar	Keterangan	Null
1	Username	Varchar	50	Nama user id	Tidak
2	Password	Varchar	50	Password user	Tidak
3	Nama_lengkap	Varchar	50	Nama pengguna	Tidak
4	Level	Varchar	25	Level user	Tidak
5	Status	Varchar	5	Status user	Tidak

2) Tabel download

Database : dbstv

Primary Key : id

Deskripsi : menyimpan data download

Tabel 4.2 Download

No	Nama Field	Tipe	Lebar	Keterangan	Null
1	Id	Int	5	Urutan	Tidak
2	Judul	Varchar	50	Judul isi	Tidak
3	File	Varchar	100	File data	Tidak
4	User	Varchar	50	User yang mengisi	Tidak

3) Tabel kategori

Database : dbstv

Primary Key : idkategori

Deskripsi : menyimpan data kategori

Tabel 4.3 Kategori

No	Nama Field	Tipe	Lebar	Keterangan	Null
1	Idkategori	Int	5	Urutan	Tidak
2	Kategori	Varchar	50	Kategori berita	Tidak

4) Tabel tblcms

Database : dbstv

Primary Key : id

Deskripsi : menyimpan data berita

Tabel 4.4 Tblcms

No	Nama Field	Tipe	Lebar	Keterangan	Null
1	Id	Int	15	Urutan	Tidak
2	Judull	Varchar	100	Judul berita	Tidak
3	Idkategori	Varchar	10	Pilihan kategori	Tidak
4	Ringkasan	Text		Ringkasan berita	Tidak
5	Content	Text		Isi berita	Tidak
6	User	Varchar	50	User yang mengisi	Tidak
7	Status	Varchar	5	Status user	Tidak

4.2.3 Relasi Database

Relasi database pada aplikasi Sistem Informasi berita elektronik dengan pemrograman PHP dan MySQL di Semanajung Televisi sebagai berikut:

Gambar 4.3 Relasi Databae

4.2.3 Perancangan Antar Muka (Interface Design)

Perancangan antar muka yang dimaksud untuk menggambarkan pilihan masukan dari petugas/pengguna berupa menu-menu kemudian dilakukan proses pemanggilan data yang tersedia dalam database server dan menjadikan keluaran (output). Perancangan tampilan input dan output sebagai berikut:

1. Halaman Login

Halaman login ini adalah halaman utama dari aplikasi yang berisikan halaman login masuk kehalaman admin Sistem Informasi berita elektronik semanjung TV dengan bahasa Pemogramanan PHP dan MySQL. Pada halaman menu login hanya user yang terdaftar yang bisa masuk ke halaman utama aplikasi.

Gambar 4.4 Halaman Rancangan Login

2. Halaman Utama

Pada halaman utama ini adalah sebuah sistem informasi yang memberikan menu-menu atau link kehalaman lain yang berisikan tentang kategori berita yang isinya (home, olahraga, komputer, politik, hiburan dan kriminal). Kategori berita baru, menu download dan link data pengunjung website STV kota Batam.

Gambar 4.5 Halaman Rancangan Utama

3. Halaman Utama Admin

Pada halaman utama admin ini terdiri dari home, kategori, berita, download dan menu logout.. Terlihat pada Gambar 4.6 di bawah ini.

Gambar 4.6 Halaman Rancangan Utama Admin

4. Halaman Kategori

Pada halaman kategori ini berisikan isian data kategori berita, admin/wartawan dan bagian pimpred dapat menambahkan menu kategori berita sesuai kategori yang belum ada pada sistem.

Gambar 4.7 Halaman Rancangan Kategori

5. Halaman Berita Admin

Pada halaman ini perancangan menampilkan data berita yang terdiri dari no, judul, kategori dan menu aksi untuk mengubah dan menghapus data berita. Halaman rancangan berita dapat terlihat pada Gambar 4.8 di bawah ini.

Gambar 4.8 Halaman Rancangan Berita Admin

6. Halaman Berita Pengguna

Halaman rancangan berita penggunaan akan ditampilkan sesuai dengan kategori yang ada, dan menu berita akan ditampilkan dengan menu judul berita, gambar, dan dikirim oleh siap. Terlihat pada Gambar

Gambar 4.9 Halaman Rancangan Berita Pengguna

7. Halaman Download

Pada halaman rancangan download ini ditampilkan menu halaman download yang isinya judul file, nama file dan menu link download

Gambar 4.10 Halaman Rancangan Download

4.3 Pembuatan (Construction)

4.3.1 Pengkodean (Coding)

Dalam pembuatan program (coding) peneliti menggunakan PHP versi 5.2.6 sebagai bahasa pemrograman pada aplikasi ini, MySQL, sebagai basis datanya, Apache (Win 32) sebagai web servernya semuanya tergabung dalam Appserver Open Project 2.5.10 for windows , untuk pengolahan gambarnya, peneliti menggunakan Adobe Photoshop CS3, desain tools peneliti menggunakan Microsoft Office Visio 2007 dan Microsoft Office Word 2007 untuk pembuatan teks laporan, Macromedia Adobe Dreamweaver CS6 sebagai desain program webnya, emulator yang digunakan sebagai browser menggunakan Mozila Firefox 21.0 sebagai web browsernya.

4.3.2 Test /Pengujian

Pada tahap pengujian, peneliti menggunakan spesifikasi perangkat keras dan lunak untuk sistem pengguna dan sistem client menggunakan perangkat yang sama, karena aplikasi ini masih diimplementasikan pada locahost dan komputer penulis sendiri.

1. Spesifikasi perangkat lunak yang digunakan adalah sebagai berikut :

c. Operating system : Windows XO

d. Web Browser : Mozila 21.0

2. Spesifikasi perangkat keras yang digunakan adalah sebagai berikut :

g. Motherboard : Intel

h. Processor : Dual Core

i. Harddisk : 230 GB

j. RAM : 2GB

k. Keyboard : standard

l. Mouse : standard

Dalam penelitian skripsi ini penulis akan melakukan pengujian sistem dengan mencoba beberapa web browser yang digunakan penulis selain Mozilla Firefox. Hasil dari masing-masing pengujian tersebut dapat dilihat dari hasil pengujian sistemnya.

4.4 Prinsip Kerja Sistem

1. Aplikasi Sistem Informasi berita/elektronik berbasis web ini dapat diakses dengan menggunakan aplikasi browser.

2. Server menerima akses dan menjalankan program PHP untuk melakukan query pada database server, serta mengirimkan hasil query dalam format PHP sehingga dapat diterima oleh pengguna yang menggunakan aplikasi browser.

3. Pengaksesan database server menggunakan PHP dan MySQL sebagai database server, halaman-halaman digenerate dengan menggunakan PHP pada server

4. Untuk melakukan update data digunakan aplikasi yang dibuat dengan PHP guna mempercepat perubahan data seperti proses edit, tambah, maupun menghapus data dan yang dapat melakukan ini adalah admin di STV kota Batam.

4.4.1 Konfigurasi Web Server

Web server yang digunakan adalah Apache (Win32) sebagai web servernya, semua tergabung dalam Appserver Versi 2.5.10.

Sebagai browsernya, peneliti menggunakan Mozilla Firefox, sehingga, tidak perlu ditambahkan beberapa parameter yang harus diletakan pada file http.conf, browser tersebut cukup hanya di instal saja dalam Mozilla Firefox.

4.4.2 Halaman Website STV

Setelah dilakukan pengujian terhadap program sistem informasi website berita elektronik STV sebagaimana sesuai dengan spesifikasi komputer maka halaman yang dicoba dengan menggunakan aplikasi browser Mozilla Firefox sebagai berikut:

1. Halaman Pengguna