Cara Membuat Aplikasi Resep: Resep, Penskalaan, Daftar Belanja, dan Pencarian

Aplikasi resep adalah kumpulan resep dengan pencarian yang baik, halaman memasak yang jelas, dan beberapa alat bantu dapur — menskalakan porsi, mengonversi satuan, dan mengubah resep menjadi daftar belanja. Apakah itu buku masak keluarga Anda, blog makanan dengan kartu resep, atau produk resep untuk orang lain, satu keputusan yang membuat semua hal lain berjalan adalah menyimpan bahan sebagai data terstruktur, bukan sebagai paragraf teks. Lakukan itu dengan benar dan fitur-fitur berguna menjadi mudah dibuat.

Tentukan jenis aplikasi resepnya

Model datanya sama untuk keempatnya. Yang berubah adalah siapa yang boleh menulis, dan apakah halaman perlu ditemukan oleh mesin pencari.

Apa yang dibutuhkan aplikasi resep

Halaman

• Daftar atau beranda resep — kartu dengan foto, judul, total waktu, dan tag.
• Halaman resep — tampilan memasak: foto, kontrol porsi, daftar bahan, langkah bernomor, catatan.
• Pencarian dan filter — berdasarkan nama, berdasarkan bahan, berdasarkan tag (vegetarian, cepat, dessert), berdasarkan waktu.
• Tambah dan edit resep — formulir yang menangani bahan baris demi baris.
• Koleksi — “Hari kerja”, “Natal”, “Resep Ibu”.
• Daftar belanja — dibangun dari satu atau beberapa resep.

Data

• Resep — judul, slug, deskripsi, porsi, waktu persiapan, waktu memasak, foto, tag, sumber, penulis, visibilitas.
• Bahan — resep, posisi, jumlah, satuan, nama, catatan (“cincang halus”), grup opsional (“Untuk saus”).
• Langkah — resep, posisi, teks, pengatur waktu opsional.
• Koleksi dan item koleksi.
• Item daftar belanja — pengguna, nama bahan, jumlah, satuan, status centang.

Jumlah sebaiknya berupa angka. “1 ½ cangkir” menjadi jumlah 1.5, satuan cangkir. Simpan daftar kecil satuan yang dipahami aplikasi, dan izinkan teks bebas (“sejumput”, “secukupnya”) tanpa jumlah.

Izin akses

Buku masak pribadi membutuhkan satu akun dan resep privat. Buku masak keluarga membutuhkan koleksi bersama yang bisa diedit beberapa orang. Situs publik membutuhkan pembaca (tanpa login) dan editor. Komunitas membutuhkan anggota yang memiliki resep mereka sendiri dan moderator yang bisa menyembunyikan apa pun.

Fitur yang membuat aplikasi ini layak dipakai

Penskalaan porsi. Kalikan setiap jumlah dengan porsi baru ÷ porsi asli. Tampilkan pecahan yang masuk akal (¾ cangkir, bukan 0,75 cangkir) dan bulatkan jumlah yang canggung. Beberapa hal tidak naik secara linear — bumbu, waktu memanggang, ukuran loyang — jadi catatan singkat di resep membantu.

Konversi satuan. Tombol pengalih metrik/US. Konversi volume dan berat dalam jenisnya masing-masing; mengonversi cangkir tepung ke gram memerlukan densitas per bahan, yang merupakan fitur nanti, bukan yang pertama.

Mode memasak. Teks besar, satu langkah dalam satu waktu atau daftar yang bisa digulir dengan kotak centang, dan layar tetap menyala saat memasak (browser mendukung wake lock layar di banyak perangkat). Ini fitur yang paling disyukuri orang.

Daftar belanja. Gabungkan bahan dari beberapa resep, gabungkan bahan yang sama dengan satuan yang sama, kelompokkan per lorong, dan biarkan orang mencentang item di toko.

Pencarian berdasarkan bahan. “Apa yang bisa saya buat dengan ayam dan daun bawang?” hanya berfungsi karena bahan adalah rekaman terpisah. Lihat cara menambahkan pencarian ke aplikasi Anda.

SEO untuk halaman resep publik

Jika orang harus menemukan resep Anda melalui pencarian, setiap resep membutuhkan URL sendiri, judul dan deskripsi yang unik, serta konten resep yang ada di HTML saat halaman dimuat, bukan digambar kemudian oleh JavaScript. Tambahkan data terstruktur schema.org Recipe — bahan, langkah, waktu, porsi, gambar — yang dihasilkan dari database Anda agar selalu cocok dengan halaman. Sertakan peringkat hanya jika orang sungguhan memberikannya di halaman. Panduan kami tentang apa itu data terstruktur menjelaskan markup-nya, dan dokumentasi Google mencantumkan bidang yang digunakannya.

Contoh prompt pertama

