mengelolaisihalamanweb4 (ind)

of 49/49
Mengelola isi halaman web Menguji dan memastikan perubahan perubahan.

Post on 13-Jan-2015

702 views

Category:

Documents

1 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

  • 1. Mengelola isi halaman webMenguji dan memastikan perubahan perubahan.

2. Menguji dan memastikanperubahan perubahan Menguji dan memastikan perubahan-perubahan Pengujian yang dilakukan terhadap situs web tidak sama dengan pengujian sebuah program aplikasi walaupun situs web juga dapat dibuat dengan web programming. Secara umum, hal-hal yang harus diuji adalah sebagai berikut1. Code Quality2. Compatibility3. Navigasii4. User Interaction5. Usability and Accessbility6. Scalability7. ReliabilityHal.: 2 Isikan Judul HalamanTeknologi Informasi dan Komunikasi 3. Menguji dan memastikanperubahan perubahan 1. Code Quality Pengujian terhadap code quality maksudnya adalahpengujian terhadap kualitas kode HTML yangdigunakan untuk membangun halaman-halaman situsweb. Yang termasuk kedalam kategori ini adalah sebagaiberikut : 1. Validasi HTML 2. Validasi Gambar dan huruf yang digunakanHal.: 3 Isikan Judul HalamanTeknologi Informasi dan Komunikasi 4. Menguji dan memastikanperubahan perubahan 2. Compatibility Pengujian terhadap compatibility situs web maksudnyaadalah pengujian yang dilakukan terhadap situs webtentang seberapa kompatibel dengan berbagai macamsistem operasi, browser dan hardware. Pengujian dengan sistem operasi akan membuktikanbagaimana kemampuan pada berbagai sistem operasiyang digunakan, misalnya Windows, Unix, OS/2,Macintos.Hal.: 4Isikan Judul Halaman Teknologi Informasi dan Komunikasi 5. Menguji dan memastikanperubahan perubahan 3. Navigasi Pengujian navigasi dilakukan untuk menguji kemampuansitus web dalam menyajikan link-link yang ada dalamseluruh halaman situs web. Pengujian ini dilakukan karena pentingnya aspek navigatordalam situs web Yang termasuk pengujian untuk navigasi situs web adalah : 1. link, 2. frame, 3. organisasi situs.Hal.: 5 Isikan Judul HalamanTeknologi Informasi dan Komunikasi 6. Menguji dan memastikanperubahan perubahan 4. User Interaction Pengujian user interaction maksudnya adalah bahwa situsweb diuji sejauh mana dapat berinteraksi denganpengunjung yang mengunjungi situs web. Yang termasuk kedalam user interaction adalah : 1. pengujian pada fasilitas form, 2. validasi CGI script, 3. validasi proses, 4. interface, 5. cookies, 6. session 7. dllHal.: 6 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 7. Menguji dan memastikanperubahan perubahan5. Usability and AccessbilityPengujian usability dan accesbility situs web adalah pengujian yang dilakukan terhadap situs web guna melihat sejauh mana situs dapat memenuhi keinginan pengunjung atau target pengguna situs web.Contoh pertanyaan berikut dapat digunakan untuk menguji tingkat usability dan accesbility situs web :1. Halaman web yang menggunakan script atau aplet harus tetap dapat ditampilkan pada browser yang tidak mendukung fungsi aplet dan script tersebut.2. Jika menggunakan image maps, maka seharusnya halaman situs juga menyediakan link yang digunakan sebagai alternatif3. Situs web seharusnya juga dapat dipahami ketika dibuka menggunakan browser berbasis teksHal.: 7 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 8. Menguji dan memastikanperubahan perubahan 6. Performance Pengujian terhadap performance atau performa situs web maksudnya adalah pengujian yang dilakukan terhadap situs web untuk melihat sejauh mana kinerja situs web dalam berbagai keadaan. Contoh standar yang harus dimiliki oleh sebuah situs yang memiliki kinerja yang baik : 1. 95% halaman web dapat di download kurang dari 10 detikpada modem 28,8 kbps 2. Proses pemesanan dapat dilakukan dalam waktu 2 menit 3. Konfirmasi suatu transaksi dikirimkan pada user dalam 30detikHal.: 8 Isikan Judul HalamanTeknologi Informasi dan Komunikasi 9. Menguji dan memastikanperubahan perubahan 7. Scalability Pengujian scalability maksudnya adalah pengujian terhadap sejauh mana situs web/system yang dibangun dapat dikembangkan sebagai antisipasi terhadap perubahan teknologi di masa yang mendatang. Evaluasi scalability dapat dilakukan dengan mengujisejauhmana situs web dalam : 1. Jumlah maksimal transaksi/detik yang masih dalambatas response-time-requirement 2. Jumlah rata-rata transaksi pada saat normal 3. Jumlah memori yang diperlukan untuk setiap transaksiHal.: 9 Isikan Judul HalamanTeknologi Informasi dan Komunikasi 10. Menguji dan memastikan perubahan perubahan 8. Reliability Pengujian reliability situs web maksudnya menguji sejauh mana situs web masih dapat melakukan tugasnya dalam kondisi yang berat. Yang termasuk ke dalam pengujian ini adalah: 1. Low-resource testing : apakah aplikasi masih dapatberjalan pada reduced system resources. 2. Endurance testing : menguji tingkat stress systemdalam waktu yang cukup lama 3. Volume testing : menguji unjuk kerja sistem dengandata yang besar 4. Peak testing : menguji sistem pada saat yang palingsibukHal.: 10Isikan Judul Halaman Teknologi Informasi dan Komunikasi 11. Mempengaruhi Halaman Web Mengakses Halaman Web Secara Cepat 1.Perhatikan jam akses. Biasanya kecepatan akses komputer Siang hari, kira-kira pukul 09.00 s/d 15.00, jalur komunikasi telepon sangat sibuk. Hal ini tentu saja akan sangat berpengaruh terhadap kecepatan akses di mana dalam satu jalur yang sempit, dimasuki oleh banyak data (bottleneck). Akan lebih baik jika mengakses internet pada malam hari atau bahkan dini hari, sewaktu banyak orang sedang beristirahatHal.: 11 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 12. Mengakses Halaman Web Secara Cepat 2. Disable auto load image. Untuk anda yanghanya ingin membaca berita atau sekedarmenulis dan mengirim email, akan lebihbijaksana jika fasilitas Auto Load Image -atau Auto Load Multimedia untuk IE 4 -dinonaktifkan. Hal ini penting sebab bukanrahasia lagi bahwa yang paling domimanmempengaruhi lambatnya akses internetadalah banyaknya grafik (gambar) dalamsuatu homepage.Hal.: 12 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 13. Mengakses Halaman Web Secara Cepat 3. Perhatikan indikator. Terkadang suatuwebsite akan tampak lama sekali untukdiakses. Ada dua sebab yang membuatnyademikian. Pertama, mungkin saja jalurkomunikasi telah penuh sehinggamenyebabkan antri data, atau data yangtelah dikirim dan akan diterima "hilang" ditengah jalan. Solusinya, akan lebih baik jikaanda menekan tombol "reload" (atau"refresh") agar data dimuat kembali.Hal.: 13 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 14. Mengakses Halaman Web Secara Cepat 4. Buka beberapa jendela browser. Pada saatkita menunggu suatu website selesaidimuat seluruhnya, akan lebih bijaksanajika kita membuka jendela browser yangbaru dan mengakses alamat website yangbaru pula. Membuka satu per satu alamatwebsite pada satu jendela browser adalahtidak bijaksana dan tidak efisien.Hal.: 14 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 15. Mengakses Halaman Web Secara Cepat 5. Tutup jendela yang tidak perlu. Ini adalahkebalikan dari point di atas. Ada kalanya,kita terlalu bersemangat sehingga jendelabrowser yang kita buka sangat banyak,sehingga alamat web yang kita akses puntak kalah banyaknya. Tentu saja hal inisangat mempengaruhi kecepatan aksesinternet, karena banyaknya data yangharus dikirim dan diterima. Untuk itu,tutuplah jendela browser yang tidak perlu.Hal.: 15 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 16. Tips Menampilkan Tulisan di halaman Web Web seperti sebuah brosur atau resumedari pada laporan yang ditulis secaralengkapdan terperinci. Maka,untukmenampilkan tulisan pada halaman Webharuslah mudah dan cepat untuk di scandenganpanduanhyperlinkuntukmengarahkan pengunjung. Maka anda harusmemiliki tujuan:Hal.: 16 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 17. Tips Menampilkan Tulisan di halaman Web Tulis karangan seperti sebuah piramid Tulislah hal-hal yang menjadi pokok pemikiran terlebih dahulu pada tulisan tersebut. Kurangi jumlah kata Tulisan yang pendek dan tajam lebih mudah dibaca dari pada halaman yang panjangHal.: 17 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 18. Tips Menampilkan Tulisan di halaman Web Gunakan satu pokok pikiran per paragraf Ide yang terkubur dalam paragraf- paragraf yang banyak seringkali tidak dapat dicerna dengan baik. Gunakan bullet list, teks tebal, dan heading untuk menandakan bagian-bagian penting.Hal.: 18 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 19. Tips Menampilkan Tulisan di halaman Web Gunakan kata/title pada hyperlink yang mudah dimengerti Hyperlink harus mudah dimengerti dan memberikan gambaran seperti apa tujuan dari halaman setelah ia mengklik hyperlink tersebut. Hindari Kekacauan Halaman Web yang penuh sesak dapat menciptakan kebisingan visualHal.: 19 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 20. Tips Menampilkan Tulisan di halaman WebKunci utamanya adalah pengunjungkurang sabaran untuk membaca tiap barispada tulisan Anda, jadi halaman webharuslah di desain untuk memberikanpanduan kepada mata pengunjung menujuinformasi yang terpenting dalam tulisantersebutHal.: 20 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 21. RANGKING Search Engine Memiliki halaman web yang enakdipandang mata, belum tentumemberikan hasil yang baik pada searchengine. Ada hal-hal yangharus anda perhatikan untuk optimasi ini.Anda perlu mengetahuibagaimana cara mengoptimalkan halamanweb dengan tag-tag HTMLkhusus, dan hal-hal apa saja yangmempengaruhi rangking padaSearch Engine.Hal.: 21Isikan Judul Halaman Teknologi Informasi dan Komunikasi 22. RANGKING Search Engine 1. Keyword pada domain nameJika Anda memiliki website yangberisi koleksi lagu-lagu mp3 atau jika situsanda menjual buku-buku alangkah baiknyajika menggunakan nama yang mengandungkata ebook. Cara ini masih terbilangefektif untuk saat ini.Hal.: 22 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 23. RANGKING Search Engine 2. Keyword pada nama fileMisalnya Anda memiliki halamanweb yang berisi informasi mengenai carapromosi online,sebaiknya disimpan dengannama promosi.html atau marketing.html, inijuga akan mempengaruhi rangking.Hal.: 23 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 24. RANGKING Search Engine 3. Keyword pada page titleTag pada halaman HTML sangatpenting untuk dioptimalkan. Usahakan agartitle yang digunakan mengandung keywordyang relevan dengan isi halaman web.Hal.: 24 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 25. RANGKING Search Engine 4. Keyword pada headlineBagi Anda yang sudah menguasai HTMLtentu mengenal tag ,, dst. Tagheadline sangat baik dipakai untuk judulsebuah paragraf, misalnya : TokoBukuOnline. Headline sangatdiperhitungkan oleh SearchEngine.Hal.: 25 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 26. RANGKING Search Engine 5. Keyword yang relevan pada meta tagJanganlah menggunakan keyword yangsama sekali tidak ada hubungannyadengan isi halaman web anda. Hal ini bisadideteksi oleh search engine dan akandianggap spammingHal.: 26 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 27. RANGKING Search Engine 6. Keyword pada page contentkeyword yang diharapkan harus terdapatpada isi halaman web. Gunakan juga fraseatau kata-kata lain yang berhubungandengan keyword utama.Hal.: 27 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 28. RANGKING Search Engine 7. Meta tagsAdalah tag-tag HTML khusus yangdigunakan untuk menggambarkankeseluruhan dari isi web anda. Meta tagakan kita bahas secara khusus di bagianberikutnyaHal.: 28 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 29. RANGKING Search Engine 8. Link PopularityAdalah jumlah halaman web lain yangmemasang link ke web site anda. Beberapasearch engine utama sangatmemperhatikan hal ini. Semakin besar linkpopularity suatu web site, rangkingnyaakan semakin tinggi. Jika situs anda inginmuncul pada posisi atas di Google banyak-banyaklah bertukar link dengan web lain.Hal.: 29 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 30. Merancang Navigasi WebsiteNavigasi pada sebuah website yangtertampil pada menu dan links adalahpetunjuk bagipengunjungterhadaphalaman - halaman yang terdapat dalamwebsite. Pengunjung akan semakin mudahmenemukan halaman - halaman dalamwebsite Anda jika menu - menu dan linkyang ada tampil secara terstruktur. Sudahpasti pengunjung akan kesal apabila tidakmendapatkan halaman website yang ia carigara - gara navigasi yang ruwet.Hal.: 30Isikan Judul Halaman Teknologi Informasi dan Komunikasi 31. Merancang Navigasi Website 1.Rencanakan dengan Baik Hal yang mutlak dilakukan sebelum mulai membuat sebuah web tentunya adalah pembuatan konsep dari website itu sendiri. Konsep tersebut akan memuat navigasi dasar dalam bentuk tree view (bercabang dan beranting) dari mulai konten yang bersifat umum hingga konten yang bersifat mendetail. Inilah garis besar navigasi dari situs yang akan dibuat.Hal.: 31Isikan Judul Halaman Teknologi Informasi dan Komunikasi 32. Merancang Navigasi Website 2. Dimana Navigasi diletakkan Navigasi akan membawa pengunjung dari hal - hal yang bersifat umum hingga hal - hal yang bersifat mendetail. Halaman utama (index) tentu saja akan memuat menu - menu pokok yang bersifat umum. Percabangan dari menu - menu inti tersebut dapat di letakkan pada halaman - halaman cabang dari index. Alternatif lain, Anda dapat menggunakan javascript untuk menampilkan menu dan sub-menu sekaligus.Hal.: 32Isikan Judul Halaman Teknologi Informasi dan Komunikasi 33. Merancang Navigasi Website 3.Konsisten Sebisa mungkin jangan merubah letak menu pada setiap halaman web sehingga pengunjung lebih mudah menemukan menu- menu tersebut. Misalnya menu utama berada di atas, setelah itu pada halaman - halaman yang terdapat dalam menu utama dapat ditampilkan sub-menu di sebelah kiri atau kanan halaman.Hal.: 33Isikan Judul Halaman Teknologi Informasi dan Komunikasi 34. Merancang Navigasi Website 4. Spotty! Buatlah menu dengan menonjol sehingga pengunjung mudah mengenalinya. Hal ini tentu saja harus di gabungkan dengan unsur estetika sehingga menu - menu tersebut dapat sejalan dengan konsep desain web yang dibuat.Hal.: 34Isikan Judul Halaman Teknologi Informasi dan Komunikasi 35. Merancang Navigasi Website 5. Singkat & Deskriptif Kata - kata yang terdapat dalam menu harus mampu memberikan petunjuk yang jelas dan singkat tentang halaman website di bawah menu tersebut. Gunakan istilah - istilah yang lazim, singkat, dan mudah dipahami.Hal.: 35Isikan Judul Halaman Teknologi Informasi dan Komunikasi 36. Merancang Navigasi Website 6. Berikan Petunjuk pada Pengunjung Akan lebih baik jika pada halaman website memuat strukur singkat halaman web yang sedang di tampilkan. Misal : Tentang Kami >> Visi & Misi >>Hal.: 36Isikan Judul Halaman Teknologi Informasi dan Komunikasi 37. Merancang Navigasi Website 7. Berikan Link ke Halaman Utama Jangan lupa untuk memberikan link ke halaman utama atau link ke halaman dalam parent topic. Ini akan memudahkan pengunjung jika situs Anda di bangun dalam struktur menu dan submenu yang cukup kompleks.Hal.: 37Isikan Judul Halaman Teknologi Informasi dan Komunikasi 38. Merancang Navigasi Website 8. Sitemap Buatlah sitemap yang linknya berada di setiap halaman web. Ini akan semakin memudahkan dan mempersingkat proses pencarian halaman - halaman website oleh pengunjung.Hal.: 38Isikan Judul Halaman Teknologi Informasi dan Komunikasi 39. Yang Tidak Berpengaruh Di HTMLPada program pembuat halaman webseperti Frontpage, dan Dreamweaver,kode HTML bisa kita lihat dengan caramasuk ke bagian html view. Kode-kodeHTML bisa diedit di program notepad. Dalammengedit kode HTML di halaman codeview, perlu diketahui ada cara penulisantertentu yang tidak berpengaruh terhadaphasilnya.Hal.: 39 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 40. Yang Tidak Berpengaruh Di HTMLHal-hal yang tidak terpengaruhterhadap tampilan di halaman web: 1.HURUF KAPITAL atau huruf kecil sama saja

