68
5. Nama Tabel : kategori
Primary Key : id_kategori Field
Type size
Keterangan id_kategori
int 3
Primary key nama_kategori
varchar 10
Not null
Tabel 3.7 Kamus Data Tabel Kategori 3.3.2
Perancangan Antarmuka
Setelah melakukan perancangan basisdata, maka tahap selanjutnya adalah perancangan antarmuka untuk aplikasinya. Perancangan antarmuka merupakan
suatu tahap persiapan untuk menggunakan bentuk simulasi aplikasi tersebut. Batasan dalam perancangan antarmuka hanya membahas mengenai proses.
3.3.2.1 Tampilan Antarmuka
Berikut ini adalah rancangan tampilan antarmuka Program Pemberitaan.
69
A. Rancangan Antarmuka Menu Utama
Gambar 3.10 Rancangan Antarmuka Menu Utama
F01 LOGO
Rri.co.id About us
Sejarah RRI Lihat Naskah
Login User Home
- klik home untuk menuju F01
- klik login User untuk menuju F02
- klik login Admin untuk menuju F03
- klik Lihat Naskah unutk menuju F04
- klik Sejarah RRI untuk menuju F05
- klik Rri.co.id untuk menuju web rri.co.id
- klik about us untuk menuju F06
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Login Admin
70
Gambar 3.11 Rancangan Antarmuka Login User
F02 LOGO
- klik login untuk menuju F07
- klik reset untuk membersihkan field
login - bila benar memasukkan
username dan password maka tampil M03
- bila salah memasukkan username dan password
maka tampil M04
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
username password
login
login reset
Header
Menu Kiri
71
Gambar 3.12 Rancangan Antarmuka Login Admin
Gambar 3.13 Rancangan Antarmuka Liat Naskah
F04 LOGO
- klik submit untuk menuju F09
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
acara tanggal
Lihat Naskah
submit Header
Menu Kiri
F03 LOGO
- klik login untuk menuju F08
- klik reset untuk membersihkan field
login - bila benar memasukkan
username dan password maka tampil M03
- bila salah memasukkan username dan password
maka tampil M04
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
username password
login
login reset
Header
Menu Kiri
72
Gambar 3.14 Rancangan Antarmuka Sejarah RRI
F05 LOGO
Sejarah RRI Lihat Naskah
Login user Home
- klik home untuk menuju F01
- klik login user untuk menuju F02
- klik login admin untuk menuju F03
- klik Lihat Naskah unutk menuju F04
- klik Sejarah RRI untuk menuju F05
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Header
Login admin
73
Gambar 3.15 Rancangan Antarmuka About Us
F06 LOGO
Sejarah RRI Lihat Naskah
Login user Home
- klik home untuk menuju F01
- klik login user untuk menuju F02
- klik login admin untuk menuju F02
- klik Lihat Naskah unutk menuju F04
- klik Sejarah RRI untuk menuju F05
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Header
Login admin
74
Gambar 3.16 Rancangan Antarmuka Telah Login User
F07 LOGO
Rri.co.id
Buat Naskah Lihat Acara
Buat Acara Home
- klik home untuk menuju F01
- klik Buat Acara untuk menuju F10
- klik Buat Naskah untuk menuju F11
-klik Lihat Acara untuk menuju F12
- klik Lihat Naskah untuk menuju F04
- klik Sejarah RRI untuk menuju F05
- klik Rri.co.id untuk menuju web rri.co.id
- klik logout untuk menuju F01
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Lihat Naskah
Logout Sejarah RRI
75
Gambar 3.17 Rancangan Antarmuka Telah Login Admin
Gambar 3.18 Rancangan Antarmuka Tampilan Naskah
F08 LOGO
Lihat User Daftar User
Home
- klik home untuk menuju F01
- klik Daftar User untuk menuju F13
- klik Lihat User untuk menuju F14
- klik logout untuk menuju F01
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Logout
F09 Radio Republik Indonesi
Bandung Data Naskah
No Crew
Naskah Audio
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Header
76
Gambar 3.19 Rancangan Antarmuka Buat Acara
F10 LOGO
- klik simpan untuk menyimpan data buat
acara - klik reset untuk
membersihkan field buat acara
- jika data berhasil disimpan maka tampil
M02 - jika data gagal
disimpan maka tampil M01
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Buat Acara
Simpan reset
Header
Menu Kiri
Id_acara Judul_acara
Kategori
77
Gambar 3.20 Rancangan Antarmuka Buat Naskah
F11
Buat Naskah Judul Acara
Tanggal No Urut Naskah
Crew Naskah
File Audio LOGO
- klik submit untuk menyimpan data naskah
- jika data berhasil disimpan maka tampil
M02 - jika data gagal
disimpan maka tampil M01
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Submit
Browse
Header
Menu Kiri
78
Gambar 3.21 Rancangan Antarmuka Lihat Acara
F12 LOGO
- klik cari untuk menampilkan Data
Acara
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Data Acara
Cari
Header
Menu Kiri
Pencarian
79
Gambar 3.22 Rancangan Antarmuka Daftar User
F13 LOGO
- klik submit untuk menyimpan data naskah
- jika data berhasil disimpan maka tampil
M02 - jika data gagal
disimpan maka tampil M01
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Header
Daftar User Editor User Admin
Nama Telepon
Username Password
Submit
Menu Kiri
80
Gambar 3.23 Rancangan Antarmuka Data User
B. Rancangan Antarmuka Pesan
Gambar 3.24 Pesan Data Gagal Tersimpan
M01 Data Gagal
Disimpan Kembali
-klik kembali menuju F10
atau F11 atau F13
F14 LOGO
Ukuran Laya : 1024 X 768, sesuai setting Windows
TipeUkuranWarna Font : Times New Roman 12 Hitam
Warna LatarBackground : CSSdisesuaikan
Header
Data User Menu
Kiri
81
Gambar 3.25 Pesan Data Berhasil Tersimpan
Gambar 3.26 Pesan Login Berhasil
Gambar 3.27 Pesan Login Gagal
M02 Data Berhasil
Disimpan
-klik kembali menuju F10
atau F11 atau F13
Kembali
M03 Login
Berhasil
-klik kembali menuju F07
atau F08
Kembali
M04 Login
Gagal
-klik kembali menuju F02
Kembali
82
3.3.3 Jaringan Semantik