SlideShare a Scribd company logo
1 of 15
MENILA
I
WEBSI
TE
Lita Damayanti
Kelly Adelina
Fitatullah
Tasya Nabilah P
Maulidia Hilmah
Ni Made Nadya Maharani
PENILAIAN
W E B S I T E
KRITERIA FUNGSI KRITERIA KONTEN KRITERIA ORIGINALITAS KRITERIA EFEKTIFITAS
73
%
Referensi: www.webaward.org dan www.worldbestwebsites.com/criteria.htm
Aksesibilitas,
Kualitas HTML,
dan Legalitas
Informasi,
Ekspresi Verbal,
Tujuan, dan
Interaksi
Inovasi, Teknologi,
Kreativitas, dan
Visi
Mutu Pelayanan
dan Etika
Website Satu
1
UNIVERSITAS INDONESIA
Veritas, Probitas, Iustitia
Website Dua
2
Kriteria Nilai
No. Kriteria
UI Stanford
Skor Alasan Skor Alasan
.1. Desain Grafis 2 Konsep desain yang menarik dan
mudah dibaca, namun
pewarnaannya terlalu kontras
sehingga melelahkan mata. Font
tulisannya juga terlalu kecil
3 Konsep desain cukup sederhana dan kombinasi
warna yang juga sederhana namun font yang
digunakan mudah untuk di baca serta
penambahan beberapa foto pada beranda
membuat cukup menarik
2. Keramahan
Penggunaan
4 Mudah digunakan, tidak membuat
pengguna bingung. Terdapat pula
informasi bantuan
4 Mudah dalam penggunaan dan juga beberpa
fitur yang tersedia cukup mudah digunakan
dalam mencari informasi lebih dalam
3. Aksesibilitas 3 Dapat diakses secara universal
karena terdapat fitur bahasa Inggris
dan bahasa Indonesia. Namun
bahasa inggrisnya kurang baik.
3 Dalam pengaksesan cukup mudah, pencarian
website ini juga mudah ditemukan pada Google
search serta penggunaan bahasa pada website
ini menggunakan bahasa universal yakni
English, sehingga seluruh dunia bisa mengerti
informasi yang disajikan pada website ini
4. Kualitas HTML 4 HTML bersih dari error serta
elemen-elemen (title,
keywords,tags,description) juga
tersedia dengan lengkap
4 HTML bersih dari error serta elemen-elemen
(title, keywords,tags,description) juga tersedia
dengan lengkap
5. Legalitas 4 Merupakan website yang legal 4 Merupakan website yang legal dan sesuai
dengan hukum copyright internasional
6. Informasi 3 Informasi yang dipaparkan lengkap
(akademis/non akademis), terdapat
fasilitas search namun tidak terdapat
FAQ.
4 Informasi yang dipaparkan website ini cukup
lengkap baik mengenai akademik maupun non
akademik, terdapat fasilitas search serta link
yang diberikan untuk mengunduh fakta-fakta
mengenai Stanford University
7. Ekspresi Verbal 4 Bahasa yang digunakan dalam website
sudah cukup baik dan jelas.
4 Tata bahasa yang digunakan sudah baik dan
jelas, penggunaan tanda baca benar, serta tidak
ada duplikasi atau penggandaan kata
8. Tujuan 3 Semua konten berfungsi dengan baik
namun kurang memiliki daya Tarik
untuk dikunjungi kembali karena
pewarnaan website yang kurang
menarik
3 Informasi yang diberikan di setiap fitur
memiliki tujuan yang jelas dan sesuai namun
daya tarik mengunjungi kembali mungkin
kurang karena desain yang kurang menarik
9. Interaksi 3 Mudah didapatkan kontak untuk
dihubungi dan menggunakan sosial
media dengan aktif, namun saat
dihubungi melalui email, tidak
membalas.
3 Pada bagian awal website terdapat pilihan
untuk mencari informasi namun tidak
interaktif karena email tidak membalas dan
tidak aktif di sosial media.
10
.
Inovasi 3 Memiliki widget tool timeline twitter
pada laman dan sebagai kanal informasi
yang selalu update.
3 Pada website ini ada hal yang cukup menarik
yakni adanya suggestion yang disuguhkan
sehingga para pengguna dapat merasa
terbantu juga untuk menemukan informasi
yang similar
11. Teknologi 4 Menyediakan fasilitas bebas biaya
untuk mahasiswa/staff/dosen UI.
4 Memanfaatkan teknologi yang ada dengan
baik, integrasi database yang cukup baik
serta menyediakan fasilitas seperti
pengunduhan file mengenai Standford
University dengan gratis. Namun gambar di
papan headline tidak dapat terganti secara
otomatis.
12. Kreativitas 4 Di setiap pengumuman disertai
dengan foto. Terdapat link untuk
mengakses sosial media UI.
Terdapat twitter widget.
3 Konten yang ada pada website ini cukup
kreatif pada suguhan foto yang diberikan di
setiap informasi yang ditampilkan
13. Visi 3 Website ini dalam hal
menampilkan ide-ide baru dapat
dikatakan cukup baik dan
berpikiran maju
3 Website ini dalam hal menampilkan ide-ide
baru dapat dikatakan cukup baik dan
berpikiran maju
14. Mutu Pelayanan 3 Tidak membalas email namun
memaksimalkan pelayanannya di
sosial media lainnya
2 Website ini menyediakan layanan Standford’s
daily news email sehingga para pengguna
bisa secara berkala mendapatkan informasi
yang update melalui email pengguna
15. Etika 4 Berkontribusi dan mendukung
publik.
4 Sesuai dengan etika bisnis dan tidak ada
unsur menjelekan pihak manapun serta
berkontribusi dan mendukung publik
USULAN FITUR
Stanford University
Papan
Headline
p e r l u
d i t a m b a h ka n s e b u a h t i m e r
o t o m a t i s a ga r d a p a t
m e n g ga n t i b e r i t a /ga m b a r
Laman resmi Stanford University
terlalu kaku karena tidak ada unsur
interaktif sehingga terkesan tidak
hidup dan tertutup
Konten
Bergerak
Menu
Tab
p e r l u
d i t a m b a h ka n s e p e r t i f i t u r
f l a s h a t a u w i d g e t t w i t t e r
Hal ini dibutuhkan agar laman web
Stanford tidak terkesan
membosankan bagi pembaca
s e p e r t i
a d m i s s i o n , a b o u t S t a n f o r d ,
d l l . p e r l u d i t a m b a h ka n
f i t u r p o p u p
Dengan ini pembaca dapat
mengetahui secara singkat konten-
konten ada dalam menu tab tanpa
harus beranjak dari laman utama
USULAN FITUR
Universitas Indonesia
Perbaruan
komposisiWa r n a l a m a n , t a t a l e t a k
h a l a m a n , j e n i s fo n t y a n g
d i g u n a ka n
Warna yang digunakan (kuning-putih)
melelahkan mata serta ukuran font
terlalu kecil dengan jenis font yang
kurang menarik untuk dijadikan font
teks laman website
Mengganti
gambar
Menu
Tab
y a n g
d i u n g ga h d i w e b d e n ga n
ga m b a r - ga m b a r t e r b a r u
Gambar-gambar yang ditampilkan di
laman kebanyakan sudah usang dan
tidak menggambarkan situasi UI saat ini
se h a r u s ny a
t i d a k d i p e n u h i i k l a n
s e h i n g ga s e b a i k ny a i k l a n
t i d a k d i p e r ke n a n ka n a d a
Seharusnya, papan headline digunakan
untuk memajang berita, prestasi terkini
UI sendiri, atau gambar-gambar yang
menunjukkan kualitas unggulan UI
REFERENSI
www.worldbestwebsites.com/criteria
www.webaward.org
www.ui.ac.id
www.stanford.edu

