Pembuatan Mockup

"Aplikasi Yummy Food

Delivery"
KELOMPOK 8 :
SEKAR INTAN WULANDARI (64200201)
FATHIMAH AZAHRA
(64201532)
AULIA SAHARA
(64201631)
JENI PATMAWATI (64201667)
Latar Belakang Masalah
Layanan pesandan antar makanan(delivery order service)sebetulnya bukan proyekbaru
lagi. Pada beberapa kota besar, layanan pesan antar makanan sudah menjadi salah satu
sevice dari beberapa rumah makan dan restauran hanya saja berbasis on call dan ada
juga yang sudah bekerja sama dengan layanan pesan antar seperti Go-Food, GrabFood
dan layanan lainnya. Layanan service seperti ini sangat cocok digunakan pada kota –
kota besar yang aktivitas manusianya sangat sibuk. Cara pembayarannya pun cukup
mudah dengan pilihan cash atau credit. Jika pelanggan ingin memilih cash maka
pembayaran dilakukan saat makanan sudah datang, jika creditmenggunakan saldo yang
ada pada aplikasi. Layananservice seperti ini sangat digemari karena tidak perlu
membuang waktu untuk pergi ke rumah makan tetapi hanya menunggu di rumahatau
dimana saja makanan dapat sampai di depan mata kita.
Pengertian Sistem Informasi
Manajemen
Sistem Informasi Manajemen atau SIM berasal dari Bahasa Inggris yaitu Management
Information System. Manajemen sendiri mencakup proses perencanaan,
pengorganisasian, pengawasan, pengarahan, dalam suatu organisasi. Sedangkan,
informasi dalam satu organisasi adalah data yang diolah sedemikian rupa sehingga
memiliki nilai dan arti bagi organisasi. Sistem informasi manajemen atau SIM
(Management Information System, MIS) adalah sistem perencanaan bagian dari
pengendalian internal suatu bisnis yang meliputi pemanfaatan manusia, dokumen,
teknologi, prosedur oleh manajemen untuk memecahkan masalah bisnis.
Karakteristik Sistem Informasi
Manajemen
• Memiliki Berbagai Elemen Sistem (Elements)
• Memiliki Batas-Batas Tertentu (Boundary)
• Memiliki Lingkungan Luar (Environment)
• Memiliki Penghubung (Interface)
• Memiliki Masukan (Input)
• Memiliki Keluaran (Output)
• Memiliki Pengolahan (Process)
• Memiliki Tujuan (Goals)
 Computer Based Information
System (CBIS)
CBIS merupakan sebuah alat bantu yang sangat cocok digunakan pada sebuah
organisasi bisnis yang memiliki banyak sekali data-data. CBIS difungsikan untuk
pengolahan data tersebut sehingga dari berbagai data yang terkumpul dapat dirangkum
menjadi satu untuk selanjutnya diolah menjadi sebuah informasi bagi suatu organisasi
bisnis dalam pengambilan sebuah keputusan. Selain itu CBIS juga digunakan untuk
melakukan monitoring laju kinerja sebuah organisasi bisnis yang diukur melalui setiap
data yang masuk. CBIS ini sangat diandalkan oleh para organisasi bisnis karena
kemampuannya tersebut, selain itu keakuratan informasi yang diberikan dari data yang
diolah.
Komponen Sistem Informasi
CBIS
• Hardware atau Perangkat Keras
• Software atau Perangkat Lunak
• Data-Network (Jaringan)
• Database (Basis Data)
• Procedure (Prosedur)

Contoh Aplikasi CBIS

• Sistem Informasi Akuntansi (SIA)
• Sistem Informasi Manajemen (SIM)
• Sistem Pendukung Keputusan (DSS)
• Sistem Otomatisasi Perkantoran (OA)
• Sistem Pakar (Expert System)
 Tool Blok
Sistem
1. Blok Input : Alat yang digunakan untuk menerima data
Contoh : Keyboard, Mouse, Scanner, Kamera.
2. Blok Output : Alat yang digunakan untuk menghasilkan keluaran.
Contoh : Printer, Monitor.
3. Blok Model : Menyangkut materi pemrograman. Aplikasi sains
digunakan pemrograman yang menggunakan rumus matematika yang sulit.
Aplikasi bisnis digunakan untum mengolah data.
4. Blok Teknologi : Tingkat teknologi yang diperlukan sistem informasi,
termasuk penggunaan internet.
5. Blok Database : Database yang disusun sangat dipengaruhi oleh
kompleksitas organisasi/perusahaan.
6. Blok Kontrol : Aspek pengamanan sistem informasi. Pengamanan fisik
menyangkut pengamanan terhadap kebakaran, gempa bumi, sabotase. Pengamanan
non fisik menyangkut pengamanan terhadap serangan virus, software.
System Development Life
Cycle (SDLC)
SDLC disebut siklus hidup pengembangan sistem. SDLC
adalah siklus yang digunakan dalam pembuatan atau
pengembangan sistem informasi yang bertujuan untuk
menyelesaikan masalah secara efektif. SDLC dalam rekayasa
sistem dan perangkat lunak adalah proses pembuatan dan
pengubahan sistem serta model dan metodologi yang
digunakan untuk mengembangkan sistem-sistem tersebut.
.
 Ta h a p a n -
