1 00:00:02,770 --> 00:00:07,410 Jadi aplikasi apa yang akan kita buat dalam modul ini di sini? 2 00:00:07,450 --> 00:00:15,580 Kami akan membangun aplikasi makanan, aplikasi di mana kami dapat melihat beberapa resep, favorit beberapa resep dan juga menyaring resep dan untuk 3 00:00:15,820 --> 00:00:19,370 ini dalam aplikasi ini, kita akan memerlukan beberapa navigasi. 4 00:00:19,390 --> 00:00:25,810 Kami akan memiliki tajuk kami di sana dengan beberapa judul di tengah dan dengan tombol menu di sini 5 00:00:25,810 --> 00:00:29,210 di sebelah kiri yang memungkinkan kami untuk membuka laci samping 6 00:00:29,470 --> 00:00:33,610 yang saya akan kembali dalam sedetik dan di bagian bawah halaman ini 7 00:00:33,610 --> 00:00:42,700 di sini, kami akan memiliki tab, kami akan memiliki dua tab - satu untuk semua makanan, semua resep dan satu untuk favorit kami yang tentu saja 8 00:00:42,700 --> 00:00:45,310 akan dapat ditambahkan di aplikasi ini. 9 00:00:45,310 --> 00:00:49,800 Sekarang di semua halaman itu, kita akan memiliki kotak kategori, 10 00:00:49,810 --> 00:00:59,310 jadi pada dasarnya sesuatu seperti makanan Italia, eksotis, mungkin Jerman, jadi pada dasarnya kategori makanan yang berbeda dan ketika kita 11 00:00:59,470 --> 00:01:02,100 mengetuk salah satu kategori 12 00:01:02,200 --> 00:01:09,490 ini, kita akan dibawa ke layar kedua di mana kita akan memiliki tombol kembali di 13 00:01:09,490 --> 00:01:13,660 atas untuk kembali dengan judul lain, judul kategori dan 14 00:01:13,660 --> 00:01:17,110 di layar itu, kita akan memiliki resep. 15 00:01:17,110 --> 00:01:24,910 Jadi di sana, kita akan memiliki beberapa kartu seperti dengan katakanlah gambar, judul, beberapa informasi tambahan tentang resep seperti 16 00:01:24,910 --> 00:01:29,250 berapa lama untuk membuatnya dan seterusnya, jadi ketika kita mengklik 17 00:01:29,260 --> 00:01:33,220 tombol kembali, kita tentu saja dibawa kembali ke sini. 18 00:01:33,250 --> 00:01:37,300 Nah, itu satu bagian dan itu saja di mana kita berada di 19 00:01:37,300 --> 00:01:44,470 semua tab di sana, jadi ketika ini adalah tab aktif. Sekarang kita belum selesai dalam aliran ini, tentu saja kita dapat mengetuk 20 00:01:44,890 --> 00:01:50,590 satu resep dan itu akan membawa kita ke halaman lain di sini di mana kita dapat melihat detail tentang resep ini. 21 00:01:50,650 --> 00:01:56,530 Jadi di mana kita juga memiliki tajuk dan gambar resep ini dan juga memiliki tombol 22 00:01:56,530 --> 00:02:02,950 kembali yang membawa kita kembali ke halaman ini di sini, di mana kita kemudian juga memiliki informasi 23 00:02:02,950 --> 00:02:11,740 lebih lanjut tentang resep, seperti misalnya bahan-bahan yang merupakan daftar dan lalu juga langkah-langkah yang diperlukan untuk membuat resep ini, seperti memotong bawang 24 00:02:11,800 --> 00:02:12,860 dan sebagainya. 25 00:02:13,390 --> 00:02:17,370 Jadi itulah informasi tentang resep yang kita miliki di sini dan kita dapat kembali. 26 00:02:17,710 --> 00:02:26,050 Penting, kita juga akan memiliki fungsi untuk menandai resep sebagai favorit di sana, misalnya di sini di header, kita bisa memiliki ikon 27 00:02:26,050 --> 00:02:31,710 bintang yang memungkinkan kita melakukan itu, baik itu bintang yang jelek tapi itu sesuatu 28 00:02:31,720 --> 00:02:32,850 yang bisa 29 00:02:32,880 --> 00:02:39,790 kita miliki di sini untuk menandai resep sebagai favorit dan kami akan menambahkannya ke daftar favorit ini karena 30 00:02:39,790 --> 00:02:43,210 itulah tab lain yang kami punya di sini, kan? 31 00:02:43,220 --> 00:02:50,980 Itu tab kedua yang kami dapatkan di sini. Ketika kita menekan tab ini di sini, kita pada dasarnya beralih tab 32 00:02:51,040 --> 00:02:53,540 pada layar awal ini di mana 33 00:02:53,740 --> 00:02:58,500 kita memiliki tombol menu itu, kita masih memiliki tab kita di sini dengan semua 34 00:02:58,510 --> 00:03:01,750 dan dengan favorit tetapi sekarang katakanlah favorit adalah tab aktif. 35 00:03:02,050 --> 00:03:10,660 Nah dalam hal ini jika favorit adalah tab aktif, maka di sini kita pada dasarnya melihat daftar 36 00:03:10,660 --> 00:03:15,700 resep yang terlihat seperti daftar di sini resep ketika 37 00:03:15,700 --> 00:03:24,790 kita mengklik pada suatu kategori tetapi sekarang hanya dengan daftar resep dengan resep yang kita tandai sebagai favorit. 38 00:03:24,790 --> 00:03:30,890 Sekarang kita masih dapat memiliki satu resep dilakukan dan kita dibawa ke halaman detail resep di sana dan jika 39 00:03:30,970 --> 00:03:35,050 kita sekarang akan menekan tombol kembali, kita tentu saja akan kembali ke 40 00:03:35,080 --> 00:03:40,130 halaman ini, jadi tombol kembali membawa kita ke berbeda halaman tergantung dari mana kita berasal. 41 00:03:40,180 --> 00:03:47,980 Sekarang apa yang terjadi ketika kita menekan laci itu di sini, ketika kita mengetuk tombol menu ini? Apa yang terjadi dalam kasus 42 00:03:47,980 --> 00:03:49,110 ini? 43 00:03:49,120 --> 00:03:56,860 Nah dalam hal ini, kita membuka laci samping yang memungkinkan kita untuk pergi ke aplikasi makanan yang pada akhirnya adalah aplikasi ini 44 00:03:56,860 --> 00:04:05,830 kita mulai, di mana kita memiliki semua favorit dan juga layar filter. Sekarang filter adalah layar baru yang kita miliki dalam 45 00:04:05,860 --> 00:04:12,730 aplikasi ini, di mana kita juga memiliki tombol menu untuk menuju ke menu yang sama 46 00:04:12,850 --> 00:04:22,150 di sini dan mungkin kembali ke halaman makanan dan pada filter, kita dapat mengatur filter seperti glutenFree atau vegan dan 47 00:04:22,490 --> 00:04:30,740 kita Akan ada beberapa sakelar di sini yang memungkinkan kita untuk menghidupkan dan mematikan opsi ini dan kita 48 00:04:31,160 --> 00:04:38,690 juga memiliki seperti tombol simpan di sini di bagian atas yang memungkinkan kita untuk menyimpan pilihan 49 00:04:38,720 --> 00:04:48,430 kita dan kemudian kita dapat kembali dan resep yang kita lihat di sini akan menjadi difilter menurut pilihan kami di layar filter. 50 00:04:49,070 --> 00:04:54,270 Jadi ini adalah aplikasi yang kami bangun dan sekarang sketsa ini menunjukkan dua hal - 51 00:04:54,290 --> 00:05:00,500 untuk satu, kemampuan menggambar saya tidak terlalu bagus. Seharusnya tidak terlalu penting karena ini untungnya 52 00:05:00,590 --> 00:05:02,360 bukan kelas menggambar. 53 00:05:02,390 --> 00:05:07,330 Yang lebih penting dari sketsa ini adalah bahwa kita akan memiliki banyak navigasi, kita 54 00:05:07,370 --> 00:05:08,170 memiliki tab, 55 00:05:08,180 --> 00:05:15,760 kita memiliki laci samping dan kita memiliki navigasi maju dan mundur, jadi kita akan bolak-balik di antara halaman, kita akan memiliki untuk mengubah 56 00:05:15,800 --> 00:05:21,080 judul di header berdasarkan tujuan kita, kita harus mengubah konten di layar berdasarkan tujuan kita dan 57 00:05:21,080 --> 00:05:26,510 oleh karena itu, kita memerlukan solusi navigasi yang kuat di mana kita tidak hanya menggunakan jika 58 00:05:26,510 --> 00:05:33,200 memeriksa seperti yang kita lakukan sejauh ini dalam kursus. Bukan hanya karena itu akan sangat merepotkan untuk 59 00:05:33,200 --> 00:05:39,800 ditulis tetapi juga karena kami ingin animasi yang indah ini, transisi antara layar dan itu adalah sesuatu 60 00:05:40,250 --> 00:05:44,220 yang untungnya kami dapat tambahkan dengan cara yang relatif mudah.