MAKALAH ANALISA WEB

“THEMA : PORTAL BERITA ANIME”

DisusunOleh :

Ade Ryan Sandi 12174899

AgungPermana 12171066

M. AlgiFahri 12171934

M. FahmiFarezi 12173886

Sarah Febryanti 12175306

Kelas: 12.4E.11

SistemInformasi

UniversitasBinaSaranaInformatikaJatiwaringin

Semester GenapTahun 2019

Daftar Isi

Cover Makalah …………………………………………………………… 1

Daftar Isi ……………………………………………………………. 2

BAB I PENDAHULUAN

1.1.Latar Belakang …………………………………………………………… 4

1.2. Rumusan Masalah …………………………………………………………… 4

1.3. Tujuan …………………………………………………………… 4

1.4. Usability ………………………...…………………………………. 5

1.5. Fleksibilitas ………………………...…………………………………. 5

1.6. User Interface ……………………………..………….………………. ….5

BAB II PEMBAHASAN

2.1. Website Portal Berita Anime

1. Logo ………………………………………………………. 7

2. Search Engine ………………………………………………………. 7

3. Ukuran teks ………………………………………………………. 7

4. Link ………………………………………………………. 9

5. Tampilan Link Image ………………………………………………………. 9

6. Scrolling ………………………………………………………. 9

7. Menu & Submenu ………………………………………………………. 9

8. Menu Utama ………………………………………………………. 10

9. Screen Resolution ………………………………………………………. 10

10. Bahasa ………………………………………………………. ..10

11. Hari & Tanggal ………………………………………………………. ..11

12. Konten News ………………………………………………………. ...11

BAB IV PENUTUP

4.1. Kesimpulan ……………………………………………………………. 12

4.2. Saran ……………………………………………………………. 12

 BAB I PENDAHULUAN

1.1. Latar Belakang

Sekarang ini web telah begitu populer diberbagai kalangan di masyarakat, karena mereka
menggunakan web sebagai media untuk mencari informasi dalam kehidupan sehari-hari. Website
dibangun dengan berbagai fugsi dan berbagai kebutuhan sesuai dengan kepentingan atau keinginan yang
membuatnya. Karena peranan website sangat penting, maka dalam membangun sebuah website harus
memperhatikan beberapa faktor yaitu : usability, user experience, dan user interface.Tujuan utama dalam
pembuatan website adalah menyebarkan informasi, oleh karena itu sebuah website harus dapat diakses
oleh pengguna.

Faktor usability dan utility merupakan faktor penting pada sebuah website. Usability merupakan
sebuah atribut yang menilai tingkat kemudahan user interface untuk digunakan oleh pengguna.
Sedangkan utility adalah kemampuan sebuah website untuk memberikan manfaat atau kegunaan atau
kepuasan kepada pengguna. Mengapa kedua faktor tersebut sangat penting dalam membangun sebuah
website ?? Karena jika sebuah website sulit digunakan, jika sebuah website tidak berisikan tentang
informasi yang dicari oleh user, jika sebuah website tidak menuntun user untuk melakukan apa yang
harus user lakukan, dan jika user tersesat pada sebuah website yang user kunjungi, maka pilihan terbaik
user adalah dengan mengklik tanda close [X] atau keluar dari website tersebut.

1.2. Rumusan Masalah

Berdasarkan faktor-faktor yang telah kami uraikan diatas, kami akan melakukan analisis
terhadap situs web yang kelompok kami buat yaitu portal berita anime.

1.3. Tujuan Pembuatan Makalah

Tujuan dari pembuatan makalah ini adalah untuk memenuhi tugas interaksi manusia dan
komputer.

2.1. Usability

Usabilitas adalah suatu istilah yang digunakan untuk menandakan bahwa orang dapat
mempekerjakan alat tertentu dengan mudah dalam rangka mencapai tujuan tertentu. usabilas dapat juga
mengacu pada metode yang digunakan untuk mengukur usabilitas dan studi mengenai kerapian atau
efisiensi suatu obyek.
Dimensi usabilitas oleh Quesenbery ( 2003).

1. Efektif (Effective). ketelitian dan Kelengkapan para pemakai dalam mencapai gol mereka.

2. Efisien (Efficient). Kecepatan (dengan ketelitian) para pemakai dalam menyelesaikan tugas
mereka.

3. Keterlibatan (Engaging). Derajat atau tingkat gaya interface yang membuat produk nymaan
untuk digunakan.

