Perancangan Antarmuka Aplikasi Perancangan Antarmuka Aplikasi

2 Perancangan Antarmuka Halaman Utama CMS 3 Perancangan Antarmuka Rublik Gambar 3. 59 Perancangan Antarmuka Halaman Utama CMS Text 1 : header. Text 2 : keterangan waktu. Text 3 : welcome Button 1 : muncul tampilan T2 Button 2 : muncul tampilan T3 Button 3 : muncul tampilan T4 Button 4 : button Logout • 1366 x 768 pixels • Times New Roman • Warna putih, hitam, biru, merah, abu-abu Gambar 3. 60 Perancangan Antarmuka Rublik Text 1 : header. Text 2 : keterangan waktu. Text 3 : tampilan tabel rublik Button 1 : muncul tampilan T2 Button 2 : muncul tampilan T3 Button 3 : muncul tampilan T4 Button 4 : button Logout Button 5 : button tambah untuk menambah rublik • 1366 x 768 pixels • Times New Roman • Warna putih, hitam, biru, merah, abu-abu 4 Perancangan Antarmuka Data Gambar 3. 61 Perancangan Antarmuka Data Text 1 : header. Text 2 : keterangan waktu. Text 3 : tampilan tabel data AR Button 1 : muncul tampilan T2 Button 2 : muncul tampilan T3 Button 3 muncul tampilan T4 Button 4 : button Logout menambah data Button 5 : muncul tampilan A5 • 1366 x 768 pixels • Times New Roman • Warna putih, hitam, biru, merah, abu-abu 5 Perancangan Antarmuka Manajemen Tambah Data AR Gambar 3. 62 Perancangan Antarmuka Manajemen Tambah Data AR Animasi Text 1 : header. Text 2 : keterangan waktu. Text 3 : tampilan input data Button 1 : muncul tampilan T2 Button 2 : muncul tampilan T3 Button 3 muncul tampilan T4 Button 4 : button Logout Button 5 : button submit Button 6 : button reset Button 5 : kembali • 1366 x 768 pixels • Times New Roman • Warna putih, hitam, biru, merah, abu-abu

3.2.2.3 Perancangan Pesan

Pada gambar dibawah ini merupakan perancangan pesan yang terdapat pada aplikasi AR Newspaper . Adapun tampilan pesan yang ada adalah sebagai berikut :

3.2.2.4 Jaringan Semantik

Jaringan semantic sistem yang akan dibangun dibedakan sesuai dengan jenis penggunanya yaitu user frontend, user backend. Jaringan semantiknya dapat dilihat pada gambar dibawah ini : 1. Jaringan Semantik User Frontend Jaringan semantik user frontend dapat dilihat pada Gambar 3.64 : Gambar 3. 63 Jaringan Semantik User frontend

2. Jaringan Semantik User backend

Jaringan semantik user backend dapat dilihat pada Gambar 3.65 : Gambar 3. 64 Jaringan Semantik Admin 211

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Bab ini 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 user yang akan menggunakan sistem. Sehingga user tersebut dapat merespon apa yang ditampilkan di sistem dan memberikan masukan kepada pembuat sistem untuk dilakukan perbaikan agar sistem lebih baik lagi.

4.1.1 Perangkat Lunak Pembangun

Perangkat lunak yang digunakan pada sistem komputer yang digunakan untuk membangun aplikasi ARNewspaper adalah sebagai berikut: 1. Sistem Operasi Windows 7 Ultimate . 2. Flash Developh 4.0.0 RC3 untuk penulisan kode program actionscript 3. 3. Autodesk 3ds Max 2012 untuk membuat model dan animasi objek 3D. 4. WampServer 2.2 untuk local internet dan penyimpanan database. 5. Dreamweaver CS5 untuk mengedit teks penulisan script PHP. 6. www.indonetmedia.com sebagai web hosting aplikasi backend dan frontend ARNewspaper. 7. Lab IN2AR.