Πώς να φτιάξετε εφαρμογή συνταγών: συνταγές, κλιμάκωση, λίστες αγορών και αναζήτηση

Μια εφαρμογή συνταγών είναι συλλογή συνταγών με καλή αναζήτηση, καθαρές σελίδες μαγειρέματος και μερικά βοηθήματα κουζίνας — κλιμάκωση μερίδων, μετατροπή μονάδων και μετατροπή συνταγών σε λίστα αγορών. Είτε είναι το οικογενειακό σας βιβλίο συνταγών, ένα μπλογκ φαγητού με κάρτες συνταγών ή ένα προϊόν συνταγών για άλλους, η μία απόφαση που κάνει τα πάντα να δουλεύουν είναι να αποθηκεύετε τα υλικά ως δομημένα δεδομένα και όχι ως παράγραφο κειμένου. Αν το κάνετε σωστά, τα χρήσιμα χαρακτηριστικά γίνονται εύκολα.

Αποφασίστε τι είδους εφαρμογή συνταγών είναι

Τύπος	Ποιος προσθέτει συνταγές	Τι μετράει περισσότερο
Προσωπικό ή οικογενειακό βιβλίο συνταγών	Εσείς και λίγοι συγγενείς	Εύκολη καταχώριση, εισαγωγή από συνδέσμους, ιδιωτικότητα εξ ορισμού
Ιστότοπος συνταγών ή μπλογκ φαγητού	Εσείς ή η ομάδα σας	Φωτογραφίες, SEO, δομημένα δεδομένα συνταγών, γρήγορες σελίδες
Κοινότητα συνταγών	Μέλη	Λογαριασμοί, συντονισμός, βαθμολογίες, αναφορές
Προϊόν συνταγών για επιχείρηση	Προσωπικό (ένα κουτί γευμάτων, μια εταιρεία διατροφής, ένας όμιλος εστιατορίων)	Συνέπεια, διατροφικά δεδομένα, κοστολόγηση

Το μοντέλο δεδομένων είναι το ίδιο και για τους τέσσερις. Αλλάζει το ποιος μπορεί να γράφει και το αν οι σελίδες πρέπει να βρίσκονται από μηχανές αναζήτησης.

Τι χρειάζεται μια εφαρμογή συνταγών

Σελίδες

Λίστα ή αρχική συνταγών: κάρτες με φωτογραφία, τίτλο, συνολικό χρόνο και ετικέτες.
Σελίδα συνταγής: η προβολή μαγειρέματος — φωτογραφία, έλεγχος μερίδων, λίστα υλικών, αριθμημένα βήματα, σημειώσεις.
Αναζήτηση και φίλτρα: με όνομα, με υλικό, με ετικέτα (χορτοφαγικό, γρήγορο, γλυκό), με χρόνο.
Προσθήκη και επεξεργασία συνταγής: φόρμα που χειρίζεται τα υλικά γραμμή προς γραμμή.
Συλλογές: «Καθημερινές», «Χριστούγεννα», «Οι συνταγές της μαμάς».
Λίστα αγορών: φτιαγμένη από μία ή περισσότερες συνταγές.

Δεδομένα

Συνταγές: τίτλος, slug, περιγραφή, μερίδες, χρόνος προετοιμασίας, χρόνος μαγειρέματος, φωτογραφία, ετικέτες, πηγή, συντάκτης, ορατότητα.
Υλικά: συνταγή, θέση, ποσότητα, μονάδα, όνομα, σημείωση («ψιλοκομμένο»), προαιρετική ομάδα («Για τη σάλτσα»).
Βήματα: συνταγή, θέση, κείμενο, προαιρετικό χρονόμετρο.
Συλλογές και στοιχεία συλλογών.
Στοιχεία λίστας αγορών: χρήστης, όνομα υλικού, ποσότητα, μονάδα, σημειωμένο.

Οι ποσότητες πρέπει να είναι αριθμοί. Το «1 ½ φλιτζάνι» γίνεται ποσότητα 1.5, μονάδα φλιτζάνι. Κρατήστε μια μικρή λίστα μονάδων που καταλαβαίνει η εφαρμογή, και επιτρέψτε ελεύθερο κείμενο («μια πρέζα», «κατά γούστο») χωρίς ποσότητα.

Δικαιώματα