4. toleransi Kesalahan (Error tolerant). Seberapa baik disain mencegah kesalahan dan emmebantu
memeperbaiki kesalahan ini.

5. Mudah untuk sipelajari (Easy to learn). Seberapa baik produk mendukung orientasi awal dan
memperdalam pemahaman tentang kemampuan prosuk tersebut.

2.2. Fleksibilitas

Usabilas juga mempunyai suatu hubungan dengan fleksibilitas dalam disain. Secara umum, ketika
fleksibilitas dari suatu disain meningkat, usabilitas nya berkurang.Disain fleksibel dapat melakukan
banyak fungsi dibanding disain khusus, tapi kurang efisien, hal Ini memebuat disain lebih kompleks.
Fleksibilitas membuat para pemakai tidak bisa dengan jelas mengantisipasi sistem kebutuhan mereka
yang akan datang. Kemudian, pada akhirnya Fleksibilitas itu akan mengakibatkan suatu pengurangan
usabilitas. sehingga perlu dipertimbangkan.

2.3. User Interface

Antarmuka pemakai adalah bagian sistem komputer yang memungkinkan manusia berinteraksi
dengan komputer. Desain antar Muka yang baik memiliki karakteristik di berikut ini:

· Standardisasi: keseragaman sifat-sifat antarmuka pemakai pada aplikasi yang berbeda.

· Integrasi: keterpaduan antara paket aplikasi dan software tools.

· Konsistensi: keseragaman dalam suatu program aplikasi.

· Portabilitas: dimungkinkannya data dikonversi pada berbagai hardware dan software.

Ada beberapa hal yang menyebabkan menurunnya tingkat usabilitas dari suatu desain antar muka
system, diantaranya ialah :
1. Teks belum jelas dan pemilihan kata yang tidak tepat dalam bertanya menjadi penyebab
Keraguan dan akhirnya dibaca kembali, yang memungkinkan para pengguna salah dalam
menafsirkannya.

2. Grafis yang tidak tepat sehingga unsur-unsur penting tersembunyi.

3. Judul yang tidak representatif. Ini juga menciptakan kebingungan dan menghalangi kemampuan
dalam melihat hubungan yang ada.

4. Permintaan informasi yang tidak penting atau tidak relevan, permintaan informasi yang
memerlukan pemikirkan ulang dari jawaban sebelumnya sehingga membingungkan pengguna
yang pada akhirnya menimbulkan kekeliruan.

5. Layout yang tidak terstruktur dan terarah yang memungkinkan terjadinya kesalahan.

6. Kualitas presentasi yang jelek, sulit dibaca, akan menurunkan kemampuan pemakai dan
menyebabkan kesalahan lagi.
 BAB II PEMBAHASAN

2.1. Website Portal Berita Anime

Portal berita anime adalah situs web yang kita buat untuk menyediakan berbagai berita terbaru
dan terhangat seputar dunia anime.

Agar memudahkan pembahasan, dalam pembahasan kali ini website akan dijelaskan secara perbagian saja
yaitu tentang beberapa point penting. Pada umumnya yang harus diperhatikan dalam pembuatan sebuah
website. Diantaranya :

1. Isi

2. Struktur Menu

3. Design

4. Mudah dalam pencarian dimesin pencari(Search Engine)

Namun pada website portal berita anime, kami akan membahas sesuai dengan keadaan dari kondisi
website portal berita anime tersebut.
1. Logo dan Nama

Pada website portal berita ini, penempatan nama sudah benar dan sesuai dengan aturan umum
yang berlaku yaitu diletakan disebelah kiri atas, karena nama adalah identitas utama dari sebuah
website. Namun sayangnya website ini belum memiliki logo di bagian namanya.

Saran dan Komentar yang kami berikan pada website ini :

Dalam penempatannya sudah sesuai dengan aturan website pada umumnya,namun website ini
harus membuat logo agar ada ciri khas dan dapat mudah dikenali oleh pembaca.

2. Search Engine

Faktor penting berikutnya dalam pembuatan website adalah search engine / mesin pencarian.
Dengan adanya fitur pencarian ini user dapat dengan mudah mencari informasi apa yang diinginkan
dalam website yang user kunjungi tanpa harus membuang-buang waktu. Hanya dengan memasukan kata
kunci user sudah dapat menemukan informasi yang user inginkan.

Saran dan komentar kami mengenai hal ini :

