6 Perancangan Antarmuka Isi Cerita-Bacakan
2 3
T6 1
- No 1, Backgroud Aplikasi. - No 2, Teks disertai animasi
teks - No 3, Ilustrasi Gambar
- No 4,Tombol Pause - No 5, Tombol Resume
480 x 320 pixels
4 5
Gambar 3.25 Perancangan Antarmuka Isi Cerita-Bacakan
7 Perancangan Antarmuka Pilih Tentang
2
3 T7
1
- No 1, Backgroud Aplikasi. - No 2, Header
- No 3, Isi Halaman Tentang Aplikasi
480 x 320 pixels
Gambar 3.26 Perancangan Antarmuka Pilih Tentang
3.2.3.2 Perancangan Antarmuka Aplikasi Backtend
1 Perancangan Antarmuka Halaman Login
2
6 T8
1
- No 1, Backgroud Halaman Web
- No 2, Judul - No 3, Insert Username
- No 4, Insert Password - No 5, Tombol Login
1600 x 900 pixels
3
4 3
Gambar 3.27 Perancangan Antarmuka Halaman Login 2 Perancangan Antarmuka Halaman Utama
2
7 T9
1
- No 1, Backgroud Halaman Web
- No 2,Tombol Halaman Utama
- No 3,Tombol cerita - No 4,Tombol Kategori
- No 5,Tombol User - No 6,Tombol Logout
- No 7,Tampilan Halaman utama
3 4
5 6
1600 x 900 pixels
Gambar 3.28 Perancangan Antarmuka Halaman Utama
3 Perancangan Antarmuka Pilih Kategori
2 3
4 5
6
1
8 9
10 11
7
No Nama
Image Setting
Hapus Ubah
12 - No 1, Backgroud Halaman
Web - No 2,Tombol Halaman
Utama - No 3,Tombol cerita
- No 4,Tombol Kategori - No 5,Tombol User
- No 6,Tombol Logout - No 7, Form Tambah Kategori
- No 8, Insert Id kategori - No 9, Insert nama kategori
- No 10, Tombol Simpan - No 11, Tombol Reset
- No 12, Tabel Data Kategori
1600 x 900 pixels
T10
Gambar 3.29 Perancangan Antarmuka Pilih Kategori
4 Perancangan Antarmuka Pilih Cerita
2 3
4 5
6
1
8 9
10 11
7
No Nama
Image Setting
Hapus Ubah
12 - No 1, Backgroud Halaman
Web - No 2,Tombol Halaman
Utama - No 3,Tombol cerita
- No 4,Tombol Kategori - No 5,Tombol User
- No 6,Tombol Logout - No 7, Form Tambah Cerita
- No 8, Insert Id Cerita - No 9, Insert nama Cerita
- No 10, Tombol Simpan - No 11, Tombol Reset
- No 12, Tabel Data Cerita - No 13, Form Pilih Kategori
- No 14, Pilih Kategori - No 15, Form Search
- No 16, Insert Keyword - No 17, Pilih Berdasarkan
nama cerita - No 18, Tombol Search
1600 x 900 pixels
14
13
16
15
17 18
T11
Gambar 3.30 Perancangan Antarmuka Pilih Cerita
5 Perancangan Antarmuka Pilih User
2 3
4 5
6
1
8 9
10 11
7
No Username
Setting Hapus
Ubah
12 - No 1, Backgroud Halaman
Web - No 2,Tombol Halaman
Utama - No 3,Tombol cerita
- No 4,Tombol Kategori - No 5,Tombol User
- No 6,Tombol Logout - No 7, Form Tambah User
- No 8, Input Username - No 9, Input Password
- No 10, Tombol Simpan - No 11, Tombol Reset
- No 12, Tabel Data User
1600 x 900 pixels
T12
Gambar 3.31 Perancangan Antarmuka Pilih User
145
BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM
Implementasi sistem
merupakan tahap penerjemahan kebutuhan pembangunan aplikasi ke dalam representasi perangkat lunak sesuai dengan hasil
analisis yang telah dilakukan. Setelah implementasi maka dilakukan pengujian sistem yang baru dimana akan dilihat kekurangan-kekurangan pada aplikasi yang
baru untuk selanjutnya diadakan pengembangan sistem
4.1 Implementasi
Tujuan implementasi sistem adalah untuk menjelaskan tentang manual modul kepada semua pengguna yang akan menggunakan sistem. Sehingga
pengguna dapat merespon apa yang ditampilkan dalam sistem dan memberikan masukan kepada pembuat sistem untuk dilakukan perbaikan agar
sistem menjadi lebih baik.
4.1.1 Perangkat Lunak Pembangunan
Perangkat lunak yang digunakan dalam pengembangan sistem aplikasi perpustakaan cerita rakyat adalah sebagai berikut :
1. Sistem Operasi Windows 7 Ultimate 64bit 2. XAMPP 1.7.2, untuk local internet dan penyimpanan database.
3. PHP Eclipse, untuk penulisan kode program PHP.
