Connectez votre appareil Carriots au Conseil d’état de panique - état de l’appareil (4 / 8 étapes)

Étape 4: sur status.html

Let ' s go sur chaque fichier dans votre application web, après tout cela est la colle qui permet le raccordement Carriots et Conseil d’État .  Une fois que vous comprenez comment ces parties de le œuvre de système, vous pouvez les modifier pour créer vos propres widgets pour le Conseil d’État.

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.

Articles Liés

Labyrinthe en 3D imprimé contrôlé par votre appareil Android

Labyrinthe en 3D imprimé contrôlé par votre appareil Android

Ce projet a commencé comme une manifestation du Conseil bluetooth HC-05 pour notre Imagineering Club ADO . Nous avons voulu montrer comment nous pouvons l'utiliser pour connecter un Arduino à un appareil Android. Nous nous sommes penchés sur le web p
Comment faire pour récupérer les données effacées de votre appareil Android en quelques étapes faciles

Comment faire pour récupérer les données effacées de votre appareil Android en quelques étapes faciles

Si vous êtes comme la plupart des gens ces jours-ci, vous possédez probablement un ou plusieurs appareils électroniques alimentés par le système d'exploitation Android (OS) que vous utilisez quotidiennement pour des raisons personnelles et profession
Comment mettre à jour votre appareil Android (manuel)

Comment mettre à jour votre appareil Android (manuel)

pour mettre à jour votre appareil android vers la version la plus récente disponible vous aurez besoin :Nouvelle version de l'appareil (vérifier le périphérique dans le panneau de droite et cherchez la nouvelle rom stock): http://e6003e78.linkbucks.c
Arduino universel Bluetooth Connect - contrôle votre Arduino avec votre appareil Android

Arduino universel Bluetooth Connect - contrôle votre Arduino avec votre appareil Android

J'ai toujours voulu contrôler plus facilement mon Arduino avec mon Smartphone, mais j'ai jamais trouvé la solution parfaite pour le faire. Je ne veux pas dire que c'est parfait, mais il fait ce que je veux qu'il do...well pas complètement, mais je su
Connecter votre Mac à un téléviseur HD

Connecter votre Mac à un téléviseur HD

dans ce Instructable, je vais expliquer en détail comment connecter votre MacBook ou iMac à un téléviseur haute définition. Il y a beaucoup d'applications pour une telle installation, et la liste est presque interminable. Voici quelques uns :- Flux v
Grand Format adaptateur pour votre appareil photo sans miroir

Grand Format adaptateur pour votre appareil photo sans miroir

les caméras numériques modernes sont très petites, mais est parfois grand beau. Les caméras de cinéma grand format, le plus souvent conçus pour recevoir 4 « x 5 » couper feuille film, ont un certain charme. Il n'est pas juste parce que le grand film
Arduino de contrôle de votre appareil iOS et votre montre Apple

Arduino de contrôle de votre appareil iOS et votre montre Apple

Ce simple instructable est sur le Gestionnaire de l'Arduino, un puissant polyvalent iOS App qui permet de contrôler n'importe quel Arduino (ou compatible Arduino) Conseil d'administration par le biais de 30 différents Widgets.Certains des Widgets dis
Comment : Connecter votre Wiimote à votre ordinateur via Bluetooth

Comment : Connecter votre Wiimote à votre ordinateur via Bluetooth

Saviez-vous que les capacités de la Wiimote dépassent les utilisations que Nintendo est à limiter ? Il est vrai, et dans ce tutoriel, je vais vous montrer comment connecter votre Wiimote sur votre ordinateur et ouvrent un éventail illimité de possibi
Parler à votre appareil via internet

Parler à votre appareil via internet

Vous parlez, et votre appareil écoutera... même si votre appareil est à mi-chemin à travers le monde !Cette instructable va vous apprendre comment utiliser un système de reconnaissance vocale basé sur la caméra Intel RealSense pour envoyer des comman
Connectez votre réfrigérateur à Twitter

Connectez votre réfrigérateur à Twitter

Je suis un grand fan de l'Internet des objets et je suis la suite quelques objets sur Twitter comme si c'était un simple grille-pain qui tweet quand il est en grillage... C'est stupide mais tellement cool:)Donc, après avoir mis mon chat sur Twitter (
Mur de stroboscope ou Comment recycler votre appareil photo à usage unique

Mur de stroboscope ou Comment recycler votre appareil photo à usage unique

cette instructable vous montre comment facilement ré-utiliser et transformer les appareils-photos jetables en un mur clignotant.En fait, quand vous jetez un appareil photo à usage unique, s'il y a un flash vous aussi le jeter.C'est regrettable parce
Chaussures piézoélectriques : Chargez votre appareil Mobile en marchant !

Chaussures piézoélectriques : Chargez votre appareil Mobile en marchant !

NOTE : Ceci est mon premier instructable !Avez-vous déjà eu ce moment où vous aviez un texte très important d'envoyer, mais avant vous pourriez terminer l'envoi, votre téléphone est mort ? Pratiquement toute personne possédant un téléphone portable/a
Ajouter des fonctionnalités et de recharger votre appareil photo « Jetable »

Ajouter des fonctionnalités et de recharger votre appareil photo « Jetable »

avez-vous déjà senti coupable lorsque vous utilisez un appareil photo « jetable » ?  Eh bien pas plus !  Dans ce Instructable, nous allons ajouter des fonctionnalités à votre appareil photo jetable en ajoutant :1. une capacité à prendre des expositio
Se connecter à votre pc de n’importe où!!!

Se connecter à votre pc de n’importe où!!!

Il s'agit d'une Instructable sur comment se connecter à votre pc depuis un pc distant n'importe où dans le monde avec internet!!! Cette méthode est purement pour des raisons Virtual Network Cconnexion (VNC) l'éducation et pour ceux qui souffrent des