TICK-ME APP

MANUAL BOOK
 DAFTAR ISI

1
DAFTAR ISI

DESKRIPSI UMUM APLIKASI TICK-ME

2
TATA CARA PENGGUNAAN APLIKASI
TICK-ME 4
A. TAMPILAN AWAL.........................................................5
B. MELAKUKAN PENDAFTARAN AKUN.....................5
C. MASUK (SIGN IN) KE AKUN.......................................6
D. TAMPILAN ITEM CATEGORY....................................7
E. MEMBUAT LIST.............................................................7
F. MELIHAT FAQ...............................................................14
G. MEMBUAT NOTIFIKASI.............................................14
H. MELIHAT PROFIL........................................................14
I. LOG OUT..........................................................................15

-1-
 D E S K R I P S I
U M U M A P L I K A S I
T I C K - M E

-2-
 T I C K - M E

Aplikasi "Tick-Me" merupakan platform berbasis web yang dirancang untuk membantu
user dalam merencanakan dan mengorganisir kegiatan belanja mereka. Dalam
kehidupan sehari-hari ada banyak orang menghadapi tantangan dalam mengatur daftar
belanja dan budget yang dibutuhkan. Aplikasi ini nantinya akan digunakan untuk
menginput daftar belanjaan sehingga memudahkan user dalam berbelanja. Aplikasi
berbasis web ini hadir bertujuan untuk memecahkan masalah-masalah tersebut dan
memberikan pengalaman belanja yang lebih efisien.

Aplikasi berbasis web ini dibangun dengan dilengkapi berbagai fitur seperti
mengelompokkan item dan penghitungan total belanja. Tak hanya itu aplikasi ini
mampu menjadi pengingat bagi user mengenai daftar belanja mereka. Dengan
dilengkapi fitur-fitur tersebut hal ini tentu akan sangat mempermudah user dengan
dapat memanfaatkan waktu mereka seefisien mungkin.

-3-
 T A T A C A R A
P E N G G U N A A N
A P L I K A S I T I C K -
M E

-4-
Tahapan dalam menggunakan aplikasi Tick-Me adalah sebagai berikut :

Pengguna mengunjungi web Tick-Me dengan mengetikkan URL

http://localhost/PBLTICKME/ dibrowser pengguna.

A. TAMPILAN AWAL

Bagian ini akan menampilkan halaman awal web ketika pengguna mengakses aplikasi web,
dimana pada halaman ini pengguna dapat mengakses fitur Sign In dan Sign Up.

B. MELAKUKAN PENDAFTARAN AKUN

Klik Sign Up untuk membuat akun.

-5-
Untuk membuat akun maka harus menginputkan email, membuat username, memasukkan
password dan melakukan konfirmasi password sebagai keamanan tambahan, lalu klik Sign
Up untuk menyelesaikan

C. MASUK (SIGN IN) KE AKUN

Pengguna diminta untuk memasukkan username dan passsword yang telah didaftarkan
sebelumnya.
Jika pengguna salah memasukkan password atau username, maka akan muncul
tampilan berikut

Sistem menampilkan pop up Incorrect Password jika password yang dimasukkan salah,
dan pop up User not found jika email yang dimasukkan belum terdaftar.
Jika username dan password yang dimasukkan sudah benar maka pengguna dapat
masuk ke halaman Item Category.

-6-
D. TAMPILAN ITEM CATEGORY
Pengguna dapat memilih item category yang ingin dimasukkan ke dalam list

E. MEMBUAT LIST
Sebelum memasukkan item, pengguna harus membuat list terlebih dahulu dengan cara
klik ikon list seperti pada tanda panah tersebut

Setelah pengguna klik kolom list tersebut, maka pengguna akan beralih pada halaman
berikut

-7-
 Lalu klik Create List untuk membuatlist baru.
Pada bagian ini inputkan nama list yang akan dibuat pada kolom Name, serta masukkan
tanggal pengingat untuk kategori list yang dibuat tersebut. Jika sudah selesai klik button
Kirim.

Selanjutnya akan diarahkan pada halaman yang menampilkan list yang telah dibuat.
Pengguna dapat menghapus list yang pernah dibuat jika dirasa sudah tidak diperlukan
lagi dengan klik button Delete.

Untuk menambahkan item kedalam list yang sudah dibuat sebelumnya, dapat klik button
Category.

-8-
Selanjutnya akan kembali pada halaman Item Category berikut

Pengguna bisa memilih salah satu item category tersebut dan akan beralih pada kategori yang
berhubungan dengan category yang sudah dipillih sebelumnya

-9-
Pilih salah satu item yang ingin ditambahkan ke dalam list, lalu akan beralih pada halaman
berikut
Inputkan harga dan kuantitas dari item yang sudah dipilih sebelumnya untuk ditambahkan
ke dalam list, jika sudah selesai klik nama list untuk memasukkannya ke dalam list.

Jika item berhasil ditambahkan ke dalam list maka akan muncul pop up seperti berikut

Selanjutnya akan kembali pada halaman category.

Jika ingin melihat item yang sudah diinputkan ke dalam list maka bisa klik ikon List seperti
berikut

-10-
Berikut merupakan contoh tampilan list yang sudah dibuat dan diinputkan barang dan
harga sebelumnya

Jika ingin mengedit harga atau kuantitas dapat klik button Edit.

Jika sudah mengubah harga atau kuantitas dapat klik Save Changes, dan akan
muncul pop up seperti berikut

-11-
 Pengguna dapat menandai belajaan yang sekiranya sudah dibeli pada kolom checklist.
Jika ingin menghitung total harga dari item-item yang sudah diinputkan maka bisa klik
Calculate Total Price maka secara otomatis sistem akan melakukan perhitungan total
harga dan menampilkan total harga secara keselurahan pada kolom sebelah kanan seperti
berikut

Jika ingin menambahkan item baru dapat klik button Select an item dan dapat mengulangi
langkah-langkah seperti yang telah dijelaskan sebelumnya pada tahapan nomor 5.

Jika ingin mencari item yang dibutuhkan dapat langsung mencari pada kolom Search
dan mengetikkan nama item yang ingin dicari seperti berikut

-12-
Pengguna juga dapat menghapus item yang tidak diperlukan dengan klik button Delete.

-13-
 F. MELIHAT FAQ
Aplikasi ini dilengkapi dengan FAQ seputar pertanyaan-pertanyaan terkait aplikasi guna
memberikan informasi tambahan kepada pengguna.
Untuk melihat FAQ dapat klik ikon FAQ seperti berikut

G. MEMBUAT NOTIFIKASI
Aplikasi ini juga dilengkapi dengan notifikasi yang berguna untuk membantu pengguna
untuk tidak melewatkan list belanjaan apa yang harus dibeli.
Untuk mengakses notifikasi dapat klik ikon Notifikasi seperti berikut

H. MELIHAT PROFIL

Pengguna dapat melihat profil dengan klik ikon Profil seperti berikut
Pada bagian profil, pengguna dapat melihat nama dan dapat melakukan log out.

-14-
I. LOG OUT
Klik button Log Out untuk keluar dari aplikasi, maka pengguna berhasil keluar dari
aplikasi dan akan kembali pada halaman login awal.

-15-