Professional Documents
Culture Documents
Na vajah smo uporabili spletno platformo ThingSpeak. S to platformo smo povezali arduino s
pripadajočimi senzorji. Da smo lahko povezali Arduino s ThingSpeak smo potrebovali
indetifikacijske parametre:
- identifikacija kanala (angl. Channel ID), na ta kanal smo dostavljali podatke, služi pa
tudi kot številka kanala pri javnem dostopu (prek te številke si lahko ostali ogledajo
podatke)
- skrivni ključ za pisanje (angl. Write API Key), namenjen avtentikaciji Arduino plošče
na platformi ThingSpeak
- skrivni ključ za branje (angl. Read API Key), namenjen branju shranjenih podatkov v
primeru, da so podatki shranjeni kot zasebni (vaši bodo javni, ta ne bo potreben!).
ThingSpeak ponuja knjižnjico, s katero je pošiljanje podatkov na strežnik v obliki zahtev HTTP
s programerskega stališča zelo poenostavljeno.
Svoj kanal lahko nastavimo na javnega ali zasebnega (glede na to kateri ključ izberemo). Na
platformi nato lahko poljubno predstavimo zbrane podatke s senzorjev. Lahko oblikujemo
različne grafe, barvne oznake oziroma alarme,…
HTML
HTML oziroma na dolgo Hyper Text Markup Language je označevalni jezik pri katerem se
preko značk in atributov, izdelujejo spletne strani. Predstavlja osnovo spletnega dokumenta.
- Učinkovit tekst za kodiranje informacij
- Opiše strukturo spletnih strani
- Vsebuje serijo elementov oz. značk (značke -> atributi)
- Pove brskalniku kako prikazati spletne elemente
Primeri značk:
<h1> <html> <script> <link> <metadata> <title> <p>
CSS
CSS oziroma na dolgo Cascading Style Sheets sp šredloge predstavljene v obliki preprostega
slogovnega jezika. Uporablja se za oblikovanje spletnih strani.
- Opiše kako so HTML elementi označeni
- Skupek pravil, definiranih na razne načine in na raznih mestih
Nekaj CSS lastnosti:
text-color: black; (barva texta)
align-self: center; (avtomatska poravnava, na sredino)
background-color: blue; (barva ozadja)
height :1000px; (višina)
API
Aplikacijski programski vmesnik (Application programming interface) je množica protokolov
in orodij za izgradnjo programske opreme in aplikacij.
Premeri APIjev, ki so na voljo v brskalniku in vplivajo na sistem izven brskalnika:
File System API
Network Information API
Geolocation API
Media Capture and Streams API
Bluetooth API
Načeloma so ti API varni. Je pa tudi odvisno od tega kdo je developer in kakšne permissione
jim dodelimo.
SVG je vektorska slika, torej omogoča spreminjanje velikosti brez izgub kvalitete, zasede
manj prostora. Slabost SVG-ja je, da ne omogoča prikazovanja veliko podrobnosti na sliki,
nekateri brskalniki jih ne podpirajo itd. Pri kreiranju slik za spletne strani za PC in mobile, kjer
je potrebno resize-ati slike in pri dizajnu logotipov.
Izdelava uporabniškega vmesnika za IoT
Kaj je iFrame?
iFrame je HTML značka, ki nam omogoča, da spletno stran razdelimo v različne okvirje. To lahko
zmanjša uporabo pasovne širine, saj se ponavljajoči deli postavitve lahko uporabljajo v enem okviru,
medtem ko je spremenljiva vsebina prikazana v drugem. V teh okvirjih lahko potem prikazujemo
poljubne vsebine. Pogosto se uporablja za vstavljanje vsebin iz drugega vira (recimo oglas) Mora
imeti parametre: source, height, width in style.
iFrame lahko prikazuje vsebino iz ostalih domen oz. spletnih strani. Takrat zaupamo domeni, da ne bo
servirala nič škodljivega. IFrame je načeloma popolnoma varen, če nadziramo njihovo vsebino.
ThingSpeak
Arhitektura osnovnega sistema za strežbo enostavne strani. Ta arhitektura predstavlja sistem
preden smo dodali karkoli s ThingSpeak-om.
Client prvo pošlje http zahtevo za spletno stran, v odgovoru mu WEB prav tako s pomočjo
http-ja vrne stran.
Postopek zajema:
Sprožimo zajem podatkov. Na IP telefonu izvedemo klic na drug telefon (fizični oz.
programski). Ustavimo zajemanje.
Zajeta struktura sporočil odraža tipično kombinacijo protokolov za prenos zvoka v realnem
času pri telefoniji IP. Z obdelavo vsebine zajetega prometa je možno dekodiranje zvočnega
signala telefonskega pogovora. Če komunikacija ni dodatno zaščitena je to primer
potencialne zlorabe oz. prisluškovanja pri telefoniji IP.
Flow sequence za klic zajet s programom Wireshark:
Protokolni sklad za govorne komunikacije v SIP VoIP sistemih:
V “realnem” klicu moramo najprej vspostaviti SIP povezavno z redirect strežnikom, nato
mora ta redirect strežnik vspostaviti SIP sejo s končnim uporabnikom, nato pa lahko
vspostavimo RTP sejo in pošiljamo podatke. Promet je zajet le pri pošiljatelju, zato ni vidna
celotna izmenjava sporočil.
WebRTC: Analiza delovanja RTCPeerConnection
WebRTC je brezplačen in odprtokodni projekt, ki spletnim brskalnikom in mobilnim
aplikacijam omogoča komunikacijo v realnem času prek vmesnikov za programiranje
aplikacij.
Sekvenca vozlišč:
Če refreshamo/z ukazom »new tor circuit« zahtevamo novo pot. Tor nam dodeli nova
vozlišča, le Guard je vedno isti.