Stap 5: HTML-Code voor de tablet
De HTML/Javascript-code die ik voor de Tablet PC gebruikte is aangesloten op deze stap. Het maakt gebruik van jQuery Mobile om een eenvoudige gebruikersinterface van 2 pagina. De eerste pagina toont de status van de toepassing, terwijl de tweede pagina bevat de instellingen.
De instellingen zijn handig voor het vastleggen van de Imp Agent URL die specifiek zijn voor uw Imp. U uitsluitend nood voor steken de volgorde van de tekens na de URL als de Javascript-code automatisch de basis-URL bevat zoals hieronder getoond
'https://agent.electricimp.com/' + halloweenSettings.URLKey
De APIKey is een fundamentele veiligheidsmechanisme om ervoor te zorgen dat als uw URL wordt gecompromitteerd, u nog steeds voorkomen ongeautoriseerde toegang tot uw API dat kunt. De Agent-code die wordt uitgevoerd in de wolk Imp controleert alle inkomende verzoeken om ervoor te zorgen dat de sleutel overeenkomt met. De sleutel kan elke willekeurige alfanumerieke tekenreeks worden - u hoeft alleen maar om ervoor te zorgen dat de tekenreeks hetzelfde in de code van de Agent en de HTML-code is. (API-sleutel idee van http://forums.electricimp.com/discussion/comment/...
De Javascript-code regelmatig Verzoekstatus de PIR sensor van het GMB. Wanneer de PIR heeft gedetecteerd motion, de clientcode genereert een willekeurig getal dat een index in een array van geluidseffecten. Op mobiele apparaten, worden de geluiden niet geladen wanneer u wilt uw mobiele data-pan besparen dus een user interface-element is vereist om ze te starten laden. De knop 'Druk op om te beginnen' initieert het laden van alle geluidseffecten en worden daarna verborgen. Dit initieert ook de polling-cyclus voor ajax oproepen naar de imp-agent voor PIR sensor status. De geluiden die ik heb gebruikt zijn alle openbaar domein en werden gevonden op soundbible.com. Er zijn veel sites van het publieke domein daar en u niet hoeft te beperken jezelf tot 10 geluidseffecten... gebruik zoveel als je nodig hebt!
De polling-cyclus formaten een JSON-verzoek voor de Imp-Agent. De URL bevat een tijdstempel om te voorkomen dat de browser caching het uitgaande verzoek.
De reactie van de Imp-Agent is de status van de PIR-sensor. Als de status van de sensor is '1' dan een willekeurig getal gegenereerd naar index in de tabel van geluid.
De functie PlaySound speelt het geluid en toont de huidige geluid op het scherm. Dit is nuttig voor debugging en geeft je ook iets om naar te kijken wanneer je vervelen te!
Als u een webserver hebt, u kunt gewoon kopiëren van de bestanden naar de webserver voorzien van deze stap, wijs uw tablet/PC/Smartphone naar de URL en u wordt gedaan. Als je heb geen webserver en u een PC of laptop gebruikt, kunt u de bestanden rechtstreeks naar een map kopiëren en opent u het bestand i.html vanuit de map die u hebt gebruikt.
Als u geen van een webserver gebruikmaakt, kunt u de bestanden direct naar de Tablet. Dit is een beetje lastig, omdat het pad van de map op de Tablet PC niet duidelijk is. Met behulp van een Android-tablet aangesloten op een PC USB poort, u zal zitten kundig voor zien van de tablet-mapstructuur. Voeg een map met de naam Halloween en kopieer alle bestanden naar deze map. Met behulp van Google Chrome op de tablet, het file:///-protocol gebruiken om het bestand i.html te openen.
Vind je het pad op de Android tablet, een van de gratis File Explorer Apps downloaden in de Android App Store en navigeer naar de map van uw Halloween. De bestand Verkenner-app zal onthullen het pad naar de map. Bijvoorbeeld, file:///storage/emulated/0/halloween/i.html