楊玉

摘要：在互聯(lián)網(wǎng)+時(shí)代，微商異軍突起，成為大學(xué)生創(chuàng)業(yè)的一條重要途徑。該文對(duì)一些高校及其周圍商業(yè)圈進(jìn)行實(shí)地考察調(diào)研，針對(duì)在校大學(xué)生校園創(chuàng)業(yè)及校園周邊傳統(tǒng)零售店的特殊商業(yè)需求，研究了面向多種資源整合的O2O商業(yè)模式，設(shè)計(jì)并實(shí)現(xiàn)了一款基于O2O模式的校園APP軟件。該APP為在校大學(xué)生提供了可靠、安全的創(chuàng)業(yè)平臺(tái)，為商家?guī)砹烁嗟挠?，帶?dòng)高校周邊經(jīng)濟(jì)的發(fā)展，使師生校園生活更加便捷，提高校園信息化水平。

關(guān)鍵詞：O2O模式；線上線下；校園APP；電子商務(wù)

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）36-0059-03

Design and Implementation of Campus APP Based on O2O Model

YANG Yu

（Yulin Normal University， Yulin 537000， China）

Abstract：During the Internet+'era，micro business suddenly rises and has become a significant way that university student start an undertaking. In this passage， we did some researches about some colleges and universities and their surrounding business circle. In view of the special business requirements of campus entrepreneurship and traditional retail stores around the campus， this passage studied the O2O business model for the integration of a variety of resources.At the moment this passage designs and implements a campus APP software which is based on O2O model. The APP provides a reliable and secure business platform for college students， brings more profits for businesses ，drives the development of the economy around the university， makes campus life of teachers and students more convenient， and improves the level of campus informatization.

Key words：O2O model； online offline； campus APP； electronic commerce

1 背景

當(dāng)今是一個(gè)高速發(fā)展的信息化社會(huì)，在互聯(lián)網(wǎng)+背景下，各種智能終端的發(fā)展和普及，使各式各樣的手機(jī)APP應(yīng)用如同雨后春筍一般涌現(xiàn)出來。如今，智能手機(jī)已成為現(xiàn)代人不可或缺的“日需品”，為手機(jī)APP市場(chǎng)，奠定了夯實(shí)的基石，開辟了廣闊的道路，使其生命不斷延續(xù)。“科技創(chuàng)造財(cái)富，科技是第一生產(chǎn)力”理念的內(nèi)涵不言而喻。管理學(xué)之父彼得·德魯克說過“當(dāng)今企業(yè)之間的競(jìng)爭(zhēng)，不是產(chǎn)品之間的競(jìng)爭(zhēng)，而是商業(yè)模式之間的競(jìng)爭(zhēng)”。面對(duì)“互聯(lián)網(wǎng)+”的大潮，出現(xiàn)了各種商業(yè)模式：商家對(duì)商家進(jìn)行交易（Business To Business，B2B）、商家對(duì)個(gè)人進(jìn)行交易（Business To Consumer，B2C）、個(gè)人對(duì)個(gè)人進(jìn)行交易（Consumer To Consumer，C2C）、線上對(duì)線下進(jìn)行交易（Online To Offline，O2O）。其中O2O商業(yè)模式最貼近消費(fèi)者的日常生活，是互聯(lián)網(wǎng)更好的服務(wù)人類的體現(xiàn)。我國(guó)的電子商務(wù)雖然起步較晚，但是發(fā)展速度不亞于發(fā)達(dá)國(guó)家，尤其是在近幾年更是取得了突飛猛進(jìn)的進(jìn)展。其已廣泛應(yīng)用于在線旅游、房地產(chǎn)、餐飲業(yè)、訂票服務(wù)、汽車租賃等。O2O商業(yè)模式與手機(jī)APP應(yīng)用結(jié)合起來，就是強(qiáng)強(qiáng)聯(lián)合。

