HTML5 apporte des attributs de sémantique et délaisse des
attributs de forme qui sont pris en charge par le langage
CSS2.1 et maintenant CSS3.
HTML5 (HyperTexte Markup Language) définit le fond, le contenu et la logique des éléments mis en page. Par exemple des entêtes, sections et articles sont créés pour structurer le contenu et abandonner les balises nommées frame.
CSS3 (Cascade Style Sheets) définit la forme, l'apparence et donc le style.
Par exemple, il permet de télécharger une police de caractère dans le navigateur qui ne dispose pas de cette police en standard.
CSS3 est la dernière version fonctionnant avec HTML5
Comment afficher avec la Police par défaut de cette page un texte avec ombre ou relief grâce à CSS3 ?
Police Verdana
Ce texte est accompagné d'une ombre en CSS3
Meilleure intégration multimédia avec HTML5
Ce langage intègre mieux les informations numérisées audio et vidéo pour les terminaux mobiles et fixes.
La caméra est utilisée dans les drones pour filmer à distance. Le drone utilise souvent un système Android ou Linux.
Safari est le navigateur web de Apple. Le logiciel de Apple pour lire les vidéos est QuickTime.
HTML5 offre une solution simple, native pour l'intégration d'une vidéo dans une page web.
Elle permet de proposer une alternative à l'utilisation de Flash pour les plate-formes ne le supportant pas
(iOS, iPhone iPad…).
HTML5 permet de proposer plusieurs sources dans plusieurs formats différents grâce à l'attribut type :
source src="video/GoogleMapsDecouverte.mp4" type=video/mp4 source src="video/GoogleMapsDecouverte.webm" type=video/webm source src="video/GoogleMapsDecouverte.3gp" type=video/3gp source src="video/GoogleMapsDecouverte.flv" type=video/flv
Dans cet exemple de code, mp4 est le format supporté par les navigateurs Internet Microsoft et d'autres. Webm est le type de format utilisé et il est soutenu par Google. Dans les téléphones mobiles le format utilisé pour
enregistrer une vidéo avec la caméra est souvent 3gp. Flv est le format de Adobe Flash Player. La syntaxe en HTML5 consiste simplement à déclarer le codeur/décodeur numérique supporté par les différents navigateurs web.
Autre vidéo insérée avec un code précédent HTML4 ou XHTML
Voici une vidéo en anglais visible dans différentes versions de navigateur web :
La syntaxe avant HTML5 consistait à créer un cadre avec la vidéo par le code suivant
iframe src="https://www.youtube.com/embed/gN-MeB-S8Kw" /iframe
La plate-forme numérique Android se généralise pour smartphones,
tablettes tactiles, montres et terminaux mobiles. Avec iOS, l'environnement
numérique de Apple, ces systèmes totalisent plus de 95% du parc installé.
Persistance des données et communication sous Google Android
Android utilise des classes Java
permettant de partager les informations
entre activités de façon persistante, de recevoir ou envoyer
des données de transmission en continu sur Internet notamment.
Communication entre activités (intent)
La classe Java définie dans la bibliothèque Android permet de démarrer une autre activité dans une application.
Le composant approprié est déterminé en fonction de l'information
fournie dans le fichier manifeste Java dans l'application Android.
Stockage persistant dans une application (shared preferences)
Pour un ensemble particulier de préférences, il ya une seule instance de cette classe que tous les clients partagent.
Base de données SQLite dans Android
La bibliothèque Java fournie avec l'environnement Android Studio contient les classes de gestion de base de données SQLite.
Activité lancée en asnchrone pour une partie de l'application mettant du temps à être traitée.
La classe android.os.AsyncTask est disponible pour cela avec 4 méthodes pour lancer une activité asynchrone
en tâche de fond tout en visualisant sa progression et accélérer l'affichage utilisateur.
Services web
Une classe HttpURLConnection est utilisée pour envoyer et recevoir des données sur le Web.
L'architecture REST (REpresentational State Transfert) propose ce service web permettant d'accéder à des ressources HTML, JSON (JavaScript Object Notation) ou XML.
Conception avancée avec Angular JS
La plate-forme AngularJS (JavaScript) est un framework open source, développé par Google, permettant de faciliter la création de SPA (Single Page Application) ou application sur une seule page web. Ainsi l'utilisateur navigue au travers de plusieurs vues mais en restant sur cette même page. Cela veut dire que le navigateur doit gérer les mécanismes de navigation entre vues, la récupération des données puis la fusion de ces données pour générer la page à afficher.
