HALAMAN JUDUL

PROPOSAL UI/UX
SMARTKOM
Subtema:Teknologi

Dipersiapkan oleh Tim Desain Gravity:

1. Dafiyan Muchtar (202108321) (Ketua)

2. Ricky Alexandia (202108339)

SMK KOMPUTER INDONESIA

BOGOR,28-08-2022

IDN IT FEST 2022

 KATA PENGANTAR

Puji syukur kami panjatkan kehadirat Allah SWT. yang telah melimpahkan
rahmat dan hidayah-Nya kepada kami sehingga kami bisa menyelesaikan aplikasi
UI Design ini yang diberi nama ‘SMARTKOM’.

Tidak lupa juga kami ucapkan banyak-banyak terima kasih kepada guru
pembimbing yang sudah memberikan saran dan motivasi,serta guru SMK
KOMPUTER INDONESIA yang sudah memberikan dukungan juga,dan doa dari
kedua orang tua kami,kami mengucapkan terima kasih yang sebanyak-
banyaknya,mungkin dalam pembuatan aplikasi ini tidak akan maksimal jika tanpa
dukungan kalian.

Kami menyadari bahwa masih terdapat kekurangan,baik dari penyusunan, fitur-

fitur dan,design yang kurang menarik.Oleh karena itu,kami dengan rendah hati
menerima saran dan kritik dari pembaca dan pengguna,untuk memperbaiki apa
yang salah.

Kami berharap semoga aplikasi ini bisa membantu banyak pengguna khusus nya
bagi para kalangan pelajar dan sekolah-sekolah.

Bogor,28 Agustus 2022

Tim Desain Gravitycc

ii
 DAFTAR ISI

KATA PENGANTAR ......................................................................................ii

DAFTAR ISI ....................................................................................................iii
BAB 1: PENDAHULUAN ...............................................................................4
1.1. Latar Belakang ..............................................................................4
1.2. Judul Produk .................................................................................5
1.3. Tujuan dan Manfaat Perangkat Lunak ............................................5
BAB 2: DESKRIPSI RINCIAN KEBUTUHAN .............................................6
2.1. Metodologi Pengembangan Perangkat Lunak ................................6
2.2. Analisis Desain Karya ..................................................................6
2.2.1. Target Pengguna ................................................................6
2.2.2. Batasan Aplikasi ................................................................6
2.2.3. Design Proses.....................................................................6
2.3. How Might We ............................................................................7
BAB 3: PEMBAHASAN ..................................................................................8
3.1. Skenario Penggunaan ....................................................................8
3.2. Low-Fidelity Mockup Interface Perangkat Lunak .........................8
3.3. Implementasi ................................................................................9
BAB 4: PENUTUP ...........................................................................................12
4.1. Kesimpulan ..................................................................................12
LAMPIRAN .....................................................................................................13

iii
 BAB 1: PENDAHULUAN

Ada pepatah mengatakan “Tak Kenal Maka Tak Sayang” oleh karena
itu,perkenalkan kami Tim Desain Gravity dari sekolah SMK KOMPUTER
INDONESIA kelas XI jurusan Multimedia,kami dapat kesempatan untuk
mengikuti perlombaan IDN IT FEST 2022 dalam kategori UI/UX bertema “Start
Our Recovery Through Technological Innovation”.

Disini Tim kami membuat Aplikasi “SMARTKOM” yang berguna untuk aplikasi
sekolah. Lalu kami juga mempunyai fitur Pembayaran Ulangan atau Bayaran
sekolah, dan Tabungan digital.

Dafiyan Muchtar Ricky Alexandia

1.1. Latar Belakang

Karena disaat pandemi seperti ini,masih banyak sekolah yang masih

melakukan pembelajaran lewat daring,s ejumlah orangtua siswa di Kota
Bogor, khususnya di sekolah swasta, mempertanyakan kebijakan Dinas
Pendidikan Kota Bogor terkait sistem pembayaran Sumbangan
Pembinaan Pendidikan (SPP) di tengah wabah Covid -19.

Menjawab itu, Kepala Dinas Pendidikan Kota Bogor Fahrudin,

menyatakan bahwa tidak bisa dipungkiri saat in i sekolah sedang
membutuhkan dukungan dari orangtua murid untuk operasional sekolah.

4
“Sekolah memang sangat membutuhkan dukungan dari masyarakat,
terutama untuk honor guru di sekolah swasta. Kalau sekolah negeri
tidak ada masalah. Di swasta ini kan honor g uru dari sekolah,
diantaranya dari iuran siswa (SPP) sehingga sekolah sangat terbantu
untuk membayar honor guru jika keuangan dari orangtua murid itu
masuk,” ungkap Fahrudin usai melakukan audiensi dengan Wali Kota
Bogor Bima Arya di Balaikota, Kamis (30/4 /2020).

Karena untuk melakukan pembayaran iuran sekolah kesulit an sebab