在創(chuàng)業(yè)者眼里，校園并非只是莘莘學(xué)子求學(xué)之地，它還是一個(gè)巨大的商業(yè)圈，是一些商家致富的起點(diǎn)。由此看來，設(shè)計(jì)并開發(fā)一款O2O商業(yè)模式的手機(jī)APP應(yīng)用，一款適用于各大高校的APP并不是突發(fā)奇想。為此，我們?cè)O(shè)計(jì)并實(shí)現(xiàn)了基于O2O模式的校園APP軟件（本文將該軟件命名為點(diǎn)點(diǎn)買）。為在校大學(xué)生提供了可靠、安全的創(chuàng)業(yè)平臺(tái)，滿足了在校大學(xué)生校園創(chuàng)業(yè)及校園周邊傳統(tǒng)零售店的特殊商業(yè)需求。

2 需求分析

我們對(duì)一些高校進(jìn)行了實(shí)地調(diào)研，與一些在校大學(xué)生創(chuàng)業(yè)者及高校周邊的商家進(jìn)行了交流和討論，并將調(diào)研的結(jié)果進(jìn)行了整理和分析。高校本身存在很大的消費(fèi)空間及大學(xué)生的創(chuàng)造性創(chuàng)業(yè)，人流量極大，周圍零售商店也十分豐富。在信息化時(shí)代，大學(xué)生成為網(wǎng)絡(luò)消費(fèi)的主力軍。如今，高校大學(xué)生創(chuàng)業(yè)已屢見不鮮，但是，其中能夠取得成效的卻不多。原因主要有三點(diǎn)：大學(xué)生創(chuàng)業(yè)面臨著資金不足的問題，學(xué)生創(chuàng)業(yè)缺乏經(jīng)商經(jīng)驗(yàn)，學(xué)業(yè)與創(chuàng)業(yè)難以兼容。點(diǎn)點(diǎn)買---O2O商業(yè)模式的校園APP對(duì)在校大學(xué)生創(chuàng)業(yè)和校園周邊商家開放，鼓勵(lì)大學(xué)生在該微商平臺(tái)上進(jìn)行創(chuàng)業(yè)訓(xùn)練而專門開發(fā)的。點(diǎn)點(diǎn)買的研究開發(fā)可以滿足在校大學(xué)生微商創(chuàng)業(yè)的網(wǎng)絡(luò)推廣需要。有利于在校學(xué)生創(chuàng)業(yè)者節(jié)約宣傳資金開銷，同時(shí)加強(qiáng)宣傳效果。有利于其完成學(xué)業(yè)的同時(shí)進(jìn)行創(chuàng)業(yè)，做到學(xué)業(yè)創(chuàng)業(yè)“兩不誤”。它不需要?jiǎng)?chuàng)業(yè)者具有豐富的經(jīng)商經(jīng)驗(yàn)，做到揚(yáng)長(zhǎng)避短。

學(xué)校周圍商家也希望進(jìn)入校園進(jìn)行商業(yè)推廣，最常見的方式是在一些大學(xué)生活動(dòng)中進(jìn)行簡(jiǎn)單贊助。通過調(diào)研發(fā)現(xiàn)，許多商家認(rèn)為大學(xué)生活動(dòng)贊助式推廣是短期的，不能滿足他們的長(zhǎng)期推廣需求。而對(duì)于在校大學(xué)生微商創(chuàng)業(yè)而言，沒有多余的資金進(jìn)行活動(dòng)贊助，更希望在市場(chǎng)推廣中得到幫助。線下的商品放到網(wǎng)上展示銷售，讓消費(fèi)者方便隨時(shí)瀏覽商品服務(wù)，抓住更多的潛在消費(fèi)者。點(diǎn)點(diǎn)買校園微型電子商務(wù)平臺(tái)為買家和賣家提供一個(gè)免費(fèi)的即時(shí)交易平臺(tái)，不收取任何費(fèi)用。

2.1 功能需求

圖1 功能需求

如圖1所示，將使用本軟件的角色分成三種：未登錄用戶、登錄用戶和管理員。對(duì)于未登錄用戶，能夠?yàn)g覽APP應(yīng)用的所有商品服務(wù)，但不能進(jìn)行購(gòu)買，評(píng)論等操作。對(duì)于登錄用戶，除了具有未登錄用戶的所有功能外，還可以進(jìn)行在線咨詢、預(yù)定購(gòu)買、修改密碼等功能操作。對(duì)于管理員，擁有APP應(yīng)用的最高權(quán)限，負(fù)責(zé)系統(tǒng)的日常管理維護(hù)。

