BAB V
A
IMPLEMENTASI KARYA
AY
5.1 Tampilan Final Website
Setelah website sudah diunggah kepada server, maka siap untuk diisi
ST
IK
O
M
SU
R
AB
berbagai kategori, artikel, berita, foto / gambar, dan informasi perusahaan.
Gambar 5.1 Tampilan final homepage.
33
34
Homepage merupakan tampilan utama website ketika pertama kali diakses oleh
pengunjung
ketika
menuliskan
alamat
awal
pada
browser
A
(www.alamanahcenter.com). Maka di halaman ini perlu diisi dengan informasi terbaru perusahaan, yaitu diambil dari kategori agenda, berita dan galeri foto.
AY
Namun jumlah artikel perlu dibatasi menjadi 3 artikel per halaman agar homepage
ST
IK
O
M
SU
R
AB
tidak terlalu berat saat diakses.
Gambar 5.2 Tampilan final halaman Tentang Kami.
35
Menu halaman “Tentang Kami” diletakkan tepat disamping kanan menu homepage (Home). Hal ini ditujukan agar pengunjung lebih mudah mencari
A
halaman ini, karena berkaitan dengan berbagai macam informasi lengkap dan briefing tentang perusahaan.
AY
Untuk informasi lebih rincinya, diletakkan pada submenu yang tertera
pada list menu di kanan, yaitu “Visi & Misi, Susunan Kepengurusan, Divisi
AB
ACEN, Alamat & Kontak” dan “Buku Tamu”. Hal ini dimaksudkan agar tampilan
ST
IK
O
M
SU
R
halaman tidak terlalu terisi dengan tulisan yang panjang yang melelahkan mata.
Gambar 5.3 Tampilan final halaman Buku Tamu.
36
Halaman “Buku Tamu” diletakkan pada menu “Tentang Kami”, namun tetap mudah diakses karena link menuju halaman ini dapat ditemukan di salah satu
A
widget di bagian bawah website yang tertera pada seluruh halaman. Sehingga pengunjung dapat kapan saja menuliskan buku tamu.
AY
Untuk halaman ini menggunakan plugin dari Phoca Guestbook yang gratis.
Desain warna dari buku tamu ini disesuaikan dengan tema warna desain website
AB
secara keseluruhan, yaitu hitam, kuning, dan putih (pengecualian pada bagian
Image Verification, karena bagian itu menghasilkan warna yang berubah-ubah
ST
IK
O
M
SU
R
secara acak untuk menghalau Spam masuk kedalam buku tamu).
O
M
SU
R
AB
AY
A
37
Gambar 5.4 Tampilan final halaman Divisi.
IK
Bagian “Divisi” masuk kedalam kategori “Tentang Kami”. Pada bagian ini
ST
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.
O
M
SU
R
AB
AY
A
38
Gambar 5.6 Tampilan final halaman Berita.
IK
Kategori ini berisi seluruh artikel yang berkaitan dengan berita terbaru dari
ST
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.
O
M
SU
R
AB
AY
A
39
Gambar 5.7 Tampilan final halaman Agenda.
IK
Kategori ini berisi seluruh artikel yang berkaitan dengan agenda kegiatan
ST
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.
O
M
SU
R
AB
AY
A
40
Gambar 5.8 Tampilan final halaman Galeri.
IK
Kategori ini berisi artikel yang hanya dimaksudkan untuk menempatkan
ST
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).
O
M
SU
R
AB
AY
A
41
Gambar 5.9 Tampilan final halaman Jelajah Amanah.
IK
Halaman ini merupakan halaman tambahan untuk keperluan kedepan.
ST
“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.
O
M
SU
R
AB
AY
A
42
Gambar 5.10 Tampilan final halaman Visi & Misi.
IK
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
ST
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.
O
M
SU
R
AB
AY
A
43
Gambar 5.11 Tampilan final halaman Susunan Kepengurusan
IK
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
ST
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.
O
M
SU
R
AB
AY
A
44
Gambar 5.12 Tampilan final halaman Alamat & Kontak
IK
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
ST
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.
O
M
SU
R
AB
AY
A
45
Gambar 5.13 Tampilan final halaman Divisi I
IK
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
ST
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.
O
M
SU
R
AB
AY
A
46
Gambar 5.14 Tampilan final halaman Divisi II
IK
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
ST
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.
O
M
SU
R
AB
AY
A
47
Gambar 5.15 Tampilan final halaman Divisi III
IK
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
ST
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.
O
M
SU
R
AB
AY
A
48
Gambar 5.16 Tampilan final halaman Divisi IV
IK
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
ST
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.
O
M
SU
R
AB
AY
A
49
Gambar 5.17 Tampilan final halaman Divisi V
IK
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
ST
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.
