MAKALAH

ANALISIS PERANCANGAN TAMPILAN TOKOPEDIA.COM

UJIAN AKHIR SEMESTER

diajukan untuk memenuhi salah satu syarat
mata kuliah Interaksi Manusia dan Komputer
Program Studi Sistem Informasi

Oleh:
DETRIE NOVIAMI
NIM: 19416257201065

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS BUANA PERJUANGAN KARAWANG
2020
 KATA PENGANTAR

Puji syukur saya panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat-Nya
sehingga saya dapat menyelesaikan tugas makalah ini. Tujuan yang akan di dapat dari mata
kuliah ini adalah untuk memahami manusia sebagai sumber daya terpenting dalam membangun
sistem dan juga manusialah yang harus diperhatikan karena nantinya ialah yang akan
menggunakan sistem yang dibangun itu.
Makalah ini berisi untuk memenuhi tugas mata kuliah Interaksi Manusia dan Komputer.
Saya menyadari bahwa makalah ini masih banyak kekurangan dan hal-hal lain sehingga
makalah ini dirasa belum sempurna. Hal ini disebabkan keterbatasan pengetahuan dan
kemampuan menyusun. Untuk itu saya mengharapkan kritik dan saran yang sifatnya
membangun demi kesempurnaan dan meningkatkan kualitas makalah ini.

Karawang, 19 Desember 2020

(Detrie Noviami)
 DAFTAR ISI

KATA PENGANTAR ............................................................................................................... 2

DAFTAR ISI.............................................................................................................................. 3

BAB I PENDAHULUAN .......................................................................................................... 4

BAB II ANALISIS KASUS ...................................................................................................... 5

1.1 Jenis Program .............................................................................................................. 5

DAFTAR PUSTAKA .............................................................................................................. 11

 BAB I
PENDAHULUAN

Dikutip dari lensaindonesia.com: Tokopedia bekerja sama dengan Telkomsel secara

resmi meluncurkan layanan penjualan pulsa online.Vice President Tokopedia, Melissa Siska
Juminto mengatakan, kerja sama ini merupakan terobosan baru untuk mempermudah puluhan
juta pengguna Tokopedia dan Telkomsel.
“Kerja sama ini pastinya hanya awal dari kerjasama strategis dan inovatif antara Tokopedia
dan Telkomsel,” ujar Melissa di acara penandatanganan nota kesepahaman antara Telkomsel,
Tokopedia dan Magnemo sebagai agregator di markas Tokopedia di kawasan Slipi, Jakarta
Barat, Selasa (15/03/2016).
Di kesempatan yang sama, Vice President Channel Management Telkomsel, Mirza
Budiwan mengatakan, pihaknya menyambut baik kerja sama ini, sebab hal tersebut akan
menambah opsi bagi pelanggan Telkomsel guna memperoleh produk yang ditawarkan secara
online.
“Tentunya hal ini juga akan menambah kenyamanan dan kemudahan pelanggan dalam
menggunakan layanan kami. Sebagai perusahaan „Paling Indonesia, Untuk Indonesia‟ dengan
semangat membangun negeri, kerja sama ini merupakan bentuk dukungan Telkomsel kepada
industri e-commerce dalam negeri guna mempercepat terbentuknya ekosistem digital di tanah
air dan gaya hidup digital yang saat ini terus diadopsi oleh masyarakat Indonesia,” pungkas
Mirza.
 BAB II
ANALISIS KASUS

1.1 Jenis Program

Gambar 2. 1 Tampilan Awal Tokopedia

Tokopedia.com merupakan salah satu contoh spesial purpose software dimana

website tokopedia.com dibuat untuk keperluan tertentu yaitu penjualan dan dan website
tersebut dipesan / dibuat khusus oleh perusahaan tokopedia.com sesuai kebutuhan perusahaan
dan tidak dapat digunakan perusahaan/produk lain.
1. Komponen antarmuka pengguna
a. Model Pengguna
Dalam proses pembelian, user akan diberikan arahan untuk mendaftar sebagai user
baru atau langsung masuk dengan username yang telah dimiliki. Dalam proses
pembelian user akan dijelaskan langkah-langkah untuk melakukan transaksi
pembelian, dimana setiap langkah yang sudah terpenuhi akan lanjut ke langkah-
langkah selanjutnya, namun jika user merasa ada yang kurang/ salah user dapat
kembali ke langkah sebelumnya dan melakukan perubahan. Penjelasan langkah
akan diberikan sampai prosedur transaksi pembelian selesai.
b. Bahasa Perintah
 Didalam tokopedia.com bahasa yang digunakan dapat dengan mudah dipahami
oleh bahasa manusia, tokopedia.com memberikan pilihan dalam penggunaan
bahasa yaitu bahasa Indonesia dan English.
c. Umpan balik
Tokopedia.com memberikan fasilitas berupa langkah-langkah yang harus
dilakukan user dalam melakukan transaksi pembelian, ketika ada langkah yang
belum dipenuhi maka sistem akan memberikan peringatan dan tidak dapat
melanjutkan ke langkah/proses selanjutnya. User juga dapat melakukan pembatalan
pembelian.
d. Tampilan informasi
Menampilkan status dari proses transaksi pembelian yang sedang dilakukan.

Gambar 2. 2 Interface Pembelian Barang

2. Perancangan
a. Perancang Ragam Dialog
 Tampilan utama TokoPedia ada beranekaragam dialog yang memudahkan pengguna
untuk memilih kategori barang yang diinginkan oleh pengguna/ user. Contoh : User
ingin Isi Ulang Pulsa pada kotak berwarna merah di tekan beli disini.
b. Perancangan Struktur Dialog

Gambar 2. 3 Interface Pembelian Pulsa

Pada Interface diatas, user akan mengisi pada kolom bawah nomor telepon yang dimana
untuk mengisi pulsa sesuai nomor hp user tersebut.
 Gambar 2. 4 Proses Memilih Operator

Nomor akan otomatis dikenal oleh provider yang akan menampilkan kotak berwarna
hijau. Di sini akan langsung umpan balik antara user dengan programnya.

Gambar 2. 5 Proses Memilih Jumlah Pulsa

 User akan memilih jumlah pulsa yang diingikan. Pada tahap perancangan struktur dialog
ini, user harus pro aktif / banyak dilibatkan berupa diskusi informasi yang akan dipilih dan
akan dibeli setuju atau tidak keinginan user.

Gambar 2. 6 Proses Umpan Balik User Terhadap Program

c. Perancangan Penanganan Kesalahan

Pada tahap ini akan mucul pesan yang harus diperbaiki sesuai dengan petunjuk agar tidak
error kembali.
 DAFTAR PUSTAKA

Andilka, E. (2020, 12 19). lensaindonesia.com. Retrieved from

http://www.lensaindonesia.com/2016/03/15/pulsa-telkomsel-kini-bisa-dibeli-lewat-
tokopedia.html