2.2 非功能需求

1）視覺美感：點(diǎn)點(diǎn)買大部分用戶為學(xué)生教師，所以界面的設(shè)計(jì)應(yīng)該更美觀精煉，風(fēng)格自然優(yōu)雅，符合大學(xué)生的審美標(biāo)準(zhǔn)。APP的主調(diào)顏色應(yīng)該選擇能夠體現(xiàn)大學(xué)生青春朝氣的同時(shí)又不會(huì)破壞商品服務(wù)的展示效果。

2）易用性：點(diǎn)點(diǎn)買校園APP是以簡(jiǎn)單便捷為出發(fā)點(diǎn)的。整體設(shè)計(jì)能夠迅速被用戶接受。在沒有學(xué)習(xí)提前使用的情況下，能用最短的時(shí)間達(dá)到準(zhǔn)確使用的程度。功能模塊設(shè)計(jì)，操作簡(jiǎn)單、實(shí)用性強(qiáng)。

3）界面的載入：長(zhǎng)時(shí)間等待界面加載可能會(huì)導(dǎo)致用戶心情煩躁，甚至?xí)芙^使用該APP應(yīng)用。點(diǎn)點(diǎn)買校園APP從實(shí)際情況出發(fā)，更多信息儲(chǔ)存在本地，這樣在網(wǎng)絡(luò)數(shù)據(jù)未加載完成時(shí)，用戶不會(huì)出現(xiàn)一直等待的狀態(tài)。

3 相關(guān)技術(shù)

下面對(duì)點(diǎn)點(diǎn)買校園APP開發(fā)過程中所用到的開發(fā)工具和主要技術(shù)進(jìn)行說明。

Bootstrap基于 HTML、CSS、Javascript ，具有簡(jiǎn)潔靈活的優(yōu)點(diǎn)，是一種優(yōu)秀的開源前端框架。Bootstrap集合了CSS+HTML，提供了包括布局、表格、按鈕、表單、導(dǎo)航、提示等一套前端工具包，為手機(jī)應(yīng)用的開發(fā)節(jié)約成本，減少開發(fā)時(shí)間。Bootstrap不僅可以構(gòu)建出非常優(yōu)雅的前端頁面，而且占用資源非常小。Bootstrap的核心就是基于Less框架構(gòu)建的CSS。基于Less，可以在編寫CSS時(shí)使用嵌入式聲明變量、混合模式、運(yùn)算和顏色編輯功能函數(shù)等[1]。因此，點(diǎn)點(diǎn)買校園APP的開發(fā)采用了Bootstrap前端框架。

HTML5、CSS3、Javascript是界面最基本的開發(fā)語言。HTML5，增加了新標(biāo)簽和屬性。HTML 5優(yōu)點(diǎn)有：更優(yōu)錯(cuò)誤處理、更多取代腳本標(biāo)記、獨(dú)立于設(shè)備、開發(fā)進(jìn)程對(duì)公眾透明性。HTML5增加了更多API，如：即時(shí)2D繪圖的Canvas標(biāo)簽、離線數(shù)據(jù)庫存儲(chǔ)、文檔編輯、 瀏覽歷史管理等[2]。因此，點(diǎn)點(diǎn)買校園APP的開發(fā)采用了HTML5+CSS3+Javascript語言。

MySQL一款開源軟件，成本低、易學(xué)、便捷、有一定的穩(wěn)定性，安全性也可靠。能與PHP完美的融合，適合中小型開發(fā)項(xiàng)目，功能完全能夠勝任點(diǎn)點(diǎn)買的功能需求。點(diǎn)點(diǎn)買專門為高校內(nèi)部學(xué)生、教師及周圍商家服務(wù)的，范圍較其他大型項(xiàng)目而言大大縮小，用MySQL來存取數(shù)據(jù)是完全可行的。

