Bibliothèques et pour pseudocode Tableau de bord physique / carte d'état

Question

OK, donc j'ai acheté un 46" écran pour le bureau hier, et avec le risque imminent d'être accusé pour la mise en place d'un « élaborer schéma de procrastination Coupe du Monde », je ferais mieux de montrer mes collègues ce qu'il signifiait pour;)

En regardant mon simple croquis, et à ces grande projets dont je me suis inspiré, je voudrais obtenir des entrée sur le texte suivant:

1. pseudocode pour le squelette: Comme certaines méthodes devraient être appelées toutes les 24 heures ( "date d'aujourd'hui dans la rubrique"), d'autres à 60 secondes ( "résultats Twitter"), ce serait une bonne approche en utilisant JavaScript (jQuery) et PHP?

   EDIT: Alsciende: Je suis d'accord que # 1 et # 8 sont trop vagues. Par conséquent, je supprimer # 8 et essayer de clarifier # 1: Avec « pseudocode pour le squelette », je veux dire essentiellement cela pourrait être fait entièrement en utilisant des minuteries JavaScript et comment voulez-vous mettre en place les différents temporisateurs

2. Bibliothèque pour Google Analytics: Quelles bibliothèques en charge l'API Google Analytics et peut produire des cartes soignées. De préférence HTML5, JavaScript basé comme Protovis .

3. Bibliothèque pour Twitter:. Quelles bibliothèques recommanderiez-vous pour aller chercher des résultats de recherche twitter derniers tweets de profils

4. Bibliothèques pour Typographie / CSS / HTML5:. Essayer d'apprendre un peu HTML5, etc. dans le processus, s'il vous plaît conseiller sur toutes les autres bibliothèques typographie / css qui pourraient être utiles

5. Grattage / Parsing Je vais vous donner un exemple concret: Essayer de chercher aujourd'hui Menu site web de ce restaurant , comment feriez-vous? (Il est en suédois - mais vous obtenez le point - excusez-moi;))

6. Statistiques en temps réel? J'utilise le WassUp-plugin pour WordPress pour suivre les visiteurs en temps réel sur notre site Web. D'autres logiciels d'enregistrement (awstats etc.) est probablement installé sur le serveur Web. Toutes les idées sur la façon d'extraire des informations de ces derniers et présente en temps réel sur le tableau de bord?

7. choix du navigateur? Quel est le navigateur et OS choisiriez-vous? Stable, en plein écran, HTML5.

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

Answer 1

Je l'ai construit un tableau de bord similaire à ce que vous parlez de notre bureau. J'ai passé environ une journée de travail à ce sujet, les possibilités sont vraiment (à peu près) sans fin. En gros, tous les trucs de calcul que je gère via PHP et faire intervalle AJAX appelle au script PHP approprié, qui renvoie les données JSON à présenter.

# 2: Pour les graphiques, j'utiliser / recommander Flot ( http://code.google.com/p/flot/ ). La documentation est pas vraiment grande, mais une fois que vous avez compris comment les choses fonctionnent en général - c'est une grande bibliothèque, et il génère des graphiques en utilisant tag HTML5 Canvas

.

Je n'ai pas les bibliothèques externes intégrées avec Google Analytics, mais je suppose que vous pouvez extraire des données d'analyse et de formater pour Flot de construire des graphiques appropriés pour. Cela pourrait être le dur chemin, mais je suis plus familier avec Flot que la plupart des bibliothèques graphiques (et il ne sucent pas, autant que beaucoup d'autres font) donc pour moi, ce serait la meilleure façon de le faire.

# 3: Pour Twitter, il est assez facile d'extraire des données de leur API de recherche en utilisant JSON-P. En fait ce que cela fait, est ajoute dynamiquement une balise <script> à votre DOM, qui GET paramètres que Twitter interprète, puis appelle une méthode javascript prédéfini (que vous passez par l'URI) avec un hachage codé JSON des résultats.

# 5: Racler et l'analyse des sites individuels va être un processus laborieux. Chaque site va avoir son propre « modèle » (ou non-modèle) pour la publication de leur menu du jour ou de promotion. Je construis un script « menu » qui a su comment appeler quelques fonctions, et d'écrire une fonction / classe pour gratter le site de chaque restaurant que vous êtes intéressé à montrer le menu pour en PHP (ou tout autre langue que vous êtes à l'aise avec). Il peut répondre avec JSON, qui est (imo) la meilleure façon de manipuler / traiter les données en Javascript.

# 6: Statistiques en temps réel sont à peu près les mêmes que # 5. Je construis un cours de couple qui savaient comment récupérer les statistiques de toutes les sources de données, je me suis intéressé à tirer de, et de présenter les données en JSON javascript, via un appel ajax.

# 1: L'écriture du code javascript pour charger des données sur une minuterie est très simple, regardez dans les setInterval, clearInterval, setTimeout et méthodes de clearTimeout. Ils prennent tous un nom de fonction (ou la fermeture) et un délai d'attente avant d'appeler cette fonction (en ms). Vous pouvez facilement appeler une fonction de minuterie maître toutes les 60 secondes, ce qui serait essentiellement un « planificateur » ou une fonction de style « cron », qui vient chercher les choses qui devaient courir « dès maintenant » et exécuter les fonctions du programmateur.

Espérons que cela vous donne quelques idées sur où aller et comment s'y prendre pour y arriver.

Answer 2

Pour les Rails Rumble nous avons développé Boarrd qui est exactement ce que vous voulez développer!

Nous avons été impressionnés par la panique trop:)

Dans notre équipe sur RailsRumble vous trouverez des détails sur les outils utilisés. Je sais que ce n'est pas en PHP, mais peut-être vous essayer notre outil et décider pour un meilleur environnement de développement;)