Πακέτο Digital Signage

# Επισκόπηση

Το πακέτο βασίζεται σε δύο οντότητες:

• Instances — ένα signage instance αντιπροσωπεύει μία οθόνη (π.χ. Lobby Screen). Κάθε instance έχει τις δικές του ρυθμίσεις διάταξης, widgets πλαϊνής μπάρας και ένα μοναδικό δημόσιο URL προβολής.
• Snapshots — τα εναλλασσόμενα slides που εμφανίζονται στην κύρια περιοχή της οθόνης. Κάθε snapshot έχει τύπο (εικόνα, βίντεο, μενού εστιατορίου ή stream), διάρκεια προβολής και σειρά.

Η προβολή χωρίζεται σε δύο περιοχές:

• Κύρια περιοχή — εναλλάσσει τα ενεργά snapshots, καθένα για τη ρυθμισμένη του διάρκεια.
• Πλαϊνή μπάρα πληροφοριών — εμφανίζει το λογότυπό σας, ένα προαιρετικό QR code με τίτλο και περιγραφή, και ένα ζωντανό widget καιρού με τις τρέχουσες συνθήκες και πρόγνωση 3 ημερών.

# Instances

Μεταβείτε στο Packages → Digital Signage → Instances για να διαχειριστείτε τις οθόνες σας. Η δημιουργία ή επεξεργασία ενός instance ανοίγει έναν editor διπλής προβολής: ρυθμίσεις και snapshots αριστερά, ζωντανή προεπισκόπηση της οθόνης δεξιά.

Το footer του editor προσφέρει δύο ενέργειες αποθήκευσης:

• Save — αποθηκεύει και επιστρέφει στη λίστα instances.
• Save & stay — αποθηκεύει και παραμένει στην τρέχουσα σελίδα επεξεργασίας.

# Ρυθμίσεις Instance

Οι ρυθμίσεις του instance οργανώνονται σε τέσσερις καρτέλες:

# Γενικά

• Όνομα — ο τίτλος του instance (π.χ. Lobby Screen).
• Προσανατολισμός — Landscape για τηλεοράσεις και monitors, Portrait για κάθετα τοποθετημένες οθόνες. Η διάταξη προσαρμόζεται αυτόματα.
• Πρότυπο (Template) — η διάταξη της οθόνης, από έναν οπτικό επιλογέα: Sidebar (η προεπιλογή — η μπάρα πληροφοριών δίπλα στο περιεχόμενο), Full screen (μόνο περιεχόμενο, χωρίς μπάρα, από άκρη σε άκρη) ή Overlay (η μπάρα πληροφοριών «πλέει» πάνω από το περιεχόμενο με ένα ελαφρύ gradient για ευκρίνεια).
• Χρώμα Φόντου — το βασικό χρώμα της προβολής, που χρησιμοποιείται πίσω από τα snapshots και την πλαϊνή μπάρα.
• Side Info First — ελέγχει την πλευρά όπου βρίσκεται η μπάρα πληροφοριών: Αριστερά / Επάνω ή Δεξιά / Κάτω. Δεν εμφανίζεται στο πρότυπο Full screen, που δεν έχει μπάρα πληροφοριών.
• Κατάσταση — ενεργοποίηση ή απενεργοποίηση του instance.

# Λογότυπο

Ανεβάστε το λογότυπό σας (PNG, JPG, GIF ή WebP). Εμφανίζεται στην κορυφή της πλαϊνής μπάρας πληροφοριών.

# Καιρός

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

# QR Code

Εμφανίστε ένα σαρώσιμο QR code στην πλαϊνή μπάρα — ιδανικό για να συνδέσετε τους πελάτες με ένα μενού, τον ιστότοπό σας ή μια προσφορά. Επιλέξτε οποιοδήποτε QR code δημιουργήθηκε με το πακέτο QR Code, και προαιρετικά προσθέστε έναν Τίτλο και μια Περιγραφή που εμφανίζονται από πάνω του.

# Snapshots

Τα snapshots είναι τα slides που εναλλάσσονται στην κύρια περιοχή της οθόνης. Κάντε κλικ στο + Add Snapshot για να προσθέσετε ένα — ανοίγει το modal Snapshot Editor, οργανωμένο σε καρτέλες: Main (τύπος, διάρκεια, περιεχόμενο και επιλογές μέσου), Overlay message (μόνο εικόνα και βίντεο), Templates (μόνο μενού) και Schedule.