Ένα προσωπικό βιβλίο συνταγών χρειάζεται έναν λογαριασμό και ιδιωτικές συνταγές. Ένα οικογενειακό βιβλίο χρειάζεται κοινές συλλογές που μπορούν να επεξεργαστούν πολλά άτομα. Ένας δημόσιος ιστότοπος χρειάζεται αναγνώστες (χωρίς σύνδεση) και συντάκτες. Μια κοινότητα χρειάζεται μέλη που κατέχουν τις δικές τους συνταγές και συντονιστές που μπορούν να κρύψουν οτιδήποτε.

Τα χαρακτηριστικά που κάνουν την εφαρμογή χρήσιμη

Κλιμάκωση μερίδων. Πολλαπλασιάστε κάθε ποσότητα με τις νέες μερίδες ÷ τις αρχικές μερίδες. Εμφανίστε λογικά κλάσματα (¾ φλιτζάνι, όχι 0,75 φλιτζάνι) και στρογγυλοποιήστε τις άβολες ποσότητες. Κάποια πράγματα δεν κλιμακώνονται γραμμικά — μπαχαρικά, χρόνοι ψησίματος, μεγέθη ταψιών — οπότε μια σύντομη σημείωση στη συνταγή βοηθά.

Μετατροπή μονάδων. Ένας διακόπτης μετρικού/αμερικανικού συστήματος. Μετατρέπετε όγκους και βάρη μέσα στον δικό τους τύπο· η μετατροπή φλιτζανιών αλευριού σε γραμμάρια χρειάζεται πυκνότητα για κάθε υλικό, που είναι μεταγενέστερο χαρακτηριστικό, όχι πρώτο.

Λειτουργία μαγειρέματος. Μεγάλο κείμενο, ένα βήμα τη φορά ή λίστα με checkboxes που κυλά, και η οθόνη μένει ανοιχτή ενώ μαγειρεύετε (οι περιηγητές υποστηρίζουν κλείδωμα οθόνης σε πολλές συσκευές). Αυτό είναι το χαρακτηριστικό για το οποίο σας ευχαριστούν οι άνθρωποι.

Λίστα αγορών. Συνδυάστε υλικά από πολλές συνταγές, ενώστε το ίδιο υλικό με την ίδια μονάδα, ομαδοποιήστε ανά διάδρομο του καταστήματος, και αφήστε τους ανθρώπους να τικάρουν στοιχεία στο μαγαζί.

Αναζήτηση με υλικό. Το «τι μπορώ να φτιάξω με κοτόπουλο και πράσα;» δουλεύει μόνο επειδή τα υλικά είναι ξεχωριστές εγγραφές. Δείτε πώς να προσθέσετε αναζήτηση στην εφαρμογή σας.

SEO για δημόσιες σελίδες συνταγών

Αν θέλετε να βρίσκουν οι άνθρωποι τις συνταγές σας μέσω αναζήτησης, κάθε συνταγή χρειάζεται δικό της URL, μοναδικό τίτλο και περιγραφή, και περιεχόμενο συνταγής που βρίσκεται στο HTML όταν φορτώνει η σελίδα, και όχι ζωγραφισμένο αργότερα από JavaScript. Προσθέστε δομημένα δεδομένα schema.org Recipe — υλικά, βήματα, χρόνους, μερίδες, εικόνα — που παράγονται από τη βάση σας ώστε να ταιριάζουν πάντα με τη σελίδα. Συμπεριλαμβάνετε βαθμολογίες μόνο αν τις έχουν αφήσει πραγματικοί άνθρωποι στη σελίδα. Ο οδηγός μας για τι είναι τα δομημένα δεδομένα εξηγεί τη σήμανση, και η τεκμηρίωση του Google απαριθμεί τα πεδία που χρησιμοποιεί.

Παράδειγμα πρώτου prompt

