BAB V IMPLEMENTASI KARYA SURABAYA - Dinamikarepository.dinamika.ac.id/id/eprint/285/8/BAB V.pdf ·...
Transcript of BAB V IMPLEMENTASI KARYA SURABAYA - Dinamikarepository.dinamika.ac.id/id/eprint/285/8/BAB V.pdf ·...
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