Developing Vista Sidebar gadgets - Μέρος 1ο
Η ιδέα δημοσίευσης ενός μίνι-tutorial σχετικά με Vista gadget development μού ήρθε στο μυαλό πριν λίγες μέρες όταν αποφάσισα να ξεκινήσω το παρόν blog. Στα posts που θα ακολουθήσουν υποθέτουμε ότι ο αναγνώστης δεν έχει ασχοληθεί καθόλου με την κατασκευή gadget.
Εισαγωγή
Σίγουρα, ένα από τα πρώτα πράγματα που προσέχει κανείς στην εμφάνιση των Windows Vista είναι η Sidebar με τις διάφορες εφαρμογές της, γνωστές ως Gadgets[1] .
Τα Gadgets είναι σχεδιασμένα να πραγματοποιούν απλές εργασίες και να παρουσιάζουν διαφόρων ειδών πληροφορίες όπως η ώρα, τα νέα για τον καιρό, η κατανάλωση υπολογιστικών πόρων, κλπ. Φιλοξενούνται τοπικά στον υπολογιστή του χρήστη και το υπεύθυνο για τη διαχείρισή τους πρόγραμμα δεν είναι άλλο από την Sidebar.
Όσο περίεργο και αν φαίνεται εκ πρώτης όψεως, τα gadgets δεν περιλαμβάνουν ούτε τρελά γραφικά ούτε απαιτούν υπερ-εξειδικευμένες προγραμματιστικές γνώσεις για να υλοποιηθούν.
Οι web developers μπορούν να αρχίσουν να χαμογελούν, αφού ένα gadget δεν είναι παρά συνδυασμός κώδικα HTML, CSS και JavaScript! [2]
Φυσικά, δεν χρειάζεται να είστε γκουρού του web development για να υλοποιήσετε απλές εφαρμογές (όπως θα διαπιστώσετε παρακάτω υπάρχουν κάποιοι σταθεροί κανόνες) , όμως όσο καλύτερη γνώση των παραπάνω τεχνολογιών έχετε, τόσο λειτουργικότερα θα είναι τα gadgets που θα φτιάχνετε.
Τα gadgets είναι open-source
Κι όμως, δεν θα μπορούσαν να είναι αλλιώς από τη στιγμή που συνιστούν παραλλαγμένα web applications! Οπότε, τίποτα δε μας εμποδίζει να ρίξουμε μια ματιά στον κώδικά τους!
Τα προεγκατεστημένα gadgets της Microsoft βρίσκονται στην τοποθεσία
C:\Program Files\Windows Sidebar\Gadgets
και τα gadgets που εγκαθίστανται αργότερα αποθηκεύονται στο
C:\Users\<Όνομα χρήστη>\AppData\Local\Microsoft\Windows Sidebar\Gadgets
Τα δομικά στοιχεία ενός gadget
Πλοηγηθείτε με τον Windows Explorer στα παραπάνω paths και ρίξτε μια ματιά στα υπάρχοντα gadgets!
Κάθε application βρίσκεται σε ένα folder του τύπου <όνομα>.gadget. Η κατάληξη .gadget υποδηλώνει ότι το περιεχόμενο του φακέλου θα είναι sidebar gadget και ως τέτοιο πρέπει να το χειριστεί η sidebar.
Μέσα στο φάκελο, θα δείτε τους παρακάτω τύπους αρχείων:
- HTML (html / htm) - υποχρεωτικά τουλάχιστον ένα
- JavaScript (js) - προαιρετικά
- Εικόνες (κυρίως png, που χρησιμοποιούνται ευρέως στο web διατηρώντας υψηλή ποιότητα)
Φανταστείτε το gadget σαν μια ιστοσελίδα μικρών διαστάσεων τοποθετημένη στο desktop σας: Ορίζεται από τον κώδικα HTML, παίρνει στυλ από τα CSS και αποκτά λογική μέσω της JavaScript!
Το gadget.xml
Το gadget.xml είναι ένα manifest αρχείο που περιέχει τα metadata του gadget, δηλαδή πληροφορίες σχετικά με την εφαρμογή και τον δημιουργό. Η μορφή του είναι συγκεκριμένη, οπότε μπορείτε απλώς να αντιγράψετε το παρακάτω xml και να αλλάζετε τα κατάλληλα πεδία ανάλογα με τις δικές σας εφαρμογές:
Αν και η λειτουργία των tags είναι σχετικά προφανής, στην επόμενη εικόνα μπορείτε να δείτε κάποια ορατά metadata του gadget.xml:
Αφού λοιπόν πήραμε μια πρώτη γεύση, στο επόμενο μέρος θα δημιουργήσουμε από το μηδέν ένα απλό αλλά λειτουργικό gadget, θα του προσθέσουμε κείμενο, εικόνα και flyout! Μέχρι τότε, μπορείτε να ρίξετε μια ματιά στα έτοιμα gadget της Live Gallery και στο αντίστοιχο Developer Center της Microsoft. Το be continued...
________________________________________
[1] Η Microsoft διακρίνει τρεις τύπους gadget:
Εμείς εδώ θα ασχοληθούμε με την τρίτη κατηγορία.
[2] Η JavaScript δεν είναι η μοναδική γλώσσα που μπορούμε να χρησιμοποιήσουμε. Εναλλακτικές τεχνολογίες είναι η VBSript και εσχάτως η Script#. Στην πράξη όμως, τα περισσότερα gadgets είναι υλοποιημένα σε JavaScript.