Home Tutorial Android Studio Tutorial Membuat Aplikasi Resep Masakan Indonesia dengan Android Studio

Thursday, April 1, 2021

Tutorial Membuat Aplikasi Resep Masakan Indonesia dengan Android Studio

         8 comments   

Baca Juga

Tutorial Membuat Aplikasi Resep Masakan Indonesia dengan Android Studio
Tutorial Membuat Aplikasi Resep Masakan Indonesia dengan Android Studio
Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Resep Masakan Indonesia dengan Android Studio.

Jadi aplikasi ini menampilkan resep-resep masakan di seluruh Indonesia. Selain ada kategori resep masakan, kalian juga bisa mencari resep masakan yang kalian mau. Kalian juga bisa menyimpan resep masakan ke dalam menu favorite. Untuk menyimpan resep masakan tersebut saya menggunakan Database Realm.

Pada menu Detail Recipe, ada nama pembuat resep masakan, tanggal resep dibuat, jumlah porsi, tingkat kesulitan, waktu yang dibutuhkan untuk memasak, bahan-bahan serta langkah-langkah membuatnya. Cukup lengkap ya.

Aplikasi ini menggunakan API https://github.com/tomorisakura/unofficial-masakapahariini-api yang dibuat dari hasil Scraping menggunakan Node.js. Buat kalian yang ingin langsung mencobanya, silahkan unduh melalui Github saya SOURCE CODE DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai.

Jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya. Oke langsung saja tanpa basa-basi lagi kita langsung ke langkah pertama :

1. Seperti biasa, buat project baru di Android Studio dengan cara klik File ⇒ Project Baru. Ketika diminta untuk memilih Default Activity, pilih Empty Activity dan klik next. Untuk minSDK, disini saya set API 21 ya. Ingat, jangan langsung Run atau Copy Paste Source Code dari saya, pasti akan terjadi error jika beda versi Gradle dan beda versi Android Studionya. Untuk tutorial ini, saya buat dengan bahasa Kotlin ya.

2. Kemudian kalian import beberapa library ke gradle:
Source : build.properties dan build.gradle

3. Jangan lupa tambahkan beberapa Permission ke Android Manifest:
Source : AndroidManifest.xml

4. Buat Class Detail sebagai Class untuk menampilkan detail resep masakan. Di menu ini ada nama pembuat resep, tanggal dibuat, jumlah porsi, tingkat kesulitan, waktu yang dibutuhkan untuk memasak, bahan-bahan serta langkah-langkah membuatnya. Buat activity_detail_recipes.xml dan DetailRecipesActivity.kt.
Source : activity_detail_recipes.xml, dan DetailRecipesActivity.kt

5. Buat Class Favorite sebagai Class untuk menyimpan masakan yang kalian ingin simpan. Buat activity_favorite_recipes.xml dan FavoriteRecipesActivity.kt.
Source : activity_favorite_recipes.xml, dan FavoriteRecipesActivity.kt

6. Buat Class List Categories sebagai Class untuk menampilkan resep masakan berdasarkan kategori yang dipilih. Buat activity_list_categories.xml dan ListCategoriesActivity.kt.
Source : activity_list_categories.xml, dan ListCategoriesActivity.kt

7. Buat Class New Recipe sebagai Class utama yang menampilkan resep masakan, menampilkan kategori resep dan pencarian resep. Buat activity_new_recipes.xml dan NewRecipesActivity.kt.
Source : activity_new_recipes.xml, dan NewRecipesActivity.kt

8. Buat Class Adapter Categories. Buat list_categories.xml dan CategoriesAdapter.kt.
Source : list_categories.xml, dan CategoriesAdapter.kt

9. Buat Class Adapter List Categories. Buat list_categories_recipe.xml dan ListCategoriesAdapter.kt.
Source : list_categories_recipe.xml, dan ListCategoriesAdapter.kt

10. Buat Class Adapter Favorite. Buat list_favorite.xml dan FavoritesAdapter.kt.
Source : list_favorite.xml, dan FavoritesAdapter.kt

11. Buat Class Adapter Ingredients. Buat list_ingredients.xml dan IngredientsAdapter.kt.
Source : list_ingredients.xml, dan IngredientsAdapter.kt

12. Buat Class Adapter New Recipes. Buat list_new_recipe.xml dan NewRecipesAdapter.kt.
Source : list_new_recipe.xml, dan NewRecipesAdapter.kt