Φτιάξε μια εφαρμογή οικογενειακών συνταγών, σχεδιασμένη πρώτα για κινητά. Κάθε συνταγή έχει τίτλο, φωτογραφία, μερίδες, χρόνο προετοιμασίας και μαγειρέματος, ετικέτες, υλικά και αριθμημένα βήματα. Αποθήκευσε κάθε υλικό ως δική του εγγραφή με ποσότητα, μονάδα, όνομα και σημείωση, ομαδοποιημένα σε προαιρετικές ενότητες όπως «Για τη σάλτσα». Η σελίδα συνταγής έχει έλεγχο μερίδων που κλιμακώνει κάθε ποσότητα και δείχνει φιλικά κλάσματα, διακόπτη μετρικών/αμερικανικών μονάδων, και λειτουργία μαγειρέματος με μεγάλο κείμενο, checkboxes βημάτων και οθόνη που μένει ανοιχτή. Αναζήτηση με όνομα συνταγής ή υλικό, και φίλτρα ανά ετικέτα και συνολικό χρόνο. Οι χρήστες αποθηκεύουν συνταγές σε συλλογές και προσθέτουν μία ή περισσότερες συνταγές σε λίστα αγορών που ενώνει τα ίδια υλικά και μου επιτρέπει να τικάρω στοιχεία. Τα μέλη της οικογένειας μπαίνουν με email και κωδικό και μοιράζονται ένα βιβλίο συνταγών που μπορούν όλοι να επεξεργαστούν. Αποθήκευσε τα πάντα σε βάση δεδομένων και τις φωτογραφίες σε αποθήκευση αρχείων. Πρόσθεσε έξι δείγματα συνταγών.

Βήματα κατασκευής

Σελίδα συνταγής με δείγματα δεδομένων. Κάντε πρώτα άριστη την προβολή μαγειρέματος στο κινητό.
Δομημένη καταχώριση υλικών. Μια φόρμα όπου κάθε γραμμή είναι ποσότητα, μονάδα, υλικό και σημείωση. Προσφέρετε επίσης ένα πλαίσιο «επικόλλησε μια λίστα» που χωρίζει το κείμενο σε γραμμές, και μετά αφήνει τον μάγειρα να διορθώσει ό,τι χωρίστηκε λάθος.
Κλιμάκωση και μονάδες. Δοκιμάστε με άβολες περιπτώσεις: ⅓ φλιτζάνι διπλασιασμένο, 1 αυγό στο μισό, «αλάτι κατά γούστο».
Αναζήτηση και φίλτρα.
Λίστα αγορών. Ενώστε το «2 κρεμμύδια» και το «1 κρεμμύδι» σε «3 κρεμμύδια»· κρατήστε ξεχωριστές τις διαφορετικές μονάδες αντί να μαντεύετε.
Σύνδεση και κοινοποίηση. Δείτε πώς να προσθέσετε σύνδεση στην εφαρμογή σας.
Φωτογραφίες. Αλλάξτε το μέγεθος κατά τη μεταφόρτωση ώστε οι σελίδες να μένουν γρήγορες.
Δημόσιες σελίδες και σήμανση (αν είναι δημόσιες). Μετά δημοσιεύστε και ελέγξτε τον κώδικα μιας σελίδας συνταγής.

Συχνά λάθη

Υλικά σε ένα πεδίο κειμένου. Χάνετε την κλιμάκωση, τις λίστες αγορών και την αναζήτηση με υλικό.
Δεκαδικά στην οθόνη. Το «0,333 φλιτζάνια» δεν είναι χρήσιμο. Δείξτε κλάσματα.
Η ιστορία ζωής πριν από τη συνταγή. Στη δική σας εφαρμογή, βάλτε τα υλικά κοντά στην κορυφή, με σύνδεσμο «μετάβαση στη συνταγή» αν υπάρχει ιστορία.
Φωτογραφίες πλήρους μεγέθους. Οι φωτογραφίες από κινητό είναι μεγάλες· αλλάξτε το μέγεθος και συμπιέστε τες.
Δημόσια αντιγραφή συνταγών άλλων ιστότοπων. Η εισαγωγή για προσωπική χρήση είναι άλλο πράγμα· η δημόσια αναδημοσίευση κειμένου και φωτογραφιών κάποιου άλλου είναι άλλο.
Ψεύτικες βαθμολογίες σε δομημένα δεδομένα. Οι μηχανές αναζήτησης μπορούν να τιμωρήσουν παραπλανητική σήμανση.
Διατροφικοί αριθμοί που παρουσιάζονται ως ακριβείς. Αν υπολογίζετε τη διατροφική αξία, γράψτε ότι είναι εκτίμηση και ονομάστε την πηγή δεδομένων.

Πότε μια έτοιμη εφαρμογή συνταγών είναι καλύτερη

Αν θέλετε να αποθηκεύετε και να μαγειρεύετε τις δικές σας συνταγές, οι καθιερωμένες εφαρμογές διαχείρισης συνταγών εισάγουν ήδη από ιστότοπους, συγχρονίζονται σε συσκευές και λειτουργούν χωρίς σύνδεση. Για μπλογκ φαγητού, οι πλατφόρμες blog με πρόσθετα καρτών συνταγών χειρίζονται σήμανση και προβολές εκτύπωσης από την αρχή.

