(一)專案背景和設計目的
設計該項目的目的是為了讓父母更好地了解年輕人,從而促進父母與子女之間的溝通。隨著孩子慢慢地長大,離開父母去外地讀書、工作,與父母的距離越來越遠,溝通越來越少,每次與父母通**,他們總是有問不完的問題:」你每天都在做什麼工作啊?」,」你週末都怎麼度過啊?」於是我們就想要建立起父母與年輕人之間溝通的橋梁,讓父母更多地了解、認識年輕人的工作、生活、思想。
(二)專案基本流程
1.父母端
父母進入系統,看到的是乙個提問的介面:
在這裡,父母能夠提出任何關於子女他們想要了解的東西,每乙個問題都會隨機傳送給子女們答覆,雖然不是他自己的子女,但也許從事一樣的職業,有著一樣的文化,過著類似的生活,因此足夠提供他們需要的幫助。
2.子女端
子女進入系統,會收到一條來自父母的問題,並進行回答,不好回答可以點選」換乙個」:
子女回答了父母的問題之後,父母可以表示感謝。
公益不單單是我們去到災區,捐錢捐款,公益也可以是我們在碎片化的時間,解答關於父母的一點一滴的疑惑。
(三)專案實現
1.專案結構
2.安裝node.js和express
express的安裝要用到node.js的npm包管理工具,具體安裝步驟如下:
安裝完成之後f:/code/bridge目錄會多乙個node_modules資料夾,裡面就是express模組。
3.node.js路由機制
為了能在手機上瀏覽,我利用node.js和express搭建了乙個web伺服器,並引入了node.js的路由機制,以下是server.js檔案:
1要訪問系統頁面,需要執行server.js檔案,在命令列視窗切換到f:/code/bridge路徑,輸入:node server.js,即可啟動web伺服器,此時可在瀏覽器位址列輸入:http://localhost:8000/ or 即可訪問系統首頁。若要在其他機器上或手機端訪問,則需輸入127網域名稱對應的ipv4位址,在命令列視窗輸入:ipconfig,即可獲得ipv4位址,如下所示:var express = require('express');
2var fs = require('fs');
3設定靜態檔案的路徑
(request, response));
10});
(request, response));
16});
(request, response));
22});
(request, response));
28});
設定訪問的埠號
4.首頁index.html
1需要注意的是靜態資源的引用。doctype html
>
2<
html
>
3<
head
>
4<
title
>彩虹橋
title
>
5<
meta
charset
="utf-8"
>
6<
meta
name
="viewport"
content
="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"
>
7<
script
src=""
>
script
>
8<
script
src="/js/index.js"
>
script
>
9<
link
rel="stylesheet"
href
="/css/index.css"
>
10head
>
11<
body
>
12<
header
class
="header"
>
header
>
13<
section
class
="wrap"
>
14<
div
class
="sample"
>
div>
15<
ul class
="dialoglist"
>
16ul
>
17section
>
18<
div
class
="bar"
>
19<
span
class
="switch"
>
span
>
20<
span
class
="toucharea"
>
span
>
21div
>
22<
footer
class
="footer"
>
footer
>
23body
>
24html
>
(四)總結
通過這次比賽,最大的收穫是了解了乙個創業專案從無到有的整個過程:從頭腦風暴討論創意,確定主題和專案的宗旨,到構想創意,再到設計方案和需求點,接著是設計師設計互動稿和視覺稿,開發人員進行專案demo的開發,再到精細的開發和測試,最後專案上線。當然中間會經歷多次需求完善和功能迭代。另外,通過這次比賽,對公益有了更多的思考,了解了別人是怎麼做公益的。做公益有時可以很簡單,可以是身邊的事,也可以很有趣,公益不在於少數人做很多事情,而在於很多人貢獻一點點力量。
公尺樂英語借網際網路賦能教育公益 推動公益創新
2008 年被稱為 中國民間公益元年 現如今,中國公益走過十年,日漸趨於專業化。特別是在教育公益領域,純物資捐贈的公益1.0www.cppcns.com 時代已成過去,正式邁入了以軟性扶持為核心的公益2.0 時代。近程式設計客棧日,公尺樂教育開展名為 網際網路 時代教育公益的突圍與創新的線上論壇,旨...
移動網際網路十大創新應用
1.微博電子商務 在微博賬號的資料欄裡填上收貨位址,微博的電子商務時代很快就會到來。不同的是,微博電商會與微博的話題結合起來,比如乙個作家的交流會,在活動頁面設定購書訂單。微博上也可以開新品發布會,直接向使用者發起 既實現了體驗營銷,又賺足了人氣,博友們也得了實惠。2.移動即時通訊 代表產品 3.移...
騰訊收購康盛創想,網際網路營銷
康盛儘管擁有足夠的市場份額,但戴志康以及他的團隊卻在為如何賺錢發愁。陸續試水社群營銷 網頁遊戲以及開放平台,但並未帶來核心商業模式。業內分析,這是康盛正式商業化以來遇到的最大難題。另一方面,競爭對手phpwind已經投入阿里巴巴版圖,成為馬雲實現大 戰略的一環。事實上,隨後phpwind獲得了阿里巴...