155
Gambar 3.125 Desain User Interface Sub-Menu Atlas Events Calendar
Desain diatas menunjukkan tampilan sub-menu Atlas Events Calendar yang berisi tentang kegiatan yang ada di Atlas Sports Club Surabaya selama satu
bulan yang ditampilkan dalam bentuk kalender. Terdapat fitur option untuk mengatur menu ponsel, select untuk memilih tanggal, dan back untuk kembali ke
menu Daily Schedule .
3.10.6 Desain User Interface Menu News Info
Menu News Info akan tampil pada saat pengguna menekan tombol select
pada ponselnya pada saat aplikasi berada pada tampilan Main Menu. Pada tampilan Main Menu, jika pengguna memilih menu News Info maka akan
muncul tampilan seperti pada gambar 3.126.
156
Gambar 3.126 Desain User Interface Menu News Info
Desain diatas menunjukkan tampilan menu News Info yang terdiri dari tiga sub-menu, yaitu sub-menu Fitness News, Gym Book, dan Nutrition Book.
Terdapat fitur option untuk mengatur menu ponsel, select untuk memilih menu, dan back untuk kembali ke Main Menu.
A. Desain User Interface Sub-Menu Fitness News
Pada sub-menu Fitness News, tampilan menu pada ponsel akan terlihat seperti pada gambar 3.127.
157
Gambar 3.127 Desain User Interface Sub-Menu Fitness News
Desain diatas menunjukkan tampilan sub-menu Fitness News yang berisi tentang berita mengenai dunia fitness yang dikelompokkan berdasarkan tanggal
terbitnya berita tersebut. Terdapat fitur option untuk mengatur menu ponsel, select untuk memilih berita, dan back untuk kembali ke menu News Info. Tampilan
selanjutnya dapat dilihat pada gambar 3.128.
158
Gambar 3.128 Desain User Interface Sub-Menu Fitness News-
Contoh Berita 1
Desain diatas menunjukkan tampilan sub-menu Fitness News yang berisi tentang berita yang telah dipilih sebelumnya. Informasi yang dtampilkan berupa
teks dan tak lupa dicantumkan juga sumber dari berita tersebut. Terdapat fitur back
untuk kembali ke tampilan sebelumnya.
B. Desain User Interface Sub-Menu Gym Book
Pada sub-menu Fitness News, tampilan menu pada ponsel akan terlihat seperti pada gambar 3.129.
159
Gambar 3.129 Desain User Interface Sub-Menu Gym Book
Desain diatas menunjukkan tampilan sub-menu Gym Book yang berisi tentang berita mengenai pengetahuan tentang gerakan fitness. Terdapat fitur
option untuk mengatur menu ponsel, select untuk memilih artikel yang
diinginkan, dan back untuk kembali ke menu News Info. Tampilan selanjutnya dapat dilihat pada gambar 3.130.
160
Gambar 3.130 Desain User Interface Sub-Menu Gym Book-Contoh Artikel 1
Desain diatas menunjukkan tampilan sub-menu Gym Book yang berisi tentang pengetahuan dalam bentuk artikel yang telah dipilih sebelumnya.
Informasi yang dtampilkan berupa teks dan tak lupa dicantumkan juga sumber
dari berita tersebut. Terdapat fitur back untuk kembali ke tampilan sebelumnya.
C. Desain User Interface Sub-Menu Nutrition Book
Pada sub-menu Nutrition Book, tampilan menu pada ponsel akan terlihat seperti pada gambar 3.131.
161
Gambar 3.131 Desain User Interface Sub-Menu Nutrition Book
Desain diatas menunjukkan tampilan sub-menu Nutrition Book yang berisi tentang berita mengenai pengetahuan tentang nutrisi yang baik pada
olahraga fitness. Terdapat fitur option untuk mengatur menu ponsel, select untuk memilih artikel yang diinginkan, dan back untuk kembali ke menu News Info.
Tampilan selanjutnya dapat dilihat pada gambar 3.132.
162
Gambar 3.132 Desain User Interface Sub-Menu Nutrition Book-
Contoh Artikel 1
Desain diatas menunjukkan tampilan sub-menu Nutrition Book yang berisi tentang pengetahuan dalm bentuk artikel yang telah dipilih sebelumnya.
Informasi yang dtampilkan berupa teks dan tak lupa dicantumkan juga sumber dari berita tersebut. Terdapat fitur back untuk kembali ke tampilan sebelumnya.
3.10.7 Desain User Interface Menu Help
