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/