Αν νοιώθεις την ανάγκη για ψηφιακή δημιουργία γίνε τώρα ΔΩΡΕΑΝ vibe coder και φτιάξε ότι επιθυμείς!
Σε άλλο μας άρθρο έχουμε ενημερώσει αναλυτικότερα τι ακριβώς είναι το Vibe Coding.
Το Vibe Coding είναι μια σύγχρονη προσέγγιση στον προγραμματισμό (που έγινε ευρύτερα γνωστή το 2025-2026), όπου ο δημιουργός επικεντρώνεται στην περιγραφή της ιδέας και της “αίσθησης” (vibe) μιας εφαρμογής, αφήνοντας την τεχνητή νοημοσύνη (AI) να γράψει τον κώδικα.
Αρχικά πρέπει να κατανοήσεις ότι όταν θέλεις να δημιουργήσεις μία εφαρμογή με εργαλεία Vibe Coding ΠΡΕΠΕΙ να έχεις σκεφτεί καλά από πριν τι ακριβώς θέλεις και να έχεις συγκεκριμένους σταθερούς στόχος. Μην κυνηγάς αμέσως το ιδανικό και τέλειο app, γιατί πιθανότατα θα φτιάξεις κάτι που δουλεύει, ξεκίνα και μείνε απλά!
Ας δούμε βήμα βήμα πως μπορώ να φτιάξω μέσα σε 10 λεπτά ένα Βοηθό Γραμματέα για το καθημερινό μου πρόγραμμα στο σχολείο αλλά και μετά που θα με βοηθήσει να οργανώνω το διάβασμά μου.
Θα φτιάξουμε για αυτό το σκοπό μία εφαρμογή που θα την ενημερώνεις με το εβδομαδιαίο σχολικό σου πρόγραμμα αλλά και με εξωσχολικές δραστηριότητες και εργασίες που θέλεις να έχεις υπό παρακολούθηση και αυτή θα σε βοηθάει σαν γραμματέας στην υλοποίηση των εργασιών και υποχρεώσεων που έχεις!
Η φιλοσοφία προγραμματισμού μας θα βασιστεί στη λογική Vibe Coding. Υπάρχουν πολλά εργαλεία που θα μας επιτρέψουν να υλοποιήσουμε ΔΩΡΕΑΝ μία τέτοια εφαρμογή.
Δύο πολύ δυνατά την στιγμή που γράφεται αυτό το άρθρο είναι η εφαρμογή BASE44 και η LOVABLE.
Και τα 2 είναι πλατφόρμα τεχνητής νοημοσύνης (AI) που σας επιτρέπει να δημιουργείτε πλήρεις εφαρμογές(με τη δική τους βάση δεδομένων) και αυτόνομες δικιές ιστοσελίδες/εφαρμογές απλώς περιγράφοντας την ιδέα σας σε απλή γλώσσα, χωρίς να απαιτούνται γνώσεις προγραμματισμού και όλα αυτά μέσα από το ΔΩΡΕΑΝ περιβάλλον τους.
Εμείς θα κάνουμε χρήση του FREE PLAN του Base44 για να δημιουργήσουμε την εφαρμογή μας. Το Base44 θεωρείτε ιδανικό για μαθητές ΓΕΛ που θέλουν να παράγουν μία ψηφιακή ιδέα.
Στα πλεονεκτήματα του Base44 είναι:
- το απλό περιβάλλον σχεδίασης,
- το built in panel διαχείρισης της εφαρμογής σας(με DB)
- η διαχείριση πολιτικών ασφαλείας(user management).
- Τέλος η δυνατότητα να λάβετε τον κώδικα σας 100% και να τον κάνετε χρήση σε δικό σας server
Ας ξεκινήσουμε λοιπόν: (μετράμε 10 λεπτά ως την ολοκλήρωση…..) ⏳
Στοχοθεσία / Τι θέλω να δημιουργήσω;
- Θέλω να φτιάξω ένα σχολικό task manager μαθημάτων και εργασιών
- να το συνδέσω με το εβδομαδιαίο σχολικό μου πρόγραμμα
- να βάλω λογική ειδοποιήσεων για κάποια εργασία. Notifications for tasks
- Πρόσθεσε μια νέα ενότητα ‘Ημερολόγιο’ όπου οι χρήστες μπορούν να βλέπουν τις εργασίες τους
- θέλω και έναν chat agent που θα λειτουργεί ως βοηθός υποστήριξης των λειτουργίων
Υλοποίηση Βήμα Βήμα
- Συνδεομάστε με δικό μας email. Ποιό εύκολα με ένα gmail.
- Αυτόματα είμαστε στο FREE PLAN με ένα λογικό ημερήσιο και μηνιαίο όριο χρήσης
- Στο αρχικό μας workspace γράφουμε το αρχικό μας prompt.
Το περιβάλλον αρχίζει να χτίζεται….
Με την ολοκλήρωση του, μας έχει ετοιμάσει ολοκληρωμένο server side panel διαχείρησης. Μας έχει φτιάξει το Logo
και έχει ονομάσει το app μας StudyΤrack. Στην εικόνα φαίνεται το διαχειριστικό panel που μας ετοίμασε.
Μέχρι τώρα έχουμε υλοποιήσει τα εξής χαρακτηριστικά:
- Διαχείριση μαθημάτων με χρώματα
- Εργασίες με ημερομηνίες παράδοσης & προτεραιότητες
- Dashboard με επισκόπηση
- Φίλτρα κατά μάθημα/κατάσταση
Συνεχίζουμε βήμα βήμα με τα παρακάτω συγκεριμένα απλά prompts που του δώσαμε:
ΚΑΙ ΕΙΜΑΣΤΕ ΕΤΟΙΜΟΙ!
Έχουμε πλέον ένα εβδομαδαίο πρόγραμμα με απολύτη διαχείρηση στα Μαθήματα, με κατάλληλα tasks σε εκκρεμμώτητα πάνω στο ημερολόγιο, μία λογική ειδοποιήσεων γι αυτά και τέλος και ένα chatbot agent που μας ενημερώνει για το πως δουλέυει η εφραμογή αλλά και με δυνατότητα να του λέμε να μας δημιουργήσει ένα task ή να μας απαντήσεις σε μια σχετική ερώτησή μας!
Μέσα στις λειτουργίες του app είναι και η δυνατότητα διαβαθμισμένης πρόσβασης πολλών χρηστών!
Μπορείτε να δείτε το app μας live και να πειραματιστείτε με τις λειτουργίες του εδώ
https://studytrack-gel-sidirokastrou.base44.app/
Αγχώθηκες και δεν κατάλαβες πολλά; Μην ανησυχείς. Σύντομα στα πλαίσια codeweek activity, των δραστηριοτήτων της Ψηφιακής Πολιτειότητας αλλά και στα μαθήματα που έχουμε για τη Τεχνητή Νοημοσύνη θα σκεφτούμε ομαδοσυνεργατικά την δική σας ιδέα και θα την υλοποιήσουμε ως εργαστηρική δραστηριότητα!
Η παραπάνω παρουσίαση γίνεται για καθαρά εκπαιδευτικό σκοπό και αποκλειστικό στόχο έχει στην ενίσχυση της υπολογιστικής σκέψης των μαθητών μας με τρόπο εξατομικευμένο και ανακαλυπτικό
Βασίλης Πάσχος ΠΕ86
Το υλικό που έχει παραχθεί από τον δημιουργό του ιστοτόπου διατίθεται με άδεια χρήσης
