[心得] 新北資料開放平台實作 台北 ‧ 藝文活動

作者: Linux (Windows)   2016-06-29 08:32:22
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/
作者: thund (天下御免)   2016-06-29 08:37:00
推~
作者: pptsodog (天橋下說書)   2016-06-29 09:40:00
是超級id
作者: jknm0510a (Kang)   2016-06-29 10:45:00
這ID太屌了
作者: lance8537 (小砰砰)   2016-06-29 13:55:00
Linux大大真的很熱心致力於分享 推
作者: zerofinal (人生~)   2016-06-29 15:37:00
作者: Kagami3421 (卡加米)   2016-06-29 15:42:00
作者: psinqoo (零度空間)   2016-06-29 18:58:00
推ID
作者: phinix (學海無涯,唯勤是岸)   2016-06-29 19:37:00
作者: amazing2014 (別斷線拜託)   2016-07-01 13:05:00
作者: jiejar (worldbeater)   2016-07-01 18:47:00
推!
作者: chadyoung (皓ㄐ)   2016-07-02 18:27:00
推推~

Links booklink

Contact Us: admin [ a t ] ucptt.com