LAPORAN

PENGEMBANGAN APLIKASI
WHATSAPP WEB

Disusun Oleh :
Nama : Husen Sameth
Nim : 180102099
Kelas : SI - III C
Semester : III (Tiga)
Mata Kuliah : Analisis dan Perancangan Sistem
Informasi
Program Study : Sistem Informasi

SEKOLAH TINGGI ILMU KOMPUTER AMBON

PROGRAM STUDI-SISTEM INFORMASI
TAHUN AKADEMIK 2019/2020
 BAB

1.1. Aplikasi berbasis Desktop atau Web yang kurang bagus dari Interface.

1.2. Alasan kenapa mengapa aplikasi itu di buat laporan.

1.3. Kekurangan dan Kelebihan aplikasi, serta jelaskan.

1.4. Jelaskan user interface dari aplikasi tersebut, user friendly atau tampilannya
ribet.

1.5. 16 prinsip desain user interface, jelaskan aplikasi tersebut memenuhi

prinsip tersebut atau tidak.

1.6. Sebutkan kebutuhan fungsional dari aplikasi tersebut

1.7. Buatlah DFD user dari aplikasi tersebut.

1.8. Gambar desain unser interface sesuai kemauan.

 BAB
II
2.1. Latar Belakang

Kemajuan teknologi komunikasi dari waktu ke waktu terus

mengalami kemajuan yang signifikan. Hal ini terjadi karena
perkembangan teknologi yang begitu pesat ini dapat memudahkan
manusia dalam berkomunikasi sesuai dengan kebutuhannya. Pesan
yang ingin disampaikan oleh komunikator kepada komunikan pun dapat
segera disampaikan melalui teknologi. Salah satu teknologi yang saat
ini digemari adalah WhatsApp Web
WhatsApp Web adalah alat yang dipakai untuk komunikasi,
Aplikasi WhatsApp saat ini banyak digemari oleh pengguna
smartphone dan komputer. Namun terlepas dari semua itu ada saja
kekurangan-kekurangan yang ada pada aplikasi tersebut sehingga
pengguna merasa kurang nyaman menggunakan aplikasi tesebut.
Berkaitan dengan masalah diatas saya ingin menambah fitur-
fitur pada Pengembangan Aplikasi WhatsApp Web.
1.1. Aplikasi berbasis Desktop atau Web yang kurang bagus dari
Interface.

 Aplikasi WhatsApp Web

1.2. Alasan kenapa mengapa aplikasi itu di buat laporan..?

Alasan saya mengambil aplikasi ini karena ada beberapa masalah-
masalah yang menurut saya masih kurang bagus dan harus di perbaiki,
seperti fitur-fiturnya yang masih minim dan saya rasa masih kurang
banyak fitur-fitur dalam aplikasi tersebut. Disini saya hanya
menyempurnakan atau melengkapi fitur-fitur yang saya rasa masih
kurang dan saya akan menambahkan fitur-fitur baru agar telihat lebih
baik lagi.

1.3. Kekurangan dan Kelebihan aplikasi, serta jelaskan

Adapun kekurangan dan kelebihan dari aplikasi ini, antara lain :

a. Kekurangan

 Tidak bisa melakukan panggilan suara dan panggilan video.

 Emoji/Simbol yang kurang menarik
 Tidak bisa memposting status.
 Penggunaan data yang cukup besar
 Tidak bisa melakukan panggilan suara dan video di grub.
 Jika sering menghubungkan WhatsApp ponsel dan WhatsApp
Web, bisa jadi Smartphone kita menjadi panas dan menguras
banyak batrei.
 Tidak bisa digunakan pada saat HP mati. Saat HP kita mati,
maka WhatsApp Web juga tidak bisa terhubung dengan
WhatsApp di ponsel .
 b. Kelebihan

 Mampu meningkatkan produktifitas kerja. Dengan layanan di

komputer ini bisa mempermudah pekerja untuk membalas
pesan singkat saat bekerja di depan komputer.
 Memudahkah pengguna dalam mengirim berkas dari komputer
ke ponsel.
 Gratis dan bebas iklan

1.4. Jelaskan user interface dari aplikasi tersebut, user friendly atau
tampilannya ribet.
Menurut saya user interface WhatsApp Web tidak terlalu ribet
dan sangat mudah di mengerti oleh pengguna, hanya saja ada satu fitur
yang agak ribet bagi pengguna yang baru petama kali memakai
WhatsApp Web yaitu tampilan yang menghubungkan Phonsel dan
Komputer, nah disini kenapa saya bilang agak ribet bagi pemula
karena padaa saat kita mau menghubungkan WhatsApp di Ponsel dan
di Komputer kita harus melakukan tahapan-tahapan sebagai berikut :

 Buka aplikasi WhatsApp di ponsel.

 Klik pada garis titik tiga di bagian kanan atas ponsel.
 Klik WhatsApp Web.
 Buka browser di komputer anda.
 Cari www.web.whatsapp.com
 Arahkan ponsel anda ke layar ini untuk mengambil kode
QR.

Mungkin itu saja yang menurut saya user interface nya yang sedikit ribet
buat pengguna pemula yang baru menggunakan WhatsApp Web, lain
dari masalah ini saya pikir semuanya mudah di pahami oleh pengguna.