13. Buat Class Adapter Steps. Buat list_steps.xml dan StepsAdapter.kt.
Source : list_steps.xml, dan StepsAdapter.kt

14. Buat Class Model. Buat ModelCategories.kt, ModelIngredients.kt, ModelRecipes.kt dan ModelSteps.kt.
Source : ModelCategories.kt, ModelIngredients.kt, ModelRecipes.kt dan ModelSteps.kt

15. Buat Class Helper untuk Database-nya. Buat RealmHelper.kt.
Source : RealmHelper.kt

16. Buat Class API. Buat ApiEndpoint.kt.
Source : ApiEndpoint.kt

17. Buat XML dengan nama toolbar.xml untuk di include ke dalam activity_new_recipes.xml. XML ini nanti akan menjadi Header menu utama.
Source : toolbar.xml

18. Selesai dan coba kalian Run. Jika kalian mengikuti langkah-langkah diatas dengan baik, pasti aplikasi yang kalian buat akan berjalan sebagaimana mestinya. Namun jika mengalami Error, silahkan berikan komentar dan kita diskusikan bersama.

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Resep Masakan Indonesia dengan Android Studio ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_

8 comments

  1. UnknownApril 2, 2021 at 2:34 AM

    Please make ramadan and prayer timing app with kotlin

    ReplyDelete
    Replies
    1. Azhar RivaldiApril 13, 2021 at 10:59 AM

      https://rivaldi48.blogspot.com/2020/04/Tutorial-Membuat-Aplikasi-Jadwal-Imsakiyah-dengan-Android-Studio.html

      Delete
  2. alvienovaNovember 2, 2021 at 6:20 PM

    mas ada tutorial cara jalankan source code nya di android studio. saya sudah coba dan min sdk sdh set 21. tp masih error juga. oh ya request
    - cara buat aplikasi radio online streaming.
    - step by step import project eclipse ke android studio saya belum pernah berhasil
    - Cara reskin source code AS lama tanpa error
    makasih jawabannya

    ReplyDelete
    Replies
    1. alvienovaNovember 2, 2021 at 7:05 PM

      salah satu pesan errornya
      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\193ea62d931974dda5002c0545e5373e\material-1.3.0\res\values\values.xml:1920:5-1927:11: AAPT: error: style attribute 'android:attr/keyboardNavigationCluster' not found.

      Delete
    2. alvienovaNovember 2, 2021 at 7:07 PM

      Android resource linking failed
      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\193ea62d931974dda5002c0545e5373e\material-1.3.0\res\values\values.xml:645:5-700:11: AAPT: error: style attribute 'android:attr/contextPopupMenuStyle' not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\193ea62d931974dda5002c0545e5373e\material-1.3.0\res\values\values.xml:766:5-810:11: AAPT: error: style attribute 'android:attr/contextPopupMenuStyle' not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\193ea62d931974dda5002c0545e5373e\material-1.3.0\res\values\values.xml:874:5-928:11: AAPT: error: style attribute 'android:attr/contextPopupMenuStyle' not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\193ea62d931974dda5002c0545e5373e\material-1.3.0\res\values\values.xml:1042:5-1086:11: AAPT: error: style attribute 'android:attr/contextPopupMenuStyle' not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\193ea62d931974dda5002c0545e5373e\material-1.3.0\res\values\values.xml:1158:5-1169:11: AAPT: error: style attribute 'android:attr/dialogCornerRadius' not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\26111db871be0e7ac326c7650b8acc24\appcompat-1.2.0\res\values-v26\values-v26.xml:5:5-8:13: AAPT: error: resource android:attr/colorError not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\26111db871be0e7ac326c7650b8acc24\appcompat-1.2.0\res\values-v26\values-v26.xml:9:5-12:13: AAPT: error: resource android:attr/colorError not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\26111db871be0e7ac326c7650b8acc24\appcompat-1.2.0\res\values-v26\values-v26.xml:13:5-16:13: AAPT: error: style attribute 'android:attr/keyboardNavigationCluster' not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\26111db871be0e7ac326c7650b8acc24\appcompat-1.2.0\res\values-v28\values-v28.xml:5:5-8:13: AAPT: error: resource android:attr/dialogCornerRadius not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\26111db871be0e7ac326c7650b8acc24\appcompat-1.2.0\res\values-v28\values-v28.xml:9:5-12:13: AAPT: error: resource android:attr/dialogCornerRadius not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\26111db871be0e7ac326c7650b8acc24\appcompat-1.2.0\res\values-v23\values-v23.xml:40:5-43:13: AAPT: error: style attribute 'android:attr/hyphenationFrequency' not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\26111db871be0e7ac326c7650b8acc24\appcompat-1.2.0\res\values-v23\values-v23.xml:40:5-43:13: AAPT: error: style attribute 'android:attr/breakStrategy' not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\26111db871be0e7ac326c7650b8acc24\appcompat-1.2.0\res\values-v23\values-v23.xml:47:5-50:13: AAPT: error: style attribute 'android:attr/hyphenationFrequency' not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\26111db871be0e7ac326c7650b8acc24\appcompat-1.2.0\res\values-v23\values-v23.xml:47:5-50:13: AAPT: error: style attribute 'android:attr/breakStrategy' not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\497074caeca76a9cf082ebb39ecc4a9d\cardview-1.0.0\res\values-v23\values-v23.xml:3:5-5:13: AAPT: error: resource android:attr/colorBackgroundFloating not found.

      C:\Users\hp\.gradle\caches\transforms-2\files-2.1\193ea62d931974dda5002c0545e5373e\material-1.3.0\res\values\values.xml:1920:5-1927:11: AAPT: error: style attribute 'android:attr/keyboardNavigationCluster' not found.

      Delete
    3. alvienovaNovember 2, 2021 at 7:10 PM

      AGPBI: {"kind":"error","text":"Android resource linking failed","sources":[{"file":"C:\\Users\\hp\\.gradle\\caches\\transforms-2\\files-2.1\\26111db871be0e7ac326c7650b8acc24\\appcompat-1.2.0\\res\\values-v23\\values-v23.xml","position":{"startLine":46,"startColumn":4,"startOffset":3294,"endLine":49,"endColumn":12,"endOffset":3519}}],"original":"C:\\Users\\hp\\.gradle\\caches\\transforms-2\\files-2.1\\26111db871be0e7ac326c7650b8acc24\\appcompat-1.2.0\\res\\values-v23\\values-v23.xml:47:5-50:13: AAPT: error: style attribute 'android:attr/breakStrategy' not found.\n ","tool":"AAPT"}
      AGPBI: {"kind":"error","text":"Android resource linking failed","sources":[{"file":"C:\\Users\\hp\\.gradle\\caches\\transforms-2\\files-2.1\\497074caeca76a9cf082ebb39ecc4a9d\\cardview-1.0.0\\res\\values-v23\\values-v23.xml","position":{"startLine":2,"startColumn":4,"startOffset":55,"endLine":4,"endColumn":12,"endOffset":200}}],"original":"C:\\Users\\hp\\.gradle\\caches\\transforms-2\\files-2.1\\497074caeca76a9cf082ebb39ecc4a9d\\cardview-1.0.0\\res\\values-v23\\values-v23.xml:3:5-5:13: AAPT: error: resource android:attr/colorBackgroundFloating not found.\n ","tool":"AAPT"}
      AGPBI: {"kind":"error","text":"Android resource linking failed","sources":[{"file":"C:\\Users\\hp\\.gradle\\caches\\transforms-2\\files-2.1\\193ea62d931974dda5002c0545e5373e\\material-1.3.0\\res\\values\\values.xml","position":{"startLine":1919,"startColumn":4,"startOffset":133843,"endLine":1926,"endColumn":10,"endOffset":134270}}],"original":"C:\\Users\\hp\\.gradle\\caches\\transforms-2\\files-2.1\\193ea62d931974dda5002c0545e5373e\\material-1.3.0\\res\\values\\values.xml:1920:5-1927:11: AAPT: error: style attribute 'android:attr/keyboardNavigationCluster' not found.\n ","tool":"AAPT"}

      > Task :app:processDebugResources FAILED

      Delete
  3. UnknownDecember 8, 2021 at 2:51 PM

    Maas saya udah coba dan berhasil tapi kalo mau searc jenis makanan langsung keluar aplikasinya itu apanya ya ?

    ReplyDelete

Silahkan tinggalkan komentar jika Anda punya saran, kritik, atau pertanyaan seputar topik pembahasan. Gunakan bahasa yang bijak dan santun. Terima Kasih.
EmoticonEmoticon