BAB V IMPLEMENTASI KARYA

Transkripsi

1 BAB V IMPLEMENTASI KARYA 5.1 Tampilan Final Website Setelah website sudah diunggah kepada server, maka siap untuk diisi berbagai kategori, artikel, berita, foto / gambar, dan informasi perusahaan. Gambar 5.1 Tampilan final homepage. 33

2 34 Homepage merupakan tampilan utama website ketika pertama kali diakses oleh pengunjung ketika menuliskan alamat awal pada browser ( Maka di halaman ini perlu diisi dengan informasi terbaru perusahaan, yaitu diambil dari kategori agenda, berita dan galeri foto. Namun jumlah artikel perlu dibatasi menjadi 3 artikel per halaman agar homepage tidak terlalu berat saat diakses. Gambar 5.2 Tampilan final halaman Tentang Kami.

3 35 Menu halaman Tentang Kami diletakkan tepat disamping kanan menu homepage (Home). Hal ini ditujukan agar pengunjung lebih mudah mencari halaman ini, karena berkaitan dengan berbagai macam informasi lengkap dan briefing tentang perusahaan. Untuk informasi lebih rincinya, diletakkan pada submenu yang tertera pada list menu di kanan, yaitu Visi & Misi, Susunan Kepengurusan, Divisi ACEN, Alamat & Kontak dan Buku Tamu. Hal ini dimaksudkan agar tampilan halaman tidak terlalu terisi dengan tulisan yang panjang yang melelahkan mata. Gambar 5.3 Tampilan final halaman Buku Tamu.

4 36 Halaman Buku Tamu diletakkan pada menu Tentang Kami, namun tetap mudah diakses karena link menuju halaman ini dapat ditemukan di salah satu widget di bagian bawah website yang tertera pada seluruh halaman. Sehingga pengunjung dapat kapan saja menuliskan buku tamu. Untuk halaman ini menggunakan plugin dari Phoca Guestbook yang gratis. Desain warna dari buku tamu ini disesuaikan dengan tema warna desain website secara keseluruhan, yaitu hitam, kuning, dan putih (pengecualian pada bagian Image Verification, karena bagian itu menghasilkan warna yang berubah-ubah secara acak untuk menghalau Spam masuk kedalam buku tamu).

5 37 Gambar 5.4 Tampilan final halaman Divisi. Bagian Divisi masuk kedalam kategori Tentang Kami. Pada bagian ini juga meminimalisasi jumlah tulisan dalam satu halaman, sehingga pada bagian ini hanya dijelaskan secara singkat tentang berbagai divisi-divisi yang ada dalam perusahaan, yang selengkapnya dapat dilihat pada sub-bagian yang dapat dipilih di menu sebelah kanan.

6 38 Gambar 5.6 Tampilan final halaman Berita. Kategori ini berisi seluruh artikel yang berkaitan dengan berita terbaru dari perusahaan. Dalam kategori ini, jumlah artikel dibatasi menjadi 5 artikel per halaman agar tampilan website tidak menjadi terlalu panjang dan berat karena menampilkan jumlah berita yang banyak.

7 39 Gambar 5.7 Tampilan final halaman Agenda. Kategori ini berisi seluruh artikel yang berkaitan dengan agenda kegiatan terbaru yang akan diadakan oleh perusahaan. Dalam kategori ini, jumlah artikel juga dibatasi menjadi 5 artikel per halaman agar tampilan website tidak menjadi terlalu panjang dan berat karena menampilkan jumlah agenda yang banyak.

8 40 Gambar 5.8 Tampilan final halaman Galeri. Kategori ini berisi artikel yang hanya dimaksudkan untuk menempatkan foto-foto yang tersusun seperti galeri. Dalam halaman ini, jumlah artikel dibatasi menjadi 3 artikel per halaman, dikarenakan untuk foto waktu loading per halaman yang digunakan akan menjadi lama karena berat (terlalu banyak foto).

9 41 Gambar 5.9 Tampilan final halaman Jelajah Amanah. Halaman ini merupakan halaman tambahan untuk keperluan kedepan. Jelajah Amanah adalah salah satu divisi dari Al-Amanah Center yang dikembangkan untuk jasa tour & travel berbasis pendidikan. Sebagaimana perkembangan terakhir, informasi dari halaman ini akan ditambahkan oleh pihak perusahaan sendiri kedepannya.

10 42 Gambar 5.10 Tampilan final halaman Visi & Misi. Halaman ini merupakan penjelasan lanjutan dari halaman Tentang Kami. Di halaman ini hanya berisi Visi dan Misi dari Al-Amanah Center. Seperti pada halaman informasi perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan mata pengunjung.

11 43 Gambar 5.11 Tampilan final halaman Susunan Kepengurusan Halaman ini merupakan penjelasan lanjutan dari halaman Tentang Kami. Di halaman ini hanya berisi informasi sususan kepengurusan dari Al-Amanah Center. Seperti pada halaman informasi perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan mata pengunjung.

12 44 Gambar 5.12 Tampilan final halaman Alamat & Kontak Halaman ini merupakan penjelasan lanjutan dari halaman Tentang Kami. Di halaman ini hanya berisi informasi alamat dan kontak dari Al-Amanah Center. Seperti pada halaman informasi perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan mata pengunjung.

13 45 Gambar 5.13 Tampilan final halaman Divisi I Halaman ini merupakan penjelasan lanjutan dari halaman Tentang Kami. Di halaman ini hanya berisi informasi Divisi I dari Al-Amanah Center, yaitu Jelajah Amanah. Perbedaan dengan halaman Jelajah Amanah sebelumnya adalah, dalam halam an ini hanya berisi informasi Divisi dan kepengurusannya.

14 46 Gambar 5.14 Tampilan final halaman Divisi II Halaman ini merupakan penjelasan lanjutan dari halaman Tentang Kami. Di halaman ini hanya berisi informasi dan susunan kepengurusan Divisi II dari Al-Amanah Center, yaitu Semesta Berfikir. Seperti pada halaman informasi perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan mata pengunjung.

15 47 Gambar 5.15 Tampilan final halaman Divisi III Halaman ini merupakan penjelasan lanjutan dari halaman Tentang Kami. Di halaman ini hanya berisi informasi dan susunan kepengurusan Divisi III dari Al-Amanah Center, yaitu Jejaring Alumni. Seperti pada halaman informasi perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan mata pengunjung.

16 48 Gambar 5.16 Tampilan final halaman Divisi IV Halaman ini merupakan penjelasan lanjutan dari halaman Tentang Kami. Di halaman ini hanya berisi informasi dan susunan kepengurusan Divisi IV dari Al-Amanah Center, yaitu Riset Pendidikan. Seperti pada halaman informasi perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan mata pengunjung.

17 49 Gambar 5.17 Tampilan final halaman Divisi V Halaman ini merupakan penjelasan lanjutan dari halaman Tentang Kami. Di halaman ini hanya berisi informasi dan susunan kepengurusan Divisi V dari Al-Amanah Center, yaitu Al-Amanah Berkarya. Seperti pada halaman informasi perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan mata pengunjung.