3.3 Perancangan Sistem
3.3.3 Rancangan Layar .1 Layar Pembuka
Gambar 3.15 Rancangan Layar Pembuka
Rancangan layar pembuka ini merupakan rancangan layar intro yang berisi animasi singkat sebelum memasuki layar HOME dari aplikasi interactive CD.
3.3.3.2 Layar Home
Gambar 3.16 Rancangan Layar Home
Dari gambar diatas merupakan rancangan layar utama dari aplikasi CD interaktif yang berisi kata sambutan.
Pada layar Home ini terdapat beberapa button fungsi seperti: • Button Home untuk membuka layar Home
• Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button School Map untuk membuka layar School Map • Button Red Campus untuk membuka layar Red Campus
• Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button Exit untuk keluar dari aplikasi
3.3.3.3 Layar Profile
Gambar 3.17 Rancangan Layar Profile
Dari gambar diatas merupakan rancangan Profile dari CD interaktif sekolah Bukit Sion. Pada layar ini akan menjelaskan 10 alasan memilih sekolah Bukit Sion.
Pada layar Profile ini terdapat beberapa button fungsi, antara lain:
• Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button School Map untuk membuka layar School Map • Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button Next untuk ke halaman berikutnya
3.3.3.4 Layar History
Gambar 3.18 Rancangan Layar History
Dari gambar diatas merupakan rancangan History dari CD interaktif sekolah Bukit Sion. Pada layar ini akan menjelaskan sejarah dari sekolah Bukit Sion.
Pada layar ini terdapat beberapa button fungsi, antara lain: • Button Home untuk membuka layar Home
• Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button Exit untuk keluar dari aplikasi
3.3.3.5 Layar Visi dan Misi
Gambar 3.19 Rancangan Layar Visi dan Misi
Dari gambar diatas merupakan rancangan layar Visi dan Misi dari CD interaktif sekolah Bukit Sion. Pada layar ini akan menjelaskan Visi dan Misi sekolah Bukit Sion.
Pada layar Visi dan Misi ini terdapat beberapa button fungsi, antara lain:
• Button Home untuk membuka layar Home • Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button School Map untuk membuka layar School Map • Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button Exit untuk keluar dari aplikasi
3.3.3.6 Layar School Map
Gambar 3.20 Rancangan Layar School Map
Dari gambar diatas merupakan rancangan layar Peta Sekolah dari CD interaktif sekolah Bukit Sion. Pada layar ini akan memperlihatkan peta menuju sekolah Bukit Sion Red Campus maupun sekolah Bukit Sion Blue Campus.
Pada layar Peta Sekolah ini terdapat beberapa button fungsi, antara lain:
• Button Home untuk membuka layar Home • Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button School Map untuk membuka layar School Map • Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button Exit untuk keluar dari aplikasi
3.3.3.7 Layar Red Campus → View
Gambar 3.21 Rancangan Layar Red Campus → View
Dari gambar diatas merupakan rancangan layar View pada Red Campus dari CD interaktif sekolah Bukit Sion. Pada layar ini akan memperlihatkan bentuk bangunan Red Campus Bukit Sion dari depan.
Pada layar View Red Campus ini terdapat beberapa button fungsi, antara lain:
• Button Home untuk membuka layar Home • Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button School Map untuk membuka layar School Map • Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button View untuk membuka layar View
• Button Registration untuk membuka layar Registration • Button Contact untuk membuka layar Contact
3.3.3.8 Layar Red Campus → Registration
Gambar 3.22 Rancangan Layar Red Campus → Registration
Dari gambar diatas merupakan rancangan layar biaya registrasi dari CD interaktif sekolah Bukit Sion Red Campus. Pada layar ini akan menjelaskan biaya registrasi untuk siswa TK dan SD.
Pada layar Registrasi Red Campus ini terdapat beberapa button fungsi, antara lain:
• Button Home untuk membuka layar Home • Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button View untuk membuka layar View
• Button Registration untuk membuka layar Registration • Button Contact untuk membuka layar Contact
• Button Exit untuk keluar dari aplikasi
3.3.3.9 Layar Red Campus → Contact
Dari gambar diatas merupakan rancangan layar Contact dari CD interaktif sekolah Bukit Sion. Pada layar ini berisi nomor kontak dari sekolah Bukit Sion Red Campus.
Pada layar Contact ini terdapat beberapa button fungsi, antara lain:
• Button Home untuk membuka layar Home • Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button School Map untuk membuka layar School Map • Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button View untuk membuka layar View
• Button Registration untuk membuka layar Registration • Button Contact untuk membuka layar Contact
3.3.3.10 Layar Blue Campus → View
Gambar 3.24 Rancangan Layar Blue Campus → View
Dari gambar diatas merupakan rancangan layar View pada Blue Campus dari CD interaktif sekolah Bukit Sion. Pada layar ini akan memperlihatkan bentuk bangunan Blue Campus Bukit Sion dari depan.
Pada layar View Blue Campus ini terdapat beberapa button fungsi, antara lain:
• Button Home untuk membuka layar Home • Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button View untuk membuka layar View
• Button Registration untuk membuka layar Registration • Button Contact untuk membuka layar Contact
• Button Exit untuk keluar dari aplikasi
3.3.3.11 Layar Blue Campus → Registration
Dari gambar diatas merupakan rancangan layar biaya registrasi dari CD interaktif sekolah Bukit Sion Blue Campus. Pada layar ini akan menjelaskan biaya registrasi untuk siswa SMP dan SMA.
Pada layar Registrasi Blue Campus ini terdapat beberapa button fungsi, antara lain:
• Button Home untuk membuka layar Home • Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button School Map untuk membuka layar School Map • Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button View untuk membuka layar View
• Button Registration untuk membuka layar Registration • Button Contact untuk membuka layar Contact
3.3.3.12 Layar Blue Campus → Contact
Gambar 3.26 Rancangan Layar Blue Campus → Contact
Dari gambar diatas merupakan rancangan layar Contact dari CD interaktif sekolah Bukit Sion. Pada layar ini berisi nomor kontak dari sekolah Bukit Sion Blue Campus.
Pada layar Contact ini terdapat beberapa button fungsi, antara lain:
• Button Home untuk membuka layar Home • Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button View untuk membuka layar View
• Button Registration untuk membuka layar Registration • Button Contact untuk membuka layar Contact
• Button Exit untuk keluar dari aplikasi
3.3.3.13 Layar Facilities
Dari gambar diatas merupakan rancangan layar fasilitas dari CD interaktif sekolah Bukit Sion. Pada layar ini akan menampilkan semua fasilitas-fasilitas yang ada di sekolah Bukit Sion.
Pada layar Fasilitas ini terdapat beberapa button fungsi, antara lain:
• Button Home untuk membuka layar Home • Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button School Map untuk membuka layar School Map • Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button Next untuk ke halaman berikutnya
3.3.3.14 Layar Activities
Gambar 3.28 Rancangan Layar Activities
Dari gambar diatas merupakan rancangan layar Aktifitas dari CD interaktif sekolah Bukit Sion. Pada layar ini akan menampilkan beberapa aktifitas yang dilakukan oleh siswa-siswa sekolah Bukit Sion.
Pada layar Aktifitas ini terdapat beberapa button fungsi, antara lain:
• Button Home untuk membuka layar Home • Button Profile untuk membuka layar Profile • Button History untuk membuka layar History
• Button Vision & Mission untuk membuka layar Vision & Mission
• Button Red Campus untuk membuka layar Red Campus • Button Blue Campus untuk membuka layar Blue Campus • Button Facilities untuk membuka layar Facilities
• Button Activities untuk membuka layar Activities • Button Exit untuk keluar dari aplikasi
3.3.4 Spesifikasi Proses