

ΜΕΤΑΤΡΟΠΗ SCRATCH PROJECT ΣΕ HTML ΣΕΛΙΔΑ - ΨΜΑ 14/7/2023

Σχετικά με το scratch:  https://scratch.mit.edu

Για να παίξει το scratch αρχείο μας τελείως τοπικά (o player) πρέπει να κάνουμε μετατροπή του
σε html page μέσα από το online εργαλείο: https://packager.turbowarp.org
Αυτή την html page θα την βάλουμε μέσα (σε iframe) στη index.html σελίδα του template μας.

Η χρήση των ΨΜΑ θα θεωρηθεί εμπορική, οπότε όλα τα resources (εικόνες, ήχοι, video, κείμενα, εφαρμογές, html κτλ.) πρέπει να είναι είτε
free, original, είτε με αγορασμένα δικαιώματα. Προσπαθούμε για χρήση όσο γίνεται free υλικού και όπου χρειάζεται άδεια το αναλαμβάνει ο όμιλος.


ΔΙΑΔΙΚΑΣΙΑ - ΒΗΜΑΤΑ

1) Πάμε στη σελίδα: https://packager.turbowarp.org 
Για να μετατρέψουμε το Scratch project μας σε html σελίδα
Εκεί δίνουμε το link προς κάποιο scratch project (ή αν έχουμε τοπικά σωσμένο το αρχείο (.sb3) το ανεβάζουμε)

2) Στη συνέχεια μπορούμε να επιλέξουμε διαστάσεις πχ. 640x360, background color
και στην ενότητα "controls" επιλέγουμε αν θα δείξουμε τα play, stop και fullscreen icons - buttons

3) Από το "Environment" επιλέγουμε να σώσουμε σαν: "Plain HTML (standalone, works anywhere)"

4) Πατάμε το κουμπί "Package" ώστε να σώσουμε στον υπολογιστή μας μια html σελίδα

5) Εντοπίζουμε το αρχείο (html) που κατέβηκε στον υπολογιστή μας και το μετονομάζουμε σε: "scratch_page.html"
(αν στον υπολογιστή μας δεν έχουμε ορατές τις επεκτάσεις των αρχείων πχ. .txt, .html κτλ. τότε είτε τις εμφανίζουμε, είτε απλά το μετονομάζουμε σε "scratch_page")

6) Κάνουμε copy το αρχείο "scratch_page.html" μέσα στο template folder ("scratch")
(Επιλέγουμε αντικατάσταση του παλιού αν υπάρχει ήδη κάποιο)

7) Κάνουμε edit την "index.html" (που βρίσκεται μέσα στο template folder) για να αλλάξουμε τα στοιχεία πχ. τίτλος ΨΜΑ, κείμενο βοήθειας-πληροφορίες κτλ. 
Βλέπε comments μέσα στην index.html που περιέχουν τη λέξη "ΨΜΑ"  πχ. "ΨΜΑ TODO: Ανανέωση τίτλου"
[Για το edit χρησιμοποιούμε πχ το notepad++ (notepad-plus-plus.org) ή το sublime (sublimetext.com) ή οποιοδήποτε άλλο html editor]

Τέλος πρέπει να ανανεωθούν και τα στοιχεία μέσα στη σελίδα συντελεστών "about.html" (είναι μια σελίδα με τους συντελεστές δηλ. τίτλος ΨΜΑ, ημ/νίες, συντελεστές) ενδέχεται να μην είναι αυτή η τελική της μορφή (έχει ζητηθεί διευκρίνιση)


ΣΧΕΤΙΚΑ ΜΕ ΤΑ ΑΜΕΑ
Σχετικά με τις προδιαγραφές για ΑΜΕΑ, λόγω της πολυμορφίας του Scratch περιεχομένου και του γεγονότος ότι η διαχείριση των διαφόρων στοιχείων
γίνεται από το ίδιο το Scratch δεν είναι 100% δεδομένο ότι θα καλύπτονται όλες οι προδιαγραφές πχ. ενδέχεται η εφαρμογή να μην παίζει 100% από το πληκτρολόγιο
(κάποια στοιχεία UI πχ. buttons, να μην είναι επιλέξιμα από πληκτρολόγιο - να μπορούν να πάρουν focus δηλαδή και ανάλογα με το πόσο αυστηρός θα είναι ο έλεγχος από το υπουργείο αυτά τα ΨΜΑ ίσως να μην περνάνε το τεστ)



Κώστας Ζώτος,
Ζωή Παπαμιχαήλ

Developer's Team
Εκπαιδευτικός Όμιλος Πουκαμισάς
Λ. Βουλιαγμένης 46, 16452 Αργυρούπολη
Τηλ. 210 4112507, 210 9920578
