Professional Documents
Culture Documents
DISUSUN OLEH :
KELAS : 3KA15
UNIVERSITAS GUNADARMA
KATA PENGANTAR
1
Puji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan berbagai nikmat
sehingga penulis dapat menyelesaikan Penulisan makalah ini. Tak lupa shalawat serta salam
selalu tercurah kepada manusia termulia Baginda Rasul Muhammad SAW dan kepada para
sahabat serta para pengikutnya yang selalu setia hingga akhir zaman. Akhirnya Penulis dapat
menyelesaikan Penulisan makalah ini. Penulisan makalah yang diberi judul “Perbandingan E-
Learning Kids-E-Land dan Pendidikan.net” ini disusun guna memenuhi laporan praktikum
laboraturium system informasi.
Penulis berharap semoga Penulisan makalah yang sangat sederhana ini dapat memberikan
sumbang saran yang berguna kepada penulis khususnya dan kepada pembaca umumnya.
Disamping itu penulis menyadari dalam Penulisan makalah ini masih banyak kekurangan dan
kesalahan baik dari segi isi, cara penyampaian serta tata bahasanya. Kiranya kritik dan saran
yang membangun dari pembaca sangatlah penulis harapkan untuk dijadikan korelasi dalam
Penulisan makalah ini.
Penulis
DAFTAR ISI
2
KATA PENGANTAR .................................................................. 1
BAB 1 PENDAHULUAN .................................................................. 3
1.1 Latar Belakang Masalah .................................................................. 3
1.2 Ruang Lingkup .................................................................. 3
1.3 Tujuan Penulisan .................................................................. 3
1.4 Metode Penulisan .................................................................. 3
1.5 Sistematika Penulisan .................................................................. 3
BAB 2 PEMBAHASAN MASALAH .................................................................. 4
2.1 METAFORA .................................................................. 4
2.2 CLARITY .................................................................. 5
2.3 KONSISTENSI .................................................................. 5
2.4 ALIGNMENT .................................................................. 6
2.5 PROXIMITY .................................................................. 6
2.6 KONTRAS .................................................................. 7
2.7 WARNA .................................................................. 8
2.8 ICON .................................................................. 9
BAB 3 PENUTUP .................................................................. 10
3.1 KESIMPULAN .................................................................. 10
3.2 SARAN .................................................................. 10
BAB I
PENDAHULUAN
3
1.1 Latar Belakang Masalah
Seiring dengan berkembangnya internet di Indonesia, banyak Pembuat web di Indonesia
yang membuat webnya untuk semenarik mungkin, salah satu jenis web yang banyak diakses
adalah jenis E-Learning. E-Learning adalah pembelajaran melalui internet.Berdasarkan hal tersebut
diatas, maka kami membuat perbandingan tampilan web E-Learning Wikipedia dan Kiseland.
1.2 Ruang Lingkup
Pada penulisan makalah ini, Penulis membatasi masalah mengenai Tampilan pada web
wikipedia dan kidseland
1.3 Tujuan Penulisan
Dalam penulisan makalah ini, penulis mempunyai tujuan dari pembuatan makalah ini yaitu
untuk memenuhi laporan akhir laboratorium system informasi.
1.4 Metode Penulisan
Untuk menyusun penulisan makalah ini penulis mengumpulkan bahan yang diperlukan
dengan mencari informasi dari internet untuk selanjutnya diolah.
1.5 Sistematika Penulisan
Untuk memberikan penjelasan secara singkat serta garis besar dari isi penulisan ini. Penulis
menggunakan Sistematika Penulisan yang dibagi 3 bab, yang dimaksud untuk memberikan
pengertian yang singkat dan jelas dengan urutan sebagai berikut :
BAB 1 PENDAHULUAN
Pada bab ini penulis menjelaskan mengenai latar belakang dari judul penulisan, ruang lingkup
penulisan atau batasan-batasan pada penulisan makalah ini, tujuan dari penulisan ini, metode
penulisan, dan sistematika penulisan yang mengungkapkan intisari setiap dari bab yang akan
dibahas dalam penulisan makalah ini.
BAB 3 PENUTUP
Pada Bab III yang merupakan bagian terakhir dari penulisan ilmiah ini berisi kesimpulan dan
saran-saran.
BAB II
PEMBAHASAN MASALAH
4
1. METAFORA
Aplikasi dari nama atau deskripsi istilah objek lain yang tidak dapat diartikan secara harafiah.
Menghubungkan presentasi dan elemen-elemen visual dengan item-item yang berkaitan.
Metafora akan membuat para pengunjung seolah-olah berada di tempat yang sebenarnya, atau
bisa dikatakan juga bahwa metafora dibuat mirip seperti tempat yang dikunjungi. Contohnya,
website suatu toko online yang memiliki metafora, dimana pengunjung dibawa ke tempat
seolah-olah mereka benar ada di toko online tersebut.
Hasil analisa :
Kids-E-Land
5
Kalangan yang di tujukan untuk website ini tidak terlaluk jelas. Di karenakan bila di
tunjukkan untuk anak-anak pra sekolah atau baru mulai belajar mengenal huruf, dapat
dikatakan bahwa penggunaan website ini kurang baik karena penggunaannya menggunakan
kata dan mereka (anak-anak) belum mengerti apa itu huruf jadi bila disimpulkan penggunaan
website ini memerlukan bantuan pendamping sehingga mereka baru dapat mengaksesnya.
Banyak terdapat icon-icon yang diperuntukkan adanya pendampingnya agar para anak-anak
dapat mulai mempelajari yang mereka butuhkan seperti memulai mengenal bahasa atau mulai
berhitung.
Pendidikan.net
Untuk tampilan pendidikan yang ditunjukkan untuk pelajar . Tampilannya memudahkan para
pengguna untuk mencari informasi yang dibutuhkan. Kekurangannya penggunaan warna
yang teralu minim menyebabkan tampilan web ini kurang menarik.
2. CLARITY
Harus ada alasan yang kuat/masuk akal dan jelas mengapa menggunakan setiap elemen yang
berada dalam suatu interface yang kita buat,contohnya dalam peletakan suatu button,pembuat
harus memiliki alasan mengapa diletakkan di tempat tersebut. Penggunaan elemen yang lebih
sedikit akan lebih baik. Penggunaan background berwarna putih dianjurkan untuk memimpin
mata dan membuat mata tidak lelah dengan aktifitas elemen yang ada pada suatu website.
Hasil analisa :
Kids-E-Land
Warna yang digunakan dibuat berwarna-warni untuk menarik perhatian para penggunanya
yaitu anak-anak.Tataletak tombol nya rapih tidak berantakan Pengistirahatan mata dalam web
ini tegolong baik karena tidak banyak tulisan yang memusingkan mata dan setiap kita ingin
mengakses video nya ada jeda yang membuat mata sedikit beristirahat .Web ini tergolong
sederhana dan menarik
Pendidikan.net
Warna yang di gunakan adalah merah dan putih pewarnaannya simple namun sedikit kurang
menarik .sehingga terlihat teralu monoton tombol yang di gunakan di buat simple agar
simetris dengan tampilan web nya. Pada element pengistirahatan mata web ini terkesan
kurang karena teralu banyak terdadapat tulisan atau padat tulisan. Web ini tergolong simple
dan elegan
3. KONSISTENSI
6
Keseragaman dalam suatu program aplikasi. Konsistensi dalam tampilan, pewarnaan,
gambar, ikon, typography (model form yang digunakan pada suatu website), teks, dll. Harus
ada konsistensi baik dalam layar maupun antar layar. Dan harus selalu ada metafora
dimanapun juga. Setiap platform mungkin memiliki panduannya.
Hasil analisa :
Kids-E-Land
Konsistensi atau kesinambungan pada web KIDS E LAND tergolong baik karena
kesinambungan pada tampilan awal atau muka dan tampilan setelah masuk ke dalam salah
satu pilihan yang di tuju sama. Tombol dan pilihan yang adapun tidak berubah. Warna warni
pada web ini yang memang di tujukan pada anak-anak juga sangat cocok karena
menggambarkan dunia anak yang berwarna.
Pendidikan.net
Posisi tulisan pada web pendidikan.net tergolong baik karena terlihat teratur dan tertata rapi
seperti pada web kidseland dalam hal tampilan, pewarnaan,ikon, serta typography yang
digunakan. Dalam hal tampilan dan pewarnaan, web ini menyesuaikan para pengunjung web
yang sebagian besar merupakan pelajar. Hal ini ditunjukkan dengan pemilihan warna-warna
cerah yang melambangkan anak muda, sedangkan tampilan yang mencerminkan anak muda
adalah banner informasi yang menggunakan model remaja.
4. ALIGMENT
Untuk perataan dapat digunakan rata kiri, kanan atau tengah. Pada umumnya suatu teks pada
website dimulai dari kiri atas (left alignment), dimana left alignment akan mengijinkan mata
untuk menguraikan tampilan dengan lebih mudah. Selain itu dengan menggunakan bantuan
garis akan membantu dalam hal perataan. Sembunyikan garis horizontal dan vertical untuk
membantu mengalokasikan komponen window/jendela. Garis juga membantu
menghubungkan hal-hal yang berhubungan dan memudahkan perataannya.
Hasil analisa :
Kids-E-Land
Posisi tulisan pada web kids e land tergolong baik karena terlihat teratur dan tertata rapi baik
pada tampilan awal atau muka dan tampilan di dalamnya sehingga tidak membuat
penggunanya khususnya anak-anak merasa nyaman.
Pendidikan.net
Pada web pendidikan.net tata letak tulisan terlihat jelas dan teratur dari kiri ke kanan dan atas
ke bawah. Sehingga memudahkan pemakai dalam mengaksesnya.
5. PROXIMITY
7
Item-item yang berkaitan ditampilkan bersama pasti memiliki hubungan karena jarak yang
jauh mengimplikasikan bahwa tidak ada hubungan antara item-item tersebut.
Hasil analisa :
Kids-E-Land
Untuk web ini, dalam hal pengelompokan yang ingin di tampilkan tergolong baik dan sesuai
dengan apa yang dibutuhkan dalam melakukan pengarahan, dalam arti pilihan yang terdapat
didalam menu tersebut sesuai dengan yang dimaksudkan dengan menu tersebut.
Pendidikan.net
6. KONTRAS
Kontras adalah perbedaan antara dua buah atau lebih elemen. Dengan memakai teknik
kontras, seorang designer dapat menciptakan daya tarik visual dan perhatian tunggal dari
pengunjung website. Bayangkanlah apabila sebuah halaman website memiliki gaya dan
penampakan yang sama, maka halaman website tersebut menjadi membosankan dan tanpa
daya tarik. Bahkan isinyapun menjadi sulit untuk dicerna, karena itulah membuat elemen
menjadi kontras adalah salah satu dari web design yang efektif. Kontras dalam sebuah
halaman website dapat dibuat dengan memainkan 3 aspek design yaitu: warna, bentuk dan
posisi.
Kids-E-Land
Pada website kids-e-land teratur dan dapat membuat anak-anak sebagai usernya lebih
merasakan kenyamanan dalam penggunaan wabsite ini.
Pendidikan.net
Sedangkan kalau kontras pada pendidikan.net terlihat kurang menarik karena terlalu
mengunakan warna-warna yang terlalu terang.
7. WARNA
Biru
Positif: keheningan, mencintai, kesetiaan, keamanan, percaya, intelligence
Negatif: kedinginan, ketakutan, kejantanan
Hijau
Positif: uang, pertumbuhan, kesuburan, kesegaran, healing
Negatif: iri hati, kecemburuan, kesalahan, kekacauan
Merah
positif: cinta, energi, kuasa, kekuatan, penderitaan, panas
negatif: kemarahan, bahaya, peringatan, ketidaksabaran
Orange
positif: keberanian, kepercayaan, kehangatan/keramahan, keakraban, sukses
negatif: ketidak-tahuan, melempem, keunggulan
Hitam
positif: perlindungan, dramatis, serius, bergaya/anggun, formalitas
negatif: kerahasiaan, kematian, kejahatan/ malapetaka, kegaiban
Cokelat
positif: ramah, bumi, keluar rumah, umur panjang, konservatif
negatif: dogmatis, konservatif
Putih
positif: kebaikan, keadaan tak bersalah, kemurnian, segar, gampang, bersih
negatif: musim dingin, dingin, jauh
9
Hasil analisa :
Kids-E-Land
Pemberian warna pada website Kids-E-Land cukup soft karena anak-anak menyukai warna
yang lembut, dan cerah sehingga membangkitkan para anak-anak untuk belajar dan
mengetahui hal-hal baru.
Pendidikan.net
Pewarnaan pada website pendidikan.net di donimasi oleh warna merah dan putih yang
mengartikan semangat dan energi untuk para pemuda giat belajar, dan warna putih yang
mengartikan kemurnian para pembaca untuk memberi inspirasi baru.
8. ICON
Hasil analisa :
Kids-E-Land
Icon balita pada kids-e-Land ini cukup mengesankan para anak-anak bayi karena web ini di
khususkan untuk anak-anak pre-school agar lebih mengetahui tentang berbagai informasi,
dan juga penulisan kata-kata Kids-E-Land di kiri atas.
Pendidikan.net
Icon pada pendidikan.net yang terdiri atas buku-buku, bola dunia, dan poto dokumenter yang
mengartikan bahwa kita itu harus membaca buku dimana buku adalah jendela ilmu, jika bola
dunia membuat para pembaca untuk lebih giat lagi belajar agar bisa Go Global, sedangkan
foto dokumenter mengartikan pelajar-pelajar yang giat meraih prestasi.
10
BAB III
PENUTUP
3.1 Kesimpulan
Kesimpulan dari makalah ini adalah pada pembuatan website khususnya e learning
diperlukan pertimbangan yang matang dilihat dari 8 aspek yang telah di bahas diatas, dan
harus melihat golongan yang dituju dari website ini.
3.2 Saran
Mohon maaf bila ada kesalahan dalam pembuatan makalah ini , karena kami sadar bahwa
makalah ini jauh dari sempurna. Kritik dan saran yang membangun di butuhkan untuk
penyempurnaan makalah ini kedepannya.
11