Φτιάξτε τη δική σας όταν θέλετε κάτι που αυτά τα εργαλεία δεν κάνουν: ένα σύστημα συνταγών για επιχείρηση με κοστολόγηση ή παρακολούθηση αλλεργιογόνων, ένα βιβλίο συνταγών για μια μεγάλη οικογένεια με δική σας δομή, συνταγές συνδεδεμένες με πρόγραμμα γευμάτων ή κατάστημα, ή σχεδιασμό που είναι εξ ολοκλήρου δικός σας. Αν ο πραγματικός στόχος είναι ο προγραμματισμός των γευμάτων της εβδομάδας, διαβάστε στη συνέχεια πώς να φτιάξετε εφαρμογή προγραμματισμού γευμάτων.

Χτίζοντας το με το Mythex

Στο Mythex περιγράφετε την εφαρμογή συνταγών στη συνομιλία, ελέγχετε την προβολή μαγειρέματος στο πλαίσιο μεγέθους κινητού της ζωντανής προεπισκόπησης, και τη δημοσιεύετε σε δημόσια διεύθυνση που μπορούν να ανοίξουν στα κινητά τους η οικογένεια ή οι αναγνώστες και να την προσθέσουν στην αρχική οθόνη. Το Mythex προσθέτει αποκλειστική βάση δεδομένων Postgres για συνταγές και υλικά και αποθήκευση αρχείων για φωτογραφίες όταν τα χρειάζεται η εφαρμογή. Η σύνδεση είναι δική σας επιλογή: διαλέγετε την προσέγγιση και ο πράκτορας την ενσωματώνει. Στο Pro, το Mythex μπορεί επίσης να την πακετάρει ως εφαρμογή Android και iPhone, που στέλνεται σε δοκιμές εσωτερικής διανομής στο Google Play και στο TestFlight. Για δημόσιο ιστότοπο συνταγών, δείτε το πρότυπο μπλογκ φαγητού και τον οδηγό μας για φτιάχνοντας μια web εφαρμογή φιλική προς κινητά.

Ερωτήσεις

Πώς αποθηκεύω συνταγές σε βάση δεδομένων;

Αποθηκεύστε τα υλικά ως ξεχωριστές γραμμές με ποσότητα, μονάδα, όνομα υλικού και προαιρετική σημείωση, και όχι ως ένα μπλοκ κειμένου. Αυτή η δομή είναι που κάνει δυνατή την κλιμάκωση μερίδων, τη μετατροπή μονάδων, τις λίστες αγορών και την αναζήτηση με υλικό.

Μπορεί μια εφαρμογή συνταγών να εισάγει συνταγές από άλλους ιστότοπους;

Πολλοί ιστότοποι συνταγών δημοσιεύουν δεδομένα schema.org Recipe στις σελίδες τους, τα οποία μια εφαρμογή μπορεί να διαβάσει για να εισάγει τον τίτλο, τα υλικά και τα βήματα. Αντιμετωπίστε τις εισαγωγές ως προσωπικούς σελιδοδείκτες· η δημόσια αναδημοσίευση κειμένων και φωτογραφιών άλλων μπορεί να παραβιάσει τα πνευματικά δικαιώματα.

Πώς εμφανίζονται οι συνταγές με φωτογραφίες και βαθμολογίες στο Google;

Το Google μπορεί να εμφανίσει πλούσια αποτελέσματα συνταγών όταν μια σελίδα περιέχει έγκυρα δομημένα δεδομένα Recipe, σύμφωνα με την ίδια τεκμηρίωση του Google. Συμπεριλαμβάνετε βαθμολογίες μόνο αν είναι πραγματικές και εμφανίζονται στη σελίδα, και ελέγξτε τη σελίδα με το Rich Results Test του Google.

Η εφαρμογή συνταγών πρέπει να είναι ιστότοπος ή εφαρμογή κινητού;

Μια web εφαρμογή φιλική προς τα κινητά είναι η πρακτική αρχή: δουλεύει σε κάθε τηλέφωνο, μπορεί να προστεθεί στην αρχική οθόνη, και οι σελίδες συνταγών βρίσκονται μέσω αναζήτησης. Μια εγγενής εφαρμογή έχει νόημα αργότερα, αν χρειάζεστε χρήση χωρίς σύνδεση ή λειτουργίες συσκευής που το web δεν μπορεί να προσφέρει.