Étape 4: sur status.html
Le fichier plus simple à comprendre est peut-être status.html. Ce fichier est essentiellement la page web mini qui est appelée par le Conseil d’État. Ce dossier précis, est mis en place comme modèle dans la fiole. Cela signifie que les données de notre application web sont remplies dans ce modèle avant elle est servie.
Ce fichier particulier est construit exemple "People In Space" propre de panique. En Conseil d’État, un panneau DIY est fondamentalement une mini-page web spécialement mis en forme. Notre page web doit donc être mis en forme correctement. Si vous voulez en savoir plus, vous pouvez trouver le guide de bricolage panneau ici. Une grande chose au sujet de ce format mini web, c’est que cela signifie que vous pouvez également afficher ce fichier dans un navigateur, si vous n’utilisez pas du statut. Plus sur cela plus tard.
La mise en forme spéciale, c’est dans le CSS de la page web. Le CSS est intégré au fichier HTML plutôt que d’appeler un fichier CSS distinct.
Il y a aussi quelques javascripts dans le fichier. Le premier script, appelé jstimezonedetect, aide le panneau DIY pour obtenir l’hôte nom de fuseau horaire du système. Le fuseau horaire est nécessaire pour que notre application web peut configurer automatiquement l’heure affichée dans le widget statut Conseil. Le javascript obtient le nom de fuseau horaire d’une liste standard de noms et le passe au serveur d’applications comme paramètre dans une requête de mise à jour d’AJAX.
Les autres fonctions de script mis en place un appel AJAX qui se produit de temps en temps, dans notre cas que c’est 60 secondes. Cet appel de mise à jour est d’une section spéciale de notre serveur d’applications qui renverra une réponse JSON au lieu d’une page web HTML. Autrement dit, elle retourne uniquement les données. Lorsque le script reçoit une réponse, les données sont analysées et les champs sont mis à jour afin que le widget affiche les données les plus récentes.
Rappelez-vous comment je l’ai dit que vous n’avez pas besoin d’un iPad pour essayer ce widget ? Voici pourquoi. Le panneau DIY est vraiment juste une mini page web avec une mise en forme spéciale. Cela signifie que n’importe quel contenu pourrait être affichée en Conseil d’État. Ou, d’ailleurs, dans un navigateur web. Maintenant, la partie de la mise en forme spéciale est un fond transparent afin que le Conseil d’État peut rendre un fond approprié. Fond transparent avec du texte blanc habituellement ne semblera pas bon dans un navigateur standard, donc un paramètre spécial de «? bureau » peut être ajouté à la fin de l’URL à afficher l’image dans le navigateur. Voir les images dans cette étape pour obtenir un exemple.
Sur le fichier suivant.