Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Mengelola isi halaman web Menguji dan memastikan perubahan perubahan.

Presentasi serupa


Presentasi berjudul: "Mengelola isi halaman web Menguji dan memastikan perubahan perubahan."— Transcript presentasi:

1 Mengelola isi halaman web Menguji dan memastikan perubahan perubahan.

2 Teknologi Informasi dan Komunikasi Hal.: 2Isikan Judul Halaman Menguji dan memastikan perubahan 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 berikut 1.Code Quality 2.Compatibility 3.Navigasii 4.User Interaction 5.Usability and Accessbility 6.Scalability 7.Reliability

3 Teknologi Informasi dan Komunikasi Hal.: 3Isikan Judul Halaman Menguji dan memastikan perubahan perubahan 1.Code Quality Pengujian terhadap code quality maksudnya adalah pengujian terhadap kualitas kode HTML yang digunakan untuk membangun halaman-halaman situs web. Yang termasuk kedalam kategori ini adalah sebagai berikut : 1.Validasi HTML 2.Validasi Gambar dan huruf yang digunakan

4 Teknologi Informasi dan Komunikasi Hal.: 4Isikan Judul Halaman Menguji dan memastikan perubahan perubahan 2.Compatibility Pengujian terhadap compatibility situs web maksudnya adalah pengujian yang dilakukan terhadap situs web tentang seberapa kompatibel dengan berbagai macam sistem operasi, browser dan hardware. Pengujian dengan sistem operasi akan membuktikan bagaimana kemampuan pada berbagai sistem operasi yang digunakan, misalnya Windows, Unix, OS/2, Macintos.

5 Teknologi Informasi dan Komunikasi Hal.: 5Isikan Judul Halaman Menguji dan memastikan perubahan perubahan 3.Navigasi Pengujian navigasi dilakukan untuk menguji kemampuan situs web dalam menyajikan link-link yang ada dalam seluruh halaman situs web. Pengujian ini dilakukan karena pentingnya aspek navigator dalam situs web Yang termasuk pengujian untuk navigasi situs web adalah : 1. link, 2.frame, 3.organisasi situs.

6 Teknologi Informasi dan Komunikasi Hal.: 6Isikan Judul Halaman Menguji dan memastikan perubahan perubahan 4.User Interaction Pengujian user interaction maksudnya adalah bahwa situs web diuji sejauh mana dapat berinteraksi dengan pengunjung 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.dll

7 Teknologi Informasi dan Komunikasi Hal.: 7Isikan Judul Halaman Menguji dan memastikan perubahan perubahan 5. Usability and Accessbility Pengujian 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 alternatif 3.Situs web seharusnya juga dapat dipahami ketika dibuka menggunakan browser berbasis teks

8 Teknologi Informasi dan Komunikasi Hal.: 8Isikan Judul Halaman Menguji dan memastikan perubahan 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 detik pada modem 28,8 kbps 2.Proses pemesanan dapat dilakukan dalam waktu 2 menit 3.Konfirmasi suatu transaksi dikirimkan pada user dalam 30 detik

9 Teknologi Informasi dan Komunikasi Hal.: 9Isikan Judul Halaman Menguji dan memastikan perubahan 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 menguji sejauhmana situs web dalam : 1.Jumlah maksimal transaksi/detik yang masih dalam batas response-time-requirement 2.Jumlah rata-rata transaksi pada saat normal 3.Jumlah memori yang diperlukan untuk setiap transaksi

10 Teknologi Informasi dan Komunikasi Hal.: 10Isikan Judul Halaman 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 dapat berjalan pada reduced system resources. 2.Endurance testing : menguji tingkat stress system dalam waktu yang cukup lama 3.Volume testing : menguji unjuk kerja sistem dengan data yang besar 4.Peak testing : menguji sistem pada saat yang paling sibuk

11 Teknologi Informasi dan Komunikasi Hal.: 11Isikan Judul Halaman Mempengaruhi Halaman Web Mengakses Halaman Web Secara Cepat 1.Perhatikan jam akses. Biasanya kecepatan akses komputer Siang hari, kira-kira pukul 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 beristirahat

