Τι είναι μια εφαρμογή html5 και θέλω ένα;

Εχετε ακούσει? Οι εφαρμογές HTML5 πρόκειται να αλλάξουν τα πάντα, πιθανώς το επόμενο έτος. Τουλάχιστον αυτό λέει για μια στιγμή η μία πλευρά της συζήτησης για το HTML5 έναντι των εγγενών εφαρμογών. Είναι ένα μήνυμα που κάνει το δρόμο του στο προσκήνιο κάθε τόσο, και αυτό θα είναι για πάντα. Ή τουλάχιστον μέχρι να συμβεί πραγματικά και όλες οι καλύτερες εφαρμογές είναι εφαρμογές HTML5. Δεν είναι ασυνήθιστο να βλέπεις ότι οι προγραμματιστές έχουν αυτό το είδος συζητήσεων και υποστηρικτές της κάθε πλευράς, εξηγώντας πως η έκδοσή τους είναι η καλύτερη έκδοση, αλλά όταν τα πράγματα ξεπερνούν μια συζήτηση για τους προγραμματιστές και στο mainstream όπου εσύ και εγώ τα ακούμε, μπορούν να μας κάνουν να είναι μπερδεμένος. Πρέπει πραγματικά να νοιαζόμαστε για αυτό που ακούμε;

Σε αυτή την περίπτωση, ναι. Ενώ η ουτοπία όπου κάθε εφαρμογή είναι γραμμένη σε HTML5 και κάθε χρήστης έχει την ίδια εμπειρία εξακολουθεί να είναι ένας καλός τρόπος για να βγει, αν συμβεί κάτι τέτοιο, το HTML5 σε μια υβριδική μορφή είναι ήδη μια αρκετά μεγάλη υπόθεση. Πρέπει να γνωρίζουμε και να κατανοούμε οτιδήποτε είναι αρκετά μεγάλο.

Τι είναι μια εφαρμογή HTML5;

Την πρώτη φορά που οι περισσότεροι άνθρωποι άκουσαν το HTML5 που αναφέρθηκε ήταν όταν ο Steve Jobs μας είπε ότι θα ήταν το μέλλον του διαδικτύου και το Flash δεν θα το έκανε. Η δήλωσή του έγινε εν μέρει αληθινή επειδή η Apple εμπόδισε την πρόσβαση σε οποιοδήποτε είδος Flash player στην iOS, αλλά δεν πήρε έναν οραματιστή οποιουδήποτε είδους για να ξέρει ότι αυτό έρχεται επειδή το HTML5 έχει πολύ περισσότερα για αυτό από ό, τι έκανε ποτέ το Flash. Και συμβαίνει ακριβώς ότι το μέλλον του ιστού είναι επίσης ένας πολύ καλός τρόπος για να κωδικοποιήσετε εφαρμογές.

Το HTML σημαίνει HyperText Markup Language και βρισκόμαστε στην 5η αναθεώρηση του προτύπου. Αλλά όταν ακούτε τον όρο HTML5 app, αν αυτό σημαίνει ότι μια εφαρμογή ιστού ή μια εφαρμογή που μπορείτε να εγκαταστήσετε στο τηλέφωνό σας, αντιμετωπίζετε πραγματικά τρεις τύπους κώδικα.

• Το HTML παρέχει ένα πλαίσιο όπου οι προγραμματιστές μπορούν να βάλουν τον κώδικα τους και μια εφαρμογή μπορεί να την μετατρέψει σε κάτι που μπορούμε να δούμε και να αλληλεπιδράσουμε.
• Το CSS παρέχει έναν τρόπο διαμόρφωσης του τρόπου εμφάνισης των επιμέρους κομματιών του κώδικα μόλις αποτυπωθούν και εμφανιστούν στην οθόνη μας.
• Το JavaScript είναι αυτό που το καθιστά διαλογικό και μπορεί να "κάνει" οτιδήποτε.

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

Ένας μηχανικός του Mozilla είπε κάποτε: "Ο κώδικας όταν τρέχει οπουδήποτε δεν σημαίνει ότι πρέπει να φύγετε. Η βελτιστοποίηση είναι το κλειδί". Έξυπνοι, αυτοί οι μηχανικοί του Mozilla.

