A
πό αυτό το τεύχος εγκαινιάζουμε
μία νέα σειρά άρθρων, η οποία
μας εισάγει βήμα βήμα στις νέες
τεχνολογίες των HTML5, CSS3 και
Javascript. Θα δούμε αρκετά κόλπα
σχετικά με τεχνικές γύρω από το σύγ-
χρονο web development. Στόχος μας
είναι να κατανοήσουμε πλήρως όλες
αυτές τις καινοτόμες και φρέσκες τε-
χνολογίες, καθώς και να αποκτήσουμε
όλες τις απαιτούμενες δεξιότητες, προ-
κειμένου να αναπτύξουμε τη δική μας
web application. Δεν χρειάζεται να έχετε
εξειδικευμένες γνώσεις γύρω από
HTML5, CSS, Javacsipt και php, αλλά μό-
νο κάποιες βασικές γνώσεις. Στο πρώτο
άρθρο θα μιλήσουμε αναλυτικά για τις
web Applications και τις τεχνολογίες που
κρύβουν, ενώ θα φτιάξουμε και την πρώτη
μας εφαρμογή.
Ας δούμε, όμως, τι είναι η web App.
Πρόκειται ουσιαστικά για μία εφαρμογή, η
οποία υιοθετεί τεχνολογίες όπως HTML5,
CSS, JavaScript, PHP κ.ά., και μπορεί να τρέξει
είτε on–line σε μία ιστοσελίδα, είτε τοπικά στον υπολογι-
στή και το Smartphone μας. Δηλαδή μπορεί να τρέξει είτε
ως μία συνηθισμένη ιστοσελίδα είτε ως μία κανονική εφαρ-
μογή του κινητού/tablet/υπολογιστή μας, αξιοποιώντας
πλήρως κάθε συσκευή.
Για να τρέξει μία web application, πρέπει να έχουμε
εγκατεστημένο στον υπολογιστή/κινητό/ταμπλέτα έναν
browser ο οποίος να υποστηρίζει τις τελευταίες τεχνολο-
γίες της HTML5 και CSS3.
Ένας τέτοιος browser είναι ο Mozilla Firefox, που υπο-
στηρίζει όλες τις πλατφόρμες, εκτός από τις συσκευές
iPhone/iPad/iPod. Παρ’ όλα αυτά, ο browser των συσκευών
αυτών υποστηρίζει HTML5 σελίδες/εφαρμογές.
Κύριο πλεονέκτημα των web εφαρμογών είναι το ότι από
όπου και αν τη χρησιμοποιήσεις, η εφαρμογή είναι απολύ-
τως η ίδια, αξιοποιείς το 100% αυτής και τα δεδομένα σου
είναι πάντα συγχρονισμένα.
Αυτό επιτυγχάνεται καθώς δεν μιλάμε για ξεχωριστές
εφαρμογές, που η μία τρέχει στον υπολογιστή, η άλλη στο
κινητό και η άλλη στο tablet, αλλά για την ίδια εφαρμογή,
που τρέχει και στις τρεις πλατφόρμες ταυτόχρονα.
Ένας μύθος που πρέπει να καταρριφθεί πριν ξεκινήσου-
με είναι ότι μία web application χρειάζεται σύνδεση στο
Διαδίκτυο προκειμένου να εκτελεστεί και να φέρει εις πέ-
ρας τις λειτουργίες για τις οποίες έχει προγραμματιστεί.
Αυτό βέβαια εξαρτάται και από τις λει-
τουργίες. Αν, για παράδειγμα, η εφαρ-
μογή είναι ένας mail client, τότε σαφώς
χρειάζεται Internet προκειμένου να λά-
βει τα καινούργια μηνύματα. Ωστόσο,
δεν χρειάζεται σύνδεση στο Internet
για να διαβάσει όσα έχουν αποθηκευ-
τεί ήδη στη συσκευή και είναι διαθέσιμα
προς ανάγνωση.
Αυτό που κάνει διαφορετική μία web
application από μία ιστοσελίδα είναι οι
εξατομικευμένες υπηρεσίες που προ-
σφέρει ανάλογα πάντα και με την πλατ-
φόρμα στην οποία χρησιμοποιείται.
Για παράδειγμα, σε συγκεκριμένες πε-
ριπτώσεις τις οποίες θα αναλύσουμε σε
μελλοντικά άρθρα, μπορεί κανείς να εκ-
μεταλλευτεί τεχνολογίες και υπηρεσίες
ενός κινητού τηλεφώνου, όπως ο δέκτης
GPS, η δόνηση του κινητού κ.ά., γράφο-
ντας απλά κώδικα HTML5 και Javascript.
Το ίδρυμα Mozilla, θέλοντας να συνει-
σφέρει στην ανάπτυξη και εξέλιξη των web
applications, έχει δημιουργήσει το
Marketplace, όπου συγκεντρώνεται το σύνολο των δια-
θέσιμων εφαρμογών. Το Marketplace είναι πλέον ανοικτό
στο κοινό και ο καθένας που έχει δημιουργήσει τη δική του
web app μπορεί να την ανεβάσει και μετά τον απαραίτητο
έλεγχο των μηχανικών της Mozilla να γίνει διαθέσιμη στο
ευρύ κοινό.
Όπως θα δείτε, όλες οι web apps μπορούν να εγκατα-
σταθούν σε κάθε λειτουργικό σύστημα ή πλατφόρμα.
Ακόμα, μετά την εγκατάσταση, όλες εμφανίζονται εγκα-
τεστημένες ως παραδοσιακές εφαρμογές του υπολογιστή,
δηλαδή διαθέτουν εικονίδιο συντόμευσης στην επιφάνεια
εργασίας και εμφανίζονται στη λίστα με όλα τα εγκατεστη-
μένα προγράμματα του λειτουργικού.
Συμπεριφέρονται ουσιαστικά όπως και κάθε άλλη native
εφαρμογή συστήματος – π.χ. LibreOffice, Gimp, Empathy
κ.ά.
Εγκατάσταση Firefox Nightly/Firefox Aurora
Όπως αναφέραμε πριν, υπάρχει η δυνατότητα να τρέ-
ξουμε μία web app είτε από τον υπολογιστή μας είτε από
τη φορητή μας συσκευή. Η διαδικασία είναι παρόμοια στις
δύο περιπτώσεις και είναι αρκετά εύκολη.
Πρόκειται για τρία απλά βήματα: εγκατάσταση Nightly ή
Aurora, εγκατάσταση Marketplace και, τέλος, εγκατάσταση
webapps.
Linux Inside
78
Του Χρήστου Μπαχαράκη <christos@bacharakis.com>
Linux Labs – WebApps
Σε αυτή τη νέα σειρά άρθρων, ο Χρήστος μας δείχνει
κόλπα και τεχνικές με βάση τις νέες τεχνολογίες των
HTML5, CSS, Javascript για να φτιάχνουμε Web
εφαρμογές που μοιάζουν με τις παραδοσιακές και
τρέχουν από το desktop ή το Smartphone μας.
Εργαλεία:
HTML5, Foundation,
JavaScript
Δυσκολία:
URL:
Δοκιμάστε την!
Εισαγωγή στα Web Applications
Ο Χρήστος λατρεύει, ασχολείται και συνεισφέρει στο Mozilla, στο Fedora και στο hackerspace.gr.