1.5. 16 prinsip desain user interface, jelaskan aplikasi tersebut memenuhi

prinsip tersebut atau tidak.
1. User Compatibility (Kecocokan User)

Kesimpulan : Kurang memenuhi. Dimana dilihat dari user yang

kurang mengenal karakteristiknya, dimana dilihat dari icon fiturnya
di menu utama hanya menggunakan iconnya saja namun tidak ada
nama fungsi dari icon tersebut, sehingga user kebingungan
menggunakan aplikasi tersebut.

2. Product Compatibility

Kesimpulan : Memenuhi. Icon sederhana yang terdapat dalam

aplikasi memudahkan user untuk mengenali kegunaannya.

3. Task Compatibility

Kesimpulan : Memenuhi. Secara keseluruhan semua fitur yang

terdapat dalam aplikasi berfungsi dengan baik, dan jelas
penggunaannya.

4. Work Flow Compatibility

Kesimpulan : Memenuhi. Tombol yang mengarahkan pada proses

pembuatan status,chat dan panggilan berurutan dan jelas
penempatannya sehingga pengguna tidak kesulitan untuk
menjalankan fungsi tersebut.

5. Consistency

Kesimpulan : Kurang Memenuhi. Tampilan aplikasi kurang

konsisten dengan versi sebelumnya seperti warna latar belakang
yang sebelumnya berwarna hijau kini diganti dengan warna biru,
tampilan utama yang sebelumnya tidak ada fitur status dan panggilan
kini sudah ditambahkan di menu utama agar pengguna dengan muda
menjalankan fungsi tersebut.

6. Familiarty

Kesimpulan : Memenuhi. Penempatan tata letak menu bar dari

fungsi lain seperti close, minimize, dan maximize sangat familiar
oleh pengguna Windows. Sehingga dapat mempercepat pekerjaan.
7. Simplicity

Kesimpulan : Memenuhi. Aplikasi ini memiliki antar muka yang

sederhana tetapi berbobot pada fungsi tiap fiturnya.

8. Direct Manipulation

Kesimpulan : Memenuhi. Aplikasi ini memiliki fitur yang dapat

disesuaikan dengan penggunaannya, seperti pada tombol Pengaturan
Wallpaper kita dapat merubah tampilan wallpaper sesuai dengan
yang kita inginkan.

9. Control

Kesimpulan : Memenuhi. Pada tombol mengirim pesan itu sudah

tersusun rapi fitur-fitur yang sesuai dengan fungsinya dan tidak
ambur aduk, dengan ini pengguna dapat melakukan pekerjaannya
dengan mudah.

10. What You See is What You get (WYSIWYG)

Kesimpulan : Memenuhi. Apa yang pengguna instruksikan sesuai

dengan dengan hasil yang ada. Seperti pengguna mencoba mengirim
pesan gambar ke teman. Hasilnya pasti akan sesuai dengan
intruksinya yaitu gambar.

11. Flexibility

Kesimpulan : Memenuhi. Dimana peangkat pendukung lain dapat

befungsi dalam membantu pengerjaannya. Contoh pembuatan grup.

12. Responsivenes

Kesimpulan : seperti terdapat perintah, dimana ketika menekan

tombol Ctrl+E pada keyboard. Proyek yang di kerjakan langsung di
arsip.

13. Invisible Technology

 Kesimpulan : Tidak Memenuhi. Aplikasi ini belum ada
kecanggihan yang tersembuyi di dalamnya.

14. Robustness / Recovery

Kesimpulan : Memenuhi. Secara keseluruhan WhatsApp Web

menggunakan bahasa yang baik dan sopan, hal ini untuk membuat
kenyamanan pada pengguna.

15. Protection

Kesimpulan : Tidak Memenuhi. Dimana ketika aplikasi di close,

tidak ada dialog pilihan untuk tetap tinggal di aplikasi.

16. Ease of Learing and Ease of Use

Kesimpulan : Memenuhi. Dengan melihat icon fungsi yang tersedia

di dalam aplikasi, user dapat dengan mudah menggunakannya dan
tanpa membuang waktu lama untuk pembelajarannya.

1.6. Sebutkan kebutuhan fungsional dari aplikasi tersebut.

1.7. Buatlah DFD user dari aplikasi tersebut.

DFD LEVEL 1

DFD LEVEL 2
Proses 1.0 Mengelola Kontak
 DFD LEVEL 2
Proses 2.0 Membuat Panggilan

DFD LEVEL 2
Proses 3.0 Membuat Pesan
 DFD LEVEL 2
Proses 4.0 Membuat Grup

DFD LEVEL 2
Proses 5.0 Membuat Status
 1.8. Gambar desain unser interface sesuai kemauan.

Berikut ini adalah tampilan-tampilan yang ada pada WhatsApp Web

1. Buka browser terserah pilihan masing-masing, Kemudian cari di
www.whatsapp_web.com.
2. Tampilan Awal WhatsApp
Web

3. Tampilan Menu Utama WhatsApp Web 4. Tampilan Menu WhatsApp Web

5. Tampilan Tambahkan Grup Baru 6. Tampilan Profil

7. Tampilan Chat 8. Tampilan Status

9. Tampilan Profil 10. Tampilan Menu Pengaturan

11. Tampilan Notifikasi 12. Tampilan Walpaper