diff options
Diffstat (limited to '')
| -rw-r--r-- | data/www/0.html | 8 | ||||
| -rw-r--r-- | data/www/1.html | 137 | ||||
| -rw-r--r-- | data/www/2.html | 40 | ||||
| -rw-r--r-- | data/www/3.html | 9 | ||||
| -rw-r--r-- | data/www/4.html | 9 | ||||
| -rw-r--r-- | data/www/css/main.css | 25 | ||||
| -rw-r--r-- | data/www/index.html | 32 | ||||
| -rw-r--r-- | data/www/kazalo.html | 15 | ||||
| -rw-r--r-- | data/www/redirect.html | 10 |
9 files changed, 285 insertions, 0 deletions
diff --git a/data/www/0.html b/data/www/0.html new file mode 100644 index 0000000..9fa9527 --- /dev/null +++ b/data/www/0.html @@ -0,0 +1,8 @@ +<head> +<meta charset=UTF-8> +<link rel="stylesheet" type="text/css" href="css/main.css"> +</head> +<b><text style=font-size:25px>Glavna stran</text> <!--<img align=right src=img.png alt=SLIKA width=300 height=170 />--> +<br><i>Anton Luka Šijanec, 14. november 2019</i><br></b> +<p>Tole je predloga, spisana za IoT čipe (prilagojena za ESP8266). Izdelal sem jo za potrebe projektne naloge pri fiziki v prvem letniku.</p><hr> +Preberi še: <a href=1.html>Nastavitve omrežja</a> diff --git a/data/www/1.html b/data/www/1.html new file mode 100644 index 0000000..c75f0b3 --- /dev/null +++ b/data/www/1.html @@ -0,0 +1,137 @@ +<head> +<meta charset=UTF-8> +<link rel="stylesheet" type="text/css" href="css/main.css"> +<style> +table, tr, td { border: 1px solid red; } +</style> +</head> +<b><text style=font-size:25px>Nadzorna plošča</text> <!--<img align=right src=img.png alt=SLIKA width=300 height=170 />--> +<br><i>Anton Luka Šijanec, 13. december 2019</i><br></b> +<br> +<table height=89% width=100%> +<tr> +<td width=33%> +zadnja zahteva na strežnik: +<iframe name=zadnjaiframe></iframe> +</td><td width=33%> +<form action="/api/pin" method="GET" target="zadnjaiframe"> + <select name=p> + <option value="D0">D0</option> + <option value="D1">D1</option> + <option value="D2">D2</option> + <option value="D3">D3</option> + <option value="D4">D4</option> + <option value="D5">D5</option> + <option value="D6">D6</option> + <option value="D7">D7</option> + <option value="D8">D8</option> + <option value="A0">A0</option> + </select> + <br>vrednost: <input type=number value=0 min=0 max=1023 name=v> + <br><input type="submit" value="ročna nastavitev pina" /> +</form> +</td><td width=33%> +<form action="/api/pin" method="GET" target="zadnjaiframe"> + <select name=p> + <option value="D0">D0</option> + <option value="D1">D1</option> + <option value="D2">D2</option> + <option value="D3">D3</option> + <option value="D4">D4</option> + <option value="D5">D5</option> + <option value="D6">D6</option> + <option value="D7">D7</option> + <option value="D8">D8</option> + <option value="A0">A0</option> + </select> + <br><input type="submit" value="pridobitev trenutnega stanja pina (branje pina)" /> +</form> +</td> +</tr> +<tr> +<td> +<form action="/api/res" method="GET" target="zadnjaiframe"> +<input type=hidden name=k value=availheap> +<input type="submit" value="pridobi bajte prostega rama" /> +</form> +<form action="/api/rst" method="GET" target="zadnjaiframe"> +<input type="submit" value="ponovno zaženi napravo" /> +</form> +<form action="/api/now" method="GET" target="zadnjaiframe"> +<input type="submit" value="pridobi trenutni čas (UNIX časovni žig)" /> +</form> +</td><td> +<form action="/api/sap" method="GET" target="zadnjaiframe"> +<input required type=text name=s placeholder="SSID"> +<input type=text name=p placeholder="geslo (neobvezno)"> +kanal: <input type=number value=1 min=1 max=13 name=c value=1> +skrij dostopno točko? <input type=radio name=h value=0 checked=checked>ne <input type=radio name=h value=1>da +spoofan mac naslov čipa (neobvezno): <input type=text maxlength=12 name=m placeholder="format: EEFABC286787"> +<input type="submit" value="nastavitev dostopne točke" /> +</form> +</td><td> +<form action="/api/sta" method="GET" target="zadnjaiframe"> +<input required type=text name=s placeholder="SSID"> +<input type=text name=p placeholder="geslo (neobvezno)"> +<input type=text name=h value=sijaneciot placeholder="ime gostitelja čipa (neobvezno)"> +spoofan mac naslov ESP-čipa (neobvezno): <input type=text maxlength=12 name=m placeholder="format: EEFABC286787"> +<input type="submit" value="povezava na omrežje WiFi" /> +</form> +</td> +</tr> +<tr> +<td>7<br><br> +<form action="/api/pin" method="GET" target="zadnjaiframe"> + <select name=k> + <option value="s">MAC kot klient neke druge dost.točke</option> + <option value="a">MAC kot dostopna točka</option> + <option value="i">IP naslov kot klient</option> + <option value="c">ID čipa</option> + <option value="h">ime gostitelja</option> + </select> + <br><input type="submit" value="pridobitev informacij in ID-jev" /> +</form> +</td><td> +<form action="/api/pwm" method="GET" target="zadnjaiframe"> + <input type=number min=1 name=v> Hz + <input type="submit" value="nastavitev frekvence pulzoširinske modulacije" /> +</form> +</td><td> +<form action="/api/slp" method="GET" target="zadnjaiframe"> + za <input type=number min=1 name=v> mikrosekund + <input type="submit" value="pojdi v stanje globokega spanja" /> +</form> +(potrebuje pin D0/GPIO16 priklopljen na RST pin) +</td> +</tr> +<tr> +<td> +<form action="/api/pwd" method="GET" target="zadnjaiframe"> + <input type=text disabled value=sijaneciot placeholder="uporabniško ime"> + <input type=text required placeholder="novo geslo" name=g> + <input type="submit" value="nastavi novo geslo za HTTP in FTP" /> +</form> +</td><td> +<form action="/api/tms" method="GET" target="zadnjaiframe"> + <br><input type=number min=0 max=23 name=h placeholder=ura> + <input type=number min=0 max=23 name=m placeholder=minuta> + <input type=number min=0 max=23 name=s required placeholder=sekunda> + <input type=number min=0 max=23 name=d placeholder=dan> + <input type=number min=0 max=23 name=o placeholder=mesec> + <input type=number min=0 max=23 name=y placeholder=leto> + <input type="submit" value="nastavi nov čas" /> + <br>Če izpolnite samo sekunde bodo upoštevane kot UNIX timestamp. +</form> +</td><td> +<form action="/api/mov" method="GET" target="zadnjaiframe"> + <input type=text maxlength=31 required name=i placeholder="trenutna pot datoteke"> + <input type=text maxlength=31 required name=v placeholder="nova destinacija datoteke"> + <input type="submit" value="premakni datoteko" /> + <br>SPIFFS, ki se uporablja za shranjevanje datotek ne pozna map, poševnice bodo samo del imena datoteke, torej premik cele mape ni možen. + <br>To je uporabno, ker FTP klienti ne podpirajo poševnic v imenih datotek, torej boste lahko datoteke postavljali le v korenu shrambe, s tem APIjem jih lahko premaknete v druge mape. +</form> +</td> +</tr> +</table> +<hr> +Preberi še: <a href=0.html>Glavna stran</a> diff --git a/data/www/2.html b/data/www/2.html new file mode 100644 index 0000000..04eb96a --- /dev/null +++ b/data/www/2.html @@ -0,0 +1,40 @@ +<head> +<meta charset=UTF-8> +<link rel="stylesheet" type="text/css" href="css/main.css"> +</head> +<b><text style=font-size:25px>Dokumentacija API klicev prek HTTP strežnika</text><!-- <img align=right src=img.png alt=SLIKA width=300 height=170 />--> +<br><i>Anton Luka Šijanec, 13. december 2019</i><br></b> +<p> +Klici se delajo z GET ali POST zahtevami na virtualno podmapo strežnika /api/<br> +Kot argumente uporabimo argumente z vrednostmi po RFC specifikaciji, bodi si v URI-ju ali v POST telesu.<br> +Priporočam uporabo GET zahtev, saj zafrkavanje z Content-Length headerji ni potrebno. +</p><p> +Vse zahteve so avtenticirane z uporabo WWW-Authentication standarda z geslom, ki ga nastavite po meri. Uporabniško ime je sijaneciot (oziroma program_ime, če to spremenljivko spremenite), geslo pa lahko spreminjate in je privzeto prav tako nastavljeno na program_ime.<br> +Priporočam, da geslo pred priklopom v večjo mrežo ali internet spremenite.<br> +Sprememba gesla: prek FTP strežnika, datoteka /403/webgeslo.txt ali z API ukazom /api/pwd?g=novogeslo<br> +</p><p> +Kode napak so standardne, če niste avtenticirani, dobite 401, če je dostop prepovedan je 403, napaka na strani strežnika je 5xx, uporabniška napaka/napaka klienta je 4xx, preusmeritve so 3xx, status OK pa je 2xx.<br> +</p><p> +NUJNO! pri API ukazu ne napišite zadnje poševnice, /api/pwd ni isto kot /api/pwd/, slednja bo vrnila <i>404: Napačen ukaz ali napačno ime datoteke.</i> +</p><p> +Spodaj so našteti podprti ukazi, za argumente posameznega ukaza pa zahtevajte ukaz brez argumentov. Če argumentov ne navedete in so za izvedbo ukaza potrebni, tako ali tako dobite napako <i>400: Napačna zahteva</i> in izpiše se vam seznam potrebnih in opcijskih argumentov, razen če ni drugače navedeno; na primer ukaz /api/rst ne potrebuje argumentov in takoj ponovno zažene sistem. +</p><p> +<pre> + <a href=/api/pin>/api/pin - ročna nastavitev pinov (branje in pisanje)</a> + <a href=/api/res>/api/res - prikaz resursov sistema</a> + <a href=/api/sap>/api/sap - nastavitev dostopne točke</a> + <a href=/api/sta>/api/sta - priklop na drugo dostopno točko</a> + <a href=/api/gid>/api/gid - pridobi informacije o napravi in o omrežju</a> + <a href=/api/pwm>/api/pwm - nastavi frekvenco pulzoširinske modulacije (brez argumentov pove trenutno vrednost)</a> + <a href=/api/rst>/api/rst - znova zažene sistem in programje (brez argumentov)</a> + <a href=/api/slp>/api/slp - globoko spanje za n mikrosekund</a> + <a href=/api/now>/api/now - vrne podatek o trenutnem času v obliki UNIX časovnega žiga (brez argumentov)</a> + <a href=/api/pwd>/api/pwd - sprememba gesla</a> + <a href=/api/tms>/api/tms - nastavitev časa (ob povezavi v splet se čas sicer vsakih 300 sekund posodobi iz 0.pool.ntp.org)</a> + <a href=/api/ren>/api/ren - preimenovanje datotek, pod "haubo" isto kot /api/mov</a> + <a href=/api/mov>/api/mov - premikanje datotek, pod "haubo" isto kot /api/ren</a> + + <a href=/test>/test - vedno vrne 200: OK, za namen testiranje povezave, npr. če je kontrolna plošča še vedno povezana na napravo.</a> +</pre> +</p><hr> +Preberi še: <a href=2.html>Dokumentacija API klicev prek HTTP strežnika</a> diff --git a/data/www/3.html b/data/www/3.html new file mode 100644 index 0000000..0d3d7b9 --- /dev/null +++ b/data/www/3.html @@ -0,0 +1,9 @@ +<head> +<meta charset=UTF-8> +<link rel="stylesheet" type="text/css" href="css/main.css"> +</head> +<b><text style=font-size:25px>3333333333333</text> <img align=right src=img.png alt=SLIKA width=300 height=170 /> +<br><i>Anton Šijanec, 13. februar 2018</i><br></b> +<p>Sem Anton Luka Šijanec, star sem 13 let in to, ker ravnokar gledate je moj prvi HTML/CSS template. Čisto sam sem ga ročno natipkal, brez kopiraj-prilepi. Če česa nisem vedel, sem si v LibreOffice naredil to, kar sem hotel na strani, potem pa sem shranil kot HTML, vendar sem si v LibreOffice dokumentu pogledal samo kako značko ali atribut, nisem kopiral direktno. Za tabelni stil me je navdihnila stran <a href=http://komarov.vesolje.net>ARK Komarov</a>(klik, če imaš Internet), ampak sploh nisem pogledal Izvirne kode, samo začel sem delati. Da bi naredil stran, sem se spomnil, ko je učiteljica za informatiko razlagala HTML značko table. Doma sem brez Interneta naredil stran v geditu na Ubuntuju. +</p><p>Ugotovil sem, da Chromixium boljše prikaže stran kot Firefox, ker ima več prostora in naslovna vrstica ni tako debela, vendar sem težavo odpravil tako, da za velikost kakšnih elementov v strani uporabim procente starševskega elementa, za kakšne pa velikost v pikslih, tako, da je stran primerna za velik nabor namiznih brskalnikov (ni testirano na mobilnih napravah).</p><p>UPORABA STILA: Stil lahko uporabiš kot svojo stran, le navesti me moraš kot avtorja. Prosim razmisli o donaciji (crypto/gotovina)</p><p>OPOMBA: Če želiš prikazati dodatno razpredelnico (tabelo) za reklamo (ali karkoli drugega) pod prostorom za članek, sledi navodilom v komentarju nekje med to HTML td značko za članek in med HTML tr značko za nogo. ;-)</p><hr> +Preberi še: <a href=index.html>ČLANEK</a> diff --git a/data/www/4.html b/data/www/4.html new file mode 100644 index 0000000..55285dc --- /dev/null +++ b/data/www/4.html @@ -0,0 +1,9 @@ +<head> +<meta charset=UTF-8> +<link rel="stylesheet" type="text/css" href="css/main.css"> +</head> +<b><text style=font-size:25px>4444444444444</text> <img align=right src=img.png alt=SLIKA width=300 height=170 /> +<br><i>Anton Šijanec, 13. februar 2018</i><br></b> +<p>Sem Anton Luka Šijanec, star sem 13 let in to, ker ravnokar gledate je moj prvi HTML/CSS template. Čisto sam sem ga ročno natipkal, brez kopiraj-prilepi. Če česa nisem vedel, sem si v LibreOffice naredil to, kar sem hotel na strani, potem pa sem shranil kot HTML, vendar sem si v LibreOffice dokumentu pogledal samo kako značko ali atribut, nisem kopiral direktno. Za tabelni stil me je navdihnila stran <a href=http://komarov.vesolje.net>ARK Komarov</a>(klik, če imaš Internet), ampak sploh nisem pogledal Izvirne kode, samo začel sem delati. Da bi naredil stran, sem se spomnil, ko je učiteljica za informatiko razlagala HTML značko table. Doma sem brez Interneta naredil stran v geditu na Ubuntuju. +</p><p>Ugotovil sem, da Chromixium boljše prikaže stran kot Firefox, ker ima več prostora in naslovna vrstica ni tako debela, vendar sem težavo odpravil tako, da za velikost kakšnih elementov v strani uporabim procente starševskega elementa, za kakšne pa velikost v pikslih, tako, da je stran primerna za velik nabor namiznih brskalnikov (ni testirano na mobilnih napravah).</p><p>UPORABA STILA: Stil lahko uporabiš kot svojo stran, le navesti me moraš kot avtorja. Prosim razmisli o donaciji (crypto/gotovina)</p><p>OPOMBA: Če želiš prikazati dodatno razpredelnico (tabelo) za reklamo (ali karkoli drugega) pod prostorom za članek, sledi navodilom v komentarju nekje med to HTML td značko za članek in med HTML tr značko za nogo. ;-)</p><hr> +Preberi še: <a href=index.html>ČLANEK</a> diff --git a/data/www/css/main.css b/data/www/css/main.css new file mode 100644 index 0000000..6834014 --- /dev/null +++ b/data/www/css/main.css @@ -0,0 +1,25 @@ + +table, tr, td {border: 1px solid cyan +} + +iframe { + border: 0px +} +body {background: black; + color: white; + font-family: monospace +} +a { + color: yellow +} +a:visited { + color: yellow +} +a:hover { + color: orange +} +input { + background:black; + color:white; + font-family:monospace +}
\ No newline at end of file diff --git a/data/www/index.html b/data/www/index.html new file mode 100644 index 0000000..e985b47 --- /dev/null +++ b/data/www/index.html @@ -0,0 +1,32 @@ +<html> +<head> +<meta charset=UTF-8> +<meta http-equiv="content-type" content="text/html; charset=utf-8"> +<title>Začetno ogrodje za ESP8266</title> +<link rel="stylesheet" type="text/css" href="css/main.css"> +</head> +<body> +<table width=100% height=100%> +<!--<tr height=28px> +<td colspan=2 style="background: #333"><text style=font-size:28px><b>sijanecIoT</b> - </text><text style=font-size:25px><b><i>Ogrodje za grajenje +IoT aplikacij z UI-jem.</i></b></text></td> +</tr>--> +<tr valign=top> +<td width=200px style="background: #222"><text style=font-size:30px><b>sijanecIoT:</b></text> +<iframe src=kazalo.html style="width:100%; height:95%;" name=kazaloiframe></iframe> +</td> +<td style="background: #111"> +<iframe src=0.html style="width:100%; height:100%;" name=clanekiframe></iframe> +</td> +</tr> +<!--REKLAMA. Odkomentiraj ta komentar in dodaj rowspan=2 atribut k znački td, v kateri je kazalo. +<tr height=100px> +<td><img src=img.png alt="REKLAMA. Za izbris reklamnega prostora daj v komentar celotno tr značko okoli reklame in izbriši atribut rowspan=2 pri znački td, ki vsebuje kazalo" height=100 width=1000 /></td> +</tr> +--> +<tr height=25px> +<td colspan=2 style="background: #444"><p align=center><i>Ogrodje za grajenje IoT aplikacij z uporabniškim vmesnikom -- Spisal Anton Luka Šijanec, (C) 2019-- Prilagojeno za ESP8266</i></p></td> +</tr> +</table> +</body> +</html> diff --git a/data/www/kazalo.html b/data/www/kazalo.html new file mode 100644 index 0000000..9d94830 --- /dev/null +++ b/data/www/kazalo.html @@ -0,0 +1,15 @@ +<html> +<head> +<meta charset=UTF-8> +<link rel="stylesheet" type="text/css" href="css/main.css"> +<base target="clanekiframe"> +</head> +<body> +<br><a href=0.html target=clanekiframe><font face=Monospace><b>. </b></font><text style=font-size:16px>Glavna stran</text></a> +<br><!--<a href=1.html target=clanekiframe>--><font face=Monospace><b>. </b></font><text style=font-size:16px>Navodila:</text><!--</a>--> +<br><a href=2.html target=clanekiframe><font face=Monospace><b>.. </b></font><text style=font-size:16px>API dokumentacija</text></a> +<br><a href=1.html target=clanekiframe><font face=Monospace><b>. </b></font><text style=font-size:16px>Nadzorna plošča</text></a> +<!--<br><a href=3.html target=clanekiframe><font face=Monospace><b>.</b></font><text style=font-size:20px>POVEZAVA3</text></a> +<br><a href=4.html target=clanekiframe><font face=Monospace><b>.</b></font><text style=font-size:20px>POVEZAVA4</text></a>--> +</body> +</html> diff --git a/data/www/redirect.html b/data/www/redirect.html new file mode 100644 index 0000000..ee0a2a1 --- /dev/null +++ b/data/www/redirect.html @@ -0,0 +1,10 @@ +<html> +<head> +<meta charset=UTF-8> +<meta http-equiv="refresh" content="0;url=/index.html" /> +<title>Stran je na /index.html</title> +</head> +<body> +Stran je na <a href="/index.html">/index.html</a>, preusmerjam ... +</body> +</html>
\ No newline at end of file |