# Τύποι Snapshot

• Εικόνα — μια εικόνα πλήρους οθόνης (PNG, JPG, GIF ή WebP).
• Βίντεο — ένα αρχείο βίντεο (MP4, WebM ή OGG) που αναπαράγεται κατά το slide.
• Μενού Εστιατορίου — ενσωματώνει ένα ζωντανό μενού από το πακέτο Restaurant Menu. Ο πίνακας αντικατοπτρίζει πάντα τα τελευταία προϊόντα και τις τιμές σας, υιοθετεί τα χρώματα του ίδιου του μενού (το χρώμα φόντου του για τις κάρτες και το κύριο χρώμα του για τα γράμματα), και προβάλλει το highlighted προϊόν του μενού ως κάρτα δίπλα στο όνομα του μενού. Στην καρτέλα Templates, επιλέξτε διάταξη από την οπτική γκαλερί — Cards, List, Bold headers, Framed, Showcase tiles ή Compact — και προαιρετικά παρακάμψτε το χρώμα των καρτών του μενού για αυτό το snapshot. Ο πίνακας προσαρμόζει αυτόματα την κλίμακα του περιεχομένου ώστε να χωράει στην οθόνη, οπότε τα προϊόντα δεν κόβονται ποτέ.
• Stream / URL — ενσωματώνει μια εξωτερική ιστοσελίδα ή stream μέσω URL.
• Προσαρμοσμένο — ένας κενός καμβάς που σχεδιάζετε μόνοι σας από στοιχεία μενού, QR codes, εικόνες και κείμενο. Δείτε Καμβάς Προσαρμοσμένου παρακάτω.

# Καμβάς Προσαρμοσμένου

Ένα snapshot τύπου Προσαρμοσμένο είναι ένας κενός καμβάς: δεν τοποθετείται τίποτα αυτόματα, οπότε φτιάχνετε ακριβώς τη σύνθεση που θέλετε από στοιχεία μενού, QR codes, εικόνες και κείμενο. Κάντε κλικ στο Edit canvas content στην καρτέλα Main για να ανοίξετε τον editor του καμβά.

