33

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.

STIKOM S

URABAYA

34

Homepage merupakan tampilan utama website ketika pertama kali diakses

oleh pengunjung ketika menuliskan alamat awal pada browser

(www.alamanahcenter.com). 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.

STIKOM S

URABAYA

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.

STIKOM S

URABAYA

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).

STIKOM S

URABAYA

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. STIKOM S

URABAYA

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. STIKOM S

URABAYA

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. STIKOM S

URABAYA

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).

STIKOM S

URABAYA

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.

STIKOM S

URABAYA

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. STIKOM S

URABAYA

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. STIKOM S

URABAYA

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. STIKOM S

URABAYA

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. STIKOM S

URABAYA

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. STIKOM S

URABAYA

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. STIKOM S

URABAYA

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. STIKOM S

URABAYA

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.

STIKOM S

URABAYA