Αυτό σημαίνει ότι ο προγραμματιστής μπορεί να γράψει τον κώδικα του και να το συντονίσει, και στη συνέχεια να το αναπτύξει παντού. Αυτό είναι πολύ διαφορετικό από το γράψιμο ξεχωριστού κώδικα για Android, iOS, macOS, Windows και HTML για webOS και BlackBerry 10. Ένας προγραμματιστής μπορεί να γράψει κώδικα χρησιμοποιώντας οποιοδήποτε αναπτυξιακό περιβάλλον που επιλέγουν, είτε πρόκειται για το Notepad είτε για κάτι παρόμοιο όπως το Visual Studio ή το Adobe Dreamweaver, να εντοπίζουν σφάλματα και να συντονίζονται σε οποιοδήποτε browser που επιλέγουν και εξακολουθεί να λειτουργεί απλώς παντού.

Αυτό περιλαμβάνει και το τηλέφωνό σας. Όλοι έχουμε δει τις εφαρμογές HTML5 να χρησιμοποιούνται ως ιστοσελίδα. Τοποθεσίες όπως το Twitter ή η κινητή έκδοση του Gmail είναι εξαιρετικά παραδείγματα HTML5 στην εργασία. Επειδή όμως το HTML5 μπορεί να αποτυπωθεί από ένα στοιχείο προβολής ιστού, αφήνοντας ένα παράθυρο μέσα σε ένα βασικό πλαίσιο εφαρμογής για να δημιουργήσετε μια εφαρμογή που εγκαθιστάτε πραγματικά στο τηλέφωνό σας είναι απλή και γρήγορη. Υπάρχουν ακόμη και εργαλεία τρίτων που κάνουν όλη τη δουλειά για εσάς, όπως Apache Cordova. Αυτό βοηθά τους νέους προγραμματιστές να φέρουν τις ιδέες τους σε όλους, καθώς και σε έμπειρους προγραμματιστές, οι οποίοι τώρα έχουν το χρόνο να ονειρευτούν πράγματα που δεν έχουμε ξαναδεί. Το HTML5 ενσωματωμένο σε μια εγγενή εφαρμογή μπορεί να εκτελέσει τον κώδικα και να χρησιμοποιήσει τα στοιχεία που παίρνει από το διαδίκτυο, αλλά ένας προγραμματιστής μπορεί επίσης να το εγκαταστήσει τοπικά και να δείξει τον κώδικα εκεί για τις γνήσιες εφαρμογές offline.

Αλλά δεν είναι όλα καλά για HTML5.

Η πραγματικότητα των εφαρμογών HTML5

Εδώ είναι όπου τα πράγματα μπορούν να μπερδευτούν. Όταν σκεφτόμαστε μια ιστοσελίδα, ξεχνάμε συχνά ότι μια ιστοσελίδα στέλνει μόνο τον κωδικό της σε μια μηχανή αναζήτησης και είναι η συσκευή μας που κάνει την εργασία. Αυτό σημαίνει ότι τα πράγματα όπως η γεωγραφική τοποθέτηση, η συνομιλία ήχου και βίντεο σε πραγματικό χρόνο, τα 3D επιταχυνόμενα γραφικά και πολλά άλλα είναι όχι μόνο δυνατά αλλά και απλά για έναν προγραμματιστή που υλοποιεί χρησιμοποιώντας HTML5. Αυτό οφείλεται στο γεγονός ότι ένας οργανισμός προτύπων δήλωσε: "Γεια σου παιδιά, όλοι πρέπει να κάνουμε αυτό το συγκεκριμένο πράγμα με τον συγκεκριμένο τρόπο, και ένας προγραμματιστής μπορεί να μας ζητήσει να το κάνουμε έτσι."