More Related Content

Viewers also liked (6)

Isu-isu Strategis dan Tantangan bagi Pembangunan Air Bersih dan Sanitasi
Isu-isu Strategis dan Tantangan bagi Pembangunan Air Bersih dan SanitasiIsu-isu Strategis dan Tantangan bagi Pembangunan Air Bersih dan Sanitasi
Isu-isu Strategis dan Tantangan bagi Pembangunan Air Bersih dan Sanitasi
 
Rincones de aprendizaje
Rincones de aprendizaje Rincones de aprendizaje
Rincones de aprendizaje
 
Makalah pbl 2 penurunan permukaan tanah dari hg 5
Makalah pbl 2 penurunan permukaan tanah dari hg 5Makalah pbl 2 penurunan permukaan tanah dari hg 5
Makalah pbl 2 penurunan permukaan tanah dari hg 5
 
rhonda-kerbo-new-resume
rhonda-kerbo-new-resumerhonda-kerbo-new-resume
rhonda-kerbo-new-resume
 
Merancang Kinerja Unggul Organisasi Melalui Diagnostic Reading
Merancang Kinerja Unggul Organisasi Melalui Diagnostic ReadingMerancang Kinerja Unggul Organisasi Melalui Diagnostic Reading
Merancang Kinerja Unggul Organisasi Melalui Diagnostic Reading
 