12 Teknologi Informasi dan Komunikasi Hal.: 12Isikan Judul Halaman Mengakses Halaman Web Secara Cepat 2. Disable auto load image. Untuk anda yang hanya ingin membaca berita atau sekedar menulis dan mengirim , akan lebih bijaksana jika fasilitas Auto Load Image - atau Auto Load Multimedia untuk IE 4 - dinonaktifkan. Hal ini penting sebab bukan rahasia lagi bahwa yang paling domiman mempengaruhi lambatnya akses internet adalah banyaknya grafik (gambar) dalam suatu homepage.

13 Teknologi Informasi dan Komunikasi Hal.: 13Isikan Judul Halaman Mengakses Halaman Web Secara Cepat 3. Perhatikan indikator. Terkadang suatu website akan tampak lama sekali untuk diakses. Ada dua sebab yang membuatnya demikian. Pertama, mungkin saja jalur komunikasi telah penuh sehingga menyebabkan antri data, atau data yang telah dikirim dan akan diterima "hilang" di tengah jalan. Solusinya, akan lebih baik jika anda menekan tombol "reload" (atau "refresh") agar data dimuat kembali.

14 Teknologi Informasi dan Komunikasi Hal.: 14Isikan Judul Halaman Mengakses Halaman Web Secara Cepat 4. Buka beberapa jendela browser. Pada saat kita menunggu suatu website selesai dimuat seluruhnya, akan lebih bijaksana jika kita membuka jendela browser yang baru dan mengakses alamat website yang baru pula. Membuka satu per satu alamat website pada satu jendela browser adalah tidak bijaksana dan tidak efisien.

15 Teknologi Informasi dan Komunikasi Hal.: 15Isikan Judul Halaman Mengakses Halaman Web Secara Cepat 5. Tutup jendela yang tidak perlu. Ini adalah kebalikan dari point di atas. Ada kalanya, kita terlalu bersemangat sehingga jendela browser yang kita buka sangat banyak, sehingga alamat web yang kita akses pun tak kalah banyaknya. Tentu saja hal ini sangat mempengaruhi kecepatan akses internet, karena banyaknya data yang harus dikirim dan diterima. Untuk itu, tutuplah jendela browser yang tidak perlu.

16 Teknologi Informasi dan Komunikasi Hal.: 16Isikan Judul Halaman Tips Menampilkan Tulisan di halaman Web Web seperti sebuah brosur atau resume dari pada laporan yang ditulis secara lengkap dan terperinci. Maka, untuk menampilkan tulisan pada halaman Web haruslah mudah dan cepat untuk di scan dengan panduan hyperlink untuk mengarahkan pengunjung. Maka anda harus memiliki tujuan:

17 Teknologi Informasi dan Komunikasi Hal.: 17Isikan Judul Halaman 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 panjang

18 Teknologi Informasi dan Komunikasi Hal.: 18Isikan Judul Halaman 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.

19 Teknologi Informasi dan Komunikasi Hal.: 19Isikan Judul Halaman 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 visual”

20 Teknologi Informasi dan Komunikasi Hal.: 20Isikan Judul Halaman Tips Menampilkan Tulisan di halaman Web Kunci utamanya adalah pengunjung kurang sabaran untuk membaca tiap baris pada tulisan Anda, jadi halaman web haruslah di desain untuk memberikan panduan kepada mata pengunjung menuju informasi yang terpenting dalam tulisan tersebut

21 Teknologi Informasi dan Komunikasi Hal.: 21Isikan Judul Halaman RANGKING Search Engine Memiliki halaman web yang enak dipandang mata, belum tentu memberikan hasil yang baik pada search engine. Ada hal-hal yang harus anda perhatikan untuk optimasi ini. Anda perlu mengetahui bagaimana cara mengoptimalkan halaman web dengan tag-tag HTML khusus, dan hal-hal apa saja yang mempengaruhi rangking pada Search Engine.

