Passa ai contenuti principali

Caricare dati da app dentro umap

Dalla app fatta con appybuilder carichiamo una riga nel Google SpreadSheet che è collegato con una umap.

Riferimento : puravida (Taifun) https://puravidaapps.com/spreadsheet.php#select

Del riferimento occorre capire solo il blocco "POST", quello che carica nel Google Spreadsheet la riga con il marker.

Idea d'esempio  : vedo una buca in strada e la mappo in una umap (che poi trasformeremo in tipo heatmap):

Copio passo passo il metodo di Taifun.

Creo Spreadsheet nuovo nel mio account Google, lo nomino e poi creo un Modulo:

Strumenti ==> CreaModulo

Metto come minimo i campi Nome , tipo buca, lat e long:


e, come spiega bene Taifun, verrà automaticamente creato il foglio delle risposte nello spreadsheet.



Provare a compilare il modulo e inviarlo per essere sicuri che il giro funziona, perché la app farà proprio la stessa cosa.




Fin qui è come si fa di solito per fare sondaggi etc.

Ricordarsi però che (come visto in altro post del blog, punto 3 ) il foglio delle risposte deve poter essere visto da umap (dati remoti) come csv:


e che lo spreadsheet deve poter essere modificato dalla app (condivisione attiva, da tendina: PUO' MODIFICARE):



Ora, come spiega Taifun, occorre raccogliere le informazioni da mettere nella app affinché l'invio allo Spreadsheet vada a compilare le colonne della nuova riga (riga = marker su umap).
Occorre andare sul Modulo Live (menu modulo dello spreadsheet) col tasto destro IspezionaElemento e cercare i 'numerelli' entry.xxxxx corrispondenti alle colonne.



Inoltre dove c'è form action occorre copiare l'URL - quello che finisce con FormResponse -  che serve come indirizzo dello Spreadsheet a cui mandare le informazioni.



Quei numerelli sono da mettere nel web POST: questo è il programma che carica il marker (POSTa la riga) alla pressione del bottone apposito:


L'interfaccia utente più o meno sarà così (poi la attiveremo con lo SpeechRecognizer per quando si sta guidando):
serve un WebViewer per visualizzare la umap, un Location Sensor per catturare le proprie coordinate, il componente Web per caricare la riga-marker nello spreadsheet. Nel telefono alla pressione del bottone "GRANDE" apparirà questo: 


Metto sistemati i 3 bottoni sparo un po' di marker random (*) verso lo spreadsheet e poi scelgo nella umap come rappresentazione del layer "heatmap" e fisso i raggi della heatmap, la mappa da così 
diventa così:

(*) coordinate random per i test in poltrona...:






un po' di colori



Commenti

Post popolari in questo blog

Consegne a domicilio per persone in difficoltà durante l’emergenza COVID-19: creare una mappa con Umap e dati OpenStreetMap

(by Sale , Wordpress) Durante queste settimane di emergenza COVID-19, molti comuni si sono attivati per fornire informazioni e servizi aggiuntivi a supporto dei cittadini. In particolare, alcuni servizi di consegna a domicilio sono stati attivati appositamente per questa emergenza e in special modo per chi è più in difficoltà e per i generi alimentari e di prima necessità. Non sono dunque servizi di consegne a domicilio pensati per tutti indistintamente, ma espressamente per anziani e per le persone che hanno difficoltà a spostarsi. Spesso le informazioni sono presenti solamente in forma di elenco testuale, con nome dell’esercizio, indirizzo e numero di telefono. Questa breve guida vuole illustrare il procedimento ed eventualmente permettere ad altri di ricreare una mappa simile per il proprio comune.
EDIT 19 aprile 2020: openstreetmap ha creato un form per facilitare l'inserimento di attività commerciali  inclusivo dell'informazione consegne domicilio per covid19
ESTRATTO dal…

UMAP: mappare con fotografie nel popup

Premessa: come esempio non userò alberi perché non ho il tempo di uscire , ma foto di Crema del passato prese da Gruppi facebook.

I dati saranno messi in un Google Sheet:
ogni riga un segnaposto sulla mappa
ogni colonna una proprietà del segnaposto della mappa

per il tutorial di un prof per alunni delle medie, vedere qui:  https://sites.google.com/view/lucascalzullo/tutorial/umap 

Cosa serve modificare nel LAYER della mappa?

1. La cosa che si vuol far apparire quando il mouse passa sopra il segnaposto (in questo caso l'autore )


2. l'elenco delle colonne da importare nel popup , okkio al numero di parentesi graffe: 3 per le foto

le possibilità sono:
*asterisco per l'italico*
**due asterischi per il testo marcato**
# un cancelletto per l'intestazione principale
## due cancelletti per le intestazioni di secondo livello
### tre cancelletti per intestazione di terzo livello
Link semplice: [[http://example.com]]
Link con testo: [[http://example.com|testo del link]]
Immagini: {{{http:…

Vista su mappa livelli ossigeno ESP8266+MAX30102

Appunti sparsi per non dimenticare. (da completare)
EDIT: qui link a progetto completo  https://medicitriuggio.altervista.org/come-costruire-in-casa-un-saturimetro/

Medici e infermieri scarseggiano durante le epidemie e riducono la frequenza di visita perché i malati sono troppi e loro stessi si ammalano. Inoltre molti restano senza dispositivi di protezione individuale, così  si ammalano e sono sempre di meno.

Idealmente se avessero una mappa in cui i loro pazienti fossero evidenziati con i valori di saturazione ossigeno, potrebbero fare il giro-visite in modo mirato.

risolutore algo commesso viaggiatore : https://www.graphhopper.com

wiki esp8266
esp8266 datasheet


principio di funzionamento



datasheet max30102

low cost shields:


SpO2 can be calculated
R = (AC RMS of Red / DC of Red)/ (AC RMS of IR / DC of IR)
SpO2 is a percentage value. Using the R value you can calculate the %SpO2
% SpO2= 110 – 25 × R
AC RMS is the RMS value of voltage difference between peak and trough of the RED/IR waveform…