Buatkan aplikasi resep keluarga, dirancang untuk ponsel terlebih dahulu. Setiap resep memiliki judul, foto, porsi, waktu persiapan dan memasak, tag, bahan, dan langkah bernomor. Simpan setiap bahan sebagai rekaman sendiri dengan jumlah, satuan, nama, dan catatan, dikelompokkan dalam bagian opsional seperti “Untuk saus”. Halaman resep memiliki kontrol porsi yang menskalakan setiap jumlah dan menampilkan pecahan yang ramah, tombol pengalih satuan metrik/US, dan mode memasak dengan teks besar, kotak centang langkah, serta layar yang tetap menyala. Cari berdasarkan nama resep atau bahan, dan filter berdasarkan tag dan total waktu. Pengguna bisa menyimpan resep ke koleksi dan menambahkan satu atau lebih resep ke daftar belanja yang menggabungkan bahan yang cocok dan memungkinkan saya mencentang item. Anggota keluarga login dengan email dan kata sandi dan berbagi satu buku masak yang bisa diedit semua orang. Simpan semuanya di database dan simpan foto di penyimpanan file. Tambahkan enam resep contoh.

Langkah membangun

1. Halaman resep dengan data contoh. Buat tampilan memasak sempurna di ponsel sebelum apa pun.
2. Entri bahan terstruktur. Formulir di mana setiap baris berisi jumlah, satuan, bahan, dan catatan. Tawarkan juga kotak “tempel daftar” yang memecah teks menjadi baris, lalu biarkan juru masak memperbaiki apa pun yang terpecah dengan salah.
3. Penskalaan dan satuan. Uji dengan kasus yang canggung: ⅓ cangkir dikali dua, 1 telur dibagi dua, “garam secukupnya”.
4. Pencarian dan filter.
5. Daftar belanja. Gabungkan “2 bawang bombay” dan “1 bawang bombay” menjadi “3 bawang bombay”; pisahkan satuan yang berbeda daripada menebak.
6. Login dan berbagi. Lihat cara menambahkan login ke aplikasi Anda.
7. Foto. Ubah ukuran saat diunggah agar halaman tetap cepat.
8. Halaman dan markup publik (jika publik). Lalu terbitkan dan periksa sumber halaman resep.

Kesalahan umum

• Bahan sebagai satu kolom teks. Anda kehilangan penskalaan, daftar belanja, dan pencarian berdasarkan bahan.
• Desimal di layar. “0,333 cangkir” tidak bisa dipakai. Tampilkan pecahan.
• Kisah hidup sebelum resep. Di aplikasi Anda sendiri, letakkan bahan dekat bagian atas, dengan tautan “lompat ke resep” jika ada cerita.
• Foto ukuran penuh. Foto ponsel itu besar; ubah ukuran dan kompres.
• Menyalin resep situs lain secara publik. Mengimpor untuk penggunaan pribadi itu satu hal; menerbitkan ulang teks dan foto orang lain itu hal lain.
• Peringkat palsu di data terstruktur. Mesin pencari dapat menghukum markup yang menyesatkan.
• Angka nutrisi disajikan sebagai pasti. Jika Anda menghitung nutrisi, sebutkan bahwa itu perkiraan dan sebutkan sumber datanya.

Kapan aplikasi resep siap pakai lebih baik

Jika Anda ingin menyimpan dan memasak resep sendiri, aplikasi pengelola resep yang sudah mapan sudah mengimpor dari situs web, menyinkronkan di seluruh perangkat, dan bekerja offline. Untuk blog makanan, platform blog dengan plugin kartu resep sudah menangani markup dan tampilan cetak secara langsung.

Bangun sendiri jika Anda menginginkan sesuatu yang tidak dilakukan alat-alat itu: sistem resep untuk bisnis dengan penghitungan biaya atau pelacakan alergen, buku masak yang dibagikan dalam keluarga besar dengan strukturnya sendiri, resep yang terhubung ke rencana makan atau toko, atau desain yang sepenuhnya milik Anda. Jika merencanakan menu mingguan adalah tujuan sebenarnya, baca cara membangun aplikasi perencana makanan berikutnya.

Membangunnya dengan Mythex

Di Mythex Anda menjelaskan aplikasi resep di chat, memeriksa tampilan memasak di bingkai ukuran ponsel pratinjau langsung, lalu menerbitkannya ke alamat publik yang bisa dibuka keluarga atau pembaca di ponsel mereka dan ditambahkan ke layar utama. Mythex menambahkan database Postgres khusus untuk resep dan bahan serta penyimpanan file untuk foto ketika aplikasi membutuhkannya. Login bersifat bring-your-own: Anda memilih pendekatannya dan agen memasangnya. Di Pro, Mythex juga dapat membungkusnya sebagai aplikasi Android dan iPhone, dikirim ke pengujian internal Google Play dan TestFlight. Untuk situs resep publik, lihat template blog makanan dan panduan kami tentang membangun aplikasi web yang ramah ponsel.

Pertanyaan