Newsgroup: it.comp.www.html
Titolo: Pagine web autoaggiornanti (AJAX?) con una mini-grafica vettoriale

Vediamo se riesco a farmi capire.
Devo sviluppare delle pagine web (cosa che ho fatto poche volte) che permettono 
di verificare lo stato di funzionamento di un sistema.
Giusto per fare un esempio: l'impianto di raffreddamento di una catena di montaggio.
Quest'impianto sarà formato da pompe, serbatoi, punti di controllo della 
pressione, valvole, ecc.
Quello che volevo fare è, prima di tutto, una rappresentazione grafica del 
sistema, ovviamente la più carina possibile.
Avevo pensato a disegnare una immagine in qualche modo (mi potrei fare aiutare 
da un grafico) e a piazzare alcuni stringhe di testo in punti ben precisi: in 
quel punto (dove è disegnata una valvola) lo stato (APERTO o CHIUSO) della 
valvola; nell'altro punto dove è disegnato il serbatoio, il livello del liquido, 
ecc.
Lo scambio dei dati (che deve essere continuo) tra client e server potrei farlo 
con la tecnologia AJAX, in pratica con codice Javascript che richiede i dati 
continuamente dal server mediante apposito script lato server e cambia al volo 
il valore di alcuni punti della pagina web.
Potrebbe andare come soluzione?
La cosa che però non mi piace è che la grafica "sotto" i dati rimarrebbe 
statica. Sarebbe molto simpatico, oltre a scrivere lo stato della valvola, 
cambiare il simbolo grafico in modo che visivamente si possa subito capire in 
che stato è.
Nella pratica, mi serve disegnare qualche elemento vettoriale (linee, cerchi, 
ecc.) e che posso modificare al volo in base ai dati che arrivano dal server.
Esiste una tecnologia che possa fare al caso mio? Se sì, qual è?
Ho pensato a Flash: ho visto che si possono fare un sacco di animazioni grafiche 
simpatiche. Ma come avviene lo scambio dei dati con il server e conseguentemente 
la modifica degli elementi grafici all'interno dell'animazione Flash?
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 dell'animazione Flash?
Usa un principio simile ad AJAX: una richiesta HTTP che restituisce dei 
dati, di solito in XML, che il flash stesso elabora.
Bye.


 dati, di solito in XML, che il flash stesso elabora.
In soldoni:
- trucchetti con CSS
- SVG
- Flash
Vediamo pro e contro (io non sono esperto di queste tecnologie e,
prima di
cimentarmi in una di queste inutilmente, gradirei il vostro parere):
- CSS: sono dei trucchetti, quindi probabilmente gli effetti che si
possono
  fare sono ridotti.
- SVG: mi sembra un ottimo strumento se non fosse che IE non lo
supporta
  nativamente. Quindi, probabilmente, addio palmari (o no?)
  Ho già provato e dovrebbe essere fattibile variare i nodi grafici di
un SVG al
  volo mediante funzioncine Javascript (addirittura inserite
nell'SVG).
  Gli strumenti di sviluppo penso che possano rimanere tutti gratuiti
(ottimo è
  l'Inkscape).
- Flash: non so bene cosa si può fare con questa tecnologia, a parte
le animazioni
  che si vedono in giro. Probabilmente è la soluzione che rende
esteticamente
  meglio. Ma bisogna installare un plugin apposita (sia per IE che per
FF immagino)
  e probabilmente non funge sui palmari (o no?)
  Ma esistono strumenti di sviluppo gratuiti oppure solo a pagamento?
Immagino che la tecnica di scambio dei dati tra client e server nelle
due tecnologie
SVG e Flash sia praticamente la stessa: si utilizza l'HTTP per
richiedere altre info
ad uno script lato server che ritorna i dati da piazzare sulla grafica.


 Esiste una tecnologia che possa fare al caso mio? Se sì, qual è?
Potresti usare SVG, scalable vector graphic.
Non so se modificando la dimensione delle immagini con AJAX queste 
vengano scalate al volo ma puoi fare una ricerca in questa direzione e 
rimanere in HTML standard.
