---
GA: UA-34467841-15
---

我沒有網頁開發基礎，最後卻完成一份專案？ - 羅國平 / Misawai
===
<blockquote>
我要為童軍的一場全國性年度會議開發一套電子表決系統，但在這之前我沒有任何專案開發經驗。這場演講中，我將講述我如何以立法院的電子表決系統為靈感，歷經多次調整，最終使用 Python 及 Flask 框架在網頁上實現之。並分享我是如何在沒有網頁開發基礎的情況下，自己查找資料、學習、找尋資源，最後完成一個專案的初步開發並精進的故事。

## 目標聽眾
1. 有基礎程式設計概念，但是零網頁開發基礎，不知從何下手的初學者
2. 對於「行政流程、書面作業、工作流程（Workflow）作業電子化」有興趣者
3. 對 Python 的應用、使用 Python 進行網頁開發、Flask 框架有興趣者
4. 對公民參與、議事、會議、表決有興趣者
5. 對初學者的開發歷程有興趣者
6. 對童軍有興趣者

## 先備知識
無
</blockquote>
###### tags: `SITCON 2021 共筆` `SITCON 2021` `2021` `共筆` `R2`

{%hackmd 8guaVQ0CRbaeUldFwc_8Ow %}

> 請從這裡開始

### 前情提要
童軍活動全國羅浮群長年會有一個會議表決(請把票卡高舉過頭，人工計票)
想到立法院表決時有電子投票系統
→ 不然自己做一個

### 一開始的想法
網頁程式: 人與機器的互動
人在網頁上的操作傳給後端，讓後端資料庫有些改變

用 github.io + Google App Script + google試算表

### 實作出了問題
CORS policy
跨網域傳遞資料有資安考量

### 決定手刻，必須要有一台伺服器
沒地方放主機→找主機代管→學校資訊中心找資源→微軟Azure學生專案

### 主機搞定，決定前後端
學校教過 pyhton，知道 python 可以寫 web應用程式
看 azure 官方文件發現可以用 python，系上課程曾說過可以用 python 寫網站

跟者Azure教學網頁做發現可以 work →基本架構完成，只要加功能
在圖書館發現書，跟著書完成開發
→ Jinja + Flask + SQL

### 截圖DEMO

### 新手碰到的問題
- 不知道如何入門
- 釐清動機，以什麼樣的方法學習
- 如何選擇
網路太多資源、框架、資料庫可選，要選哪個 →有好資源就先用，之後再調沒關係
- 怎麼問問題
1. 先說明你已經做了哪些努力，但還是有不清楚的地方
2. 多做概念詢問，不是把社群當作debug機器
3. 問問題保持禮貌

### 好資源哪裡找
- SITCON 2021
- 書
- 研討會(COSCUP, etc.) 起初可能聽不懂先感覺氛圍
- Stack Overflow
- 學校社群、論壇、開放式課程