Αυτός είναι ο στόχος, ούτως ή άλλως. Η πραγματικότητα μπορεί να είναι λίγο διαφορετική και πρέπει να δούμε μόνο την αναπαραγωγή βίντεο για ένα καλό παράδειγμα του γιατί. Κάθε πρόγραμμα περιήγησης που θέλετε να χρησιμοποιήσετε υποστηρίζει HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox και Safari είναι προγράμματα περιήγησης HTML5 και υποστηρίζουν την αναπαραγωγή βίντεο μόλις ένας προγραμματιστής πληκτρολογεί με μερικές λέξεις που δείχνουν σε ένα βίντεο. Οποιοσδήποτε τύπος φορητής συνιστώσας προβολής ιστού αυτών των εφαρμογών θα κάνει το ίδιο πράγμα επειδή χρησιμοποιούν την ίδια μηχανή απόδοσης.

Όταν δεν επιβάλλετε κανόνες, γίνονται προτάσεις. αυτά που κανείς δεν θέλει να ακολουθήσει.

Αλλά δεν υποστηρίζουν όλοι τον ίδιο τύπο βίντεο, επειδή το HTML5 είναι δια-πλατφόρμα, ανοιχτό και όχι ιδιόκτητο, οπότε κανείς δεν τους αναγκάζει να υποστηρίξουν όλες τις μορφές. Η Ogg Theora είναι μια δημοφιλής μορφή βίντεο που υποστηρίζει κάθε πρόγραμμα περιήγησης εκτός από τον Internet Explorer, που συμβαίνει να είναι το προεπιλεγμένο πρόγραμμα περιήγησης σε πολλούς υπολογιστές. Το H.264 είναι ακόμη πιο δημοφιλές, αλλά δεν είναι ανοιχτό ή ελεύθερο για χρήση, οπότε ο Firefox δεν το υποστηρίζει. Το VP8 και το WebM είναι ελεύθερα να χρησιμοποιούν και να ανοίγουν και κάθε μηχανή αναζήτησης τους υποστηρίζει, αλλά ο Internet Explorer και το Safari απαιτούν από τον χρήστη να ανακτήσει και να εγκαταστήσει υποστήριξη. Τεχνικά, το HTML5 υποστηρίζει αναπαραγωγή βίντεο HD και είναι εξαιρετικά εύκολο για έναν προγραμματιστή να το εφαρμόσει. Στον πραγματικό κόσμο, υποστηρίζεται μόνο ο σωστός τύπος βίντεο.

Το YouTube αναπαράγει όλο το βίντεο με HTML5 επειδή η Google έχει τα χρήματα για να μετατρέψει τα βίντεο που μεταφορτώνετε.

Το HTML5 εξαρτάται επίσης από το υλικό που χρησιμοποιείται και από το πόσο ικανός είναι ο προγραμματιστής όταν πρόκειται να γράψει τον κώδικα. Η επιλογή της λανθασμένης βιβλιοθήκης JavaScript ενδέχεται να παράγει το ίδιο αποτέλεσμα, αλλά μπορεί επίσης να οδηγήσει σε διαρροές μνήμης και στο χειρισμό DOM Manipulation (Μοντέλο αντικειμένου εγγράφου - δημιουργείται όταν φορτώνεται μια σελίδα ή εφαρμογή και περιλαμβάνει όλα τα στοιχεία της σελίδας ή της εφαρμογής ως ένα ξεχωριστό "έγγραφο") μπορεί να κάνει μια εφαρμογή HTML5 απογοητευτικά αργή ακόμη και για το καλύτερο υλικό. Στα τηλέφωνα που δεν είναι τόσο ικανά, οδηγεί γρήγορα στους χρήστες να απεγκαταστήσουν την εφαρμογή σας.

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

Η εφαρμογή Facebook είναι ένα παράδειγμα του τι συμβαίνει με το HTML5, όπως ακριβώς και το Instagram είναι ένα παράδειγμα του τι είναι σωστό.