Mengenai hal ini, website portal berita anime belum mudah di pencarian search engine karena
masih menggunakan web hosting yang gratis.

3. Ukuran teks default

Ukuran teks yang digunakan pada website ini memang kecil. Ini menjadikan beberapa konten
tidak dapat dibaca, namun website ini juga memberikan fitur Grow Font dan Shrink Font yang dapat user
gunakan untuk mengatur apakah teks tersebut dapat dilihat dengan ukuran besar, sedang atau kecil.

Saran dan komentar kami mengenai hal ini :

Hal ini sangat bagus, karena jika ukuran teks terlalu kecil user tidak dapat membaca informasi
yang ada pada website terutama jika user tersebut adalah lansia. Tapi dengan adanya fitur teks default
user bisa mengatur ukuran teks sesuai keinginan mereka.
4. Link

Link merupakan jalan pintas yang digunakan web untuk merujuk sumber yang dituju. Pada situs
ini, link yang digunakan berwarna putih. Jika kursor kita arahkan pada link atau persis pada tulisannya
(hover), maka akan ada tanda pada link tersebut yaitu tanda underline(digaris bawahi) dan warna teks
berubah menjadi merah seperti warna merah yang berada pada logo website.

5. Tampilan link image

Pada bagian tampilan link image diatas, kita bisa melihat bahwa link image yang digunakan
seperti menubar pada image yang biasanya. Padahal pada setiap link image ini bisa dicklik. Biasanya
pengunjung kurang memperhatikan hal tersebut, tetapi pada saat pengunjung bisa meng-clik image link
tersebut, barulah pengunjung sadar bahwa link image tersebut adalah sebuah button yang dapat di-clik.

Saran dan Komentar kami mengenai hal ini :

Menurut kami sebaiknya desain link image diberi sebuah tanda agar pengunjung mengetahui
bahwa link image tersebut adalah sebuah button menubar yang bisa di-clik. Sekilas pengunjung akan
mengira bahwa link image tersebut hanya sebuah image biasa yang terpampang pada sebuah website dan
jika di klik hanya akan memperbesar image tersebut. Kenyataannya itu adalah sebuah button menubar
yang jika di klik akan membawa pengunjung pada sebuah halaman baru.

6. Scrolling

Pemakaian scrolling ini ditunjukan untuk melihat keseluruhan isi dari website, ini dikarenakan isi
website yang melebihi ukuran monitor. Dengan scroll ini pengujung bisa melihat kelanjutan isi dari
website ini. Pada website ini penggunaan scrollnya sangat efisien, karena pada saat kita scroll kebawah
tidak terlihat space yang kosong. Ini menjadikan website tersebut terlihat bagus dan penggunaan scrollnya
efisien. Kebanyakan website yang membuat space kosong akan terlihat tidak menarik.

Saran dan Komentar kami mengenai hal ini :

Terlihat bagus, karena jika kita menggunakan scroll kebawah tetapi terlihat space yang kosong
tanpa konten apapun ini menjadikan scroll yang kurang efisien dan pemakaian scroll yang sia-sia. Pada
website ini tidak terlihat adanya space yang kosong.

7. Pengelompokkan Menu dan Sub-Menu

Diadakannya pengelompokkan menu dan sub-menu ini bertujuan untuk memudahkan pengunjung
untuk mengakses menu-menu tertentu sesuai dengan keinginan. Pengelompokkan ini dilakukan
berdasarkan kategori dan kedekatan fungsional. Ada menu-menu tertentu dimana jika pengunjung meng-
clik kemudian akan muncul sub-sub menu lainya. Contohnya, jika kita meng-clik menu Tentang
Kami maka akan muncul lagi sub-sub menu yang terkait dengan menu yang sudah kita clik tadi.

Contoh Gambar Menu yang di-click Contoh Gambar Sub Menu dari menu diatas.

Saran dan Komentar kami mengenai hal ini :

Pada bagian ini kendalanya berada pada warna font. Warna font ini tidak berubah ketika user
telah mengunjungi Menu/sub-menu tersebut, ini menjadikan user dapat mengunjungi menu/sub-menu
yang sama berulang-ulang sehingga memakan biaya dan waktu. Kami sarankan untuk memberikan tanda
bahwa user pernah mengunjungi menu/sub-menu tersebut agar tidak memakan waktu dan biaya yang
banyak.

8. Penempatan Menu Utama

