物理仪表板/状态板的库和伪代码

Question

好吧,所以我昨天为办公室买了一个46英寸的屏幕,并且即将被指控设置"精心制作的世界杯拖延计划"的风险,我最好向同事们展示它的意义;)

看看我简单的草图,以及我受到启发的这些伟大的 项目,我想得到以下的一些意见:

1. 骨架的伪代码:由于某些方法应该每24小时调用一次("今天的标题日期"),其他方法每隔60秒("Twitter结果"),使用JavaScript(jQuery)和PHP的好方法是什么？

   编辑:Alsciende:我同意#1和#8太模糊了.因此,我删除#8并尝试澄清#1:使用"伪代码为骨架",我基本上意味着这可以完全使用JavaScript定时器完成,你将如何设置各种定时器？

2. Google Analytics图书馆:哪些图书馆支持Google AnalyticsAPI,可以生成整齐的图表.最好是HTML5,基于JavaScript的Protovis.

3. 推特图书馆:您建议哪些图书馆可以从个人资料中获取推特搜索结果和最新推文.

4. 排版/ CSS/HTML5的图书馆:尝试在此过程中学习一些HTML5等,请咨询任何其他可能相关的排版/ CSS库.

5. 刮痧/解析？我将举一个具体的例子:试着从这家餐厅的网站上获取今天的菜单,你会怎么做？(这是瑞典语 - 但你明白了 - 对不起;))

6. 实时统计？我正在使用WordPress的WassUp插件来跟踪我们网站上的实时访问者.其他日志记录软件(AWStats等)可能也安装在网络服务器上.有关如何从这些信息中提取信息并在仪表板上实时显示的任何想法？

7. 浏览器选择？你会选择哪种浏览器和操作系统？稳定,全屏,HTML5.

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

Answer 1

我已经为我们的办公室构建了一个类似于您所说的仪表板。我花了大约一天的时间来研究它，可能性真的（几乎）是无穷无尽的。基本上，我通过 PHP 处理所有计算内容，并对适当的 PHP 脚本进行间隔 AJAX 调用，该脚本返回要呈现的 JSON 数据。

#2： 对于图表，我使用/推荐 flot ( http://code.google.com/p/flot/ )。该文档并不是真的那么好，但是一旦您弄清楚事情通常是如何工作的 - 它是一个很棒的库，并且它使用 HTML5 Canvas 标签生成图表。

我之前没有将外部库与 Google Analytics 集成，但我假设您可以从分析中提取数据并将其格式化以用于构建适当的图表。这可能是一个困难的方法，但我比大多数其他图形库更熟悉 flot （而且它并不像许多其他图形库那样糟糕），所以对我来说，这将是最简单的方法完成它。

#3： 对于 Twitter，使用 JSON-P 从其搜索 API 中提取数据非常容易。基本上，它的作用是动态地将一个<script>标签添加到您的 DOM，该标签获取 twitter 解释的参数，然后使用结果的 json 编码哈希调用预定义的 javascript 方法（您通过 URI 传递）。

#5： 抓取和解析各个站点将是一个艰苦的过程。每个网站都会有自己的“模式”（或非模式）来发布其每日菜单或特价菜。我会构建一个“菜单”脚本，它知道如何调用一些函数，并编写一个函数/类来抓取您有兴趣用 PHP（或您喜欢的任何其他语言）显示菜单的每个餐厅的网站和）。它可以用 json 进行回复，这是 (imo) 在 Javascript 中操作/处理数据的最简单方法。

#6： 实时统计数据与#5 几乎相同。我将构建几个类，它们知道如何从我感兴趣的任何数据源中获取统计信息，并通过 ajax 调用将数据以 json 形式呈现给 javascript。

#1：编写 javascript 代码来在计时器上加载数据非常简单，请查看setInterval、clearInterval、setTimeout和clearTimeout方法。它们都需要一个函数名称（或闭包）和调用该函数之前等待的超时时间（以毫秒为单位）。您可以轻松地每 60 秒调用一次主计时器函数，该函数基本上是一个“调度程序”或“cron”样式函数，它只会查找“立即”运行所需的内容并从调度程序执行这些函数。

希望这能为您提供一些关于去哪里以及如何到达那里的想法。