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

[Linux (Windows)]

Hi 版上大大們早，來分享一下最近的作品！

最近因為參加黑客松比賽，所以摸了一下新北政府的資料開放平台，

其中找到了一個有趣的 API 於是就簡單的實作了這個簡單的網頁！



Live Demo：https://www.ioa.tw/Develop/FullStack-Taipei-Activities.html



這是項利用 新北市政府文化局藝文活動 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/

相關細項說明：https://www.ioa.tw/Develop/FullStack-Taipei-Activities.html

更多作品：https://www.ioa.tw/

--

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.249.183.155
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1467160346.A.EE9.html
推 thund: 推～
推 pptsodog: 是超級id
推 jknm0510a: 這ID太屌了
推 lance8537: Linux大大真的很熱心致力於分享  推
推 zerofinal: 推
推 Kagami3421: 推
推 psinqoo: 推ID
推 phinix: 推
推 amazing2014: 推
推 jiejar: 推!
推 chadyoung: 推推～
※ 編輯: Linux (101.13.54.1), 11/06/2016 16:36:09
※ 編輯: Linux (220.133.42.231), 05/02/2019 16:25:29