Bisa dikatakan bahwa penempatan menu utama adalah yang paling terpenting. Karena, biasanya
user akan mengamati sebuah website dimulai dari atas, kiri-kanan, dan terakhir kebawah.

Saran dan Komentar kami mengenai hal ini :

Dalam penempatannya sudah tepat, sehingga user bisa mengetahui konten apa aja yang
ditawarkan pada website ini. Namun menurut kami karena pembuatan menu utamanya biasa saja dalam
artian sederhana, sehingga user kurang tertarik dengan website ini.

9. Screen Resolution

Screen resolution digunakan jika halaman website memenuhi layar komputer pengguna. Maka
ketika pengguna mengakses halaman website tersebut pengguna harus menggeserkan scrolling kearah
kanan dan kiri atau kearah atas dan bawah tentu saja hal ini kurang bagus dimata pengunjung. Namun
website prudential ini cukup baik dalam memperhatikan faktor screen resolution ini, halaman website ini
dibuat menggunakan ukuran yang dinamis, dimana pengunjung tidak perlu menggunakan scroll untuk
melihat keseluruhan halaman website. Tentu saja ini merupakan kelebihan dari website ini. Sehingga
pengguna tidak perlu kwatir dengan adanya perbedaan resolusi dan tidak perlu menggunakan scroll.

10. Penggunaan Bahasa

Dalam website portal berita anime ini bahasa yang digunakan hanya bahasa Indonesia saja,belum
ada pilihan untuk bahasa internasional(bahasa inggris) .

Saran dan Komentar kami mengenai hal ini :

 Menurut kami website tersebut masih menggunakan bahasa lokal saja,tidak menggunakan bahasa
internasional . jadi hanya user dari dalam negeri yang mengerti bahasanya tetapi user dari luar negeri
tidak dapat mengerti bahasanya.oleh sebab itu jika bisa harap admin menambah bahasa internasional.

11. Penggunaan Hari dan Tanggal

Pada dasarnya penggunaan hari dan tanggal pada situs website dapat memudahkan pengunjung
yang mengakses situs tersebut. Website ini mencantumkan penggunaan fitur hari dan tanggal sehingga
pengunjung bisa melihat postingan apa saja yang telah website ini postkan pada hari dan tanggal yang
diinginkan oleh pengunjung.

12. Konten News

Konten berita pada sebuah website biasanya berisikan tentang cuplikan berita-berita terhangat.
Pada website ini konten berita dibagi menjadi beberapa sub-menu dan dalam penulisan headline beritanya
sangat bagus karena menggunakan kalimat yang sederhana hal ini dikarenakan pada umumnya
pengunjung sangat malas untuk membaca berita yang pajang-lebar. website ini secara tidak langsung
menyaran kepada pengguna jika ingin membacanya secara detail pengunjung bisa meng-clik berita
tersebut.
 BAB IV PENUTUP

3.1. Kesimpulan

Website sekarang sudah semakin berkembang. Dengan menggunakan web sebagai media untuk
mencari informasi dalam kehidupan sehari-hari. Website dibangun dengan berbagai fungsi dan berbagai
kebutuhan sesuai dengan kepentingan atau keinginan yang membuatnya.

Ketertarikan user untuk mengunjungi sebuah website bergantung pada design dan seberapa
penting informasi yang diberikan sebuah website. interface pada website juga sangat berpengaruh pada
kenyamanan user untuk berlama-lama diwebsite tersebut. Dengan mengembangkan design pada sebuah
website agar terlihat lebih menarik dapat membantu keterampilan seseorang dalam mendisign dan
membuat sebuah website.

Dari beberapa pembahasan diatas, kami sebagai penganalisa website tersebut menyimpulkan
bahwa website portal berita anime termasuk dalam kategori website yang sederhana dan masih banyak
kekurangan. Belum adanya logo dan kurang mudahnya pencarian di search engine menjadi point minus
website ini.

3.2 Saran

Setelah menganalisa website prudential ini, saran kami adalah sebegai berikut:

- Untuk keseluruhan website ini sudah bagus, hanya saja tampilan dari website ini terlalu polos
sehingga menjadikan website ini kurang menarik untuk dikunjungi. Sarannya perbaiki tampilan
websitenya jangan terlalu polos.
- Mungkin saja wesite ini hanya dikunjungi oleh penggemar anime atau orang tertentu, karena
pada website ini tidak terlihat adanya iklan seperti website pada umumnya. Promosikan website
ini sehingga masyarakat bisa mengakses website tersebut.