_20161002_190859Wiele odczytów w Nightscout w jednym oknie – czyż to nie praktyczne?

Idealne rozwiązanie dla przedszkola/szkoły a przede wszystkim oddziałów szpitalnych, które ma pod swoją opieką więcej niż jedno dziecko chore na cukrzyce. Bądź też dla osób, gdzie w domu jest więcej niż jedna osoba chora na cukrzycę.

Kolejne z praktycznych zastosowań Nightscout!

 


Jak zrobić dual-view? To banalnie proste:

  • Utwórz nowy plik tekstowy na pulpicie swojego komputera
  • Wklej poniższy kod źródłowy, zmieniając pogrubione adresy na swoje własne:

<!DOCTYPE html>
<html>
<head>
<title>DualView – Nightscout</title>
</head>
<frameset cols=”50%,50%”>

<frame name=”left” src=”https://Strona1.herokuapp.com”>
<frame name=”center” src=”https://strona2.herokuapp.com”>
</frameset>
<noframes>
<body>
Twoja przegladarka nie obsluguje ramek.
</body>
</noframes>
</frameset>
</html>

  • Zapisz plik jako (wskaż miejsce pulpit) -> podać nazwę nowo powstałego pliku, oraz koniecznie podać rozszerzenie HTML
    Zapisz jako typ plików wszystkie pliki.

saveas

Voilà!! Teraz wystarczy po prostu dwa razy kliknąć na nowo utworzony plik i poczekać na uruchomienie przeglądarki 🙂


Ok, powyższe to rozwiązanie dla dwóch okienek. A co zrobić, jeśli potrzebujemy więcej?

Serdecznie zapraszam do działu PLIKI, gdzie znajduje się paczka gotowych kodów źródłowych gotowych do pobrania. Jest możliwość stworzenia podglądu wielu okien – od 2 do 8 na jednym ekranie przeglądarki!! Wystarczy edytować plik – zmienić adresy stron Azure na te, które nas interesują (zgodnie z opisem powyżej). Paczka kodów źródłowych do ściągnięcia tutaj: MultiView.zip

Proszę sobie wyobrazić, że w przypadku poniższego zdjęcia, od razu rzuca się w oczy praktyczne zastosowanie tego rozwiązania w oddziałach diabetologicznych. Czyż nie?

Przyszłość oddziałów diabetologicznych !

Oddzial


Ale to nie wszystko 🙂 Jeśli mamy zegarek pebble, oraz dwoje osób z cukrzycą pod naszą opieką, zalecam skorzystanie z watchface dla pebble:

1) W aplikacji pebble wyszukujemy watchface „nightscout duo” i klikamy „ADD”:

Screenshot_20161004-090543


2) Następnie musimy wejść w „settings”:

Screenshot_20161004-090554

 


3) W tym miejscu musimy wypełnić 4 pola – dwa z imionami podopiecznych, a kolejne dwa z ich stronami stworzonymi na azure:

Screenshot_20161004-090730

 


4) Voilà!! Mamy teraz podgląd na aktualne glikemie dwóch podopiecznych.

DSC_0712


Hmm… Ale jest jeszcze jedno ale… Co w przypadku, kiedy nie możemy utworzyć na pulpicie pliku html, by móc podglądać kilka obrazów na raz? Np gdy korzystamy z tabletu, ipada etc? Stworzenie pliku na pulpicie rodzi pewne komplikacje… Ale na to tez już jest sposób

 

1)  Logujemy się na https://portal.azure.com Po zalogowaniu klikamy z prawej strony w zielony kwadracik, a następnie „DODAJ”:

1

 


2) Wybieramy „Aplikacja sieci WEB”:

2

 


3) Następnie w oknie z prawej strony wybieramy „Utwórz”:

3

 


4) Podajemy nazwę strony pod jaką będzie widoczny miltiview w przeglądarce. Dla przykładu podałem „dwaoknawjednym”. Wybieramy plan – ja użyłem istniejącego, więc wybrałem go z rozwijalnej listy. Reszta bez zmian. Zaznaczam ptaszkiem na dole strony, by azure przypięło tą usługę na mój pulpit główny do zarządzania usługami azure, a na końcu wybieram „Utwórz”:

4

 


5) Na pulpicie jest tworzona aplikacja. Cierpliwie czekamy…

5

 


6) Jak Azure stworzy aplikację, to pojawi się nam strona jak poniżej. Wybieramy z dostępnej listy pozycję „Narzędzia zaawansowane”:

6

 


7) Kolejny krok, to kliknięcie w link „Przejdź”:

7

 


8) Pojawi się nam edytor Kudu. Klikamy w rozwijalne menu, jak na zdjęciu poniżej, a następnie wybieramy „CMD”:

8

 


9) Klikamy w link: „site”:

9

 


10) Kolejny krok, to kliknięcie w link: „wwwroot”:

10

 


11) W tym kroku należy wybrać zaznaczony poniżej długopis, w celu edycji kodu źródłowego strony:

11

 


12) Powinna się pojawić linijka jak poniżej – całość kasujemy:

12

 


13) Ostatni krok, to wklejenie kodu źródłowego strony (przygotowane kody źródłowe dostęne TUTAJ). W wklejeniu interesującej nas zawartości (czy 2 okna, czy 8 okien), oraz po wprowadzeniu właściwych stron docelowych (zaznaczone pole poniżej „TwojaStrona1” itd, należy zapisać stronę klikając w przyckisk „SAVE” znajdujący się z lewej strony edytora.

13


14) Voilà!! Mamy gotową stronę z zaprogramowanymi linkami. Finalnie – wpisując w każdą przeglądarkę internetową adres: https://dwaoknawjedym.azurewebsites.net możemy cieszyć oczy jednoczesnym podglądem kilku osób, które korzystają z Nightscout.

autor: Paweł Babańczyk
FB: #Pablo Ńczyk