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/