LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs
|
|
- Fanny Kusnadi
- 7 tahun lalu
- Tontonan:
Transkripsi
1 LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs oleh : Mega Wirna Yulianti G ( INSTITUT PERTANIAN BOGOR 2008
2 DAFTAR ISI Halaman DAFTAR ISI... 2 DAFTAR GAMBAR... 3 BAB 1 PENDAHULUAN Web usability Web PT. Metrodata Electronics Tbk... 4 BAB 2 ANALISIS WEB PT. METRODATA ELECTRONICS Tbk Logo dan nama perusahaan Pengelompokan menu Link Penggunaan White Space Penggunaan duplikat menu Breadcrumb Tampilan Halaman Web Konsisten Penyesuaian font dan pewarnaan Form Penempatan menu utama Penggunaan align Screen Resolution Scrolling Penyediaan Fasilitas Site Map Ukuran Teks Browser Relative spesification Konten yang di-update BAB 3 PENUTUP Kesimpulan Saran DAFTAR PUSTAKA
3 DAFTAR GAMBAR Halaman Gambar 1Halaman Utama web PT Metrodata Electronics Tbk... 7 Gambar 2 Pengelompokkan menu berita dan kegiatan... 7 Gambar 3 Navigasi Menu... 8 Gambar 4 Link yang tidak digarisbawahi... 8 Gambar 5 Link yang tidak berwarna biru... 8 Gambar 6 Penggunaan duplikat menu... 9 Gambar 7 Menu yang multilevel Gambar 8 Judul pada halaman struktur perusahaan Gambar 9 Hirarki menggunakan ukuran font dan warna Gambar 10 Penggunaan tombol reset pada form Gambar 11 Menu Site Map Gambar 12 Konten di-update
4 BAB 1 PENDAHULUAN 1.1 Web Usability Web usabilility adalah faktor penting dalam mengembangkan web. Usability merupakan sebuah atribut kualitas yang menilai tingkat kemudahan user interface digunakan. Dalam hal ini pengembang harus memahami prinsip-prinsip usability. Menurut Nielsen(2003), menyarankan usability memiliki lima komponen, yaitu: Learnability Learnability menjelaskan bagaimana tingkat kemudahan pengguna dalam mengerjakan tugas-tugas dasar, ketika pertama kali menggunakan hasil perancangan. Efficiency Efficiency menjelaskan tingkat kecepatan pengguna dalam mempelajari hasil perancangan dan melakukan tugas-tugas terhadap hasil perancangan. Memorability Memorability menjelaskan tingkat kemudahan pengguna dalam menggunakan hasil perancangan setelah pengguna tidak menggunakannya dalam waktu tertentu. Errors Errors menjelaskan berapa kesalahan yang dilakukan oleh pengguna, dan menemukan cara untuk memperbaiki kesalahan. Satisfaction Satisfaction menjelaskan tingkat kepuasan pengguna dalam menggunakan hasil perancangan. oleh : Web yang usability buruk membuat pengguna meninggalkan web tersebut. Hal ini disebabkan Homepage tidak menjelaskan apa yang ditawarkan oleh perusahaan terhadap pengguna dan apa saja dapat dilakukan pengguna pada web tersebut. Informasi yang diperoleh dari web tidak mampu menjawab pertanyaan pengguna. Pengguna menemukan adanya kesalahan pada web tersebut. 1.2 Web PT. Metrodata Electronic Tbk PT. Metrodata Electronic Tbk merupakan salah satu perseroan dalam kelompok usaha METRODATA yang berkiprah dalam bidang teknologi informasi. Ruang lingkup usaha perusahaan ini yaitu : Distributor Certified Training Center System Integrator (MII) PT. Metrodata Electronics Tbk mempunyai sebuah website yang beralamat di Secara garis besar tujuan utama adanya web ini, yaitu : Memperkenalkan PT. Metrodata Electronics secara umum kepada masyarakat luas melalui komunikasi internet, yang tertuang dalam Informasi Perusahaan. 4
5 Memperkenalkan bidang usaha yang ada di PT. Metrodata Electronics Tbk serta produk yang dihasilkan, yang tertuang dalam Bidang Usaha. Menyediakan fasilitas agar pengguna dapat meminta informasi mengenai layanan dan produk tertentu secara on-line. Menyediakan informasi berupa alamat dan nomor telepon yang bisa dihubungi oleh pengguna web. Menyediakan informasi mengenai peluang pekerjaan yang tertuang dalam karir. 5
6 BAB 2 ANALISIS WEB PT. METRODATA ELECTRONICS Tbk Analisis web PT. Metrodata Electronics Tbk dilakukan berlandaskan pada buku Web Usability karangan Jakob Nielsen. Pada buku tersebut terdapat dua belas hal yang harus dicermati ketika membangun dan mendesain sebuah website, yaitu : 1. Nothing to Hide 2. The Web User Experience 3. Revisiting Early Web Usability Findings 4. Prioritizing Your Usability Problems 5. Search 6. Navigation and Information Architecture 7. Readability and Legibility 8. Writing for the Web 9. Providing Good Product Information 10. Presenting Page Elements 11. Balancing Technology with People s Need 12. Design That Works Pembahasan dilakukan tidak berdasarkan dua belas hal diatas, tetapi pembahasan akan dikelompokkan berdasarkan kondisi yang ditemukan pada web PT. Metrodata Electronics Tbk. 2.1 Logo dan nama perusahaan Sebuah website memiliki halaman utama. Menurut Jeff Johnson (2003), halaman utama harus bisa membuat penguna dengan cepat menentukan tujuan web tersebut. Pengunjung atau pengguna dapat dengan cepat menentukan apakah web itu menarik atau tidak. Pada sebuah halaman utama terdiri dari nama web perusahaan, nama web tersebut harus bersifat menjelaskan perusahaan, dan web harus menjelaskan produk yang ditawarkan oleh suatu web. Pada bagian halaman utama juga terdapat logo dan nama perusahaan. Logo dan nama perusahaan merupakan identitas suatu web. Identitas tersebut memberikan informasi kepada pengguna mengenai web yang mereka kunjungi. Pada web ini, logo dan nama perusahaan telah diberikan dengan jelas. Letak logo dan nama perusahaan tersebut telah memenuhi konvensi umum yaitu pada bagian kiri atas. Permasalahan yang ditemukan pada web perusahaan ini yaitu : logo perusahaan pada web tersebut tidak dibuat link ke halaman utama. Solusi yang diberikan sebaiknya pengembang membuat logo perusahaan dibuat link ke halaman utama. Jadi ketika pengguna berada pada halaman lain dari web tersebut, maka mereka bisa meng-klik logo perusahaan untuk mempercepat akses ke halaman utama selain menggunakan menu yang ada. Gambar 1 dibawah ini merupakan tampilan halaman utama dari web PT. Metrodata Electronics Tbk : 6
7 Gambar 1 Halaman Utama web PT Metrodata Electronics Tbk Dari segi halaman utama terlihat kalau halaman ini tidak terlalu menjelaskan tujuan dari adanya web tersebut. Halaman ini hanya menjelaskan apa saja agenda kegiatan yang dilakukan perusahaan ini, berita korporasi, berita pers yang terkait dengan aksi korporasi perusahaan, dan studi kasus yang terdapat dalam perusahaan Metrodata. Berdasarkan buku web blopper, maka bagian halaman utama belum cukup menjelaskan tujuan dan produk apa yang ditawarkan perusahaan ini. Solusi perbaikan untuk halaman utama yaitu pengembang harus mendesain halaman utama yang memuat dan menjelaskan produk yang ditawarkan sehingga pengguna bisa mengerti dengan cepat tujuan dari suatu web perusahaan. 2.2 Pengelompokan Menu Pengelompokan menu digunakan supaya mempermudah pengguna dalam mengakses menu yang terdapat pada web PT. Metrodata Electronic Tbk. Pengelompokan menu tersebut berdasarkan kedekatan fungsional dari menu. Web perusahaan ini sudah memiliki pengelompokkan menu yang sesuai. Web perusahaan ini telah dikelompokan dengan baik seperti yang gambar 2. Gambar 2 Pengelompokan menu Berita dan Kegiatan Untuk navigasi menu bar mengenai perusahaan juga telah dikelompokan dengan baik. Hal ini memudahkan pengguna dalam menggunakan web tersebut. Namun ada satu bagian pada navigasi 7
8 menu utama pada web terdapat simbol. Hal ini membuat pengguna binggung maksud dari adanya simbol tersebut. Karena ketika pengguna menuju halaman lain dari web tersebut, simbol tersebut tetap ada. Solusi yang diberikan untuk permasalahan tersebut adalah pengembang sebaiknya menghilangkan simbol tersebut karena membuat pengguna berpikir dengan melihat simbol. Padahal simbol itu tidak memiliki fungsi tertentu. Gambar 3 Navigasi menu 2.3 Link Berdasarkan buku Jeff Johnson(2003), dijelaskan kesalahan yang harus dihindari dalam membuat active link pada halaman yang sama. Ini dapat diartikan jangan membuat link ke halaman yang sedang pengguna kunjungi. Permasalahan mengenai link yang terdapat pada web PT. Metrodata Electronic Tbk yaitu : a. Link tidak berubah warna setelah dikunjungi. b. Bagian link back to top tidak digaris bawahi sehingga tidak terlihat seperti link. Gambar 4 Link yang tidak digarisbawahi Gambar 5 Link yang tidak berwana biru c. Teks yang bersifat link tidak berwarna biru. d. Ketika pengguna berada pada halaman utama dari web PT. Metrodata Electronics Tbk, maka terdapat active link yang menu ke halaman yang sama. Pengguna bisa link ke halaman tersebut dengan meng-klik navigasi menu Utama. Solusi yang dapat diberikan untuk memperbaiki permasalahan tersebut yaitu : a. Untuk link yang telah dikunjungi oleh pengguna diatur sehingga berubah warna. Hal ini memudahkan pengguna mengingat link-link mana yang telah dikunjungi. b. Link Back ToTop tidak terlihat seperti link. Walaupun link telah berwarna biru, namun sebaiknya digarisbawahi sehingga pengguna dapat secara langsung menduga kalau bagian tersebut adalah link. Ini bertujuan untuk membedakan tulisan yang link atau bukan karena pada halaman tersebut juga terdapat tulisan dari konten yang berwarna biru yang bukan merupakan link. c. Pengembang sebaiknya menggunakan warna biru untuk teks yang merupakan link supaya pengguna dengan mudah mengetahui kalau bagian teks tersebut link ke halaman lain. Secara umum link itu dbuat berwarna biru. d. Pengembang seharusnya tidak membuat active link menu pada halaman yang sama. Karena berdasarkan buku Web Blooper itu merupakan kesalahan dalam membuat link pada web. 8
9 2.4 Penggunaan White Space White space adalah bagian halaman web yang tidak memiliki teks atau ilustrasi apapun. White space penting untuk diperhatikan dalam perancangan halaman web karena mempermudahkan pengguna untuk memproses informasi dengan baik. Web yang menggunakan white space yang banyak akan terlihat kurang bagus karena halaman web akan terkesan kosong. Pengembang web harus bisa menyesuaikan proporsi white space dengan konten yang ada yaitu pemakaian white space jangan terlalu banyak dan juga jangan terlalu sedikit sehingga memudahkan pengelompokan informasi dari web yang dikunjungi. Pemakaian white space yang sedikit menyebabkan pengguna sulit untuk mengidentifikasi informasi yang penting dari sebuah web. Pada halaman web PT. Metrodata Electronic Tbk, pengembang menggunakan white space yang terlalu banyak pada beberapa halaman antara lain halaman utama, informasi perusahaan, bidang usaha, layanan dan dukungan, karir, hubungi kami, site map. Bagian menu halaman utama, white space yang digunakan terlalu banyak, sehingga terlihat kosong pada bagian kanan dan kiri konten seperti yang diperlihatkan pada gambar 1. Menu informasi perusahaan, bidang usaha, layanan dan dukungan, karir, hubungi kami, dan site map juga memiliki white space pada bagian kiri konten. Space yang kosong pada halaman tersebut, sebaiknya di minimalisasi supaya membuat tampilan web menjadi lebih bagus. Sebaiknya pengembang mengisi space tersebut dengan informasi- informasi, baik mengenai perusahaan dan informasi lain yang berhubungan dengan perusahaan tersebut. 2.5 Penggunaan duplikat menu Penggunaan duplikat menu yang menuju ke halaman yang sama menyebabkan pengguna menjadi berpikir dan binggung mau klik bagian yang mana. Pada halaman utama web ini terdapat dua buah menu Promo, menu ini menuju ke halaman yang sama. Menu promo tersebut juga tidak memberikan informasi apa-apa. Permasalahan yang ditemukan pada bagian ini adalah pemakaian dua buah menu yang sama digunakan untuk menuju halaman yang sama. Ini menyebabkan penggunaan menu yang kurang efisien. Solusi yang diberikan yaitu lebih baik pengembang menggunakan satu buah menu promo saja pada bagian kiri konten supaya terlihat lebih efisien, dan tidak membuat pengguna binggung dengan adanya dua buah menu tersebut. Berbeda dengan menu-menu yang terdapat pada berita dan kegiatan juga memiliki duplikasi, namun memiliki informasi mengenai perusahaan. navigasi menu dengan duplikasi Gambar 6 Penggunaan dupilkat menu 9
10 2.6 Breadcrumb Breadcrumb digunakan oleh sebuah web untuk menginformasikan kepada pengguna posisi mereka saat ini. Dengan menggunakan breadcrumb, pegguna dapat menelusuri path yang dilaluinya sampai pengguna dapat berada pada posisi saat ini. Pengguna juga dengan mudah dapat kembali ke halaman sebelumnya. Pada web ini, tidak terdapat breadcrumb. Hal ini membuat pengguna binggung dimana posisi mereka sekarang. Walaupun pada tiap halaman terdapat judul halaman dari halaman yang sedang dikunjungi. Namun itu tidak cukup membuat pengguna tahu dia berada pada bagian tersebut dari menu. Apalagi ketika terdapat menu yang multilevel dan bagian menu yang dikunjungi tidak berubah warna, maka menyebabkan pengguna mengingat path mana saja yang dia lewati untuk sampai halaman tersebut. Gambar 7 Menu yang multilevel Gambar 8 Judul pada halaman Struktur Perusahaan Solusi yang diberikan untuk pemasalahan diatas adalah pengembang sebaiknya menambahkan breadcrumb karena hal ini sangat menolong pengguna mengetahui posisi mereka saat ini. Dan ini dapat membuat pengguna nyaman dalam mengunjungi halaman web. 2.7 Tampilan Halaman Web konsisten Secara umum tampilan web ini dapat dikatakan konsisten untuk setiap halaman web PT Metrodata Electronics Tbk. Hal ini karena setiap halaman web terdiri dari header dan menu-menu utama, menu yang berada bagian sebelah kiri konten, dan footer. Perbedaannya pada halaman menu utama bagian kanan konten juga terdapat menu. Dari segi pewarnaan, web ini dapat dikatakan konsisten karena pewarnaan sama untuk setiap halaman baik dari segi teks atau background. Halaman web ini menggunakan jenis dan font yang sama untuk setiap halamannya. Sehingga tampilan dari halaman web tersebut dapat dikatakan konsisten. Pada web perusahaan ini juga terdapat menu English, menu ini berfungsi untuk pengaturan bahasa yang digunakan pada tampilan web. Jika pengguna ingin menampilkan semua halaman dalam bahasa Inggris, maka pengguna tinggal pilih menu tersebut. Tampilan halaman dengan menggunakan bahasa Inggris sama ketika pengguna menggunakan bahasa Indonesia sehingga tampilan halaman tersebut dengan menggunakan dua bahasa juga terlihat konsisten. 2.8 Penyesuaian font dan pewarnaan Dalam menentukan font dan warna pada suatu halaman web dilakukan pembatasan dalam font-style dan warna yang digunakan. Font-style sebaiknya menyatu dan efektif. Selain itu font-style juga menggambarkan hirarki yang terdapat pada halaman web. Perbedaan font dan warna memudahkan pengguna untuk membedakan tingkat kepentingan dari sebuah informasi yang terdapat pada halaman web tersebut. Penggunaan maksimal typefaces dalam satu halaman web adalah tiga typefaces. Selain itu penggunaan warna pada satu halaman web tidak terlalu beragam karena itu 10
11 membuat tampilannya menjadi tidak konsisten. Penggunaan warna yang dianjurkan dalam halaman web maksimal empat warna. Penggunaan font dan pewarnaan pada web PT. Metrodata Electronic Tbk dapat menggambarkan hirarki yang terdapat pada halaman web. Perbedaan font dan pewarnaan pada tulisan menunjukkan kalau suatu teks merupakan heading atau suatu informasi biasa. Dengan perbedaan tersebut pengguna bisa menentukan tingkat kepentingan dari informasi yang disampaikan oleh web perusahaan tersebut. Penggunaan warna teks pada halaman web sudah konsisten. Hal ini karena warna teks yang digunakan sama untuk setiap halaman. Penggunaan ukuran font dari pada tiap halaman tidak terlalu beragam sehingga memenuhi ketentuan. Warna teks dan warna background yang digunakan kurang kontras. Hal ini diperlihatkan pada bagian navigasi menu kolom yaitu berita dan kegiatan. Pada menu tersebut warna background yang digunakan adalah biru, namun warna teks yang digunakan juga biru. Ini menyebabkan teks tidak terlihat dengan jelas. Penggunaan warna untuk font kurang tepat. Sebaiknya warna teks tidak dibuat warna biru supaya bisa membedakan apakah teks tersebut link atau tidak. Pada web tersebut bagian teks yang link ada yang berwarna hitam. Pengguna hanya dapat mengetahui kalau teks tersebut merupakan link ketika pengguna mendekatkan kursor ke bagian teks tersebut. Gambar 9 Hirarki dengan menggunakan ukuran font dan warna 2.9 Form Penggunaan contact us form pada navigasi Hubungi Kami sudah baik. Ketika pengguna memilih menu tersebut maka pengguna masuk ke halaman web. Pada form tersebut cursor otomatis berada pada field pertama. Di bagian form pengembang menggunakan tombol submit untuk menyimpan data ke dalam basisdata. Hal ini memudahkan pengguna dalam pengisian form. Namun masih terdapat kekurangan pada bagian tombol reset pada form seperti yang diperlihatkan pada gambar 8 dibawah ini : Gambar 10 Penggunaan tombol reset pada form 11
12 Penggunaan teks pada tombol submit dan reset masih belum tepat karena ditulis dengan huruf kapital. Perbaikan yang dilakukan oleh pengembang adalah menghindari pemakaian tombol reset. Hal ini akan merugikan pengguna web, karena data yang telah mereka masukan akan hilang secara tiba-tiba jika pengguna tidak sengaja untuk meng-klik tombol tersebut. Dalam penulisan teks pada tombol hanya huruf awalnya saja yang ditulis huruf kapital. Pada bagian form terdapat tanda bintang merah (*), hal ini menandakan bahwa bagian field tersebut harus diisi oleh pengguna. Di bagian tersebut, perlu diperhatikan apakah semua data itu benar-benar dibutuhkan ketika pengguna hanya ingin memberikan pertanyaan terhadap perusahaan tersebut. Untuk menghindari kesalahan dalam mengumpulkan data pada pengisian suatu form maka pengembang cukup menanyakan sedikit data yang benar-benar dibutuhkan, jangan menberikan require pada data yang tidak digunakan pada proses yang ingin dilakukan Penempatan menu utama Penempatan menu utama pada web PT. Metrodata Electronics Tbk sudah cukup baik karena terletak pada bagian atas. Ketika melihat halaman web, pengguna umunya melihat bagian atas untuk mengetahui konten apa saja yang terdapat pada halaman tersebut. Urutan fokus mata pengguna biasanya pada bagian atas, kiri, kanan dan bawah. Namun pada bagian footer atau bawah dari tiap halaman juga terdapat menu utama, hal ini juga membantu pengguna ketika pengguna sudah melakukan scroll panjang dan pengguna tidak menemukan informasi yang mereka inginkan maka pengguna tidak perlu melakukan scroll lagi. Penggunabisa meng-klik link back to top untuk bisa mengakses menu utama. Mereka bisa meng-klik menu utama yang terdapat pada bagian footer tersebut Penggunaan align Pada web pengembang menggunakan align dari halaman web tersebut rata kiri. Hal ini terlihat kurang bagus karena terdapat bagian kosong pada tampilan yang diperlihatkan dengan menggunakan Mozila Firefox dan Internet Explorer. Jika pengguna menggunakan komputer dengan resolusi yang lebih tinggi maka akan terlihat tampilannya seperti rata kiri. Biasa align yang digunakan pada tampilan halaman web umunya rata tengah. Pengguna yang menggunakan resolusi 1024 x 768, maka tampilan akan terlihat seperti rata tengah. Untuk memperbaiki tampilan halaman tersebut, pengembang harus mengubah align pada bagian css dari halaman web PT Metrodata Electronics Tbk menjadi rata tengah. Sehingga tampilan halaman web tersebut jadi seimbang antara bagian kiri dan kanan walaupun dilihat dengan resolusi yang berbeda Screen resolution Dalam pengembangan sebuah web perlu diperhatikan lebar dari halaman web tersebut. Kebanyakan orang menggunakan komputer yang memilki resolusi 800 x 600 dan 1024 x 768 piksel. Hal ini membuat tampilan yang dilihat pengguna dengan resolusi yang berbeda juga akan berbeda. Saat ini orang cendrung untuk menggunakan komputer dengan resolusi 1024 x 768 piksel. Jika lebar halaman yang digunakan lebih besar dari resolusi komputer maka akan scroll ke samping. Ini membuat pengguna tidak nyaman untuk menggunakan web. Pengguna bisa saja memutuskan untuk pergi dari halaman web tersebut karena ketidaknyamanan tersebut. Sebagian pengembang web menyiasati dengan membuat web menggunakan resolusi 800 x 600. Harapannya supaya pengguna tidak perlu scroll kesamping. Namun tidak banyak informasi yang dapat disampaikan dengan menggunakan resolusi tersebut. Cara lain yang dilakukan pengembang dalah dengan menggunakan ukuran dinamis dengan menggunakan ukuran persentase. Jika lebar halaman yang digunakan 90 %, berapapun resolusi yang digunakan untuk membuka halaman web tersebut maka lebar halaman yang ditampilkan juga akan sebesar 90 %. Cara ini merupakan cara yang efektif karena tidak bergantung pada resolusi komputer pengguna. Dan informasi yang disampaikan jika pengguna dengan resolusi yang tinggi akan ditampilkan lebih banyak, begitu juga jika pengguna menggunakan resolusi lebih kecil maka informasi akan tersajikan dengan baik tanpa perlu scroll. Pada web PT. Metrodata Electronic Tbk, pengembang kurang memperhatikan faktor screen. Hal ini terlihat jika pengguna membuka halaman web pada komputer resolusi 1024 x 768, maka tampilan halaman akan memenuhi layar. Sedangkan pada komputer dengan resolusi yang lebih tinggi tampilan tersebut dapat disajikan dengan baik. Untuk permasalahan screen, pengembang diharapkan memperhatikan faktor screen dan menyiasati supaya tampilan halaman web bisa disajikan dengan 12
13 baik. Pengembang diharapkan mengatur resolusi tampilan dengan menggunakan ukuran dinamis. Ini supaya tampilan yang diterima pengguna sama walaupun resolusinya berbeda Scrolling Pada sebuah web umunya pengguna sering melakukan scrolling, tujuannya supaya pengguna bisa menemukan informasi yang diinginkan. Namun penggunaan scroll tersebut tidak selamanya membuat pengguna senang karena dituntut untuk melakukan scroll berkali-kali. Biasanya pengguna dalam melakukan scroll hanya mau melakukan dua sampai tiga kali scroll. Web PT. Metrodata Electronics Tbk rata-rata menggunakan scroll satu sampai tiga kali dalam menampilkan informasi yang terdapat dalam satu halaman. Namun scroll yang panjang juga dilakukan ketika pengguna ingin menampilkan informasi yang terdapat di halaman mitra bisnis dan karir. Untuk mengatasinya diharapkan pada menu karir, pengembang menampilkan pekejaan yang ditawarkan perusahaan tersebut tidak pada satu halaman, tetapi dibuat page supaya scroll yang dilakukan tidak panjang. Begitu juga dengan menu mitra bisnis, dibuat dalam bentuk page. Ini akan terlihat lebih baik dan membuat pengguna lebih nyaman dengan menggunakan scroll yang sedikit Penyediaan Fasilitas Site Map Site Map adalah suatu menu yang terdapat pada bagian halaman web yang digunakan untuk memandu pengguna dalam menelusuri web. Halaman berisi penjelasan mengenai halaman apa saja yang tersedia dalam web. Pada web PT. Metrodata Electronic Tbk sudah terdapat menu site map. Menu ini menjelaskan kalau pada web terdapat menu halaman utama, menu informasi perusahaan, menu bidang usaha, menu layanan dan dukungan, menu karir, menu hubungi kami, menu promo serta menu berita dan kegiatan. Pada bagian menu informasi perusahaan terdiri dari mengenai METRODATA, struktur perusahaan, profil eksekutif, mitra bisnis, penghargaan, dan investor relations. Di bagian menu bidang usaha terdiri dari menu yaitu Distributor, Certified Training Center, dan Systems Integrator(MII). Pada menu layanan dan dukungan terdiri dari menu ketentuan layanan dan dukungan, lokasi, dan kontak perawatan. Pada bagian site map juga terdapat penjelasan kalau pada web juga menu berita dan kegiatan yang berisi mengenai siaran pers yang dilakukan perusahaan, berita korporasi, artikel solusi bisnis, Metrodata Corporate Newletter, agenda kegiatan, dan Metrodata case study. Gambar 11 Menu Site Map 13
14 2.15 Ukuran Teks Penentuan ukuran teks dilakukan supaya sebuah teks mudah dibaca oleh pengguna atau tidak. Jika ukuran teks terlalu kecil, hal ini biasanya bertujuan untuk mengurangi scroll. Namun ini menimbulkan ketidaknyamanan dalam pembacaan dan penyajian. Untuk mengatasi hal tersebut, menurut Jacob Nielsen(2006) ukuran teks yang digunakan dalam web adalah point jika penggunanya umum. Disini juga dijelaskan ukuran minimal teks dalam halaman web adalah 10 point. Pada web PT. Metrodata Electronic Tbk telah menggunakan ukuran teks minimal sesuai dengan ketentuan yaitu 10 point Browser Web PT. Metrodata Electronics Tbk jika diakses menggunakan Mozilla Firefox dan Internet Explorer maka terdapat sedikit perbedaan dari segi penanggalan. Jika web dilihat dengan menggunakan Mozilla Firefox maka pada bagian kanan atas akan terdapat penanggalan. Namun jika dilihat dengan menggunakan Internet Explorer penanggalan tersebut tidak ada. Ini menunjukkan suatu ketidakkonsistenan web pada browser. Dilihat dari segi lebar layar, maka halaman web yang ditampilan dengan Mozilla Firefox dan Internet Explorer adalah sama. Dalam hal ini pengembang harus memperhatikan kekonsistenan layar pada browser yang beda. Jika pada browser yang beda tidak konsisten, maka itu akan merugikan perusahaan karena terdapat cukup banyak browser didunia yang bisa melakukan akses ke perusahaan tersebut Relative spesification Menurut Jacob Nielsen, ukuran teks yang digunakan dengan skema ukuran relatif yaitu menggunakan presentase lebih disarankan dari pada menggunakan ukuran tetap. Sebagai contoh, jika ukuran headline text 140 % lebih baik digunakan daripada ukuran headline text14-point type. Jika menggunakan 140 % maka headline akan terlihat lebih besar ketika pengguna memperbesar layar teks. Sebagian pengembang web menggunakan pengukuran mutlak sehingga pengguna tidak mungkin melakukan perubahan ukuran teks. Ukuran teks pada web PT. Metrodata Electronics Tbk menggunakan ukuran point-type yang tertulis dalam CSS Konten yang di-update Gambar 12 Konten di-update Analisis pertama terhadap PT. Metrodata Electronics Tbk dilakukan pada Maret Namun sampai sekarang kontennya sudah pernah diupdate. Bagian halaman yang diupdate tersebut tidak semua halaman. Halaman yang terakhir diupdate tersebut yaitu halaman penghargaan pada menu informasi perusahaan. 14
15 BAB 3 PENUTUP 3.1 Kesimpulan Web merupakan salah satu media yang digunakan untuk mempromosikan perusahaan. Pengembangan web dilakukan bertujuan untuk menimbulkan kepercayaan pengguna dalam terhadap perusahaan. Salah satu faktor yang perlu diperhatikan dalam mengembangkan sebuah web adalah faktor usability. Dalam hal ini pengembang dituntut untuk memahami prinsip yang digunakan supaya web yang dikembangkan memenuhi usability yang baik. Pengembangan web PT. Metrodata Electronics Tbk masih terdapat kekurangan yang berkaitan dengan usability. Kekurangan-kekurangan tersebut antara lain : pengimplementasian link, penggunaan white space yang terlalu banyak, penggunaan duplikat menu, tidak adanya breadcrumb, penggunaan align dalam mengatur halaman web, pengaturan resolusi screen, dan scroll yang terlalu panjang pada beberapa halaman. Hal ini membuat tampilan dari halaman web menjadi kurang bagus sehingga terlihat kurang profesional. Kondisi tersebut membuat kepercayaan pengguna maupun pelanggan terhadap perusahaan berkurang. Selain terdapat kekurangan pada web perusahaan ini, juga memiliki kelebihan dalam usability. Dalam hal ini web PT. Metrodata Electronics Tbk sudah memililki tampilan halaman yang konsisten. 3.2 Saran Makalah yang dibuat ini bisa menjadi masukan bagi pengembang web PT. Metrodata Electronics Tbk untuk memperbaiki kekurangan yang masih terdapat dalam hal usability. Ini tentu dapat meningkatkan kepercayaan pengguna dan pelanggan terhadap perusahaan tersebut. 15
16 DAFTAR PUSTAKA Johnson, Jeff Web Bloopers-60 Common Web Design Mistakes and How to Avoid Them. San Fransisco : Elsevier Science. Krug, Steve Don t Make Me Think. Barkeley : New Riders. Nielsen, J, Loranger, H Prioritizing Web Usability. Barkeley : New Riders. 16
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs (Tanggal Akses: 5 Juni 2008)
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.garuda-indonesia.com (Tanggal Akses: 5 Juni 2008) oleh: Muthia Aziza G64050444 (http://muthiaziza.wordpress.com)
Lebih terperinciLAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.pln.co.id oleh : Yuni Arti G64050383 (http://unee87.wordpress.com) INSTITUT PERTANIAN BOGOR 2008 0 DAFTAR
Lebih terperinciLAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2011/2012. Kajian Situs
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2011/2012 Kajian Situs http://www.djarum-super.com oleh: Seprian Fairnanto 200943500795 (http://ryanflywa.wordpress.com) FAKULTAS MATEMATIKA
Lebih terperinciLAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.liputan6.com oleh: Nadya Nurul Hasanah G14052014 (http://nadyaja.wordpress.com) INSTITUT PERTANIAN BOGOR
Lebih terperinciLAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.century21.co.id oleh: Vera Yunita G64050542 (http://verayunita.wordpress.com) INSTITUT PERTANIAN BOGOR
Lebih terperinciBAB IV ANALISIS SISTEM BERJALAN. ada yaitu Analisis Antarmuka dan Aliran Data pada Sistem Informasi Dinas Komunikasi
BAB IV ANALISIS SISTEM BERJALAN 4.1 Prosedur Sistem Berjalan Analisis Sistem dapat diartikan sebagai suatu proses untuk memahami sistem yang ada yaitu Analisis Antarmuka dan Aliran Data pada Sistem Informasi
Lebih terperinciTUGAS AKHIR IMK ANALISIS BLOOPER
TUGAS AKHIR IMK ANALISIS BLOOPER PADA WEBSITE BADAN PUSAT STATISTIK Riza F Ramadhan (12.7353) 12.7353@stis.ac.id Absen 31, 4KS1, Jurusan Komputasi Statistik Sekolah Tinggi Ilmu Statistik Abstrak BPS adalah
Lebih terperinciTAMPILAN PC / LAPTOP Bagian atas - Beranda. Klik Logo ini untuk kembali ke halaman Beranda Informasi nomor Customer Service
TAMPILAN PC / LAPTOP Bagian atas - Beranda 1 2 3 4 5 6 Bagian bawah - Beranda 7 8 1 2 3 4 5 6 7 8 Klik Logo ini untuk kembali ke halaman Beranda Informasi nomor Customer Service Susunan menu dan fitur
Lebih terperinciBAB IV DESKRIPSI KERJA PRAKTIK
BAB IV DESKRIPSI KERJA PRAKTIK Mengacu pada pokok permasalahan yang ada, TX Travel Sriwijaya membutuhkan sebuah Rancang Bangun company Profile & Web untuk mengatasi penyampaian informasi kepada masyarakat
Lebih terperinciKonsep Pembuatan Website
Konsep Pembuatan Website Sebelum membuat web secara profesional, tugas penting sebagai seorang pengembang web adalah memberikan ide dan gagasan tentang point apa saja yang akan ditampilkan dalam sebuah
Lebih terperinciLAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.flasindo.com Oleh: April Rustianto G64050620 (http://ilkomstudent.wordpress.com) INSTITUT PERTANIAN BOGOR
Lebih terperinciManual Book Penggunaan CMS. Website Portal Berita Antara Bogor (Untuk Administrator)
Manual Book Penggunaan CMS Website Portal Berita Antara Bogor (Untuk Administrator) Created By W3B-PROJECT TEAM @2011 Penjelasan Umum CMS (Content Management System) merupakan fasilitas yang disediakan
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. Menggunakan server dengan spesifikasi sebagai berikut : - Processor 1.2 GHz 2007 Opteron or 2007 Xeon processor
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi Sistem Menggunakan server dengan spesifikasi sebagai berikut : - Processor 1.2 GHz 2007 Opteron or 2007 Xeon processor - Memory 512MB DDR - Harddisk 5GB
Lebih terperinciMODUL PERTEMUAN 2 BLOGGING. Mata kuliah : Pengantar Komputer dan Software
MODUL PERTEMUAN 2 BLOGGING Mata kuliah : Pengantar Komputer dan Software INSTITUT TEKNOLOGI SUMATERA 2018 Contents 1. Latihan Membuat Blog... 3 2. Pengelolaan Wordpress... 7 3. Personalisasi... 9 4. Konfigurasi...
Lebih terperinciLAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.pertamina.com oleh: Annisa G64052239 (http://annworld.wordpress.com) INSTITUT PERTANIAN BOGOR 2008 DAFTAR
Lebih terperinciLAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.kartikchandra.com oleh: Damas Widyatmoko G64054352 (http://blogsupergkjelas.wordpress.com) INSTITUT PERTANIAN
Lebih terperinciBAB II TINJAUAN PUSTAKA
BAB II TINJAUAN PUSTAKA Web sekolah merupakan ajang untuk menampilkan informasi dan dokumentasi sebuah sekolah. Sebenarnya banyak sekali informasi tentang sebuah sekolah yang bisa dipaparkan atau ditampilkan
Lebih terperinciLAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.indonesia.go.id oleh: Anton Kisworo G14050379 (http://antonkisworo.wordpress.com) INSTITUT PERTANIAN BOGOR
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES Promkes.kemkes.go.id
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 Promkes.kemkes.go.id Captured Halaman Beranda Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga Cepat & Mudah Ditemukan
Lebih terperinciKomunikasi Multimedia
Komunikasi Multimedia Modul ke: Komponen Webpage Fakultas Ilmu Komunikasi Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id Website dan Blog PENGERTIAN TAMPILAN PERBEDAAN WEBSITE
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Website ini diharapkan dapat menjadi sistem pemasaran yang tepat untuk ADH Creative House dan juga sebagai tempat untuk memberikan informasi yang jelas
Lebih terperinciAnalisa Website Media Elektronik Di Sumsel Melalui Penerapan Usability Pada Evaluasi Metode Webuse
Analisa Website Media Elektronik Di Sumsel Melalui Penerapan Usability Pada Evaluasi Metode Webuse Nia Oktaviani Sistem Informasi, Fakultas Ilmu Komputer, Universitas Bina Darma E-mail:niaoktaviani@binadarma.ac.id
Lebih terperinciGambar 4.32 Tampilan Layar Inquiries. Pada halaman ini, terdapat pertanyaan yang ditanyakan oleh user beserta jawaban dari
158 sebelumnya dengan meng-klik link Delete yang ada di sebelah kanan. Untuk melihat jawaban dari pihak PT.Nexian, user cukup meng-klik subject dari pertanyaan yang ada. Gambar 4.32 Tampilan Layar Inquiries
Lebih terperinciBAB IV KONSEP PERANCANGAN
BAB IV KONSEP PERANCANGAN 4.1 TATARAN LINGKUNGAN Dari hasil perancangan website Resto Jagarawa sebagai media informasi dan promosi diharapkan dapat berpengaruh bagi pihak Resto Jagarawa untuk meningkatkan
Lebih terperinciProsedur Penggunaan Program Gambar 4.7 Halaman Home
Prosedur Penggunaan Program Gambar 4.7 Halaman Home Tampilan di atas merupakan halaman home atau halaman awal pada website Hotel Peony. Pada tampilan ini, di bagian kiri atas terdapat logo Hotel Peony,
Lebih terperinciLima (5) Langkah Membangun Website : 1. Merumuskan Tujuan Membuat Website
DESAIN WEB Lima (5) Langkah Membangun Website : 1. Merumuskan Tujuan Membuat Website Berdasarkan isi maupun tujuan, suatu website biasanya dapat digolongkan menjadi seperti berikut : website marketing,
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://simp2p.kemkes.go.id/ Tanggal Captured 25 09 17 Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga Cepat & Mudah
Lebih terperinciBAB IV IMPLEMENTASI KARYA
BAB IV IMPLEMENTASI KARYA Setelah proses penelitian dan preancangan karya yang telah diterangkan pada bab III, pada bab ini membahas mengenai proses produksi dan implementasi desain pada berbagai media
Lebih terperinciMengembangkan Website Berbasis Wordpress
Mengembangkan Website Berbasis Wordpress Bagian 1: Pengenalan dan Instalasi Wordpress Hanif Rasyidi Pendahuluan Perkembangan teknologi saat ini membuat internet menjadi salah satu sumber utama dalam pencarian
Lebih terperinciPanduan Pengelolaan Web Berbasis WordPress IICACS
Panduan Pengelolaan Web Berbasis WordPress IICACS 1 Fransisca Pramesti, S.Si, M.Eng. UPT. Teknologi Informasi dan Komunikasi Institut Seni Indonesia Surakarta A. Web Berbasis WordPress Web dibangun menggunakan
Lebih terperinciBAB IV KONSEP PERANCANGAN
BAB IV KONSEP PERANCANGAN 4. TATARAN LINGKUNGAN/KOMUNITAS Dari hasil perancangan website desain mobile carifutsal yang merupakan media informasi yang khususnya merupakan website olahraga dalam bidang futsal.
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES Itjen.kemkes.go.id
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 Itjen.kemkes.go.id Tanggal Captured 25/09/2017 Captured Halaman Beranda Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga
Lebih terperinciLOGIN ADMINISTRATOR 1. subdomaindesa.malangkab.go.id/log/user/ username enter Username Login
Daftar Isi LOGIN ADMINISTRATOR... 2 MODUL KONFIGURASI... 4 MODUL RUBRIK... 6 MODUL SUB RUBRIK... 8 MODUL POSTING... 10 MODUL PAGE... 12 MODUL VIDEO... 14 MODUL AGENDA KEGIATAN... 16 MODUL FOTO... 18 1
Lebih terperinciKEMENTERIAN KEHUTANAN DIREKTORAT JENDERAL PLANOLOGI KEHUTANAN PETUNJUK PENGGUNAAN WEBSITE WEBGIS KEMENTERIAN KEHUTANAN
KEMENTERIAN KEHUTANAN DIREKTORAT JENDERAL PLANOLOGI KEHUTANAN PETUNJUK PENGGUNAAN WEBSITE WEBGIS KEMENTERIAN KEHUTANAN PENGGUNAAN WEBSITE WEBGIS KEMENTERIAN KEHUTANAN 1. PENDAHULUAN Website Webgis Kehutanan
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://sehatnegeriku.kemkes.go.id/ Tanggal Captured 25 09 17 Captured Halaman Beranda Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://penanggulangankrisis.kemkes.go.id/ Tanggal Captured 25 09 17 Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga
Lebih terperinciKRITERIA LOMBA E-ASPIRASI WEBSITE UNIT 2017
KRITERIA LOMBA E-ASPIRASI WEBSITE UNIT 2017 Kementerian Kesehatan RI www.kemkes.go.id Presented by Zeembry Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga Cepat & Mudah
Lebih terperinciTutorial Penggunaan. Bagian I. www.indonesiawebdesign.com
Daftar Isi 1. Tutorial Penggunaan Bagian I 1.1 Pengantar... 1.2 Persiapan... 1.3 Pengenalan Medan... 1.4 Navigasi... 1.5 Widget... 1.6 Statistik... 1.7 Setting Website... 2. Tutorial Penggunaan Bagian
Lebih terperinciMembangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE
Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Langkah-langkah membuat web statis 1. Pastikan bahwa server localhost sudah berjalan. Untuk Windows biasanya menggunakan Xampp for
Lebih terperincimaka akan langsung keluar ke bagian menu awal. Sedangkan dibagian bawah sebelah
99 - Authorized Training - Special Class - Lain lain Pada bagian kanan atas terdapat button atau tombol menu utama, apabila di klik maka akan langsung keluar ke bagian menu awal. Sedangkan dibagian bawah
Lebih terperinciBAB IV DESAIN DAN IMPLEMENTASI
BAB IV DESAIN DAN IMPLEMENTASI Laporan Tugas Akhir pada BAB IV ini menjelaskan tentang hasil karya yang didapat berasal dari rancangan pada bab sebelumnya proses pembuatan website Program Studi DIV Komputer
Lebih terperinciBAB 4 RANCANGAN SISTEM YANG DIUSULKAN. Dalam aplikasi e-marketing, perancangan layer (user interface) merupakan
BAB 4 RANCANGAN SISTEM YANG DIUSULKAN 4. Perancangan Sistem 4.1 Tahap 4: Crafting the Customer Interface Dalam aplikasi e-marketing, perancangan layer (user interface) merupakan bagian yang paling penting.
Lebih terperinciPerancangan Antarmuka Layanan Informasi Wisata dan Kuliner di DIY Berbasis Web dan Mobile Web
Perancangan Antarmuka Layanan Informasi Wisata dan Kuliner di DIY Berbasis Web dan Mobile Web Aditya Rizki Yudiantika Jurusan Tek. Elektro & Tekn. Informasi buluhijau@gmail.com Widyawan Jurusan T. Elektro
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://bppsdmk.kemkes.go.id/web/ Tanggal Captured 25 09 17 Captured Halaman Beranda Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan
Lebih terperinciLAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs. oleh: Noviana Pramitasari
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.anekahobby.com oleh: Noviana Pramitasari G64052939 (http://pramitas.wordpress.com) INSTITUT PERTANIAN BOGOR
Lebih terperinci3.1.1 Profil Target Audience Website Koran Tangerang Ekspres. 1. Masyarakat kalangan menengah dan kalangan Atas. 2. Jenis Kelamin : Pria & Wanita
BAB III STRATEGI PERANCANGAN DAN KONSEP VISUAL 3.1. Strategi Komunikasi Secara umum komunikasi berarti penyampaian pesan atau informasi, pernyataan yang dilakukan seorang (komunikator) kepada orang lain
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES Binfar.kemkes.go.id
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 Binfar.kemkes.go.id Tanggal Captured 25/09/2017 Captured Halaman Beranda Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://www.litbang.kemkes.go.id/ Tanggal Captured 25 09 2017 Captured Halaman Beranda Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan
Lebih terperinciBAB IV IMPLEMENTASI DAN EVALUASI. Berikut ini adalah daftar spesifikasi perangkat lunak yang
BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Implementasi 4.1.1 Kebutuhan Sumber Daya 4.1.1.1 Kebutuhan Sumber Daya Perangkat Lunak Berikut ini adalah daftar spesifikasi perangkat lunak yang direkomendasikan agar
Lebih terperinciMendesain Website. Kemampuan Anda dalam mendesain
Mendesain Website Mendesain website tentu menyenangkan. Desain bisa dimulai dari halaman kosong hingga menjadi suatu website yang menarik. Tambahan unsur artistik yang kuat bisa membuat website mempunyai
Lebih terperinciManual Penggunaan Aplikasi
Manual Penggunaan Aplikasi Promo Monitoring Versi 1.1 PT.Mensa Bina Sukses Jl. Pulo Kambing II No.26 Kawasan Industri Pulogadung Jakarta Timur Indonesia 13930 1 P age Merupakan aplikasi yang dibuat untuk
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Tinjauan Umum 2.1.1 Sumber Data Data yang dibutuhkan untuk mendukung proyek tugas akhir ini diperoleh dari beberapa jenis sumber, yaitu sebagai berikut : Literatur, dapat berupa
Lebih terperinciBAB 4 HASIL DAN PEMBAHASAN
BAB 4 HASIL DAN PEMBAHASAN 4.1.Hasil Kesimpulan Wawancara 7 C Pada sub bab ini akan diuraikan hasil kesimpulan wawancara mengenai perancangan tampilan (interface) e-crm PT.Prime Freight Indonesia, dengan
Lebih terperinciBAB 4 PERANCANGAN APLIKASI E-MARKETING
BAB 4 PERANCANGAN APLIKASI E-MARKETING 4.1. Implementation Plan (Rencana Pelaksanaan) Teknologi internet telah menyebabkan perubahan dalam hal cara pelanggan berinterakasi dengan perusahaan. Saat ini interaksi
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://www.pusat3.litbang.kemkes.go.id/ Tanggal Captured 25 09 17 Captured Halaman Beranda Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://www.b2p2toot.litbang.kemkes.go.id Tanggal Captured 25 09 17 Captured Halaman Beranda Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://www.kesjaor.kemkes.go.id/ Tanggal Captured 25 09 2017 Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga Cepat
Lebih terperinciModul Pengguna SCeLE
Modul Pengguna SCeLE Halaman utama SCeLE SCeLE adalah sistem yang berbasis web, sehingga untuk dapat menggunakannya dibutuhkan web browser (Internet Explorer / Mozilla / Netscape / Opera / dll). Untuk
Lebih terperinciGambar 4.22 Layar Tambah Instruktur Admin
270 Gambar 4.22 Layar Tambah Instruktur Admin Layar ini merupakan layar Tambah Instruktur untuk admin yang telah melakukan login. Layar ini berisi formulir pengisisan data-data diri instruktur. Tombol
Lebih terperinciBAB IV.
BAB IV KONSEP PERANCANGAN A. TATARAN LINGKUNGAN/KOMUNITAS Dengan adanya website DOT Photograph dapat mengangkat nilai jual dari DOT Photograph sendiri sehingga dampak yang dihasilkan lebih besar dalam
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT DEPKES GIZI.
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT DEPKES GIZI http://gizi.depkes.go.id/ Tanggal Captured 25 09 17 Captured Halaman Beranda Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas
Lebih terperinciGambar Layar Product. Layar Product menampilkan produk frame yang dijual. Pada menu ini,
Gambar 4.26. Layar Product Layar Product menampilkan produk frame yang dijual. Pada menu ini, konsumen dapat mengetahui produk-produk apa saja yang ditawarkan oleh perusahaan, dapat juga mengetahui total
Lebih terperinciTUGAS AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs
TUGAS AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.kickandy.com ELGHAR WISNUDISASTRA G64052049 (http://ghalerblanks.wordpress.com) DEPARTEMEN ILMU KOMPUTER
Lebih terperinciBAB IV LAPORAN KERJA PRAKTEK
BAB IV LAPORAN KERJA PRAKTEK 4.1. Peranan Dalam Perusahaan Selama kerja praktek di Baitussalam (PT. Papua Tour & Travel)penulis memposisikan sebagai seorang desain grafis untuk membuat tampilan website
Lebih terperinciBAB IV ANALISA REFERENSI KARYA Gambar 4.1 Referensi website Analisa mengenai website Cheese Cake Factory, website dengan bentuk Potrait memanjang kebawah sehingga semua icon/ produk bisa terlihat semua
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://www.b2p2vrp.litbang.kemkes.go.id/ Tanggal Captured 25 09 17 Captured Halaman Beranda Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://yankes.kemkes.go.id// Tanggal Captured 25 09 17 Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga Cepat & Mudah
Lebih terperinciTIPS MEMBUAT WEBSITE PROFESSIONAL
TIPS MEMBUAT WEBSITE PROFESSIONAL Disusun Oleh Jeane Yosephine P. Muhamad Aprilialdi (3313130033) Teknik Telekomunikasi 4D Politeknik Negeri Jakarta PENGERTIAN WEBSITE Website (situs web) : merupakan tempat
Lebih terperinci7 KONSEP DASAR WEB DESIGN
7 KONSEP DASAR WEB DESIGN PENDAHULUAN Sebelum membuat web secara profesional, tugas penting sebagai seorang pengembang web adalah memberikan ide dan gagasan tentang point apa saja yang akan ditampilkan
Lebih terperinciBAB 4 HASIL DAN BAHASAN Proses Bisnis dengan Menggunakan Pemasaran E-Marketing
BAB 4 HASIL DAN BAHASAN 4.1. Proses Bisnis dengan Menggunakan Pemasaran E-Marketing Hasil Desain 9 3 Website 1 E-mail Marketing 2 Memesan Jasa Manager Calon Pelanggan Hasil Desain 8 4 Marketing Plan Proposal
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 http://kesga.kemkes.go.id/ Tanggal Captured 09 10 2017 Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga Cepat & Mudah
Lebih terperinciInteraksi Manusia dan Komputer
Interaksi Manusia dan Komputer Tim Dosen IMK THE USER INTERFACE (UI) DESIGN PROCESS Web-Based User Interface 1 Atribut Bagaimana mendesain antarmuka sistem berbasis web untuk membangun website dengan halaman
Lebih terperinciBAB V IMPLEMENTASI KARYA. yaitu pembuatan website PT Kencana Tekindo selaku customer dari PT Infomedia. Gambar 5.1 Header Website PT Kencana Tekindo
BAB V IMPLEMENTASI KARYA 5.1 Hasil Karya Berikut ini merupakan hasil Kerja Praktek pada PT Infomedia Nusantara, yaitu pembuatan website PT Kencana Tekindo selaku customer dari PT Infomedia Nusantara. Header
Lebih terperinciBAB 1 PENGANTAR WEB DESIGN
BAB 1 PENGANTAR WEB DESIGN Dalam dunia maya (internet) kita mengenal beberapa istilah tentang web, www, website, web pages, dan homepage. Bagi orang awan, istilah tersebut bisa saja diartikan sama. Ada
Lebih terperinciMANUAL WEBSITE PROFILE Institut Agama Islam Negeri Walisongo
MANUAL WEBSITE PROFILE Institut Agama Islam Negeri Walisongo Manual Web Profile IAIN Walisongo 2011 SKEMA TAMPILAN HALAMAN ADMIN Login admin melalui alamat http://nama_situs/admin/ Menu Utama Menu Profile
Lebih terperinciBAB IV IMPLEMENTASI DAN EVALUASI. Dalam merancang dan membangun sistem penjualan online ini ada
BAB IV IMPLEMENTASI DAN EVALUASI 4.1. Implementasi Sistem Dalam merancang dan membangun sistem penjualan online ini ada beberapa spesifikasi perangkat lunak dan perangkat keras yang dibutuhkan. Perangkat
Lebih terperinciManual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator)
Manual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator) Penjelasan Umum CMS (Content Management System) merupakan fasilitas yang disediakan untuk mempermudah pengelolaan data/konten
Lebih terperinciLaporan Operasional. pengelolaan. WebsiteSKPD. KabupatenBlitar DISHUBKOMINFO KAB.BLITAR
Laporan Operasional pengelolaan WebsiteSKPD KabupatenBlitar DISHUBKOMINFO KAB.BLITAR Daftar Isi A. Tampilan Homepage... 1 B. Login Dashboard untuk pengelola... 3 C. Fitur dan Cara Pengelolaan... 4 1. Modul
Lebih terperinciBAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Tampilan Hasil Berikut adalah tampilan hasil dari aplikasi sistem informasi geografis letak lokasi taxi di Kota Medan. IV.1.1. Tampilan Menu Utama Tampilan menu utama dapat
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Sistem/Aplikasi 4.1.1 Spesifikasi Sistem Agar sistem dapat berjalan dengan baik pada Artefact, maka harus disediakan beberapa faktor pendukung yang memadai.
Lebih terperinci6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
Lebih terperinciBAB 4 HASIL DAN PEMBAHASAN Kebutuhan Perangkat Keras Mobile. perangkat keras yang memiliki spesifikasi sebagai berikut:
BAB 4 HASIL DAN PEMBAHASAN 4.1 Spesifikasi Sistem Dalam mengimplementasikan aplikasi Find Hypermart dibutuhkan perangkat pendukung berupa perangkat keras dan perangkat lunak sebagai kebutuhan dalam sistem.
Lebih terperinciGambar 4.35 Halaman Contact Us
256 Gambar 4.35 Halaman Contact Us Pada gambar 4.35 dapat dilihat menu Contact Us, dimana pelanggan dapat memberikan saran, kritik, ataupun komentar melalui menu Contact Us tersebut. Pada halaman ini juga
Lebih terperinciGambar Rancangan Layar Halaman Kuis Guru (Langkah Dua)
Gambar 4.149 Rancangan Layar Halaman Kuis Guru (Langkah Dua) 270 Gambar 4.150 Rancangan Layar Halaman Kuis Guru (Cek) 271 Gambar 4.151 Rancangan Layar Halaman Nilai Guru 272 Gambar 4.152 Rancangan Layar
Lebih terperinciInteraksi Manusia dan Komputer. Interface & Komponen dalam IMK
Interaksi Manusia dan Komputer Interface & Komponen dalam IMK Komponen-komponen IMK Manusia sebagai pengguna sistem dan subjek manajemen sistem komputer Komputer sebagai objek yang dimanajemen sekaligus
Lebih terperinciIV KONSEP PERANCANGAN
IV KONSEP PERANCANGAN A. TATARAN LINGKUNGAN/KOMUNITAS Perancangan website FDSK UMB ini bertujuan sebagai media promosi dan informasi untuk para siswa sekolah SMA/sederajat yang akan segera melanjutkan
Lebih terperinciHASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES
HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES 2017 www.puskeshaji.depkes.go.id Tanggal Captured 09 10 2017 Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga Cepat &
Lebih terperinci4. BAB IV HASIL DAN PEMBAHASAN. menggunakan metode interview atau wawancara. Hasil dari tahap ini adalah
4. BAB IV HASIL DAN PEMBAHASAN 4.1. Hasil Pengumpulan Data Pada tahap awal, penulis mengumpulkan data-data yang dibutuhkan sistem menggunakan metode interview atau wawancara. Hasil dari tahap ini adalah
Lebih terperinciDAFTAR ISI... 2 PENJELASAN UMUM... 3 PENJELASAN MENU PADA APLIKASI Menu Login Halaman Awal Menu Diklat Memilih Diklat...
DAFTAR ISI DAFTAR ISI... 2 PENJELASAN UMUM... 3 PENJELASAN MENU PADA APLIKASI... 4 Menu Login... 4 Halaman Awal... 5 Menu Diklat... 6 Memilih Diklat... 7 Mengakses Konten Materi... 8 Mengakses Forum...
Lebih terperinciGambar 1.1 Desain halaman web
DESAIN HALAMAN WEB DENGAN DREAMWEAVER 8.0 Oleh: Heri Istiyanto Untuk dapat mengikuti tutorial ini, diharapkan Anda menggunakan Macromedia Dreamwever versi 8. Jika Anda menggunakan versi di atasnya, misalnya
Lebih terperinciInteractive Broadcasting
Modul ke: Interactive Broadcasting Penyusunan Halaman Web Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna S.Ikom Program Studi Broadcasting www.mercubuana.ac.id Penyusunan Halaman Web Definisikan secara
Lebih terperinciBAB IV IMPLEMENTASI KARYA. bagian yaitu, header, content, dan footer. Kerangka ini dibuat untuk mengatur
4.1 Kerangka dan Desain Website BAB IV IMPLEMENTASI KARYA Website PT Revtech Solution ini memiliki kerangka yang dibagi menjadi 3 bagian yaitu, header, content, dan footer. Kerangka ini dibuat untuk mengatur
Lebih terperinciBAB 3 ANALISIS KINERJA WEBSITE DINAS PARIWISATA SAAT INI
BAB 3 ANALISIS KINERJA WEBSITE DINAS PARIWISATA SAAT INI 3.1 Kinerja Website Dinas Pariwisata Untuk mengukur kinerja website Dinas Pariwisata, penulis telah mengumpulkan 103 sampel website Dinas Pariwisata
Lebih terperinciHASIL PENILAIAN E-ASPIRASI 2017 DINAS KESEHATAN JOGJAKARTA.
HASIL PENILAIAN E-ASPIRASI 2017 DINAS KESEHATAN JOGJAKARTA http://www.dinkes.jogjaprov.go.id Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga Cepat & Mudah Ditemukan
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. lunak yang digunakan untuk membangun aplikasi perangkat ajar ini adalah : perangkat ajar bisa terlihat lebih menarik.
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi Sistem Berdasarkan hasil analisis dan perancangan, perangkat ajar dibangun dengan menggunakan beberapa perangkat lunak dan perangkat keras. Perangkat lunak
Lebih terperinciRISTEKDIKTI PANDUAN PENGISISAN FORM
RISTEKDIKTI PANDUAN PENGISISAN FORM DAFTAR ISI DAFTAR ISI...II 1 AKSES WEBSITE... 1 1.1 LOG IN...2 1.2 LOG OUT...2 2 BERANDA... 3 3 WEB INOVASI... 6 3.1 DATA...6 3.1.1 Data Peneliti...6 3.1.1.1 Menambahkan
Lebih terperinciRAZALI KA Penilaian Terhadap Website SMK Negeri 3 Lhokseumawe Halaman 1 dari 5
Alamat : http://smk3-lsw.sch.id Tgl Akses 15 Juli 2009 Tema : Website SMK Negeri 3 Lhokseumawe yang berisikan informasi tentang profil dan aktivitas sekolah tersebut. Bahasa : English dan Bahasa Indonesia
Lebih terperinciHASIL PENILAIAN E-ASPIRASI 2017 DINAS KESEHATAN SULAWESI SELATAN.
HASIL PENILAIAN E-ASPIRASI 2017 DINAS KESEHATAN SULAWESI SELATAN http://dinkes.sulselprov.go.id/ Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga Cepat & Mudah Ditemukan
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. menjadi dua, yaitu perangkat keras (hardware) dan perangkat lunak (software). 1. Processor Pentium III 1 Ghz
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Spesifikasi sistem Informasi Geografis (SIG) untuk aplikasi ini dibagi menjadi dua, yaitu perangkat keras (hardware) dan perangkat lunak (software). 4.1.1
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI
234 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Pada bagian implementasi, penulis akan menjelaskan mengenai spesifikasi perangkat keras dan perangkat lunak yang dibutuhkan sistem, jaringan yang dibutuhkan,
Lebih terperinci