Linux Inside
79
Έτσι, αρχικά κατεβάζουμε και εγκαθιστούμε τη Nightly
[0]
ή την Aurora [1] έκδοση του Firefox στη συσκευή μας.
Στην τρέχουσα έκδοση (17) του Firefox δεν είναι διαθέσι-
μο το Marketplace και η επιλογή εγκατάστασης web apps.
Γι' αυτό, θα χρειαστεί να κατεβάσουμε είτε τη Nightly είτε
την Aurora έκδοση.
Η έκδοση Aurora είναι ουσιαστικά η alpha έκδοση της με-
θεπόμενης έκδοσης – στη δική μας περίπτωση είναι η 18.
Η Nightly είναι η pre-alpha έκδοση, δηλαδή τρεις εκδόσεις
μπροστά από την τρέχουσα, η οποία γίνεται build κάθε
βράδυ – εξ ου και το όνομά της.
Πιο σταθερή είναι η έκδοση Aurora, αν και εγώ προτιμώ
να έχω διαθέσιμες όλες τις τελευταίες τεχνολογίες και έτσι
χρησιμοποιώ τη Nightly. Εδώ πρέπει να σημειώσουμε ότι
κατεβάζοντας και εγκαθιστώντας μία από αυτές τις εκδό-
σεις, δεν χάνεται η προεγκατεστημένη έκδοση του Firefox
(17),
καθώς μπορούν να δουλεύουν στον ίδιο υπολογιστή
αλλά όχι ταυτόχρονα.
Εγκατάσταση Marketplace σε κινητό/ταμπλέτα
Ανοίγουμε το Firefox Nightly ή Aurora και επισκεπτόμα-
στε το mozilla.marketplace.org. Καλώς ήρθατε στο Firefox
Markeplace, μία αγορά γεμάτη ενδιαφέρουσες και δωρεάν
web εφαρμογές.
Πλοηγηθείτε στις εννιά βασικές κατηγορίες εφαρμογών
και ανακαλύψτε τη μαγεία τους. Η εγκατάσταση μιας εφαρ-
μογής είναι εύκολη υπόθεση, καθώς το μόνο που έχετε να
κάνετε είναι να πατήσετε το κουμπί «free» και η εφαρμογή
θα εγκατασταθεί κανονικά στη συσκευή σας.
Προς το παρόν, δεν υπάρχουν επί πληρωμή εφαρμογές
στο Markeplace, κάτι που λογικά θα αλλάξει στο άμεσο
μέλλον, καθώς θα προστεθεί και η δυνατότητα να διαθέτει
ο προγραμματιστής την εφαρμογή του επί πληρωμή.
Κάθε εφαρμογή που εγκαθίσταται, δημιουργεί και μία
συντόμευση σε μία από τις επιφάνειες εργασίας της συ-
σκευής, αλλά δεν εμφανίζεται στο μενού εφαρμογών. Εάν
θέλουμε να δούμε όλες τις εγκατεστημένες web εφαρμο-
γές, δεν έχουμε παρά να εκκινήσουμε το Firefox Nightly ή
το Aurora και από το μενού επιλογών να επιλέξουμε Apps.
Από εκεί βλέπουμε τις εγκατεστημένες στη συσκευή μας
εφαρμογές και, αν θέλουμε, απεγκαταθιστούμε όποια δεν
μας ενδιαφέρει.
Εγκατάσταση Marketplace σε υπολογιστή
Η διαδικασία εγκατάστασης του Markeplace και web
εφαρμογών στον υπολογιστή μας είναι σχεδόν ίδια με αυτή
του κινητού, με εξαίρεση δύο μικρά hacks. Κατεβάζουμε
είτε τη Nightly είτε την Aurora έκδοση από τον ίδιο σύνδε-
σμο για το λειτουργικό που χρησιμοποιούμε.
Όπως θα δείτε, εκτός από τις διανομές Linux, υποστηρί-
ζονται τόσο windows όσο και Mac OS μηχανήματα. Δυστυ-
χώς, δεν υπάρχουν διαφορετικά πακέτα εγκατάστασης του
Nightly ή του Aurora για τις διάφορες διανομές Linux παρά
μόνο ένα συμπιεσμένο αρχείο tarball.
Το συμπιεσμένο αρχείο που θα κατεβάσετε δεν περιέχει
πηγαίο κώδικα, αλλά ένα εκτελέσιμο αρχείο του Aurora ή
Nightly. Αποσυμπιέστε το, λοιπόν, και εκκινήστε το αρχείο
firefox. Προσοχή: δεν πρέπει να υπάρχει ανοιχτή ήδη καμία
άλλη έκδοση του Firefox!
Τώρα δεν έχουμε παρά να επισκεφτούμε το marketpla-
ce. mozilla.org και να πλοηγηθούμε στις αγαπημένες μας
εφαρμογές. Αυτήν τη φορά, όμως, όταν δοκιμάσουμε να
πατήσουμε το κουμπί «free», προκειμένου να εγκαταστή-
σουμε την εφαρμογή, θα δούμε ότι το κουμπί είναι απενερ-
γοποιημένο.
Κι αυτό διότι δεν είναι όλες οι εφαρμογές διαθέσιμες για
εγκατάσταση και στο desktop.
Όποια εφαρμογή είναι διαθέσιμη για desktop δίπλα από
το κουμπί «free» αναφέρει και το εξής μήνυμα: «Desktop
support is temporarily disabled (learn more). Please try this
app in Firefox Mobile on your Android phone».
Το μόνο που έχετε να κάνετε είναι να πατήσετε στο
«
learn more» και να διαβάσετε τους λόγους για τους οποί-
ους είναι απενεργοποιημένο το κουμπί και πώς θα το πα-
ρακάμψετε. Στο τέλος του κειμένου θα δείτε ένα μπλε κου-
μπί που γράφει «Drag me», πιάστε το και σύρετέ το στην
μπάρα των «Αγαπημένων» σας.
Τώρα μπορείτε να εγκαταστήσετε οποιαδήποτε web
εφαρμογή πατώντας απλά το κουμπί «install me», που προ-
σθέσατε στα Αγαπημένα σας και εφόσον βρίσκεται στην
εφαρμογή που σας ενδιαφέρει. Μόλις τελειώσει η εγκατά-
σταση, μεταβείτε στο μενού των εφαρμογών και θα βρείτε
μαζί με τις υπόλοιπες εφαρμογές Firefox/Libre Office/Gimp
που είναι εγκατεστημένες στον υπολογιστή σας, αυτήν που
μόλις εγκαταστήσατε.
Όπως βλέπετε, η διαδικασία είτε για τη φορητή συσκευή
σας είτε για το desktop είναι αρκετά εύκολη και απλή.
Όπου και αν χρησιμοποιήσετε την εφαρμογή, θα διαπιστώ-
σετε ότι η εμπειρία χρήσης είναι απολύτως η ίδια. Επίσης,
ένα μεγάλο πλεονέκτημα των web apps είναι το ότι δεν
υφίσταται συγχρονισμός δεδομένων μεταξύ της mobile και
της desktop εφαρμογής, καθώς μιλάμε για την ίδια ακρι-
βώς εφαρμογή.
Η πρώτη μας Web application
Ήρθε η ώρα να φτιάξουμε τη δική μας web application.
Όπως αναφέραμε και στην αρχή, στόχος αυτής της σειράς
άρθρων είναι να λάβουμε όλες τις απαραίτητες γνώσεις,
προκειμένου να μπορούμε να δημιουργήσουμε μία ολο-
κληρωμένη και λειτουργική web app.
Κάποιος θα πει ότι η web app είναι μία υπάρχουσα σελί-
δα η οποία είναι ελαφρώς παραμετροποιημένη, προκειμέ-
νου να εμφανίζεται καλύτερα στη φορητή μας συσκευή και
τίποτα παραπάνω.
Μέχρι και πριν από δύο χρόνια, σε γενικές γραμμές, αυ-
τό ήταν, μέχρι που εμφανίστηκε η HTML5 και όλες αυτές οι
υπέροχες τεχνολογίες, όπως το Geolocation, webRTC,
Canvas, drag and drop κ.λπ.
Μη βιάζεστε, όμως, σε κάθε άρθρο θα αναλύουμε και
τουλάχιστον μία τεχνολογία και θα αντιληφθείτε στο τέλος
ότι οτιδήποτε μπορούσατε να δημιουργήσετε φτιάχνοντας
μία native εφαρμογή για Android/iOS θα μπορείτε να το κά-
νετε και με μία web app.
Mάθημα πρώτο: Responsive view
Το κύριο χαρακτηριστικό της εφαρμογής μας πρέπει να
είναι η προσεγμένη και πλήρως εφαρμόσιμη εμφάνισή της
σε οποιαδήποτε οθόνη υπολογιστή/κινητού/tablet. Με πιο
απλά λόγια, ανάλογα με το μέγεθος της οθόνης, ανάλογο
πρέπει να είναι και το resize των αντικειμένων, η θέση τους
στην οθόνη κ.λπ.
Μέχρι τώρα, για να εντοπίσουμε την αλλαγή μεγέθους
οθόνης/ανάλυσης (resize), οι περισσότεροι χρησιμοποιού-
σαμε κώδικα JavaScript, ο οποίος με μία συνθήκη, ανάλο-
Linux Labs – WebApps
