5025221154 Helsa Sriprameswari Putri - ETS PPB

📝 Evaluasi Tengah Semester 📝

 Pemrograman Perangkat Bergerak G

👥Anggota :

1. Helsa Sriprameswari Putri (5025221154)

2 Yasmin Putri Sujono (5025221273)

 

• Deskripsi Aplikasi dan Fitur :

            TASTORY adalah aplikasi resep modern yang menggabungkan rasa dan cerita di balik setiap hidangan. Menghadirkan pengalaman memasak yang lebih personal, inspiratif, dan mudah diikuti.

Fitur : 

1. 📋 List of Modern Recipes

Variasi resep dari makanan sehat, street food, hingga dessert.

2. 📖 Detail Recipe View

Menampilkan bahan, langkah memasak, waktu persiapan, rating, dan cerita singkat

3. 🔍 Search by Recipe Name

Fitur pencarian untuk menemukan resep dengan cepat berdasarkan nama resep yang diinginkan..

4. 🏷️ Tags & Categories

Resep diberi label seperti Healthy, Quick, Popular untuk memudahkan eksplorasi.

5. 👩‍🍳 Author Information

Mengenal pembuat resep dengan nama dan cerita personal.

6. ⭐ Ratings & Reviews

Membantu pengguna memilih resep terbaik berdasarkan rating.

• Foto Infografis Aplikasi - Thumbnail : 

   

  
  Link PPT :
  https://www.canva.com/design/DAGl1kwpEBw/s1VTxzJgjuc14O5N3dvZuQ/view?utm_content=DAGl1kwpEBw&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=h5c9b914785 Drive Drive PPT :https://drive.google.com/drive/folders/1ImxCqvcPFSJLnrC3SFJ4bGJ5dpmhnuuh?usp=sharing  

  Link Source Code : 

https://github.com/helsasp/ETS_PPB

Link Aplikasi : https://drive.google.com/file/d/1j1bEnn_qhTeQiy6Tr_t2yyPvQwkIK8Ur/view?usp=sharing

Link Video  : https://youtu.be/lNchdCMbXWk

• 📱 Flow (Mainactivity.kt)  : 

• Modern Recipe Class: Merupakan sebuah data class yang digunakan untuk merepresentasikan resep masakan modern. Data class ini menyimpan informasi lengkap mengenai resep masakan modern.

Modern Recipe App Function: Merupakan data class yang digunakan untuk menyimpan informasi lengkap tentang resep masakan modern dalam aplikasi. Data class ini berfungsi untuk mempermudah pengelolaan data resep masakan dalam aplikasi.

Modern Welcome Screen Function: Merupakan fungsi @Composable yang mengelola tampilan dan navigasi aplikasi resep. Fungsi ini menampilkan layar onboarding pertama kali, kemudian setelah onboarding selesai, aplikasi beralih ke tampilan utama dengan navigasi antar layar: layar daftar resep (ModernHomeScreen) dan layar detail resep (ModernRecipeDetailScreen). Navigasi antar layar dikelola menggunakan NavController, dan ID resep yang dipilih akan digunakan untuk menampilkan detail resep yang sesuai.

Modern Home Screen Function: Menampilkan layar sambutan dengan desain modern, yang meliputi latar belakang berwarna utama, ilustrasi makanan yang mengambang, dan gambar koki. Di bagian tengah, terdapat judul aplikasi "TASTORY" beserta deskripsi singkat, serta tombol "Get Started" untuk memulai. Di bagian bawah, terdapat teks kecil mengenai resep premium yang memberikan daya tarik pada tampilan.

Featured Recipe App Function: Menampilkan kartu resep dengan gambar, nama resep, serta informasi waktu persiapan dan memasak. Kartu ini memiliki sudut melengkung dan efek bayangan untuk tampilan yang menarik. Gambar resep ditampilkan di bagian atas kartu dengan efek crop, sementara nama resep dan waktu persiapan serta memasak ditampilkan di bagian bawah kartu. Kartu ini juga memiliki fungsi klik untuk memungkinkan interaksi dengan elemen tersebut. Desain kartu ini menggunakan elemen seperti Card, Image, dan Text untuk menyusun tampilan yang rapi dan responsif.

Recipe List Item Function: Menampilkan kartu resep dengan gambar, nama resep, penulis, waktu persiapan, dan jumlah ulasan. Kartu ini memiliki desain dengan sudut melengkung, bayangan, dan dapat diklik. Gambar resep ditampilkan di sebelah kiri, sementara informasi resep (seperti nama penulis dan statistik waktu persiapan serta ulasan) ditampilkan di sebelah kanan dalam baris yang rapi. Jika informasi terlalu panjang, teks dapat dipotong agar tidak melebihi batas.

Modern Detail Screen Function: Menampilkan layar detail resep dengan gambar hero, informasi resep, dan langkah-langkah memasak. Layar ini dilengkapi dengan tombol kembali di bagian atas dan menampilkan gambar besar resep dengan lapisan gradien untuk meningkatkan visibilitas teks. Selain itu, terdapat bagian yang menampilkan nama resep, tag, deskripsi, bahan-bahan, dan instruksi langkah demi langkah. Setiap langkah memasak ditampilkan dengan nomor urut dalam sebuah baris, dipisahkan dengan jarak, dan dilengkapi dengan elemen desain seperti teks dan ikon untuk membuat tampilan lebih menarik.

App Preview: Digunakan untuk menampilkan pratinjau antarmuka pengguna (UI) dari berbagai layar dan komponen dalam aplikasi. Setiap fungsi @Preview membungkus komponen UI yang ingin dipratinjau, seperti ModernWelcomeScreen, ModernHomeScreen, ModernRecipeDetailScreen, RecipeTagChip, FeaturedRecipeCard, dan RecipeListItem. Masing-masing fungsi pratinjau menggunakan tema ResepkitaTheme untuk memastikan konsistensi desain aplikasi.

Res/Drawable: Gambar makanan disimpan dalam format JPG yang berada di folder res/drawable. 

•  👨‍💻 App Preview  
•    

  
  

  Class

  Modern Recipe

  Class