22 Teknologi Informasi dan Komunikasi Hal.: 22Isikan Judul Halaman RANGKING Search Engine 1. Keyword pada domain name Jika Anda memiliki website yang berisi koleksi lagu-lagu mp3 atau jika situs anda menjual buku-buku alangkah baiknya jika menggunakan nama yang mengandung kata ebook. Cara ini masih terbilang efektif untuk saat ini.

23 Teknologi Informasi dan Komunikasi Hal.: 23Isikan Judul Halaman RANGKING Search Engine 2. Keyword pada nama file Misalnya Anda memiliki halaman web yang berisi informasi mengenai cara promosi online,sebaiknya disimpan dengan nama promosi.html atau marketing.html, ini juga akan mempengaruhi rangking.

24 Teknologi Informasi dan Komunikasi Hal.: 24Isikan Judul Halaman RANGKING Search Engine 3. Keyword pada page title Tag pada halaman HTML sangat penting untuk dioptimalkan. Usahakan agar title yang digunakan mengandung keyword yang relevan dengan isi halaman web.

25 Teknologi Informasi dan Komunikasi Hal.: 25Isikan Judul Halaman RANGKING Search Engine 4. Keyword pada headline Bagi Anda yang sudah menguasai HTML tentu mengenal tag,, dst. Tag headline sangat baik dipakai untuk judul sebuah paragraf, misalnya : TokoBuku Online. Headline sangat diperhitungkan oleh Search Engine.

26 Teknologi Informasi dan Komunikasi Hal.: 26Isikan Judul Halaman RANGKING Search Engine 5. Keyword yang relevan pada meta tag Janganlah menggunakan keyword yang sama sekali tidak ada hubungannya dengan isi halaman web anda. Hal ini bisa dideteksi oleh search engine dan akan dianggap spamming

27 Teknologi Informasi dan Komunikasi Hal.: 27Isikan Judul Halaman RANGKING Search Engine 6. Keyword pada page content keyword yang diharapkan harus terdapat pada isi halaman web. Gunakan juga frase atau kata-kata lain yang berhubungan dengan keyword utama.

28 Teknologi Informasi dan Komunikasi Hal.: 28Isikan Judul Halaman RANGKING Search Engine 7. Meta tags Adalah tag-tag HTML khusus yang digunakan untuk menggambarkan keseluruhan dari isi web anda. Meta tag akan kita bahas secara khusus di bagian berikutnya

29 Teknologi Informasi dan Komunikasi Hal.: 29Isikan Judul Halaman RANGKING Search Engine 8. Link Popularity Adalah jumlah halaman web lain yang memasang link ke web site anda. Beberapa search engine utama sangat memperhatikan hal ini. Semakin besar link popularity suatu web site, rangkingnya akan semakin tinggi. Jika situs anda ingin muncul pada posisi atas di Google banyak- banyaklah bertukar link dengan web lain.

30 Teknologi Informasi dan Komunikasi Hal.: 30Isikan Judul Halaman Merancang Navigasi Website Navigasi pada sebuah website yang tertampil pada menu dan links adalah petunjuk bagi pengunjung terhadap halaman - halaman yang terdapat dalam website. Pengunjung akan semakin mudah menemukan halaman - halaman dalam website Anda jika menu - menu dan link yang ada tampil secara terstruktur. Sudah pasti pengunjung akan kesal apabila tidak mendapatkan halaman website yang ia cari gara - gara navigasi yang ruwet.

31 Teknologi Informasi dan Komunikasi Hal.: 31Isikan Judul Halaman 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.

32 Teknologi Informasi dan Komunikasi Hal.: 32Isikan Judul Halaman 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.

33 Teknologi Informasi dan Komunikasi Hal.: 33Isikan Judul Halaman 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.

34 Teknologi Informasi dan Komunikasi Hal.: 34Isikan Judul Halaman 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.

35 Teknologi Informasi dan Komunikasi Hal.: 35Isikan Judul Halaman 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.

