Perancangan Grafis dan Antar Muka
1. Perancangan Antarmuka Aplikasi Frontend a. Perancangan Antarmuka Menu Utama
Gambar 3. 74 Antarmuka Menu Utama
b. Perancangan Antarmuka ListView Cabor
Gambar 3. 75 Antarmuka List View Cabo
c. Perancangan Antarmuka Menu Portal Berita
Gambar 3. 76 Antarmuka Menu Portal Berita
d. Perancangan Antarmuka Login Member
Gambar 3. 77 Antarmuka Login Member
e. Perancangan Antarmuka ListView Klub
Gambar 3. 78 Antarmuka List View Klub
f. Perancangan Antarmuka ListView Kejuaraan
Gambar 3. 79 Antarmuka ListView Kejuaraan
g. Perancangan Antarmuka Detail Berita
Gambar 3. 80 Antarmuka Detail Berita
h. Perancangan Antarmuka Detail Klub
Gambar 3. 81 Antarmuka Detail klub
i. Perancangan Antarmuka Detail Kejuaraan
Gambar 3. 82 Antarmuka Detail Kejuaraan
j. Perancangan Antarmuka Peta Lokasi
Gambar 3. 83 Antarmuka Peta Lokasi
k. Perancangan Antarmuka Detail Cabor
Gambar 3. 84 Antarmuka Detail Cabor
l. Perancangan Antarmuka ListView Berita
Gambar 3. 85 Antarmuka ListView Berita
2. Perancangan Antarmuka Aplikasi Backend a. Perancangan Antarmuka Login Admin
Gambar 3. 86 Antarmuka Login Admin
b. Perancangan Antarmuka Menu Utama Admin
Gambar 3. 87 Antarmuka Menu Utama Admin
c. Perancangan Antarmuka Pengolahan Data Cabor
Gambar 3. 88 Antarmuka Pengolahan Data Cabor
d. Perancangan Antarmuka Pengolahan Data Klub
Gambar 3. 89 Antarmuka Pengolahan Data Klub
e. Perancangan Antarmuka Pengolahan Data Kejuaraan
Gambar 3. 90 Antarmuka Pengolahan Data Kejuaraan
f. Perancangan Antarmuka Form Manipulasi Data Cabor
Gambar 3. 91 Antarmuka Form Manipulasi Data Cabor
g. Perancangan Antarmuka Form Manipulasi Data Klub
Gambar 3. 92 Antarmuka Form Manipulasi Data Klub
h. Perancangan Antarmuka Form Manipulasi Data Kejuaraan
Gambar 3. 93 Antarmuka Form Manipulasi Data Kejuaraan
i. Perancangan Antarmuka Message Hapus Data
Gambar 3. 94 Antarmuka Message Hapus Data
j. Perancangan Antarmuka Registrasi
Gambar 3. 95 Antarmuka Registrasi
k. Perancangan Antarmuka Kustomisasi Data
Gambar 3. 96 Antarmuka Kustomisasi Data
l. Perancangan Antarmuka Pengolahan Data Induk Organisasi
Gambar 3. 97 Antarmuka Pengolahan Data Induk Organisasi
m. Perancangan Antarmuka Form Manipulasi Data Induk Organisasi
Gambar 3. 98 Antarmuka Form Manipulasi Data Induk Organisasi
205