Cách tạo ứng dụng công thức nấu ăn: công thức, điều chỉnh khẩu phần, danh sách mua sắm và tìm kiếm

Ứng dụng công thức nấu ăn là một bộ sưu tập công thức với tìm kiếm tốt, trang nấu ăn rõ ràng và vài công cụ hỗ trợ trong bếp — điều chỉnh khẩu phần, chuyển đổi đơn vị, và biến công thức thành danh sách mua sắm. Dù đó là cuốn sổ công thức gia đình, một blog ẩm thực có thẻ công thức hay một sản phẩm công thức cho người khác dùng, quyết định duy nhất khiến mọi thứ còn lại hoạt động là lưu nguyên liệu dưới dạng dữ liệu có cấu trúc, không phải một đoạn văn. Làm đúng điều đó thì các tính năng hữu ích sẽ dễ dàng.

Quyết định đây là loại ứng dụng công thức nào

Mô hình dữ liệu giống nhau ở cả bốn loại. Điều thay đổi là ai được viết, và các trang có cần được công cụ tìm kiếm tìm thấy hay không.

Ứng dụng công thức cần những gì

Trang

• Danh sách hoặc trang chủ công thức — thẻ với ảnh, tiêu đề, tổng thời gian và thẻ phân loại.
• Trang công thức — chế độ nấu: ảnh, bộ điều chỉnh khẩu phần, danh sách nguyên liệu, các bước được đánh số, ghi chú.
• Tìm kiếm và bộ lọc — theo tên, theo nguyên liệu, theo thẻ (chay, nhanh, tráng miệng), theo thời gian.
• Thêm và sửa công thức — biểu mẫu xử lý nguyên liệu từng dòng.
• Bộ sưu tập — “Bữa tối ngày thường”, “Giáng sinh”, “Công thức của mẹ”.
• Danh sách mua sắm — tạo từ một hoặc nhiều công thức.

Dữ liệu

• Công thức — tiêu đề, slug, mô tả, khẩu phần, thời gian chuẩn bị, thời gian nấu, ảnh, thẻ, nguồn, tác giả, chế độ hiển thị.
• Nguyên liệu — công thức, vị trí, số lượng, đơn vị, tên, ghi chú (“thái nhỏ”), nhóm tùy chọn (“Cho nước sốt”).
• Các bước — công thức, vị trí, nội dung, bộ hẹn giờ tùy chọn.
• Bộ sưu tập và mục trong bộ sưu tập.
• Mục danh sách mua sắm — người dùng, tên nguyên liệu, số lượng, đơn vị, đã đánh dấu.

Số lượng nên là số. “1 ½ cốc” trở thành số lượng 1.5, đơn vị cốc. Giữ một danh sách nhỏ các đơn vị mà ứng dụng hiểu, và cho phép nhập tự do (“một nhúm”, “vừa ăn”) mà không có số lượng.

Phân quyền

Sổ công thức cá nhân cần một tài khoản và công thức riêng tư. Sổ công thức gia đình cần các bộ sưu tập dùng chung mà nhiều người có thể sửa. Một website công khai cần người đọc (không đăng nhập) và người biên tập. Một cộng đồng cần thành viên sở hữu công thức của họ và người kiểm duyệt có thể ẩn bất cứ thứ gì.

Những tính năng khiến ứng dụng đáng dùng

Điều chỉnh khẩu phần. Nhân mọi số lượng với khẩu phần mới ÷ khẩu phần gốc. Hiển thị phân số hợp lý (¾ cốc, không phải 0.75 cốc) và làm tròn các lượng khó chia. Một số thứ không tỷ lệ thuận — gia vị, thời gian nướng, kích cỡ chảo — nên một ghi chú ngắn trên công thức sẽ hữu ích.

Chuyển đổi đơn vị. Một nút bật/tắt hệ mét và hệ Mỹ. Chuyển đổi thể tích và khối lượng trong cùng loại; đổi cốc bột mì sang gram cần khối lượng riêng của từng nguyên liệu, đó là tính năng về sau chứ không phải tính năng đầu tiên.

Chế độ nấu. Chữ lớn, từng bước một hoặc danh sách cuộn có ô đánh dấu, và màn hình được giữ sáng trong khi nấu (trình duyệt hỗ trợ khóa màn hình trên nhiều thiết bị). Đây là tính năng mà người dùng cảm ơn bạn nhiều nhất.

Danh sách mua sắm. Gộp nguyên liệu từ nhiều công thức, hợp nhất cùng nguyên liệu với cùng đơn vị, nhóm theo gian hàng, và cho người dùng đánh dấu khi mua.

Tìm theo nguyên liệu. “Tôi có thể nấu gì với gà và tỏi tây?” chỉ hoạt động vì nguyên liệu là các bản ghi riêng. Xem cách thêm tìm kiếm vào ứng dụng.

SEO cho các trang công thức công khai

Nếu bạn muốn mọi người tìm công thức qua tìm kiếm, mỗi công thức cần có URL riêng, tiêu đề và mô tả duy nhất, và nội dung công thức phải có trong HTML khi trang tải, chứ không phải được JavaScript vẽ sau. Thêm dữ liệu có cấu trúc Recipe theo schema.org — nguyên liệu, các bước, thời gian, khẩu phần, ảnh — được tạo từ cơ sở dữ liệu để luôn khớp với trang. Chỉ đưa đánh giá vào nếu có người thật để lại trên trang. Hướng dẫn về dữ liệu có cấu trúc là gì giải thích phần đánh dấu này, và tài liệu của Google liệt kê các trường mà họ dùng.

Ví dụ prompt đầu tiên

