Analisis Website Blog

Assalamu’alaikum Wr. Wb.

Hello para pembaca, kali ini saya akan kembali memberikan postingan mengenai Website. Tapi, postingan kali ini berbeda juga isinya yakni mengenai analisis website saya sendiri untuk mengkategorikan termasuk jenis apakah struktur web blog saya ini, dan juga menjelaskan interface yang terdapat dalam blog ini. Post ini sekaligus juga menjadi tugas Softskill saya pada Mata kuliah Pengantar Web Science. Enjoy this post^^

Interface

1. Halaman Muka

Berikut ini adalah tampilan blog saya pada saat terbukanya beranda blog oleh para pengguna. Akan tetapi, layout dan design pada blog saya dapat berubah sesuai keinginan dan keperluan.

 

Gambar diatas adalah tampilan awal beranda blog saya. Para pembaca blog akan melihat sebuah blog yang berjudul Ami’s HOME BLOG, dimana pemilik blog tersebut ialah saya sendiri. Kata Ami saya ambil dari nama saya sendiri yaitu Fahmi, yang mana Ami ini panggilan kecil saya sendiri. Pada halaman awal blog juga terdapat sebuah gambar, yaitu processor dan bagian dari motherboard, yang dimaksudkan sebagai artistik blog dan juga sebagai suatu simbol yang menunjukkan jurusan saya di dalam bidang IT.

 

Dalam blog ini pengguna juga bisa langsung menekan tombol menu, yang berisikan beberapa widget, seperti profile dan arsip, beserta fitur search engine di pojok kanan atas yang dimaksudkan untuk memudahkan para pembaca mencari kata atau postingan.  

2. Widget 

Pada blog saya terdapat beberapa widget yang dipakai. Berikut ini ialah tampilan salah satu widget pada blog saya, yaitu sebuah jam digital. Widget jam ini digunakan sebagai pengingat waktu untuk para pembaca blog dan juga menambah nilai estetika dalam blog saya. Saya menggunakan warna hijau led agar cocok dengan warna dan tema yang saya gunakan.

Adapun widget kedua adalah kalender/calendar yang saya buat untuk melihat tanggal sesuai kunjungan blog, serta untuk menambah nilai estetik pada blog saya. Disamping itu, saya menempatkan kalender tersebut dibawah jam agar mudah di lihat oleh para pengunjung.

Pada blog ini juga terdapat widget yang digunakan untuk melihat profile saya sendiri. widget tersebut saya atur dengan menampilkan foto saya dan link untuk melihat profile saya. Teks yang digunakan berwarna biru agar terlihat lebih mencolok pada menu widget tersebut.

Selanjutnya, terdapat widget menu yang berguna untuk melihat beberapa postingan yang saya unggah,, dimana dalam menu dropdown tersebut terdapat beberapa link untuk langsung menghubungkan ke postingan" yang saya buat. Agar para pengunjung tidak perlu mencari-cari postingan yang sedang dibutuhkan.

Lalu, pada blog saya juga terdapat widget yang bernamakan Total Tayangan Halaman, yang berguna untuk mengetahui total pengunjung blog saya.

Pada blog ini juga saya tambahkan fitur Google translate, dimana fitur tersebut secara otomatis dan instant menerjemahkan kata untuk para pengunjung sehingga pengunjung blog bisa mencari arti kata yang tidak dimengerti. Fitur translate ini juga berfungsi untuk menambah fitur blog saya secara fungsional.

Widget yang selanjutnya ialah logo Universitas Gunadarma, dimana logo tersebut memiliki link yang akan mengarahkan ke website Gunadarma. Widget ini juga  digunakan untuk menunjukkan bahwa pemilik blog ini ialah mahasiswa Universitas Gunadarma. Untuk sekadar informasi, Universitas Gunadarma ini menyarankan kepada para mahasiswa untuk memasang link serta logo Gundarma di blog masing-masing dengan alasan yang sama, sehingga saya menggunakan widget ini dalam blog.

Selain widget menu yang sudah disebutkan tadi, dalam blog saya juga terdapat widget yang dinamakan arsip. Widget ini mempunyai fungsi yang sama dengan widget menu, yakni untuk memberi akses kepada pengunjung agar lebih mudah mencari postingan yang dibutuhkan. Tapi, widget arsip ini memiliki sedikit perbedaan, karena arsip memisahkan postingan berdasarkan bulan pada postingan tersebut di upload, sedangkan menu postingan memisahkan berdasarkan kategori yang saya inginkan dalam postingan. Menu arsip ini ditempatkan di dalam menu widget sebelah kiri agar mudah di lihat para pengunjung yang juga menggunakan dropdown seperti pada menu.