PHP常被用于后臺(tái)開發(fā)，比CGI或者Perl更快速地執(zhí)行動(dòng)態(tài)網(wǎng)頁。用PHP做出的動(dòng)態(tài)界面與其他的編程語言相比，PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多。PHP還可以執(zhí)行編譯后代碼，編譯可以達(dá)到加密和優(yōu)化代碼運(yùn)行，使代碼運(yùn)行更快[3]。

4 點(diǎn)點(diǎn)買校園APP的設(shè)計(jì)與實(shí)現(xiàn)

4.1 系統(tǒng)結(jié)構(gòu)設(shè)計(jì)

點(diǎn)點(diǎn)買校園APP根據(jù)業(yè)務(wù)需求，總體劃分為2大部分：用戶界面、管理界面。用戶界面是針對(duì)APP用戶而言的，管理界面由開發(fā)人員掌控。其功能模塊見圖2：

圖2 功能模塊

4.2 系統(tǒng)拓?fù)浣Y(jié)構(gòu)

圖3 拓?fù)浣Y(jié)構(gòu)

4.3 功能模塊的設(shè)計(jì)與實(shí)現(xiàn)

4.3.1 用戶界面功能模塊

1）用戶注冊(cè)登錄：點(diǎn)點(diǎn)買可以使用手機(jī)號(hào)或郵箱注冊(cè)，用戶注冊(cè)時(shí)判斷是否可以創(chuàng)建該用戶。如果用戶已存在會(huì)彈出提示框，拒絕注冊(cè)。注冊(cè)成功登錄時(shí)，要求用戶名必須與密碼一致，否則拒絕登錄。用戶是首次登錄時(shí)，登錄后跳轉(zhuǎn)到到信息編輯頁面，需要用戶完善個(gè)人信息，如：上傳頭像（可使用默認(rèn)圖片）、用戶名、性別等個(gè)人資料。使用HTML5+CSS3+Javascript實(shí)現(xiàn)整個(gè)登錄界面的效果，儲(chǔ)存判斷用戶輸入的手機(jī)號(hào)和密碼的值是否合法，若沒有錯(cuò)誤，將輸入的值傳入后臺(tái)，通過方法與后臺(tái)進(jìn)行交互獲取該用戶的所有信息。

圖4 登錄頁面實(shí)現(xiàn)效果圖

2）密碼修改：用戶登錄后可以進(jìn)入個(gè)人中心頁面，點(diǎn)擊編輯-->密碼修改。進(jìn)入密碼修改頁面，先輸入舊密碼，再輸入新密碼，最后輸入確認(rèn)密碼。密碼輸入默認(rèn)直觀不可見，如用戶需密碼可見，可點(diǎn)擊下方的顯示按鍵，輸入的密碼全部將被替換成密文。為了增強(qiáng)用戶體驗(yàn)度，點(diǎn)點(diǎn)買取消輸入驗(yàn)證碼等繁瑣操作。輸入過程中，若確認(rèn)密碼與新密碼不一致，將彈出提示窗口，提示用戶再次輸入確認(rèn)密碼。如果輸入的新密碼是前兩次使用過的密碼，系統(tǒng)會(huì)拒絕修改，要求用戶重新輸入新密碼。新密碼輸入后，會(huì)顯示新密碼的強(qiáng)度，分為強(qiáng)、中、弱等級(jí)。密碼等級(jí)的強(qiáng)弱程度主要是根據(jù)密碼長(zhǎng)度+密碼類型復(fù)雜度（純字母或純數(shù)字，數(shù)字+字符，數(shù)字+字母+符號(hào)）共同決定的。點(diǎn)點(diǎn)買參照準(zhǔn)則為：設(shè)定密碼長(zhǎng)度+密碼類型復(fù)雜度=100%，長(zhǎng)度占密碼強(qiáng)度考慮的40%，密碼類型復(fù)雜度占密碼強(qiáng)度60%。根據(jù)你設(shè)置的這些參數(shù)自動(dòng)判斷密碼強(qiáng)弱程度[4]。

