Η τεχνική του “image map”

Πώς μετατρέπουμε μια εικόνα σε «Χάρτη ενεργών σημείων»

Πατήστε Προβολή Παρουσίασης για να δείτε πώς «δουλεύει».

Η αρχική εικόνα: Κάντε κλικ στους πνεύμονες και μετά κλικ στην καρδιά για να δείτε πώς χρησιμοποιείται η παρουσίαση:

Κλικ εδώ για να δείτε πώς φτιάχτηκε η παρουσίαση.

Οι πνεύμονες

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

Κάντε κλικ εδώ για επιστροφή

Η καρδιά:

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

Κλικ εδώ για επιστροφή

Πώς δημιουργούμε ένα Image Map (χάρτη ενεργών σημείων)

• Στη συγκεκριμένη παρουσίαση χρειαστήκαμε 3 διαφάνειες με εικόνες:

• Την Αρχική διαφάνεια με την εικόνα του ανθρώπινου σώματος. Αυτή θα χρησιμοποιήσουμε ως Χάρτη Ενεργών Σημείων.

• Επίσης μια διαφάνεια για τις πληροφορίες και την εικόνα των πνευμόνων.

• Τέλος μια ακόμη διαφάνεια για τις πληροφορίες και την εικόνα της καρδιάς.

Λειτουργία:

• Όταν ο χρήστης περνάει με το ποντίκι του πάνω από ένα «ενεργό σημείο» τότε ο δείκτης του ποντικιού αλλάζει μορφή (από βέλος σε χέρι).

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

• Άρα θα πρέπει να υπερσυνδέσουμε τα «Ενεργά Σημεία» της παρουσίασής μας με τις αντίστοιχες διαφάνειες.

Τεχνική• Αυτό που μετράει είναι ο τρόπος υπερσύνδεσης. • Χρησιμοποιούμε τα Κουμπιά Ενεργειών για να

ορίσουμε τις ενεργές περιοχές σαν υπερσυνδέσεις. • Κάθε ενεργή περιοχή θα έχει το δικό της ρόλο: Να

μεταφέρει το χρήστη σε μια συγκεκριμένη διαφάνεια. • Φτιάχνουμε δηλαδή τα Κουμπιά Ενεργειών σαν

υπερσυνδέσεις που μας οδηγούν στις ορισμένες διαφάνειες κάθε φορά που γίνεται κλικ πάνω τους.

• Σημαντικό: Μορφοποιούμε τα κουμπιά ενεργειών ώστε να είναι «αόρατα» δηλαδή τους ορίζουμε διαφάνεια 100% ώστε να μην καλύπτουν την εικόνα του ανθρώπινου σώματος.

• Δες παρακάτω τις ενέργειες εποπτικά:

Η αρχική εικόνα: Σε μια ξεχωριστή διαφάνεια

Η εικόνα των πνευμόνων: Σε μια ξεχωριστή διαφάνεια

Η εικόνα της καρδιάς: Σε μια ξεχωριστή διαφάνεια

• Πάμε στην αρχική διαφάνεια για να προσθέσουμε 2 Κουμπιά Ενεργειών ή «Ενεργά Σημεία». Χρησιμοποιούμε τα 2 κουμπιά ως υπερσύνδεση για τις 2 εικόνες μας που βρίσκονται στις επόμενες 2 διαφάνειες: Τους πνεύμονες και την καρδιά.

• Από την Προβολή Παρουσίασης / Κουμπιά Ενεργειών/ Επιλογή Κουμπιού :

• Για τους πνεύμονες:

• Για την καρδιά:

Κάνουμε δεξί κλικ σε κάθε Κουμπί και ρυθμίζουμε την ενέργεια «Υπερσύνδεση με διαφάνεια…» επιλέγοντας τη διαφάνεια που επιθυμούμε για κάθε Κουμπί ξεχωριστά.

Το πλήκτρο για τους πνεύμονες θα είναι κάπως έτσι:

Θα καλύπτει όλη την περιοχή των πνευμόνων ώστε να ανιχνεύει τις κινήσεις του ποντικιού του χρήστη πάνω του.

Δεξί κλικ πάνω στο Κουμπί και Μορφοποίηση Αυτόματου σχήματος.

Επιλέγουμε Διαφάνεια 100%

Και OK.

Το κουμπί μας δεν θα φαίνεται αλλά θα υπάρχει αφού είναι διαφανές 100%

Κάνουμε το ίδιο και για το πλήκτρο της καρδιάς, ρυθμίζοντας τη διαφάνειά του στο 100%. Το τοποθετούμε πάνω από το πλήκτρο των πνευμόνων γιατί καλύπτει περιοχή μικρότερη σε μέγεθος:

• Στο τέλος ρυθμίζουμε και την πλοήγηση.• Θέλουμε να έχουμε ένα Κουμπί που θα μας δίνει τη

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

• Αυτό μπορεί να γίνει εύκολα με ένα Κουμπί Ενέργειας (ή ένα κείμενο «Πίσω στην Αρχική Εικόνα») που θα ρυθμιστεί ως υπερσύνδεση στην αρχική διαφάνεια.

• Θα χρειαστεί να το κάνουμε Αντιγραφή/Επικόλληση σε όλες τις διαφάνειές μας.

• Τέλος μπορούμε να εξάγουμε την εφαρμογή μας ως αρχείο *pps (Προβολή του Power Point) και να το αναρτήσουμε σε ένα Blog ή μια ιστοσελίδα.

Στο Impress:

• Η ιδέα και η διαδικασία δεν αλλάζουν.• Για κουμπιά ενεργειών χρησιμοποιούμε τα αυτόματα

σχήματα.• Στηχίζουμε τα σχήματα ώστε πχ. Η εικόνα του σώματος

να είναι στο παρασκήνιο (Δεξί κλικ: Τακτοποίηση/ Μεταφορά πίσω)

• Το τετράγωνο θα είναι μπροστά από το σώμα κλπ.• Προσοχή: Ρυθμίζουμε τη διαφάνεια κοντά στο 100% πχ.

95% και όχι στο 100%• Ρυθμίζουμε την «Αλληλεπίδραση» για να συνδέσουμε

διαφάνειες.