圖書館和僞代碼的物理儀表板/狀態板

Question

好的，所以我昨天買了一個46英寸的辦公屏幕，並有被指責設立「精心製作的世界盃拖延計劃」的迫切風險，我最好顯示我的同事是什麼的意思了;）

看着我的簡單草圖，並在這些greatprojects從我的靈感，我想獲得以下一些輸入：

1. 僞對於骨架：由於有些方法應該每2個調用一次4小時（標題中的「今天的日期」），其他時間間隔爲60秒（「Twitter結果」），使用JavaScript（jQuery）和PHP會有什麼好的方法？

   編輯：Alsciende：我可以同意＃1和＃8太模糊。因此，我刪除了＃8，並試圖澄清＃1：以「僞代碼爲骨架」，我基本上意思是完全可以使用JavaScript定時器來完成，以及如何設置各種定時器？

2. Google Analytics圖書館：哪些圖書館支持Google AnalyticsAPI，並且可以生成整潔的圖表。最好使用基於JavaScript的HTML5，例如Protovis。

3. Twitter的圖書館：您推薦哪些圖書館用於從配置文件中獲取推特搜索結果和最新的推文。

4. 用於排版/ CSS/HTML5的庫：試圖在過程中學習一些HTML5等，請諮詢其他可能相關的排版/ css庫。

5. 刮/ /解析？我給你一個具體的例子：試圖取今天的菜單從this restaurant's website，你會怎麼去？ （這是瑞典語 - 但你明白了 - 抱歉;））

6. 實時統計？我正在使用WordPress的WassUp插件來跟蹤我們網站上的實時訪問者。其他日誌軟件（AWStats等）也可能安裝在網絡服務器上。關於如何從儀表板中提取信息並實時呈現的任何想法？

7. 瀏覽器選項？你會選擇哪種瀏覽器和操作系統？穩定，全屏，HTML5。

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

Answer 1

我已經建立了類似於你在談論我們的辦公室什麼的儀表板。我花了大約一天的時間來研究它，可能性實際上（非常）是無止境的。基本上，我通過PHP處理所有計算內容，並對相應的PHP腳本執行間隔AJAX調用，該腳本返回JSON數據以呈現。

＃2： 對於圖，我使用/建議海軍報（http://code.google.com/p/flot/）。文檔並不是那麼棒，但是一旦你弄清楚事情通常如何工作 - 它是一個很棒的庫，它使用HTML5 Canvas標籤生成圖表。

我以前沒有將外部庫與Google Analytics集成，但我認爲您可以從分析中提取數據並將其格式化爲flot以構建適當的圖表。這可能是困難的，但我比其他大多數圖形庫更加熟悉flot（並且它不像其他許多圖形庫那樣吸引人），所以對我來說，這將是最簡單的方法完成它。

＃3： 對於twitter，使用JSON-P從他們的搜索API中提取數據非常容易。基本上，它的作用是動態地爲您的DOM添加一個<script>標籤，其中包含twitter解釋的GET參數，然後使用json編碼的結果調用預定義的javascript方法（您通過URI傳遞）。

＃5： 刮擦和解析單個網站將是一個艱苦的過程。每個網站都將擁有自己的「模式」（或非模式）發佈他們的日常菜單或特色菜。我會構建一個知道如何調用幾個函數的「菜單」腳本，並編寫一個函數/類來抓取您感興趣的每個餐廳的站點，以顯示PHP中的菜單（或其他您熟悉的語言用）。它可以使用json進行回覆，這是（imo）在Javascript中操作/處理數據的最簡單方法。

＃6： 實時統計與＃5幾乎相同。我會構建一些類，知道如何從我感興趣的任何數據源獲取統計信息，並通過ajax調用將json中的數據呈現給javascript。

＃1：編寫JavaScript代碼來加載一個計時器的數據是非常簡單的，看看到setInterval，clearInterval，setTimeout和clearTimeout方法。在調用該函數之前，它們都採用函數名稱（或閉包）和超時等待（以毫秒爲單位）。您可以輕鬆地每60秒調用一次主定時器函數，該函數基本上是一個「調度程序」或「cron」樣式函數，它只會查找需要立即運行的內容並從調度程序執行這些函數。

希望這給你一些想法去哪裏，以及如何去那裏。

Answer 2

對於Rails Rumble，我們開發了Boarrd，這正是您想要開發的東西！

我們被過於恐慌:)

印象深刻在我們的團隊頁面上RailsRumble，你會發現關於所使用的工具的詳細信息。我知道這不是在PHP中，但也許你會嘗試我們的工具，並決定更好的開發環境;）