Design tampilan pada WEB

2 Tampilan Login untuk User Gambar 4.59. Rancangan tampilan login user Setelah user menentukan pilihan pada halaman index sebelumnya, maka akan tampil dimana mereka harus login, untuk masuk dan mengelola sistem sesuai yang telah ditentukan. Untuk masuk halaman berikutnya dan agar bisa mengelola datanya user diwajibkan untuk mengisi id user, dan password sesuai yang telah didaftarkan pada pengelola. 3 Tampilan Halaman Utama Tata Usaha Gambar 4.60. Rancangan tampilan halaman utama tata usaha Halaman utama tata usaha ini menampilkan menu yang akan terhubungkan dengan halaman data siswa, data matapelajaran, data kelas, data wali kelas, data jadwal pelajaran, data guru matapelajaran, data jadwal UTS, data jadwal UAS, data berita dan tombol untuk keluar. Tombol keluar untuk keluar dari aplikasi ini, tombol homepage untuk kembali pada halaman utama jika sedang berada pada halaman lain. 4 Tampilan web untuk halaman input dan output data siswa Gambar 4.61. Rancangan tampilan halaman data siswa Gambar 4.62. Rancangan tampilan halaman input atau edit data siswa 5 Tampilan web untuk halaman data matapelajaran Gambar 4.63. Rancangan tampilan halaman data Matapelajaran Gambar 4.64. Rancangan tampilan halaman input atau edit data matapelajaran 6 Tampilan web untuk halaman data kelas Gambar 4.65. Rancangan tampilan halaman data kelas Gambar 4.66. Rancangan tampilan halaman input atau edit data kelas 7 Tampilan web untuk halaman data wali kelas Gambar 4.67. Rancangan tampilan halaman data wali kelas Gambar 4.68. Rancangan tampilan halaman input atau edit data wali kelas 8 Tampilan web untuk halaman data jadwal pelajaran Gambar 4.69. Rancangan tampilan halaman data jadwal pelajaran Gambar 4.70. Rancangan tampilan halaman input atau edit data jadwal pelajaran, jadwal UTS, jadwal UAS 9 Tampilan web untuk halaman data guru matapelajaran Gambar 4.71. Rancangan tampilan halaman data Guru Matapelajaran Gambar 4.72. Rancangan tampilan halaman input atau edit data Guru Matapelajaran 10 Tampilan web untuk halaman data jadwal UTS Gambar 4.73. Rancangan tampilan halaman data Jadwal UTS 11 Tampilan web untuk halaman data jadwal UAS Gambar 4.74. Rancangan tampilan halaman data Jadwal UAS Gambar 4.75. Rancangan tampilan halaman data Jadwal matapelajaran, jadwal UTS dan Jadwal UAS jika di View 12 Tampilan web untuk halaman data berita Gambar 4.76. Rancangan tampilan halaman data Berita sekolah Gambar 4.78. Rancangan tampilan halaman input atau edit data Berita sekolah 13 Tampilan Halaman Utama Guru Matapelajaran Gambar 4.79. Rancangan tampilan halaman utama guru matapelajaran Halaman utama pada guru matapelajaran hanya terhubung pada data nilai, karena guru matapelajaran hanya mengolah nilai-nilai siswa. Tombol keluar untuk keluar dari aplikasi ini, tombol homepage untuk kembali pada halaman utama jika sedang berada pada halaman lain. 14 Tampilan web untuk halaman nilai untuk user Guru Matapelajaran Gambar 4.80 Rancangan tampilan halaman data Nilai Gambar 4.81 Rancangan tampilan halaman input atau edit data Nilai 15 Tampilan Halaman Utama Wali Kelas Gambar 4.82. Rancangan tampilan halaman utama wali kelas Halaman utama pada wali kelas hanya terhubung pada data rapor, karena wali kelas hanya mengolah rapor siswa yang dibimbingnya. Tombol keluar untuk keluar dari aplikasi ini, tombol homepage untuk kembali pada halaman utama jika sedang berada pada halaman lain. 16 Tampilan web untuk halaman rapor untuk user Wali kelas Gambar 4.83 Rancangan tampilan halaman data rapor Gambar 4.84 Rancangan tampilan halaman input atau edit data Nilai

4.3. Pembuatan Construction

4.3.1. Pengkodean coding

Dalam pembuatan program Coding peneliti menggunakan PHP versi 5.0.3. dan WML versi 1.0 sebagai bahasa pemograman pada aplikasi ini, MySQL, sebagai basis datanya, Apache Win32 sebagai web server nya semuanya tergabung dalam XAMPP versi 1.7.0, untuk pengolahan gambarnya, peneliti menggunakan Adobe Photoshop 7.0, desain tools peneliti menggunakan Microsoft Office Visio Professional 2007 dan Microsoft Office Word 2007 untuk pembuatan teks laporan, emulator yang digunakan sebagai browser script WML menggunakan Mozila Firefox wmlbrowser versi 0.7.2.2. dan Mozila Firefox versi 3.0.6 sebagai web browsernya. Adapun coding aplikasi WAP untuk layanan akademik ini, dapat dilihat pada lampiaran.

4.3.2. Testing Pengujian

Pada tahap pengujian, peneliti menggunakan spesifikasi perangkat keras dan lunak untuk sistem administrator dan sistem client menggunakan perangkat yang sama, karena aplikasi ini masih diimplementasikan di lingkungan MALHIKDUA saja. 1. Spesifikasi perangkat lunak yang digunakan adalah sebagai berikut : a. Operating System : Microsoft Windows XP service pack 2 b. Microbrowser : WML Browser c. Web Browser : Mozila Firefox versi 3.0.6 2. Spesifikasi perangkat keras yang digunakan adalah sebagai berikut : a. Motherboard : Asus b. Processor : IntelR Pentium 4, 2.40GHz c. Harddisk : 40 GB d. RAM : 992 MB e. Keysboard : Standard Microsoft Natural PS2 keyboard f. Mouse : Microsoft PS22 Mouse Dalam penelitian skripsi ini peneliti melakukan pengujian sistem yaitu dengan black box test. Hasil dari masing-masing pengujian tersebut dapat dilihat pada halaman lampiran.