tahapan dalam
S D L C Implementasi Sistem (System
01 (System Planning)
Perencanaan Sistem
04 Implementasion)
02 Analisis Sistem (System
Analisis) 05 Pemeliharaan Sistem
(System Maintenance)

03 Perancangan Sistem
(System Design)
 Food Delivery Order
(FDO)
Food Delivery Order atau yang sering disebut FDO adalah suatu jasa antar
makanan yang sangat populer. Selain mempermudah konsumen dalam
mendapatkan barang, layanan ini juga membantu meningkatkan penjualan
bagi perusahaan tersebut. Karena kebanyakan masyarakat modern
cenderung menyukai memesan makanan untuk diantar ke rumah daripada
membeli secara langsung.
 Penyusunan Konsep
Salah satu kebutuhan yang penting di dalam penyampaian informasi adalah mockup website,
Mockup merupakan ujung tombak pada presentasi desain. Adanya mockup desain website desain
ini diperlukan guna meyakinkan Anda ketika akan membuat website dengan desain custom. Melalui
mock up, Anda dapat melihat visualisasi calon website Anda secara nyata sehingga Anda dapat
memberikan masukan kepada desainer jika tampilan mock up dirasa belum sesuai dengan
permintaan sebelumnya. Oleh karena itu, tak heran jika mock up merupakan bagian penting dari
pembuatan website dengan desain custom.
 Ta m p i l a n M o c k u p
Mockup User
1. Tampilan Login
Untuk pengguna yang ingin masuk ke
aplikasi harus mendaftar terlebih dahulu,
dengan klik Create Account, namun jika
sudah mempunyai akun klik Sign In
2. Tampilan beranda
User dapat melihat mengenai kategori
produk apa saja yang dijual
3. Tampilan Produk (Main Menu)
User dapat melihat tampilan
mengenai jenis produk yang dijual
seperti bagian Main Menu
4. Tampilan Produk (Dessert)
User dapat melihat tampilan
mengenai jenis produk yang dijual
seperti produk Dessert
 5. Tampilan Produk
(Beverages)
User dapat melihat tampilan
mengenai jenis produk yang
dijual seperti produk
Beverages
6. Tampilan Produk Favorit
User dapat melihat bagian
produk yang favorit
 7. Tampilan Pesanan
User dapat melihat produk
yang sedang dipesan.
Terdapat alamat, catatan,
pesanan, dan total
pembayaran.
8. Tampilan Pesanan Sudah diterima
User dapat melihat bahwa pesanan
sudah diterima oleh penjual
9. Tampilan Riwayat Pesanan
User dapat melihat yang sudah
selesai
10. Tampilan Profil
User dapat melihat mengenai profil
user, terdapat nama, email, no
telepon, menu edit profil, menu My
Orders dan Log Out
 MOCKUP ADMIN

1. Tampilan Login
Mulai Login ke aplikasi, jika admin belum mempunyiai akun klik Sign Up.
12. Tampilan Dashboard
Admin dapat melihat total menu, total pesanan, total pendapatan dan total
customuer.
3. Tampilan Profil
Berisi data-data admin.
4. Tampilan Kategori.
Admin dapat melihat semua katagori produk yang
dijual, seperti Main Menu, Dessert dan Beverages.
5. Tampilan Produk
Admin dapat melihat produk main menu.
6. Tampilan Produk
Admin dapat melihat produk Dessert.
7. Tampilan Produk
Admin dapat melihat produk Beverages.
8. Tampilan Pesanan.
Admin dapat melihat data lengkap nama dan pesanan yang sudah
terjual.
9. Tampilan Laporan
Admin dapat melihat laporan penjual produk.
 Fungsi Mockup
Beberapa fungsi Mockup pada desain mockup pada desain web sebagai berikut :

1. Media presentasi proyek desain web

2. Menampilkan konsep desain yang akan ditawarkan, seakan-akan nyata.
3. Pedoman teknis untuk merancang halaman web.
4. Kontrol agar display desain yang dibuat tak melenceng dari rencana awal.
5. Memudahkan anda mendapat gambaran konsep web.
Thanks