作者Linux (Windows)
看板Web_Design
标题Fw: [心得] 新北资料开放平台实作 台北 ‧ 艺文活动
时间Wed Jun 29 08:32:41 2016
※ [本文转录自 Soft_Job 看板 #1NSnSQxf ]
作者: Linux (Windows) 看板: Soft_Job
标题: [心得] 新北资料开放平台实作 台北 ‧ 艺文活动
时间: Wed Jun 29 08:32:22 2016
Hi 版上大大们早,来分享一下最近的作品!
最近因为参加黑客松比赛,所以摸了一下新北政府的资料开放平台,
其中找到了一个有趣的 API 於是就简单的实作了这个简单的网页!
Live Demo:
http://works.ioa.tw/taipei_activities/
这是项利用 新北市政府文化局艺文活动 API 所制作的台北 ‧ 艺文活动。
并且使用 php 将 API 资料取下来後编辑成 HTML 页面,然後放置到 Amazon S3。
放至 S3 过程中同时也会将将页面所需的 css、JavaScript 一起上传至 S3。
而上传 S3 过程采用 php 执行,
主要是利用 S3 针对档案都有 tag 的特性,对上传档案做 md5_file
如此一来就可以针对修改的差异化做 S3 更新!
网页排版的话就尽量参照 Material Design,
并且做成 响应式网页设计(RWD) 的版型,让手机用户也可以方便浏览与轻松操作。
切版是使用 compass 编译 scss,页面上的功能则是使用 JavaScript 完成互动功能,
例如快速搜寻就是利用 jQuery 的 selector [name*=”value”] 模糊搜寻实作,
再利用网址的 Hash 来做分类查询。
依据资料开放平台上表示每天会更新,
所以系统排程会在每日上午 6 时去取得最新的艺文活动资讯,
并且放置到 s3 上做更新。
目前只爬取新北市政府的开放资料,
未来会补上台北市的部分,若是有发现其他县市的活动 API,也会一并整理起来!
以上若是觉得不错,可以帮我在 GitHub 按个星星,给我个鼓励吧:)
GitHub:
https://github.com/comdan66/taipei_activities/
相关细项说明:
http://www.ioa.tw/taipei-activities.html
更多作品:
http://www.ioa.tw/
--
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 111.249.183.155
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1467160346.A.EE9.html
※ 发信站: 批踢踢实业坊(ptt.cc)
※ 转录者: Linux (111.249.183.155), 06/29/2016 08:32:41
1F:推 ccvs: 推 06/29 11:56
2F:→ chang0206: 赞唷! 06/29 12:19
3F:推 distal: 厉害!推 06/29 16:44
4F:→ yommy1108: 你好棒 07/01 10:22
5F:推 s3211t: 推 07/01 10:30