MPKT B - Penurunan Permukaan Tanah di Jakarta
MPKT B - Penurunan Permukaan Tanah di JakartaMPKT B - Penurunan Permukaan Tanah di Jakarta
MPKT B - Penurunan Permukaan Tanah di Jakarta
 

Similar to Pbl2 ictd

Tugas metpen tahap akhir
Tugas metpen tahap akhirTugas metpen tahap akhir
Tugas metpen tahap akhir
Yusuf Prawiro
 
Tgs 5 web pariwisata imk...by.artayahonest
Tgs 5 web pariwisata imk...by.artayahonestTgs 5 web pariwisata imk...by.artayahonest
Tgs 5 web pariwisata imk...by.artayahonest
Artaya Honest
 
design thinking vs 3 tugas akhir
design thinking vs 3 tugas akhirdesign thinking vs 3 tugas akhir
design thinking vs 3 tugas akhir
Aulia Dwi
 
Tahap 1 Kualitas Situs di Internet
Tahap 1 Kualitas Situs di InternetTahap 1 Kualitas Situs di Internet
Tahap 1 Kualitas Situs di Internet
Yusuf Prawiro
 
Analisis implementasi teknologi informasi dan komunikasi
Analisis implementasi teknologi informasi dan komunikasiAnalisis implementasi teknologi informasi dan komunikasi
Analisis implementasi teknologi informasi dan komunikasi
istuti123
 
5. Digital Ethics-Etika me-Review Konten dan Mengemukakan Pendapat.pptx
5. Digital Ethics-Etika me-Review Konten dan Mengemukakan Pendapat.pptx5. Digital Ethics-Etika me-Review Konten dan Mengemukakan Pendapat.pptx
5. Digital Ethics-Etika me-Review Konten dan Mengemukakan Pendapat.pptx
Muhammad Fatikhun
 

Similar to Pbl2 ictd (20)

PPT PRESENTASI IMK KELOMPOK.pptx
PPT PRESENTASI IMK KELOMPOK.pptxPPT PRESENTASI IMK KELOMPOK.pptx
PPT PRESENTASI IMK KELOMPOK.pptx
 
Tugas metpen tahap akhir
Tugas metpen tahap akhirTugas metpen tahap akhir
Tugas metpen tahap akhir
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Tgs 5 web pariwisata imk...by.artayahonest
Tgs 5 web pariwisata imk...by.artayahonestTgs 5 web pariwisata imk...by.artayahonest
Tgs 5 web pariwisata imk...by.artayahonest
 
MAKALAH MODEL-MODEL PEMBELAJARANn.docx
MAKALAH MODEL-MODEL PEMBELAJARANn.docxMAKALAH MODEL-MODEL PEMBELAJARANn.docx
MAKALAH MODEL-MODEL PEMBELAJARANn.docx
 
Proposal kelompok 2 charles babbage (1)
Proposal kelompok 2 charles babbage (1)Proposal kelompok 2 charles babbage (1)
Proposal kelompok 2 charles babbage (1)
 
Interaksi manusia dan koputer
Interaksi manusia dan koputerInteraksi manusia dan koputer
Interaksi manusia dan koputer
 
Ictd 2 perbandingan ui dengan university of oxford hg 5
Ictd 2 perbandingan ui dengan university of oxford hg 5Ictd 2 perbandingan ui dengan university of oxford hg 5
Ictd 2 perbandingan ui dengan university of oxford hg 5
 
design thinking vs 3 tugas akhir
design thinking vs 3 tugas akhirdesign thinking vs 3 tugas akhir
design thinking vs 3 tugas akhir
 
Tahap 1 Kualitas Situs di Internet
Tahap 1 Kualitas Situs di InternetTahap 1 Kualitas Situs di Internet
Tahap 1 Kualitas Situs di Internet
 
modul PEMBELAJARAN BERBASIS WEB/WEBSITE
modul PEMBELAJARAN BERBASIS WEB/WEBSITEmodul PEMBELAJARAN BERBASIS WEB/WEBSITE
modul PEMBELAJARAN BERBASIS WEB/WEBSITE
 