36 Teknologi Informasi dan Komunikasi Hal.: 36Isikan Judul Halaman 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 >>

37 Teknologi Informasi dan Komunikasi Hal.: 37Isikan Judul Halaman 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.

38 Teknologi Informasi dan Komunikasi Hal.: 38Isikan Judul Halaman 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.

39 Teknologi Informasi dan Komunikasi Hal.: 39Isikan Judul Halaman Yang Tidak Berpengaruh Di HTML Pada program pembuat halaman web seperti Frontpage, dan Dreamweaver, kode HTML bisa kita lihat dengan cara masuk ke bagian “html view. Kode-kode HTML bisa diedit di program notepad. Dalam mengedit kode HTML di halaman “code view”, perlu diketahui ada cara penulisan tertentu yang tidak berpengaruh terhadap hasilnya.Frontpagekode HTML

40 Teknologi Informasi dan Komunikasi Hal.: 40Isikan Judul Halaman Yang Tidak Berpengaruh Di HTML Hal-hal yang tidak terpengaruh terhadap tampilan di halaman web: 1.HURUF KAPITAL atau huruf kecil sama saja atau hasilnya sama saja atau atau hasilnya sama saja

41 Teknologi Informasi dan Komunikasi Hal.: 41Isikan Judul Halaman Yang Tidak Berpengaruh Di HTML 2. Spasi atau tabulasi atau enter sebanyak apapun, tidak ada artinya. bunga mawar indah

42 Teknologi Informasi dan Komunikasi Hal.: 42Isikan Judul Halaman Yang Tidak Berpengaruh Di HTML Bagaimana agar hasilnya beda? Kita harus menggunakan kode HTML tertentu. Kode Itu adalah kode HTML untuk membuat spasi. Bila kita ingin membuat jarak 10 spasi di antara kedua kata misalnya, maka tempatkan 10 kode di atas di antara kedua kata tersebut.

43 Teknologi Informasi dan Komunikasi Hal.: 43Isikan Judul Halaman CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW Manfaat backlink adalah untuk meningkatkan pengunjung atau traffic. Backlink akan mempengaruhi dan meningkatkan pagerank apabila backlink antara dua blog atau lebih mempunyai hubungan, kaitan atau ada kemiripan dalam segi contentnya dan backlink pada web/blog yang sudah memiliki pagerank lebih tinggi mempunyai nilai tersendiri plus umur dari web/blog juga mempengaruhi.

44 Teknologi Informasi dan Komunikasi Hal.: 44Isikan Judul Halaman CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW Cek Web/ Blog Sudah DoFollow Untuk mengetahui apakah suatu web atau blog sudah dofollow sebenarnya cukup mudah. Caranya cari postingan yang sudah mempunyai komentar. Kemudian blok salah satu komentar dengan link nama penulisnya. Setelah itu klik kanan pilih View Selection Source. Akan muncul jendela DOM Source of Selection.

45 Teknologi Informasi dan Komunikasi Hal.: 45Isikan Judul Halaman CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW Perhatikan pada kode html yang menyertai link komentator saja! Anda akan mendapati dua macam kemungkinan link. Kemungkinan link pertama  thom Kemungkinan link kedua  thom

46 Teknologi Informasi dan Komunikasi Hal.: 46Isikan Judul Halaman CARA MERUBAH NOFOLLOW MENJADI DOFOLLOW Untuk blog yang menggunakan platform wordpress, mempunyai link yang berbeda :  thom  thom

47 Teknologi Informasi dan Komunikasi Hal.: 47Isikan Judul Halaman 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 : 

48 Teknologi Informasi dan Komunikasi Hal.: 48Isikan Judul Halaman 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 :)

49 Teknologi Informasi dan Komunikasi Hal.: 49Isikan Judul Halaman SMK NEGERI 2 CIKARANG BARAT The and


Download ppt "Mengelola isi halaman web Menguji dan memastikan perubahan perubahan."

Presentasi serupa


Iklan oleh Google