atau

hasilnya sama saja
atau
atau
hasilnya sama sajaHal.: 40Isikan Judul Halaman Teknologi Informasi dan Komunikasi 41. Yang Tidak Berpengaruh Di HTML 2. Spasi atau tabulasi atau enter sebanyak apapun, tidak ada artinya.

bunga mawar indah

bungamawar indah

Hal.: 41Isikan Judul Halaman Teknologi Informasi dan Komunikasi 42. Yang Tidak Berpengaruh Di HTML Bagaimana agar hasilnya beda?Kita harus menggunakan kode HTMLtertentu.Kode Itu adalah kode HTMLuntuk membuat spasi. Bila kita inginmembuat jarak 10 spasi di antarakedua kata misalnya, makatempatkan 10 kode di atas di antarakedua kata tersebut.Hal.: 42Isikan Judul Halaman Teknologi Informasi dan Komunikasi 43. CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW Manfaat backlink adalah untukmeningkatkan pengunjung atau traffic.Backlink akan mempengaruhi danmeningkatkan pagerank apabila backlinkantara dua blog atau lebih mempunyaihubungan, kaitan atau ada kemiripan dalamsegi contentnya dan backlink pada web/blogyang sudah memiliki pagerank lebih tinggimempunyai nilai tersendiri plus umur dariweb/blog juga mempengaruhi.Hal.: 43 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 44. CARA MERUBAH NOFOLLOW MENJADI DOFOLLOWCek Web/ Blog Sudah DoFollowUntuk mengetahui apakah suatu web ataublog sudah dofollow sebenarnya cukupmudah. Caranya cari postingan yang sudahmempunyai komentar. Kemudian blok salahsatu komentar dengan link namapenulisnya. Setelah itu klik kanan pilih ViewSelection Source. Akan muncul jendela DOMSource of Selection.Hal.: 44 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 45. CARA MERUBAH NOFOLLOW MENJADI DOFOLLOWPerhatikan pada kode html yangmenyertai link komentator saja! Anda akanmendapati dua macam kemungkinan link. Kemungkinan link pertama thom Kemungkinan link kedua thomHal.: 45 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 46. CARA MERUBAH NOFOLLOW MENJADI DOFOLLOWUntuk blog yang menggunakan platformwordpress, mempunyai link yang berbeda : thom thomHal.: 46 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 47. CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW Cara mengubah nofollow menjadi dofollow: Pastikan kamu sudah Log in :D Langsung meluncur ke Layout Edit HTML [Jangan lupa beri tanda centang pada Expand Template Widget] Cari kode berikut : a>Hal.: 47 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 48. CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW Hilangkan atau hapus rel=nofollow Jika kamu mau, kamu juga bisa membuat trackback-nya menjadi dofollow Caranya : Cari kode berikut Hilangkan atau hapus rel=nofollow Selesai. Semoga bermanfaat :)Hal.: 48 Isikan Judul Halaman Teknologi Informasi dan Komunikasi 49. SMK NEGERI 1 TUTUR PASURUAN The endHal.: 49 Isikan Judul Halaman Teknologi Informasi dan Komunikasi