Modul media pembelajaran berbasis web
Modul media pembelajaran berbasis webModul media pembelajaran berbasis web
Modul media pembelajaran berbasis web
 
Modul media pembelajaran berbasis web
Modul media pembelajaran berbasis webModul media pembelajaran berbasis web
Modul media pembelajaran berbasis web
 
Modul Ajar Basis Data
Modul Ajar Basis DataModul Ajar Basis Data
Modul Ajar Basis Data
 
Analisis implementasi teknologi informasi dan komunikasi
Analisis implementasi teknologi informasi dan komunikasiAnalisis implementasi teknologi informasi dan komunikasi
Analisis implementasi teknologi informasi dan komunikasi
 
Modul pembelajaran berbasis web/wbsite
Modul pembelajaran berbasis web/wbsiteModul pembelajaran berbasis web/wbsite
Modul pembelajaran berbasis web/wbsite
 
5. Digital Ethics-Etika me-Review Konten dan Mengemukakan Pendapat.pptx
5. Digital Ethics-Etika me-Review Konten dan Mengemukakan Pendapat.pptx5. Digital Ethics-Etika me-Review Konten dan Mengemukakan Pendapat.pptx
5. Digital Ethics-Etika me-Review Konten dan Mengemukakan Pendapat.pptx
 
Tugas buk nurul cyber counseling
Tugas buk nurul cyber counselingTugas buk nurul cyber counseling
Tugas buk nurul cyber counseling
 
Review paper santi
Review paper santiReview paper santi
Review paper santi
 
Pengembangan Diri II
Pengembangan Diri IIPengembangan Diri II
Pengembangan Diri II
 