• Προσθήκη στοιχείων — σύρετε ένα στοιχείο από την πλαϊνή παλέτα (καρτέλες Στοιχεία μενού, QR codes, Εικόνες ή Κείμενο) πάνω στον καμβά, ή κάντε κλικ για να τοποθετηθεί στο κέντρο. Η καρτέλα Εικόνες περιηγείται στη βιβλιοθήκη πολυμέσων σας και επιτρέπει και ανέβασμα νέων αρχείων.
• Επιλογή — κάντε κλικ σε ένα στοιχείο για να το επιλέξετε. Κρατήστε Ctrl (⌘ σε Mac) ή Shift και κάντε κλικ για να προσθέσετε κι άλλα στοιχεία στην επιλογή, ή σύρετε ένα πλαίσιο πάνω σε κενό σημείο του καμβά για να μαζέψετε ό,τι ακουμπάει. Το Ctrl+A επιλέγει ολόκληρο τον καμβά και το Esc καθαρίζει την επιλογή.
• Μετακίνηση & αλλαγή μεγέθους — σύρετε ένα στοιχείο για να το μετακινήσετε· σύρετε οποιαδήποτε από τις λαβές του για αλλαγή μεγέθους (κρατήστε Shift για διατήρηση της αναλογίας). Τα βελάκια μετακινούν την επιλογή κατά ένα pixel (Shift για δέκα). Όταν είναι επιλεγμένα περισσότερα από ένα στοιχεία, σύροντας ή μετακινώντας οποιοδήποτε από αυτά μετακινείται όλη η ομάδα μαζί διατηρώντας τις αποστάσεις της — η αλλαγή μεγέθους και ο πίνακας ιδιοτήτων παραμένουν διαθέσιμα για ένα στοιχείο τη φορά. Οδηγοί ευθυγράμμισης «κολλάνε» στις άκρες και το κέντρο γειτονικών στοιχείων καθώς μετακινείτε ή αλλάζετε μέγεθος.
• Ιδιότητες — επιλέξτε ένα στοιχείο και πατήστε το εικονίδιο ✎ για τις ρυθμίσεις του. Τα στοιχεία μενού επιλέγουν εμφάνιση Πλακίδιο, Λίστα ή Βιβλιάριο, προσαρμογή εικόνας (Κάλυψη/Προσαρμογή), στοίχιση, μέγεθος κειμένου (Μικρό, Μεσαίο ή Μεγάλο — ένα βήμα μικρότερο ή μεγαλύτερο για όλο το στοιχείο: τίτλος, τιμές και περιγραφή μαζί) και χρώματα ανά τμήμα (τίτλος, τιμή, περιγραφή). Στην εμφάνιση Βιβλιάριο η στοίχιση μετακινεί και τις τιμές, όχι μόνο τον τίτλο και την περιγραφή. Το κείμενο των στοιχείων μενού έχει μέγεθος ανάλογο του πλάτους της οθόνης, και οι οριζόντιες οθόνες χρησιμοποιούν αυτόματα μικρότερη κλίμακα από τις κατακόρυφες ώστε να διαβάζονται παρόμοια. Τα πλαίσια κειμένου έχουν γραμματοσειρά, μέγεθος, χρώμα, έντονα/πλάγια/υπογράμμιση/διαγράμμιση, στοίχιση, απόσταση γραμμάτων και περίγραμμα ανά πλευρά. Οι εικόνες επιλέγουν Κάλυψη ή Προσαρμογή.
• Ζωντανή ενημέρωση — στοιχεία μενού και QR codes κρατούν αναφορά στο πρωτότυπο, όχι αντίγραφο: η μετονομασία ενός προϊόντος ή η αλλαγή της τιμής του ενημερώνει αυτόματα κάθε καμβά που το χρησιμοποιεί.
• Αναίρεση / Επανάληψη — Ctrl+Z / Ctrl+Y (ή τα κουμπιά της εργαλειοθήκης) μετακινούνται πίσω και μπροστά στις αλλαγές σας· το Delete αφαιρεί όλα τα επιλεγμένα στοιχεία.
• Κάντε κλικ στο Ολοκλήρωση για να εφαρμοστεί ο καμβάς στο snapshot, ή Άκυρο για απόρριψη των αλλαγών — χρειάζεται ακόμα να αποθηκεύσετε το instance μετά, ώστε να φτάσει στην προβολή.

# Διάρκεια & Σειρά

• Διάρκεια Προβολής — πόση ώρα παραμένει το snapshot στην οθόνη, σε λεπτά και δευτερόλεπτα (προεπιλογή 10 δευτερόλεπτα).
• Σειρά — σύρετε ένα snapshot από τη λαβή του για να αλλάξετε τη σειρά εναλλαγής.
• Ενέργειες — το μενού ⋮ σε κάθε γραμμή επιτρέπει επεξεργασία, αντιγραφή ή διαγραφή του snapshot.
• Κατάσταση — ενεργοποίηση ή απενεργοποίηση ενός snapshot. Τα ανενεργά snapshots παραμένουν στον editor αλλά παραλείπονται στην προβολή.
• Χρώμα φόντου — προαιρετικά παρακάμψτε το φόντο της οθόνης μόνο για αυτό το snapshot· διαφορετικά χρησιμοποιείται το φόντο του instance.

# Μέγεθος Μέσου & Ήχος (Εικόνα & Βίντεο)

• Μέγεθος μέσου — πώς γεμίζει η εικόνα ή το βίντεο την οθόνη: Contain + θολό φόντο (εμφανίζεται ολόκληρο το μέσο, με θολό γέμισμα από πίσω — η προεπιλογή για τις εικόνες), Cover (γεμίζει την περιοχή περικόπτοντας τις άκρες — η προεπιλογή για τα βίντεο) ή Contain (εμφανίζεται ολόκληρο το μέσο με απλά περιθώρια letterbox).
• Ήχος (μόνο βίντεο) — τα βίντεο είναι σε σίγαση από προεπιλογή. Ενεργοποιήστε τον Ήχο για αναπαραγωγή με ήχο.

# Μήνυμα Επικάλυψης (Εικόνα & Βίντεο)

