# 共生-大網站計畫
**這是共生資訊組的大網站計畫的筆記:laughing::laughing::laughing:
本來是用Hackpad，但發現Hackpad被改爛，於是就用這個**
> 我在 g0v 開的 [hackpad](https://g0v.hackpad.com/g0v--lB4dmrpRAfs)[name=子期]

左上角有三個按鈕
<i class="fa fa-edit fa-fw"></i> 編輯：只看到編輯器
<i class="fa fa-eye fa-fw"></i> 檢視：只看到結果
<i class="fa fa-columns fa-fw"></i> 同時：同時看到兩邊
語法的問題可以按旁邊的:question:鍵
或點[功能介紹](https://hackmd.io/CwYwhgzAbApgHFAtHAnAIzY4awBNkwCsA7ImFCBCHAIxwBMhhIQA?both)裡面有官方的範例

回到[共生資訊總覽](https://hackmd.io/EwVgbAHAnAhiDGBaEAzAJgdkQFntREwaYiUEARhhgMwoYAM1Y5QA)
## 關於共生
一群關心二二八事件的年輕人所舉辦、全台灣規模最大的228紀念活動。

我們採取音樂節、地景導覽、真人圖書館等較年輕的活動形式，希望吸引青年重新關懷228事件。

今天是第五屆，也是228事件的七十週年，發了瘋想做官網，所以共生資訊組成立ㄌㄜ。
## 共生資訊組
目前沒正式組長，大家都是平行的，但一開始的規劃會由我跟思淇完成。
### 組員
#### [李岳烜](https://www.facebook.com/yuehsuanli) 台北大學資工系大四 共生媒體宣傳組＋資訊組
#### [王思淇](https://www.facebook.com/su.ki.509) 台灣大學資管系大三 共生樂團組＋資訊組
#### [王祐晨](https://www.facebook.com/profile.php?id=100006514268386&fref=ts) 台北大學資工系大四 共生資訊組
#### [林子期](https://www.facebook.com/victorreznovisalive?__mref=message_bubble) 台灣大學資管系\哲學系大三 共生資訊組
## 會議資訊
1. 2016年12月14日
2. 2017年1月14日
### [會議記錄區](https://hackmd.io/BwRmGYFYDYHYQLQE4AmSkICzlpBAjAY3i0k1lgDNpIAGWAU3CA==)
___
## 網站基本規劃
1. 打算要整個網站都要用手key的
2. 會訂一個時程，如果開發的進度無法達到，就用模組吧
3. 希望可以在一月底上線，所以只有兩個月了ＱＱ
3. 使用的網頁前端語言：HTML、CSS、JS（如果還要用其他的，到時負責前端的可使用）
5. 使用的網頁後端語言：Django
## 網頁開發流程圖

### 參考資料
[新創網站這樣開發才夠快](http://blog.xdite.net/posts/2012/04/07/startup-rapid-development/)
## 時程規劃
## 網頁地圖
### 前臺架構
- 最新消息
- 關於共生
- 共生起源
- 總召的話（可有可無）
- 成員介紹（可有可無）
- 相關新聞
- 近期活動 (放上活動組的活動)
- 活動列表
- 活動內容
- 共生文選 (放上論述組厲害的文章）
- 文章列表
- 搜尋文章
- 文章分類
- 文章內容
- 留言區
- 社群分享
- 音樂節資訊
- 當日各式活動內容介紹
- 節目時程
- 場地配置、地圖
- 交通資訊
- 共生商品
- 歷屆活動紀錄
- 贊助共生
- 購物車？外連？

### 後臺架構
- 網站管理
- 編輯簡介
- 編輯成員名單
- 編輯相關新聞
- 編輯音樂節資訊？
- 編輯當日活動介紹
- 編輯節目時程與介紹
- 編輯場地、交通資訊等文字
- 文章管理
- 發文
- 文章編輯
- 文章分類（活動、文章）
- 編輯區
- 上傳圖片、檔案
- 刪除文章
- 權限管理？
- 管理所有帳號
- 帳號分級：管理員、網站管理員、編輯
- 編輯帳號資訊
- 刪除帳號
### 資料庫設計
- 文章：
- 標題
- tag
- 文章內容
- 發布日期
- 建立日期
- 作者
- 活動（文章）
- 新聞（文章）
- 文選（文章）
- 使用者
- 帳號
- 密碼
- 權限
- group
___
## 前端設計的部分
### 網站整體畫面設計圖
#### 各個頁面畫面圖
#### 流程設計（按哪個連到哪個）
#### 細節的圖
#### 想要的感覺是活動網站＋論述網站的感覺（參考下面資料）
___
### 參考資料
#### 音樂節相關
[愛愛搖滾帳篷音樂節](http://www.loveloverockfestival.com)
[2016台中爵士音樂節](http://www.taichungjazzfestival.com.tw/2016/)
[2016北捷出口音樂節](http://2016exitmusicfestival.nv.com.tw/saylove.php)
[阿里山夏日草原音樂節](http://www.2016ali-music.com)
[大港開唱megaportfest](http://www.megaportfest.com)
[台南夏日音樂節](http://www.tainanmusic.tw)
[春浪](http://www.spring-wave.com)
#### 論述相關
[報導者](https://www.twreporter.org)
[換日線](http://crossing.cw.com.tw)
[轉角國際](http://global.udn.com/global_vision/index)
[關鍵評論網](https://www.thenewslens.com)
[地球公民基金會](http://www.cet-taiwan.org/)
#### 有設計的網頁
[岐響音樂](http://dyverse.studio/indexold.php)
[複雜生活節](http://www.monoame.com/complex_festival/)
___
## 後端想要的功能
完整功能建置在[功能文件](https://hackmd.io/IYJgpgDCDsCcAcBaa9gDNEBZUDZG3E0Qk0zHABNgdSBjIA==)內
___
## 後端資源
### [子期大大ㄉDjango教學](https://hackmd.io/s/ByOcC1xEe)
[Django 官方網站](https://www.djangoproject.com)
[Django 官方tutorial](https://docs.djangoproject.com/en/1.10/intro/tutorial01/)
[Django 中文教材](https://www.gitbook.com/book/carolhsu/django-girls-tutorial-traditional-chiness/details)
[Python 教學](https://www.codecademy.com/learn/python)

### 第三方購物插件
[貝殼集器](https://backme.tw)
[歐付寶](https://www.allpay.com.tw)