3）查看搜索：每款A(yù)PP應(yīng)用都會(huì)有琳瑯滿目的商品服務(wù)，搜索功能是APP應(yīng)用必備功能。用戶可以使用模糊搜索、精確搜索兩種搜索方法。若沒有相關(guān)的商品服務(wù)信息，將會(huì)輸出暫無數(shù)據(jù)信息。其操作無非是用戶在搜索框中輸入一些關(guān)鍵詞，如：美食?；蚓唧w到某個(gè)商品服務(wù)詳細(xì)名稱。這些搜索條件經(jīng)過處理提交到后臺(tái)服務(wù)器，服務(wù)器對(duì)此作出響應(yīng)。服務(wù)器根據(jù)運(yùn)算和條件篩選出用戶所需要的信息，并把這些信息返回給用戶終端，用戶終端以列表的形式顯示。

圖5 搜索界面實(shí)現(xiàn)效果圖

4）評(píng)論：評(píng)論，是用戶購(gòu)買商品服務(wù)，體驗(yàn)商品服務(wù)后，對(duì)該商品服務(wù)做出真實(shí)評(píng)價(jià)的操作，為潛在的消費(fèi)者提供借鑒。評(píng)價(jià)功能是必不可少的，是用戶反饋信息的重要途徑。好評(píng)可以讓商家的人氣升溫，差評(píng)會(huì)促進(jìn)商家改變營(yíng)銷策略，提高商品服務(wù)質(zhì)量，為消費(fèi)者提供更優(yōu)質(zhì)的服務(wù)。用戶還可以對(duì)物流，發(fā)貨速度進(jìn)行評(píng)價(jià)，5顆星代表滿分，是對(duì)商家商品服務(wù)的肯定，用戶可以根據(jù)自己對(duì)商品服務(wù)的滿意程度，點(diǎn)亮下面的星星。用戶還可以進(jìn)行匿名評(píng)價(jià)。點(diǎn)擊評(píng)價(jià)輸入框自動(dòng)彈出智能手機(jī)的默認(rèn)輸入鍵盤，輸入反饋信息。通過PHP連接數(shù)據(jù)庫，從頁面獲取用戶評(píng)論信息相關(guān)內(nèi)容，存入數(shù)據(jù)庫相應(yīng)表中。運(yùn)用PHP從數(shù)據(jù)庫中讀取評(píng)價(jià)內(nèi)容，讀取的內(nèi)容顯現(xiàn)在頁面的規(guī)定位置，實(shí)現(xiàn)評(píng)論功能。

圖6 評(píng)價(jià)界面實(shí)現(xiàn)效果圖

5）購(gòu)買商品：用戶在點(diǎn)點(diǎn)買APP應(yīng)用中瀏覽查看商品服務(wù)，點(diǎn)擊進(jìn)入商品詳情頁面。若需購(gòu)買該商品服務(wù)，可以點(diǎn)擊結(jié)算按鈕，進(jìn)入購(gòu)買的詳情頁面。完善個(gè)人收貨地址，聯(lián)系方式等信息，方可預(yù)定購(gòu)買該商品服務(wù)。

4.3.2 管理員界面功能模塊

1）數(shù)據(jù)統(tǒng)計(jì)：數(shù)據(jù)統(tǒng)計(jì)是后臺(tái)管理的主要構(gòu)成部分，它是由后臺(tái)管理員操縱控制的，為APP應(yīng)用的發(fā)展與版本的升級(jí)提供重要參考信息。該功能模塊包括新增用戶數(shù)、活躍戶數(shù)、啟動(dòng)次數(shù)、人均啟動(dòng)次數(shù)、平均每次使用時(shí)長(zhǎng)、整體趨勢(shì)分析。這些分析是一個(gè)應(yīng)用升級(jí)，是否能夠繼續(xù)長(zhǎng)久發(fā)展下去的重要依據(jù)。它能直接獲取APP應(yīng)用的使用人數(shù)，使用活躍程度。同時(shí)，數(shù)據(jù)統(tǒng)計(jì)是信息推送的前提、導(dǎo)航器。