Τα snapshots εικόνας και βίντεο μπορούν να εμφανίσουν ένα προαιρετικό μήνυμα πάνω από το μέσο — έναν τίτλο, μια περιγραφή και ένα σαρώσιμο QR code — από την καρτέλα Overlay message. Αφήστε τον τίτλο και την περιγραφή κενά και μην επιλέξετε QR για να εμφανίζεται μόνο το μέσο.

• Θέση μηνύματος — ένας οπτικός επιλογέας τοποθετεί το μήνυμα ως μπάρα πλήρους πλάτους Επάνω ή Κάτω, ή ως κάρτα σε οποιαδήποτε γωνία (Επάνω / Κάτω · Αριστερά / Δεξιά). Το κείμενο και το QR διατηρούν το ίδιο μέγεθος σε κάθε θέση.
• Τίτλος (έως 50 χαρακτήρες) και Περιγραφή (έως 200 χαρακτήρες) — το καθένα έχει δική του Γραμματοσειρά, Μέγεθος (Small → XX-Large, προσαρμόζεται στην οθόνη) και Χρώμα.
• QR Code — επιλέξτε οποιοδήποτε code από το πακέτο QR Code, με επιλέξιμο μέγεθος (Small, Medium ή Large).
• Χρώμα φόντου — προεπιλογή το χρώμα φόντου του instance· απενεργοποιήστε το Use instance background color για να επιλέξετε δικό σας.
• Διαφάνεια φόντου — πόσο διάφανο είναι το φόντο του μηνύματος (προεπιλογή 0.8).

# Χρονοπρογραμματισμός

Από προεπιλογή ένα snapshot εμφανίζεται όποτε λειτουργεί το instance. Ανοίξτε την καρτέλα Schedule και ενεργοποιήστε το Schedule display για να το περιορίσετε σε συγκεκριμένες μέρες και ώρες — χρήσιμο για έναν πίνακα πρωινού, μια προσφορά happy-hour ή περιεχόμενο μόνο για καθημερινές.

• Κάθε μέρα της εβδομάδας έχει δικό της διακόπτη ενεργοποίησης και ένα χρονικό παράθυρο έναρξης–λήξης (προεπιλογή: κάθε μέρα, όλο το 24ωρο).
• Χρησιμοποιήστε το κουμπί αντιγραφής σε μια μέρα για να εφαρμόσετε τις ώρες της σε όλη την εβδομάδα.
• Η προβολή ελέγχει τον προγραμματισμό κάθε λεπτό, ώστε τα snapshots να εμφανίζονται και να αποκρύπτονται από μόνα τους καθώς περνά η μέρα.

# Ζωντανή Προεπισκόπηση

Το panel προεπισκόπησης στα δεξιά αποδίδει την οθόνη ακριβώς όπως θα εμφανιστεί — είναι η πραγματική προβολή signage, στη φυσική της ανάλυση και scaled ώστε να χωράει. Αντικατοπτρίζει την αποθηκευμένη κατάσταση και ανανεώνεται αυτόματα κάθε φορά που αποθηκεύετε (και σε πραγματικό χρόνο μέσα σε λίγα δευτερόλεπτα).

# Προβολή σε Οθόνη

Το digital signage λειτουργεί σε Android. Ο ευκολότερος τρόπος να προβάλετε ένα instance σε μια οθόνη είναι η εφαρμογή player Suite Codeehut Signage:

1. Εγκαταστήστε το Suite Codeehut Signage από το Google Play Store στο Android TV σας (ή σε οποιαδήποτε συσκευή Android με πρόσβαση στο Play Store).
2. Ανοίξτε την εφαρμογή — εμφανίζει έναν κωδικό σύζευξης.
3. Στο dashboard μεταβείτε στο Packages → Digital Signage → Screens και κάντε κλικ στο Pair screen.
4. Εισάγετε τον κωδικό και επιλέξτε το signage instance προς προβολή (και προαιρετικά όνομα οθόνης και γλώσσα).

Κάθε instance έχει επίσης ένα μοναδικό δημόσιο URL στη μορφή /ds/display/:hostname/:slug που ανοίγει χωρίς σύνδεση — χρήσιμο για οποιαδήποτε οθόνη με σύγχρονο browser ως εναλλακτική της εφαρμογής.

Η προβολή παραμένει ενημερωμένη από μόνη της:

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