Skip to content
2016年,最新台北藝文活動!每天更新最新台北、新北的藝文公告資訊!
PHP CSS HTML Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
cmd
css
font/icomoon
img
js
scss
.gitignore
index.php
readme.md

readme.md

Welcome to 台北 • 藝文活動!

2016年,最新台北藝文活動!每天更新最新台北、新北所提供的藝文公告資訊,提供給大家最新的分類整理!



聲明

本作品授權採用 姓名標示-非商業性 2.0 台灣 (CC BY-NC 2.0 TW) 授權,詳見 http://creativecommons.org/licenses/by-nc/2.0/tw/


DEMO

LIVE DEMO: https://www.ioa.tw/Develop/FullStack-Taipei-Activities.html


說明

  • 利用新北市政府資料開放平台提供的新北市政府文化局藝文活動 API 所製作的台北 • 藝文活動

  • 使用 php 將 API 資料取下來後編輯成 HTML 頁面,並且放置到 Amazon S3。放置部署過程中同時將頁面所需的 cssJavaScript 一起上傳至 S3。

  • 上傳 S3 過程採用 php 執行,關鍵程式碼在這裡,主要是利用 S3 針對檔案都有 tag 的特性,對上傳檔案做 md5_file,達成差異化更新的步驟,步驟如下:

    1. 取得 S3 上所有檔案
    2. 整理準備上傳的檔案
    3. 比對準備上傳與 S3 上檔案的 md5_file 差異
    4. 針對差異做更新、刪除、上傳
  • 網頁排版盡量參照 Material Design,同時具有 響應式網頁設計(RWD) 的版型,讓手機用戶也可以方便瀏覽與輕鬆操作。

  • 切版使用 compass 編譯 scss,頁面上使用 JavaScript 完成互動功能,如:快速搜尋,利用 jQuery 的 selector [name*=”value”] 完成模糊搜尋,並且利用網址的 Hash 來做分類查詢。

  • 依據資料開放平台上表示每天會更新,所以系統排程會在每日上午 6 時去取得最新的藝文活動資訊,並且放置到 s3 上做更新。

  • 目前只爬取新北市政府的開放資料,未來會補上台北市的部分,若是有發現其他縣市的活動 API,也會一併整理起來。

  • 若是覺得不錯,可以對 GitHub 按個星星,鼓勵一下作者吧:)

You can’t perform that action at this time.