Pbl2 ictd

  • 1. MENILA I WEBSI TE Lita Damayanti Kelly Adelina Fitatullah Tasya Nabilah P Maulidia Hilmah Ni Made Nadya Maharani
  • 2. PENILAIAN W E B S I T E KRITERIA FUNGSI KRITERIA KONTEN KRITERIA ORIGINALITAS KRITERIA EFEKTIFITAS 73 % Referensi: www.webaward.org dan www.worldbestwebsites.com/criteria.htm Aksesibilitas, Kualitas HTML, dan Legalitas Informasi, Ekspresi Verbal, Tujuan, dan Interaksi Inovasi, Teknologi, Kreativitas, dan Visi Mutu Pelayanan dan Etika
  • 5.
  • 7.
  • 8.
  • 10. No. Kriteria UI Stanford Skor Alasan Skor Alasan .1. Desain Grafis 2 Konsep desain yang menarik dan mudah dibaca, namun pewarnaannya terlalu kontras sehingga melelahkan mata. Font tulisannya juga terlalu kecil 3 Konsep desain cukup sederhana dan kombinasi warna yang juga sederhana namun font yang digunakan mudah untuk di baca serta penambahan beberapa foto pada beranda membuat cukup menarik 2. Keramahan Penggunaan 4 Mudah digunakan, tidak membuat pengguna bingung. Terdapat pula informasi bantuan 4 Mudah dalam penggunaan dan juga beberpa fitur yang tersedia cukup mudah digunakan dalam mencari informasi lebih dalam 3. Aksesibilitas 3 Dapat diakses secara universal karena terdapat fitur bahasa Inggris dan bahasa Indonesia. Namun bahasa inggrisnya kurang baik. 3 Dalam pengaksesan cukup mudah, pencarian website ini juga mudah ditemukan pada Google search serta penggunaan bahasa pada website ini menggunakan bahasa universal yakni English, sehingga seluruh dunia bisa mengerti informasi yang disajikan pada website ini 4. Kualitas HTML 4 HTML bersih dari error serta elemen-elemen (title, keywords,tags,description) juga tersedia dengan lengkap 4 HTML bersih dari error serta elemen-elemen (title, keywords,tags,description) juga tersedia dengan lengkap 5. Legalitas 4 Merupakan website yang legal 4 Merupakan website yang legal dan sesuai dengan hukum copyright internasional
  • 11. 6. Informasi 3 Informasi yang dipaparkan lengkap (akademis/non akademis), terdapat fasilitas search namun tidak terdapat FAQ. 4 Informasi yang dipaparkan website ini cukup lengkap baik mengenai akademik maupun non akademik, terdapat fasilitas search serta link yang diberikan untuk mengunduh fakta-fakta mengenai Stanford University 7. Ekspresi Verbal 4 Bahasa yang digunakan dalam website sudah cukup baik dan jelas. 4 Tata bahasa yang digunakan sudah baik dan jelas, penggunaan tanda baca benar, serta tidak ada duplikasi atau penggandaan kata 8. Tujuan 3 Semua konten berfungsi dengan baik namun kurang memiliki daya Tarik untuk dikunjungi kembali karena pewarnaan website yang kurang menarik 3 Informasi yang diberikan di setiap fitur memiliki tujuan yang jelas dan sesuai namun daya tarik mengunjungi kembali mungkin kurang karena desain yang kurang menarik 9. Interaksi 3 Mudah didapatkan kontak untuk dihubungi dan menggunakan sosial media dengan aktif, namun saat dihubungi melalui email, tidak membalas. 3 Pada bagian awal website terdapat pilihan untuk mencari informasi namun tidak interaktif karena email tidak membalas dan tidak aktif di sosial media. 10 . Inovasi 3 Memiliki widget tool timeline twitter pada laman dan sebagai kanal informasi yang selalu update. 3 Pada website ini ada hal yang cukup menarik yakni adanya suggestion yang disuguhkan sehingga para pengguna dapat merasa terbantu juga untuk menemukan informasi yang similar
  • 12. 11. Teknologi 4 Menyediakan fasilitas bebas biaya untuk mahasiswa/staff/dosen UI. 4 Memanfaatkan teknologi yang ada dengan baik, integrasi database yang cukup baik serta menyediakan fasilitas seperti pengunduhan file mengenai Standford University dengan gratis. Namun gambar di papan headline tidak dapat terganti secara otomatis. 12. Kreativitas 4 Di setiap pengumuman disertai dengan foto. Terdapat link untuk mengakses sosial media UI. Terdapat twitter widget. 3 Konten yang ada pada website ini cukup kreatif pada suguhan foto yang diberikan di setiap informasi yang ditampilkan 13. Visi 3 Website ini dalam hal menampilkan ide-ide baru dapat dikatakan cukup baik dan berpikiran maju 3 Website ini dalam hal menampilkan ide-ide baru dapat dikatakan cukup baik dan berpikiran maju 14. Mutu Pelayanan 3 Tidak membalas email namun memaksimalkan pelayanannya di sosial media lainnya 2 Website ini menyediakan layanan Standford’s daily news email sehingga para pengguna bisa secara berkala mendapatkan informasi yang update melalui email pengguna 15. Etika 4 Berkontribusi dan mendukung publik. 4 Sesuai dengan etika bisnis dan tidak ada unsur menjelekan pihak manapun serta berkontribusi dan mendukung publik
  • 13. USULAN FITUR Stanford University Papan Headline p e r l u d i t a m b a h ka n s e b u a h t i m e r o t o m a t i s a ga r d a p a t m e n g ga n t i b e r i t a /ga m b a r Laman resmi Stanford University terlalu kaku karena tidak ada unsur interaktif sehingga terkesan tidak hidup dan tertutup Konten Bergerak Menu Tab p e r l u d i t a m b a h ka n s e p e r t i f i t u r f l a s h a t a u w i d g e t t w i t t e r Hal ini dibutuhkan agar laman web Stanford tidak terkesan membosankan bagi pembaca s e p e r t i a d m i s s i o n , a b o u t S t a n f o r d , d l l . p e r l u d i t a m b a h ka n f i t u r p o p u p Dengan ini pembaca dapat mengetahui secara singkat konten- konten ada dalam menu tab tanpa harus beranjak dari laman utama
  • 14. USULAN FITUR Universitas Indonesia Perbaruan komposisiWa r n a l a m a n , t a t a l e t a k h a l a m a n , j e n i s fo n t y a n g d i g u n a ka n Warna yang digunakan (kuning-putih) melelahkan mata serta ukuran font terlalu kecil dengan jenis font yang kurang menarik untuk dijadikan font teks laman website Mengganti gambar Menu Tab y a n g d i u n g ga h d i w e b d e n ga n ga m b a r - ga m b a r t e r b a r u Gambar-gambar yang ditampilkan di laman kebanyakan sudah usang dan tidak menggambarkan situasi UI saat ini se h a r u s ny a t i d a k d i p e n u h i i k l a n s e h i n g ga s e b a i k ny a i k l a n t i d a k d i p e r ke n a n ka n a d a Seharusnya, papan headline digunakan untuk memajang berita, prestasi terkini UI sendiri, atau gambar-gambar yang menunjukkan kualitas unggulan UI