2）信息推送：該功能模塊具體包括：信息推送、推送統(tǒng)計(jì)、推送歷史。針對(duì)不同屬性的用戶推送差異化信息。它能夠精確的向指定個(gè)人用戶或群組推送各種用戶可能需要、感興趣的商品服務(wù)信息。推送內(nèi)容由數(shù)據(jù)統(tǒng)計(jì)分析用戶近期常瀏覽的界面、商品服務(wù)決定的。信息推送是管理員的日常工作，每天必須進(jìn)行信息推送，為用戶推送所關(guān)心的信息，增強(qiáng)用戶體驗(yàn)度。推送統(tǒng)計(jì)可以觀察用戶是否會(huì)瀏覽推送的內(nèi)容，及瀏覽次數(shù)。推送歷史顧名思義是從用戶注冊(cè)起到現(xiàn)在推送過的所有內(nèi)容。

3）上傳資源：上傳資源是點(diǎn)點(diǎn)買APP應(yīng)用的靈魂，智能終端瀏覽的各種商品服務(wù)信息都是由后臺(tái)管理員上傳整理的。

資源包括視頻、文字、圖片、音頻。這些資源都要符合一定標(biāo)準(zhǔn)。不符合標(biāo)準(zhǔn)將不予上傳，要求商家按標(biāo)準(zhǔn)改進(jìn)資源。例如：上傳的圖片規(guī)格要進(jìn)行統(tǒng)一，規(guī)格也會(huì)跟著不同商品的不同表現(xiàn)形式有所變化。若上傳的是視頻，那么它的大小不能超過2M，格式為MP4/AVI/rmvb。

4）廣告管理：該模塊的核心功能是發(fā)布展示商家最新的商品服務(wù)信息或活動(dòng)，出現(xiàn)在點(diǎn)點(diǎn)買APP首頁廣告區(qū)。廣告的創(chuàng)建、發(fā)布、撤銷、刪除、管理等操作由管理員執(zhí)行。在管理員發(fā)布、修改廣告的時(shí)候，將自動(dòng)生成、存儲(chǔ)、顯示發(fā)布時(shí)間。商店近期的一些優(yōu)惠活動(dòng)、新品上線等都可以直接發(fā)布在廣告管理模塊上，讓用戶能夠提前預(yù)知后續(xù)的安排，可以吸引更多的新顧客。

5 結(jié)束語

點(diǎn)點(diǎn)買O2O校園APP緊跟當(dāng)前電子商務(wù)最新發(fā)展形勢(shì)，具有跨平臺(tái)性、整合性、開放性等特點(diǎn)，可以運(yùn)行在蘋果公司ISO和谷歌Android兩個(gè)智能終端系統(tǒng)中。點(diǎn)點(diǎn)買遵循專而精的原則，功能模塊以“九宮格”的形式來展示，一目了然，操作簡(jiǎn)單快速，大大提高用戶的體驗(yàn)度。全面分析用戶的操作習(xí)慣和接受能力，進(jìn)行巧妙的交互設(shè)計(jì)，輕松引導(dǎo)用戶進(jìn)行各種手勢(shì)操作。界面風(fēng)格優(yōu)雅精致，符合大學(xué)生的審美標(biāo)準(zhǔn)。點(diǎn)點(diǎn)買的開發(fā)和實(shí)現(xiàn)服務(wù)于高校師生的校園生活，提高校園信息化水平。為大學(xué)生的創(chuàng)業(yè)提供了安全可靠的平臺(tái)，促進(jìn)了校園商業(yè)圈的不斷繁榮壯大，帶動(dòng)周圍經(jīng)濟(jì)的快速發(fā)展，具有較好的應(yīng)用價(jià)值。

參考文獻(xiàn)：

[1] 徐濤. 深入理解Bootstrap[M]. 北京： 機(jī)械工業(yè)出版社， 2014.

[2] 李東博.HTML5+CSS3從入門到精通[M]. 北京： 清華大學(xué)出版社， 2013.

[3] 威利， 湯姆森. PHP和MySQL Web開發(fā)[M]. 武欣， 譯. 北京： 機(jī)械工業(yè)出版社， 2009.

[4] 黃晟. 基于用戶體驗(yàn)的APP設(shè)計(jì)研究[D]. 西安： 陜西科技大學(xué)， 2012.