楊玉

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

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

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

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

2 需求分析

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

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

2.1 功能需求

圖1 功能需求

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

2.2 非功能需求

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

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

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

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

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

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

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

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

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

4 點點買校園APP的設(shè)計與實現(xiàn)

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

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

圖2 功能模塊

4.2 系統(tǒng)拓撲結(jié)構(gòu)

圖3 拓撲結(jié)構(gòu)

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

4.3.1 用戶界面功能模塊

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

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

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

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

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

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

圖6 評價界面實現(xiàn)效果圖

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

4.3.2 管理員界面功能模塊

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

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

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

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

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

5 結(jié)束語

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

參考文獻：

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

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

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

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