Xây dựng một ứng dụng công thức gia đình, ưu tiên thiết kế cho điện thoại trước. Mỗi công thức có tiêu đề, ảnh, khẩu phần, thời gian chuẩn bị và nấu, thẻ, nguyên liệu và các bước được đánh số. Lưu mỗi nguyên liệu thành một bản ghi riêng với số lượng, đơn vị, tên và ghi chú, nhóm vào các phần tùy chọn như “Cho nước sốt”. Trang công thức có bộ điều chỉnh khẩu phần làm thay đổi mọi số lượng và hiển thị phân số dễ đọc, nút chuyển đơn vị hệ mét/hệ Mỹ, và chế độ nấu với chữ lớn, ô đánh dấu từng bước và màn hình không tắt. Tìm theo tên công thức hoặc nguyên liệu, lọc theo thẻ và tổng thời gian. Người dùng có thể lưu công thức vào bộ sưu tập và thêm một hoặc nhiều công thức vào danh sách mua sắm, gộp các nguyên liệu trùng nhau và cho tôi đánh dấu khi mua. Các thành viên gia đình đăng nhập bằng email và mật khẩu và dùng chung một sổ công thức mà ai cũng có thể sửa. Lưu mọi thứ trong cơ sở dữ liệu và lưu ảnh trong lưu trữ tệp. Thêm sáu công thức mẫu.

Các bước xây dựng

1. Trang công thức với dữ liệu mẫu. Làm cho chế độ nấu thật tốt trên điện thoại trước tiên.
2. Nhập nguyên liệu có cấu trúc. Một biểu mẫu mà mỗi dòng là số lượng, đơn vị, nguyên liệu và ghi chú. Cũng cung cấp một ô “dán danh sách” để tách văn bản thành từng dòng, rồi cho người nấu sửa lại những dòng bị tách sai.
3. Điều chỉnh khẩu phần và đơn vị. Kiểm thử với các trường hợp khó: ⅓ cốc nhân đôi, 1 quả trứng chia đôi, “muối vừa ăn”.
4. Tìm kiếm và bộ lọc.
5. Danh sách mua sắm. Gộp “2 củ hành” và “1 củ hành” thành “3 củ hành”; giữ các đơn vị khác nhau tách riêng thay vì đoán.
6. Đăng nhập và chia sẻ. Xem cách thêm đăng nhập vào ứng dụng.
7. Ảnh. Thu nhỏ khi tải lên để các trang luôn nhanh.
8. Trang công khai và đánh dấu (nếu công khai). Sau đó xuất bản và kiểm tra mã nguồn của một trang công thức.

Những lỗi thường gặp

• Nguyên liệu là một ô văn bản. Bạn mất khả năng điều chỉnh khẩu phần, danh sách mua sắm và tìm theo nguyên liệu.
• Số thập phân trên màn hình. “0.333 cốc” không dùng được. Hãy hiển thị phân số.
• Câu chuyện đời trước công thức. Trên ứng dụng của riêng bạn, hãy đặt nguyên liệu gần đầu trang, kèm liên kết “đến phần công thức” nếu có phần kể chuyện.
• Ảnh kích thước gốc. Ảnh từ điện thoại rất lớn; hãy thu nhỏ và nén.
• Đăng công khai công thức sao chép từ các trang khác. Nhập để dùng cá nhân là một chuyện; đăng lại văn bản và ảnh của người khác là chuyện khác.
• Đánh giá giả trong dữ liệu có cấu trúc. Công cụ tìm kiếm có thể phạt các đánh dấu gây hiểu lầm.
• Số liệu dinh dưỡng trình bày như con số chính xác. Nếu bạn tự tính dinh dưỡng, hãy nói rõ đó là ước tính và nêu nguồn dữ liệu.

Khi ứng dụng công thức có sẵn là lựa chọn tốt hơn

Nếu bạn chỉ muốn lưu và nấu các công thức của mình, các ứng dụng quản lý công thức có sẵn đã nhập được từ website, đồng bộ giữa các thiết bị và hoạt động ngoại tuyến. Với blog ẩm thực, các nền tảng viết blog có plugin thẻ công thức sẵn sẽ lo phần đánh dấu và chế độ in.

Hãy tự xây khi bạn muốn điều mà các công cụ đó không làm: một hệ thống công thức cho doanh nghiệp có tính giá thành hoặc theo dõi chất gây dị ứng, một sổ công thức dùng chung cho đại gia đình theo cấu trúc riêng, công thức gắn với kế hoạch bữa ăn hoặc cửa hàng, hay một thiết kế hoàn toàn theo ý bạn. Nếu mục tiêu thực sự là lên kế hoạch bữa ăn cả tuần, hãy đọc tiếp cách tạo ứng dụng lập kế hoạch bữa ăn.

Xây dựng với Mythex

Trên Mythex, bạn mô tả ứng dụng công thức trong chat, kiểm tra chế độ nấu trong khung kích thước điện thoại của bản xem trước trực tiếp, rồi xuất bản lên một địa chỉ công khai để gia đình hoặc độc giả mở trên điện thoại và thêm vào màn hình chính. Mythex thêm cơ sở dữ liệu Postgres riêng cho công thức và nguyên liệu, cùng lưu trữ tệp cho ảnh khi ứng dụng cần. Đăng nhập là phần bạn tự mang vào: bạn chọn cách xác thực và agent sẽ gắn nó vào. Ở gói Pro, Mythex cũng có thể đóng gói thành ứng dụng Android và iPhone, gửi đến thử nghiệm nội bộ trên Google Play và TestFlight. Với website công thức công khai, xem mẫu blog ẩm thực và hướng dẫn xây dựng ứng dụng web thân thiện với di động.

Câu hỏi thường gặp