Widget terakhir pada blog saya ialah widget yang digunakan untuk memberikan laporan kepada pihak Blogger.com apabila ada penyalahgunaan topik atau konten seperti halnya plagiat, spam, konten dewasa dan lainnya yang mana melanggar atau tidak sesuai dengan aturan yang sudah ditentukan.

3. Warna dan Font

Pada blog ini saya menggunakan  jenis template yang sudah disediakan oleh blogger.com, yaitu Tema Soho dan juga saya mengambil warna latar belakang Black/Hitam, dimana warna latar tersebut saya padukan dengan warna font text hijau muda. Saya menggunakan perpaduan warna tersebut agar blog saya terlihat lebih futuristik dan lebih menarik untuk dibaca oleh para pengunjung blog saya.

 

Seperti pada gambar diatas saya meggunakan Font text Kranky dan berwarna hijau. Saya menggunakan font tersebut agar lebih memiliki nilai estetika dan cocok dipadukan dengan warna hijau yang mana di gabung dengan warna hitam pada background blog saya. Pada text Telusuri dan beberapa penggunaan fitur di postingan seperti bagikan post, dan lainnya saya mengunakan font default dan berwarna biru muda agar lebih halus dan cocok dengan perpaduan tema blog saya. Tapi, juga tema dan struktur blog saya bisa berganti sewaktu-waktu sesuai kebutuhan nya.

 

Kerangka Web

Kerangka web pada blog saya seperti penjelasan sebelumnya di Interface blog, dimana terdiri dari Judul blog dan gambar pada tema halaman muka, serta beberapa postingan. Serta dalam menu widget disebelah kiri terdapat menu postingan yang berisi postingan-postingan saya yang diurutkan sesuai kategori dan juga beberapa widget seperti profile saya, jam, kalender, dan yang lainnya.

 

Struktur Navigasi

Pada saat pengunjung masuk ke blog saya, pengunjung akan melihat halaman utama. Kemudian pengunjung dapat melihat menu yang memisahkan postingan berdasarkan topiknya, dimana topik yang ada pada blog ini adalah Imu Budaya Dasar, Ilmu Sosial Dasar, dan Pengantar Web Science. Dari situlah para pengunjung dapat memilik artikel berdasarkan kategori tadi.

 

Jika kita buat struktur navigasi tersebut dalam bentuk flowchart, maka dihasilkan flowchart sebagai berikut.

Sama seperti struktur navigasi sebelumnya, dalam flowchart ini terlihat bahwa pada saat pengunjung mulai melihat blog saya mereka akan diarahkan ke halaman utama. Kemudian pengunjung dapat mencari artikel yang ingin dibaca dengan memilih postingan sesuai dengan arsip/label pada widget. Pengunjung kemudian memilih artikel yang ingin dibaca, dan apabila pengunjung ingin membaca artikel lainnya maka pengunjung tersebut bisa mencari artikel kembali dengan arsip/label. Jika tidak maka pengunjung telah selesai melihat blog tersebut.

Struktur dan Jenis Web 

Ya, selanjutnya terdapat juga struktur dan termasuk jenis apasih web blog saya ini. Seperti yang sudah dilihat sebelumnya dari Interface Halaman muka dan beberapa widget serta kerangka web blog yang saya buat ini termasuk struktur website linear. Disamping itu, para pengunjung yang ingin mencari informasi yang dibutuhkan bisa melalui fitur search engine pada blog saya yang sudah disediakan pada Halaman muka.

Pada blog saya ini juga termasuk ke dalam jenis website dinamis yang dikarenakan juga ini termasuk web pribadi dan bisa berubah kapan saja sesuai kenginan user atau saya sendiri. Serta pada blog saya ini saya gunakan untuk memberikan informasi-informasi kepada para pembaca, membuat karya tulisan, dan sekaligus beberapa tugas saya. Semoga para pengunjung mendapat manfaat setelah membaca postingan-postingan saya.

Begitulah yang saya dapat berikan kepada para pembaca mengenai informasi analisis web saya. Semoga artikel saya ini dapat bermanfaat dan mohon maaf jika ada kesalahan dalam kata-kata & penulisan gaess

–Perbanyaklah berkarya dan rajin mencari ilmu-