adanya PPKM,sulit untuk menuju sekolah,dengan ini Tim Desain
Gravit y membuat sebuah aplikasi untuk memudahkan para orang tua
murid untuk melakukan pembayaran lewat online,agar tidak terjadi
tunggakan yang membuat beban nant inya.

Sumber referensi data:

https://kotabogor.go.id/index.php/show_post/detail/14100

1.2. Judul Produk

SMARTKOM
Aplikasi ini berbasis mobile bisa membantu orang tua melakukan
pembayaran iuran sekolah,tanpa harus keluar rumah.

1.3. Tujuan dan Manfaat Perangkat Lunak

Tujuan kami membuat aplikasi ini yaitu untuk mempermudah pelajar dalam
melakukan pembayaran iuran sekolah melalui online,karena masih adanya PPKM
dan proses belajar masih secara daring,yang membuat kita terbatas untuk pergi ke
mana-mana,di dalam aplikasi ini juga terdapat video pembelajaran agar para
pelajar bisa mendapatkan ilmu tambahan dari video tersebut,bukan hanya itu
aplikasi ini juga ada sistem tabungan digital untuk membiasakan para siswa
menabung untuk kebutuhan yang akan datang.

5
 BAB 2: DESKRIPSI RINCIAN KEBUTUHAN

2.1. Metodologi Pengembangan Perangkat Lunak

Metode yang kami gunakan yaitu menggunakan metode prototype karena
pengembangannya menggunakan pendekatan untuk membuat rancangan dengan
cepat dan bertahap, sehingga dapat segera dievaluasi,dan juga dalam metode ini
pengembang dan client dapat saling berinteraksi selama pembuatan prototype.

2.2. Analisis Desain Karya

Desain yang digunakan cukup mudah dan menarik agar aplikasi dapat
dengan mudah dipahami oleh para penggunanya.
2.2.1. Target Penggunaan
Pengguna yang kami target kan yaitu sekolah-sekolah dan pelajar
yang ingin mendapatkan kemudahan dalam melakukan pembayaran iuran
sekolah jarak jauh,serta memudahkan pelajar yang belajar secara online.
2.2.2. Batasan Aplikasi
Aplikasi ini hanya bisa digunakan versi mobile,belum tersedia dalam
versi Desktop dan juga pada android.Sedikit menggunakan perangkat yang
spesifikasi yang sedang,tapi sangat mudah untuk diakses.
2.2.3. Design Proses

Kami menggunakan tool-tool yang berada pada Figma hampir

keselurahan jadi terkesan terlihat menarik.

6
2.3. How Might We

Cara bayar Takut pas

spp via nabung
online saldonya
gimana ya gamasuk

SAYS THINK
DOES FEELS

Memakai
aplikasi ini ternyata bisa
bisa dipercaya
membuat
mudah

7
 BAB 3: PEMBAHASAN

3.1. Skenario Penggunaan

Saat pengguna membuka aplikasi, pengguna akan bertuju ke bagian halaman
login/daftar, setelah itu pengguna ditujukan ke beranda (homepage), dan setelah
itu pengguna membaca artikel mengenai sekolah,dan pengguna dapat memberi
rating pada aplikasi tersebut.
3.2. Low-Fidelity Mockup Interface Perangkat Lunak
1. Wireframe

Membuat sketsa gambar dengan media kertas untuk memastikan tools apa
saja yang akan digunakan dan kemudahan bagi user.

8
 2. User Flow

User flow berfungsi untuk memberikan gambaran langkah-langkah

user dalam penggunaan aplikasi.

3.3. Implementasi
1. Tampilan Awal

Setelah user membuka aplikasi user akan menuju halaman awal.

9
 2. Login

Pengguna diharus Daftar atau Login menggunakan akun email atau username.

3. Home Page

Setelah login user akan menuju halaman homepage,lalu klik bagian

pembayaran.

10
 4. Pembayaran

Setelah itu user bisa memilih kategori yang ingin dibayar.

5. Memilih Metode

User di tujukan untuk memilih melakukan pembayaran,setelah memilih dan

memasukan nominal,baru user sudah selesai melakukan pembayaran.

11
 BAB 4: PENUTUP

4.1. Kesimpulan
Aplikasi SMARTKOM ini adalah aplikasi sekolah untuk perangkat mobile
yang sangat praktis untuk di gunakan. Dengan fitur dan antarmuka yang user
friendly,memudahkan pengguna baik yang awam maupun yang mahir di bidang
teknologi untuk menggunakannya.

12
 LAMPIRAN

Project Figma:
https://www.figma.com/file/XSrlB4tjRSxMkgwGle4Mys/SmartKom?node-
id=0%3A1
Prototype Figma:
https://www.figma.com/proto/XSrlB4tjRSxMkgwGle4Mys/SmartKom?node-
id=1%3A3&scaling=scale-down&page-id=0%3A1&starting-point-node-
id=1%3A211&show-proto-sidebar=1
Referensi data:
https://kotabogor.go.id/index.php/show_post/detail/14100

13