Υπάρχει ένα εξαιρετικό παράδειγμα αυτού του διαθέσιμου και το ένα σχεδόν όλοι μας είμαστε δυσαρεστημένοι με το είδος του τηλεφώνου που χρησιμοποιούμε: την εφαρμογή Facebook. Η εφαρμογή Facebook είναι βασικά μια προβολή ιστού που είναι ενσωματωμένη σε ένα πλαίσιο που περιέχει τα κουμπιά και βοηθά στη διαχείριση των διαπιστευτηρίων του λογαριασμού σας ή στην προώθηση μηνυμάτων με τρόπο που το λειτουργικό σύστημα εγκρίνει. Όλα τα πράγματα που συμβαίνουν μέσα στην εφαρμογή γίνονται με HTML5 και είναι απλά πάρα πολύ για να το χειριστείς μόλις αποφασίσεις να συγκεντρώσεις όλα τα δεδομένα από το διαδίκτυο. Οι υπεύθυνοι ανάπτυξης συνεχίζουν να προσθέτουν όλο και περισσότερο στο Facebook, οι χρήστες δημοσιεύουν μεγάλα αρχεία που φιλοξενούνται στο θέσεις έξω από το Facebook, και υπάρχουν εκατομμύρια και εκατομμύρια άνθρωποι που χτυπούν τους διακομιστές του Facebook όλα ταυτόχρονα, 24/7. Αυτό καθιστά τις εφαρμογές αργά για να ανανεώσετε, πολύ δύναμη πεινασμένοι, και το θέμα πολλών καταγγελιών.

Η ιστοσελίδα για κινητά του Facebook είναι επίσης γραμμένη σε HTML5, αλλά έχει σχεδιαστεί για να είναι αξιόπιστη για πόρους, επειδή είναι για κινητά. Αυτό καθιστά πιο γρήγορη τη φόρτωση του περιεχομένου που θέλετε να δείτε ακόμη και αν όλο αυτό το περιεχόμενο δεν εμφανίζεται αρκετά ωραίο όσο είναι στην πλήρη προβολή. Αυτός είναι και ο λόγος για τον οποίο ο ιστότοπος για κινητά και οι εφαρμογές Facebook "lite" αναφέρουν ότι λειτουργεί πολύ καλύτερα από την επίσημη εφαρμογή του Facebook. Και αυτό δεν είναι μόνο ένα πρόβλημα στο Facebook - υπάρχουν πολλές εφαρμογές που θα έχουν όλες τις λειτουργίες τους υποστηριζόμενες χρησιμοποιώντας HTML5, αλλά είναι εξίσου πολύπλοκες (μια ωραία λέξη για φουσκωμένο, επειδή έχουν περάσει και συνεχώς αλλάζουν) όπως το Facebook και θα ενεργούσε με τον ίδιο τρόπο.

Θέλω λοιπόν να δω περισσότερες εφαρμογές HTML5 ή όχι;

Ναί! Αλλά δεν είναι όλες οι εφαρμογές.

Το HTML5 είναι πολύ καλό σε πολλά πράγματα και είναι ένας πολύ καλός τρόπος για έναν προγραμματιστή να χρησιμοποιήσει το χρόνο του / της για να σκεφτεί δημιουργικές ιδέες αντί για ριζοβολία μέσω ενός εγχειριδίου αναφοράς του Objective-C ή του C ++. Αλλά μερικές φορές, η άκαμπτη δομή των γλωσσών ανάπτυξης που αναγκάζουν έναν προγραμματιστή να κάνει τα πράγματα με κάποιο τρόπο είναι αυτό που κάνει το τελικό αποτέλεσμα να λειτουργεί καλύτερα στα τηλέφωνά μας.

Οι εφαρμογές HTML5 μπορεί να είναι ένας εφιάλτης όπως βλέπουμε από την εφαρμογή Facebook ή μπορεί να είναι αρκετά φοβερό, όπως βλέπουμε από τον ιστότοπο Gmail για κινητά. Ή Uber. Ή Instagram. Ή οποιαδήποτε από τις εκατοντάδες εφαρμογές HTML5 που χρησιμοποιούμε καθημερινά. Αυτό δεν είναι κάτι που πρέπει να ανησυχούμε, αλλά είναι τελείως ένα πράγμα για τους προγραμματιστές να συζητούν αδιάκοπα. Και τώρα, ενώ συζητούν και προσπαθούν να σας πείσουν τι είναι καλύτερο, ξέρετε λίγο γιατί λένε τα πράγματα που λένε.

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