https://online.umich.edu/collections/artificial-intelligence/short/what-is-machine-learning/?playlist=machine-learning-in-data-science
https://www.mathworks.com/videos/what-is-machine-learning–1539283415002.html
https://teachablemachine.withgoogle.com/
Στόχος: Χρησιμοποιώντας τις γνώσεις σας από το παράδειγμα με τους πλανήτες, να δημιουργήσετε τον δικό σας ιστότοπο με θέμα της επιλογής σας.
Α. Θεματολογία
Επιλέξτε μια θεματολογία (π.χ., αγαπημένες ταινίες, μουσικά συγκροτήματα, αθλητικές ομάδες, πόλεις, φαγητά, ζώα, τεχνολογία).
Β. Δομή HTML (Υποχρεωτικά)
Κεντρικό Μενού Πλοήγησης (<nav>) : Να εμφανίζεται σε όλες τις σελίδες και να επιτρέπει την πλοήγηση.
Σημασιολογική Δομή: Όλες οι σελίδες να περιλαμβάνουν <header>, <main>, <footer>.
Εικόνες: Κάθε σελίδα να περιέχει τουλάχιστον μία εικόνα (<img>).
Ποικιλία Περιεχομένου: Συνολικά στον ιστότοπο, να χρησιμοποιήσετε τουλάχιστον δύο από τα παρακάτω:
Λίστες (<ul> ή <ol>)
Εξωτερικούς συνδέσμους (που ανοίγουν σε νέα καρτέλα με target="_blank")
Γ. CSS (Υποχρεωτικά)
Εξωτερικό CSS: Όλο το στυλ σε ένα κοινό αρχείο style.css.
Βασικό Στυλ: Μπορείτε να χρησιμοποιήσετε ως βάση το CSS που δόθηκε στο μάθημα και να το τροποποιήσετε (χρώματα, γραμματοσειρές, περιθώρια) ώστε να ταιριάζει στη θεματολογία σας.
| Κατηγορία | Κριτήρια | Μόρια |
|---|---|---|
| Δομή & HTML (8 μόρια) | Σωστή χρήση <nav>, <header>, <main>, <footer> σε όλες τις σελίδες. |
2 |
| Λειτουργικό μενού πλοήγησης και τουλάχιστον 6 σελίδες (αρχική + 5). | 3 | |
Εικόνα (<img>) σε κάθε σελίδα. |
2 | |
| Χρήση τουλάχιστον 2 επιπλέον στοιχείων (λίστες, εξωτερικοί σύνδεσμοι). | 1 | |
| CSS (6 μόρια) | Ύπαρξη ενός εξωτερικού style.css που συνδέεται με όλες τις σελίδες. |
1 |
| Τροποποίηση του βασικού στυλ (χρώματα, γραμματοσειρές) ώστε να ταιριάζει στη θεματολογία. | 2 | |
Το μενού πλοήγησης έχει στυλ και λειτουργεί σωστά το :hover. |
2 | |
| Ο κώδικας CSS είναι τακτοποιημένος και ευανάγνωστος. | 1 | |
| Περιεχόμενο (4 μόρια) | Το περιεχόμενο είναι συνεκτικό και σχετικό με τη θεματολογία. | 2 |
| Ο ιστότοπος είναι πρωτότυπος (δεν είναι αντιγραφή του παραδείγματος με τους πλανήτες). | 2 | |
| Λειτουργικότητα & Οργάνωση (2 μόρια) | Όλοι οι σύνδεσμοι λειτουργούν σωστά (κανένα broken link). | 1 |
Σωστή οργάνωση αρχείων (π.χ., εικόνες σε φάκελο images, αρχεία .html στον ριζικό φάκελο). |
1 | |
| Σύνολο | 20 |
Μπορείτε να κερδίσετε έως +2 επιπλέον μόρια (χωρίς να ξεπεράσετε το 20):
+1 μόριο: Ενσωμάτωση βίντεο από YouTube (<iframe>) σε κάποια σελίδα.
+1 μόριο: Χρήση του <a href="#top"> ή ενός κουμπιού “Επιστροφή στην κορυφή” στο footer.
Δημιουργήστε ένα φάκελο με το όνομά σας και μέσα του:
ονομα_σας/
│
├── index.html
├── page1.html
├── page2.html
├── page3.html
├── page4.html
├── page5.html
├── style.css
└── images/
├── photo1.jpg
├── photo2.png
└── ...
Σημαντικό: Ονομάστε τα αρχεία .html και .css με πεζούς λατινικούς χαρακτήρες, χωρίς κενά (π.χ., movies.html, food.html).
Ξεκινήστε με την αρχική σελίδα (index.html) και φτιάξτε πρώτα τη δομή (header, nav, main, footer).
Αντιγράψτε αυτή τη δομή στις υπόλοιπες σελίδες και μετά αλλάξτε το περιεχόμενο.
Για το μενού: Αντιγράψτε το <nav> σε όλες τις σελίδες και βεβαιωθείτε ότι οι σύνδεσμοι οδηγούν στις σωστές σελίδες.
Δοκιμάστε όλους τους συνδέσμους πριν παραδώσετε.
Για το CSS, μπορείτε να αλλάξετε:
Τα χρώματα (background-color, color)
Τη γραμματοσειρά (font-family)
Τα περιθώρια (margin, padding) αν θέλετε διαφορετική εμφάνιση
| Θεματολογία | Ιδέες για σελίδες |
|---|---|
| Μουσικά Συγκροτήματα | Αρχική, Μέλη, Δισκογραφία, Συναυλίες, Αγαπημένα Τραγούδια, Βιογραφία |
| Αθλητικές Ομάδες | Αρχική, Ιστορία, Παίκτες, Τίτλοι, Γήπεδο, Επόμενοι Αγώνες |
| Πόλεις | Αρχική, Αξιοθέατα, Φαγητό, Ιστορία, Μεταφορές, Φωτογραφίες |
| Ταινίες/Σειρές | Αρχική, Ηθοποιοί, Πλοκή, Κριτικές, Soundtrack, Σκηνές |
| Ζώα | Αρχική, Είδη, Ενδιαιτήματα, Διατροφή, Κίνδυνοι, Ενδιαφέροντα Γεγονότα |
Να δημιουργήσετε μία παρουσίαση που θα αναφέρεται σε μία επαγγελματική μονογραφία που σας ενδιαφέρει. Ακολουθεί ενδεικτική δομή μίας μονογραφίας
Τίτλος Παρουσίασης: [Όνομα Επαγγέλματος] – Ένας Δρόμος με Μέλλον
1. ΤΙ ΕΙΝΑΙ ΤΟ ΕΠΑΓΓΕΛΜΑ; (Ορισμός & Ημερήσια Δραστηριότητα)
Τι κάνει συγκεκριμένα ένας [επιλεγμένος επαγγελματίας] σε μια τυπική μέρα εργασίας;
Ποιες είναι οι κύριες ευθύνες και οι βασικές λειτουργίες του;
Με τι είδη εργαλείων, μηχανημάτων ή προγραμμάτων εργάζεται;
2. ΓΙΑΤΙ ΝΑ ΕΠΙΛΕΞΩ ΑΥΤΟ ΤΟ ΕΠΑΓΓΕΛΜΑ; (Προσωπικά Κίνητρα & Απαιτούμενες Ιδιότητες)
Ποιες προσωπικές ιδιότητες (soft skills) χρειάζεται κάποιος για να τα πάει καλά σε αυτό το επάγγελμα; (π.χ. υπομονή, ομαδικό πνεύμα, δημιουργικότητα, ακρίβεια, κλπ).
Ποιες τεχνικές ικανότητες (hard skills) αποκτώνται στο ΕΠΑΛ και είναι απαραίτητες;
3. ΠΩΣ ΓΙΝΟΜΑΙ [ΕΠΑΓΓΕΛΜΑΤΙΑΣ]; (Εκπαιδευτική & Νομική Διαδρομή)
Στο ΕΠΑΛ: Ποια είναι η συγκεκριμένη ειδικότητα που πρέπει να διαλέξω; (π.χ. “Ηλεκτρολόγος”, “Τεχνικός Λογιστικών Συστημάτων & Εφοδιαστικής”).
Μετά το ΕΠΑΛ:
Χρειάζεται Πρακτική Άσκηση; Πού και πώς;
Χρειάζεται Εξετάσεις και Πιστοποιήσεις για να ασκήσω νόμιμα το επάγγελμα; (π.χ. ΒΕΙ για ηλεκτρολόγο, διπλώματα οδήγησης για μεταφορικό, πιστοποιήσεις Cisco για τεχνικό δικτύων).
Υπάρχει Άδεια Ασκήσεως Επαγγέλματος από το Δήμο ή άλλο φορέα;
Είναι απαραίτητες σπουδές σε ΙΕΚ/ΤΕΙ/Πανεπιστήμιο για να προοδεύσω;
4. ΠΟΥ ΜΠΟΡΩ ΝΑ ΔΟΥΛΕΨΩ; (Αγορά Εργασίας & Εργασιακό Περιβάλλον)
Τύπος Εργοδοτών: Μπορώ να δουλέψω ως αυτόνομος/ελεύθερος επαγγελματίας; Σε μικρή ή μεγάλη επιχείρηση; Σε βιομηχανία ή εργοστάσιο; Στο δημόσιο;
Φυσικό Περιβάλλον: Δουλεύω σε γραφείο, σε εργαστήριο, σε εξωτερικό χώρο, σε εργοτάξιο, σε κατάστημα;
Συνθήκες Εργασίας: Είναι επικίνδυνο επάγγελμα; Έχω κανονικό ωράριο ή απαιτούνται υπερωρίες/εφημερίες; (π.χ. σε τεχνικό υποστήριξης IT).
5. ΠΟΙΕΣ ΕΙΝΑΙ ΟΙ ΠΡΟΚΛΗΣΕΙΣ ΚΑΙ ΟΙ ΕΥΚΑΙΡΙΕΣ; (Πραγματικότητα & Μέλλον)
Προκλήσεις: Ποιος είναι ο μεγαλύτερος ανταγωνισμός (άλλοι απόφοιτοι, ανεπίσημη αγορά, αυτοματοποίηση); Υπάρχουν φυσικοί κίνδυνοι; Είναι αγχωτικό;
Ευκαιρίες & Μέλλον:
Είναι επάγγελμα με μέλλον ή απειλείται από τεχνολογία/ΑΙ;
Ποιες ειδικεύσεις μέσα στο επάγγελμα είναι περιζήτητες σήμερα και αύριο; (π.χ. για έναν μηχανικό αυτοκινήτων: τεχνικός υβριδικών/ηλεκτρικών αυτοκινήτων).
Πώς το επάγγελμα συνδέεται με τις τάσεις της εποχής (Πράσινη Ανάπτυξη, Ψηφιοποίηση, Αυτοματοποίηση);
6. ΠΩΣ ΠΡΟΟΔΕΥΩ & ΠΟΣΟ ΚΕΡΔΙΖΩ; (Καριέρα & Απολαβές)
Αρχικός Μισθός: Ποιο είναι ένα ρεαλιστικό εισόδημα για έναν αρχάριο με πτυχίο ΕΠΑΛ;
Δυνατότητες Ανόδου: Με εμπειρία και επιπλέον μαθήματα, πώς μπορώ να προοδεύσω; (π.χ. από βοηθός μηχανικός, να γίνω προϊστάμενος εργαστηρίου ή να ανοίξω δικό μου εργαστήριο).
Συνεχής Εκπαίδευση: Πρέπει να κάνω σεμινάρια ή να πάρω νέες πιστοποιήσεις στο μέλλον; Αυξάνουν το μισθό;
7. ΣΥΜΠΕΡΑΣΜΑ & ΠΡΟΤΑΣΕΙΣ
Για να συνδεθείτε στο app inventor χωρίς λογαριασμό gmail παρακαλώ πατήστε εδώ
Σημείωση, για να μπορέσετε να ξαναχρησιμοποιήσετε το ίδιο project στο μέλλον θα πρέπει να αποθηκεύσετε κάπου έναν μοναδικό κωδικό που σας προτείνει το app inventor
Αυτό είναι ένα παράδειγμα σελίδας του blogs.sch.gr, στην οποία μπορείτε να προσθέσετε πληροφορίες σχετικά με εσάς ή το Ιστολόγιο, ώστε οι αναγνώστες να ξέρουν ποιος είστε. Μπορείτε να δημιουργήσετε όσες σελίδες θέλετε σαν και αυτή ή υποσελίδες και να διαχειριστείτε το περιοχόμενο τους μέσα από το blogs.sch.gr.
