图书馆和伪代码的物理仪表板/状态板
好的,所以我昨天买了一个46英寸的办公屏幕,并有被指责设立“精心制作的世界杯拖延计划”的迫切风险,我最好显示我的同事是什么的意思了;)图书馆和伪代码的物理仪表板/状态板
看着我的简单草图,并在这些greatprojects从我的灵感,我想获得以下一些输入:
-
伪对于骨架:由于有些方法应该每2个调用一次4小时(标题中的“今天的日期”),其他时间间隔为60秒(“Twitter结果”),使用JavaScript(jQuery)和PHP会有什么好的方法?
编辑:Alsciende:我可以同意#1和#8太模糊。因此,我删除了#8,并试图澄清#1:以“伪代码为骨架”,我基本上意思是完全可以使用JavaScript定时器来完成,以及如何设置各种定时器?
Google Analytics图书馆:哪些图书馆支持Google AnalyticsAPI,并且可以生成整洁的图表。最好使用基于JavaScript的HTML5,例如Protovis。
Twitter的图书馆:您推荐哪些图书馆用于从配置文件中获取推特搜索结果和最新的推文。
用于排版/ CSS/HTML5的库:试图在过程中学习一些HTML5等,请咨询其他可能相关的排版/ css库。
刮/ /解析?我给你一个具体的例子:试图取今天的菜单从this restaurant's website,你会怎么去? (这是瑞典语 - 但你明白了 - 抱歉;))
实时统计?我正在使用WordPress的WassUp插件来跟踪我们网站上的实时访问者。其他日志软件(AWStats等)也可能安装在网络服务器上。关于如何从仪表板中提取信息并实时呈现的任何想法?
浏览器选项?你会选择哪种浏览器和操作系统?稳定,全屏,HTML5。
alt text http://www.freeimagehosting.net/uploads/cb7af2ef28.png
我已经建立了类似于你在谈论我们的办公室什么的仪表板。我花了大约一天的时间来研究它,可能性实际上(非常)是无止境的。基本上,我通过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”样式函数,它只会查找需要立即运行的内容并从调度程序执行这些函数。
希望这给你一些想法去哪里,以及如何去那里。
对于Rails Rumble,我们开发了Boarrd,这正是您想要开发的东西!
我们被过于恐慌:)
印象深刻在我们的团队页面上RailsRumble,你会发现关于所使用的工具的详细信息。我知道这不是在PHP中,但也许你会尝试我们的工具,并决定更好的开发环境;)
非常有趣的项目,谢谢! (顺便说一句,任何想法为什么Boarrd网站需要很长时间才能加载?) – dani 2010-10-21 07:58:06
这是由于LifeHacker DDOS,lol:D – 2010-10-25 07:24:02
http://*.com/faq:问题应该**详细和具体** – Alsciende 2010-06-09 09:47:24
@Alsciende:不能说这一个不详细? :P – Franz 2010-06-09 19:51:04