Biblioteche e pseudocodice per Dashboard scheda fisica / Stato

Question

OK, così ho comprato una schermata per l'ufficio di ieri, e con il rischio imminente di essere accusati per la creazione di un '46" elaborare schema di Coppa del Mondo di procrastinazione', meglio che mostrare i miei colleghi quello che ha significato per;)

Guardando il mio semplice schizzo, e in questi grande progetti da cui mi sono ispirato, mi piacerebbe avere un po ' ingresso sul seguente:

1. Pseudocodice per lo scheletro: come alcuni metodi dovrebbero essere chiamati ogni 24 ore ( "Data di oggi nella rubrica"), altri a 60 intervalli di un secondo ( "Twitter risultati"), cosa sarebbe un buon approccio con JavaScript (jQuery) e PHP?

   EDIT: Alsciende: Posso essere d'accordo che # 1 e # 8 sono troppo vaghi. Quindi tolgo 8 # e cercare di chiarire # 1: Con "Pseudocodice per lo scheletro", io fondamentalmente media questo potrebbe essere fatto interamente utilizzando i timer JavaScript e come è possibile configurare i vari timer

2. Library per Google Analytics: Quali librerie di supporto di Google Analytics API e possono produrre grafici puliti. Preferibilmente HTML5, JavaScript-based come Protovis .

3. Library per Twitter:. Quali biblioteche raccomanderebbe per il recupero Twitter i risultati e gli ultimi tweet da profili di ricerca

4. Biblioteche per la tipografia / CSS / HTML5:. Cercando di imparare un po 'HTML5 ecc nel processo, si prega di consigli su altre librerie tipografia / css che potrebbero essere di rilevanza

5. Raschiare / Analisi ti darò un esempio concreto:? Cercando di prendere menù di oggi dal di questo ristorante sito , come si va su? (È in Svedese - ma si ottiene il punto - sorry;))

6. Statistiche in tempo reale? sto usando il WassUp-Plugin per WordPress per monitorare i visitatori in tempo reale sul nostro sito. Altri software di registrazione (AWStats ecc) probabilmente è installato anche sul server web. Tutte le idee su come estrarre informazioni da questi e presente in tempo reale sul cruscotto?

7. scelta del browser? Quali browser e OS sceglieresti? Stabile, a schermo intero, HTML5.

alt text http://www.freeimagehosting.net/uploads/cb7af2ef28.png

Answer 1

Ho costruito un cruscotto simile a quello che si sta parlando per il nostro ufficio. Ho passato circa un giorno di lavoro su di esso, le possibilità sono davvero (quasi) infinita. Fondamentalmente, tutto il manico computazionale roba che tramite PHP e fare chiamate AJAX intervallo allo script PHP appropriata, che restituisce dati JSON al presente.

2 #: Per i grafici, io uso / dire flot ( http://code.google.com/p/flot/ ). La documentazione non è poi così grande, ma una volta a capire come le cose in generale il lavoro - è una grande biblioteca, e genera i grafici che utilizzano tag HTML5 Canvas

.

Non ho integrato le librerie esterne con Google Analytics prima, ma presumo si possa estrarre i dati dalle analisi e formattarlo per flot per costruire grafici appropriati per. Questo potrebbe essere l'hard-senso intorno, ma io sono più familiarità con flot della maggior parte delle altre librerie di grafici (e non succhiare, per quanto molti altri fanno) quindi per me, questo sarebbe il modo più semplice per farlo fare.

3 #: Per Twitter, è abbastanza facile per estrarre i dati da loro API di ricerca utilizzando JSON-P. Fondamentalmente ciò che fa, si aggiunge dinamicamente un tag <script> al DOM, che GET parametri che Twitter interpreta, poi chiama un metodo javascript predefinito (che si passa tramite l'URI), con un hash JSON con codifica dei risultati.

# 5: Raschiatura e l'analisi di singoli siti sta per essere un processo scrupoloso. Ogni sito avrà il proprio "modello" (o non-pattern) per la pubblicazione il loro menu giornaliero o speciali. Mi piacerebbe costruire uno script "menu" che ha saputo come chiamare alcune funzioni, e scrivere una funzione / classe per raschiare il sito di ogni ristorante che siete interessati a mostrare il menu per in PHP (o qualunque altra lingua si sta comodi con). Si può rispondere con JSON, che è (IMO) il modo più semplice per manipolare / dati di processo in Javascript.

# 6: statistiche in tempo reale sono più o meno la stessa di 5 #. Mi piacerebbe costruire un paio di classi che hanno saputo recuperare le statistiche da qualsiasi fonti di dati ero interessato a tirare da, e presentare i dati in JSON a JavaScript, tramite una chiamata AJAX.

1 #: La scrittura di codice javascript per caricare i dati su un timer è molto semplice, sguardo sui metodi setInterval, clearInterval, setTimeout e clearTimeout. Tutti prendono un nome di funzione (o chiusura) e un timeout di aspettare prima di chiamare quella funzione (in ms). Si potrebbe facilmente chiamare una funzione timer maestro ogni 60 secondi, che sarebbe fondamentalmente una "scheduler" o una funzione stile "cron", che basta cercare la roba che necessario per eseguire "in questo momento" ed eseguire quelle funzioni dal programmatore.

Speriamo che questo ti dà alcune idee su dove andare e come fare per arrivarci.

Answer 2

Per la Rails Rumble abbiamo sviluppato Boarrd che è esattamente ciò che si desidera sviluppare!

Siamo rimasti colpiti dal panico troppo:)

Nella nostra pagina sulla squadra RailsRumble troverete dettagli sugli strumenti utilizzati. So che non è in PHP, ma forse proverò il nostro strumento e decido per un migliore ambiente di sviluppo;)