INTERAKSI MANUSIA DAN KOMPUTER

PERBANDINGAN WEBSITE SEKOLAH DALAM NEGERI DENGAN

LUAR NEGERI

DOSEN PENGAMPU :

RONGGO ALIT, S.Kom., M.Kom

ANGGOTA KELOMPOK:

1. YOLLA FARADHILLA (1534010001)

2. OLIVIA ANGGUN PERMATASARI (1534010020)
3. SAHADI ILAIHI ZAMANI (1534010022)
4. DIANA NUR ANGGREINI (1534010028)
5. ALFIAN HENDIKA PUTRA (1534010033)
6. DIMAS RIZWARD H. U (1534010037)

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”

JAWA TIMUR

2017
A. Web Sekolah Dalam Negeri
( LPI Sabilillah Malang – http://sekolahsabilillah.sch.id/ )
1. Tampilan Web

Gambar 1.1 Tampilan Awal Web

Web LPI Sabilillah Malang di dominasi dengan warna hijau dan putih.
Web ini cukup menarik dan mudah untuk diakses. Pada halaman awal web
kita dapat menemukan beberapa info, seperti :
 Galeri
 Berita utama
 Majalah
 Kata – kata hikmah, dll.

Web ini terhubung dengan web dari masing – masing jenjang pendidikan
yang ada di LPI Sabilillah Malang. Web tersebut dapat di akses dengan klik
button yang dikotak merah seperti gambar di bawah ini.
 Gambar 1.2 Button Menuju Ke Web Jenjang Pendidikan

Web ini memiliki banyak fitur, diantaranya yaitu :

 Fitur drop up untuk menunjukkan sub menu dari masing – masing
menu
 Terhubung dengan social media
 Maps / letak sekolahnya
 Mengirim pesan ke admin
 Download
 Mengakses CCTV dari sekolah, dll.

2. User Experience
Pada saat membuka web ini, pertama kali yang dilihat adalah header
dengan gambar yang HD. Pada bagian awal terlihat colorful sehingga web
nampak menarik. Ketika di scroll kebawah akan muncul bagian galeri dan
berita utama dan juga bagian majalah yang dibagi menjadi 3 kolom dengan
1 baris. Pada bagian tersebut terlihat sangat kaku dan monoton sehingga
tampak kurang menarik. Letak dari menu web ini sebenarnya sesuai, tetapi
saat kita memilihnya, sub menu keluar secara dropup dan menutupi tulisan
diatas menu yang cukup mengganggu.
3. Kekurangan
Kekurangan dari web LPI Sabilillah Malang menurut kami yaitu :
1) Tampilan kurang menarik jika diakses melalui smartphone karena
beberapa bagian yang memaksa, tidak pas dan tertutup oleh button
link

Gambar 1.3 Tampilan Awal Pada Smartphone

Gambar 1.4 Tampilan Berita Terbaru pada Smartphone

 2) Icon instagram tidak senada dengan icon social media yang lain

Gambar 1.5 Icon Social Media

3) Fitur dropup menutupi tulisan yang berada diatas menu

Gambar 1.6 Fitur Drop Up Pada Menu

4. Masukan / Saran Untuk Web

Saran yang kami berikan unuk web LPI Sabilillah Malang yaitu :
1) Menu home dipindah diatas dan menggunakan fitur dropdown agar
tidak menutupi tulisan lain
2) Mengganti icon instagram agar senada dengan icon social media
yang lain
3) Membuat web menjadi responsive agar mudah diakses dimanapun
B. Web Sekolah Luar Negeri
( International School Singapore - http://www.iss.edu.sg/ )
1. Tampilan Web

Gambar 1.7 Tampilan Awal Web ISS

User Interface pada web ini sudah baik dan menarik untuk pemilihan
warna dan komposisi. Guidelines design yang dipakai termasuk jenis flat
design. Halaman awal pada website ini menampilkan pilihan menu dengan fitur
dropdown yang berada di header dan terbagi menjadi 2 menu dropdown.
Sehingga tingkat kekompleksan informasi yang ditampilkan sangat lengkap.
Dibawah header terdapat fitur carousel yang menampilkan beberapa foto yang
berkualitas tinggi dengan beberapa slogan. Dibawah carousel tersebut
terdapat container yang tersusun dengan komposisi warna mencolok yang
menarik untuk dilihat. Container – container tersebut berisi sekilas informasi
tentang sekolah tersebut. Jika website ini di scroll ke bawah akan muncul
secara otomatis testimoni dari alumni. Setelah container tersebut terdapat
tampilan event dan widget twitter. Tampilah event ini terlihat bersih dan rapi
karena efek background yang mengandung warna putih. Website ini diakhiri
footer yang berisi sitemap, tauatan sosial media dan akreditasi sekolah
tersebut.
2. User Experience
First impression saat membuka website ini adalah merasa bahwa
sekolah tersebut sangatlah professional. Dengan pemilihan warna, foto yang
memiliki makna tersirat dan animasi menambah kenyamanan user melihat
website tersebut. Pemilihan font juga sangat menunjang kenyamanan user.
Pembagian bar menu menjadi dua membantu kemudahan dalam
mengkases webiste yang menampilkan banyak informasi. Warna yang
mencolok pada hotline akan membantu user menemukan informasi. Sistem
menu dropdown pun membantu user memudahkan mengeksplor isi website
dengan mudah. Container event pun sangat mudah ditemukan di bawah
testimoni alumni. Menamplikan foto event dan judul yang sangat besar
menjadikan mudah untuk mengakses event pada website tersebut.
Pemilihan warna pada footer yang mencolok dengan tautan social
media sangat membantu untuk user. Di footer ini juga terdapat sitemap yang
lengkap.

3. Kekurangan
Kekurangan dari web ISS menurut kami yaitu :
1) Bar menu di bawah logo ISS memiliki design yang tidak rapi, memiliki
height yang berdeda pada menu Student Work

Gambar 1.8 Perbedaan Height Pada Bar Menu

2) Tulisan pada sub menu drop down terpotong pada screen sehingga
tidak terlihat dengan jelas oleh user.
 Gambar 1.9 Dropdown Menu Yang Kepotong

3) Margin gambar berbeda – beda membuat tidak sedap dipandang

Gambar 1.10 Margin Pada Foto Yang Tidak Sama

4) Sitemap yang sangat banyak membuat bingung para user

Gambar 1.11 Sitemap Yang Banyak Dengan Font Yang Tipis

 4. Masukan / Saran Untuk Web
Saran yang kami berikan unuk web ISS yaitu :
1. Seharusnya setelah user sampai pada dasar web, dibuat button back
to top karena website sangat panjang
2. Sitemap dibuat menu dropdown sehingga membuat footer lebih simple

C. Kesimpulan
Dari penjelasan diatas dapat disimpulkan bahwa setiap web baik dalam negeri
maupun luar negeri memiliki kekurangan masing – masing, tetapi secara
keseluruhan web luar negeri lebih cepat aksesnya, lebih menarik, dan lebih
lengkap daripada web dalam negeri.