基于O2O模式的校园APP设计与实现

杨玉

摘要：在互联网+时代，微商异军突起，成为大学生创业的一条重要途径。该文对一些高校及其周围商业圈进行实地考察调研，针对在校大学生校园创业及校园周边传统零售店的特殊商业需求，研究了面向多种资源整合的O2O商业模式，设计并实现了一款基于O2O模式的校园APP软件。该APP为在校大学生提供了可靠、安全的创业平台，为商家带来了更多的盈利，带动高校周边经济的发展，使师生校园生活更加便捷，提高校园信息化水平。

关键词：O2O模式；线上线下；校园APP；电子商务

中图分类号：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 背景

当今是一个高速发展的信息化社会，在互联网+背景下，各种智能终端的发展和普及，使各式各样的手机APP应用如同雨后春笋一般涌现出来。如今，智能手机已成为现代人不可或缺的“日需品”，为手机APP市场，奠定了夯实的基石，开辟了广阔的道路，使其生命不断延续。“科技创造财富，科技是第一生产力”理念的内涵不言而喻。管理学之父彼得·德鲁克说过“当今企业之间的竞争，不是产品之间的竞争，而是商业模式之间的竞争”。面对“互联网+”的大潮，出现了各种商业模式：商家对商家进行交易（Business To Business，B2B）、商家对个人进行交易（Business To Consumer，B2C）、个人对个人进行交易（Consumer To Consumer，C2C）、线上对线下进行交易（Online To Offline，O2O）。其中O2O商业模式最贴近消费者的日常生活，是互联网更好的服务人类的体现。我国的电子商务虽然起步较晚，但是发展速度不亚于发达国家，尤其是在近几年更是取得了突飞猛进的进展。其已广泛应用于在线旅游、房地产、餐饮业、订票服务、汽车租赁等。O2O商业模式与手机APP应用结合起来，就是强强联合。

在创业者眼里，校园并非只是莘莘学子求学之地，它还是一个巨大的商业圈，是一些商家致富的起点。由此看来，设计并开发一款O2O商业模式的手机APP应用，一款适用于各大高校的APP并不是突发奇想。为此，我们设计并实现了基于O2O模式的校园APP软件（本文将该软件命名为点点买）。为在校大学生提供了可靠、安全的创业平台，满足了在校大学生校园创業及校园周边传统零售店的特殊商业需求。

2 需求分析

我们对一些高校进行了实地调研，与一些在校大学生创业者及高校周边的商家进行了交流和讨论，并将调研的结果进行了整理和分析。高校本身存在很大的消费空间及大学生的创造性创业，人流量极大，周围零售商店也十分丰富。在信息化时代，大学生成为网络消费的主力军。如今，高校大学生创业已屡见不鲜，但是，其中能够取得成效的却不多。原因主要有三点：大学生创业面临着资金不足的问题，学生创业缺乏经商经验，学业与创业难以兼容。点点买---O2O商业模式的校园APP对在校大学生创业和校园周边商家开放，鼓励大学生在该微商平台上进行创业训练而专门开发的。点点买的研究开发可以满足在校大学生微商创业的网络推广需要。有利于在校学生创业者节约宣传资金开销，同时加强宣传效果。有利于其完成学业的同时进行创业，做到学业创业“两不误”。它不需要创业者具有丰富的经商经验，做到扬长避短。

学校周围商家也希望进入校园进行商业推广，最常见的方式是在一些大学生活动中进行简单赞助。通过调研发现，许多商家认为大学生活动赞助式推广是短期的，不能满足他们的长期推广需求。而对于在校大学生微商创业而言，没有多余的资金进行活动赞助，更希望在市场推广中得到帮助。线下的商品放到网上展示销售，让消费者方便随时浏览商品服务，抓住更多的潜在消费者。点点买校园微型电子商务平台为买家和卖家提供一个免费的即时交易平台，不收取任何费用。

2.1 功能需求

图1 功能需求

如图1所示，将使用本软件的角色分成三种：未登录用户、登录用户和管理员。对于未登录用户，能够浏览APP应用的所有商品服务，但不能进行购买，评论等操作。对于登录用户，除了具有未登录用户的所有功能外，还可以进行在线咨询、预定购买、修改密码等功能操作。对于管理员，拥有APP应用的最高权限，负责系统的日常管理维护。

2.2 非功能需求

1）视觉美感：点点买大部分用户为学生教师，所以界面的设计应该更美观精炼，风格自然优雅，符合大学生的审美标准。APP的主调颜色應该选择能够体现大学生青春朝气的同时又不会破坏商品服务的展示效果。

2）易用性：点点买校园APP是以简单便捷为出发点的。整体设计能够迅速被用户接受。在没有学习提前使用的情况下，能用最短的时间达到准确使用的程度。功能模块设计，操作简单、实用性强。

3）界面的载入：长时间等待界面加载可能会导致用户心情烦躁，甚至会拒绝使用该APP应用。点点买校园APP从实际情况出发，更多信息储存在本地，这样在网络数据未加载完成时，用户不会出现一直等待的状态。

3 相关技术

下面对点点买校园APP开发过程中所用到的开发工具和主要技术进行说明。

Bootstrap基于 HTML、CSS、Javascript ，具有简洁灵活的优点，是一种优秀的开源前端框架。Bootstrap集合了CSS+HTML，提供了包括布局、表格、按钮、表单、导航、提示等一套前端工具包，为手机应用的开发节约成本，减少开发时间。Bootstrap不仅可以构建出非常优雅的前端页面，而且占用资源非常小。Bootstrap的核心就是基于Less框架构建的CSS。基于Less，可以在编写CSS时使用嵌入式声明变量、混合模式、运算和颜色编辑功能函数等[1]。因此，点点买校园APP的开发采用了Bootstrap前端框架。

HTML5、CSS3、Javascript是界面最基本的开发语言。HTML5，增加了新标签和属性。HTML 5优点有：更优错误处理、更多取代脚本标记、独立于设备、开发进程对公众透明性。HTML5增加了更多API，如：即时2D绘图的Canvas标签、离线数据库存储、文档编辑、 浏览历史管理等[2]。因此，点点买校园APP的开发采用了HTML5+CSS3+Javascript语言。

MySQL一款开源软件，成本低、易学、便捷、有一定的稳定性，安全性也可靠。能与PHP完美的融合，适合中小型开发项目，功能完全能够胜任点点买的功能需求。点点买专门为高校内部学生、教师及周围商家服务的，范围较其他大型项目而言大大缩小，用MySQL来存取数据是完全可行的。

PHP常被用于后台开发，比CGI或者Perl更快速地执行动态网页。用PHP做出的动态界面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多。PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快[3]。

4 点点买校园APP的设计与实现

4.1 系统结构设计

点点买校园APP根据业务需求，总体划分为2大部分：用户界面、管理界面。用户界面是针对APP用户而言的，管理界面由开发人员掌控。其功能模块见图2：

图2 功能模块

4.2 系统拓扑结构

图3 拓扑结构

4.3 功能模块的设计与实现

4.3.1 用户界面功能模块

1）用户注册登录：点点买可以使用手机号或邮箱注册，用户注册时判断是否可以创建该用户。如果用户已存在会弹出提示框，拒绝注册。注册成功登录时，要求用户名必须与密码一致，否则拒绝登录。用户是首次登录时，登录后跳转到到信息编辑页面，需要用户完善个人信息，如：上传头像（可使用默认图片）、用户名、性别等个人资料。使用HTML5+CSS3+Javascript实现整个登录界面的效果，储存判断用户输入的手机号和密码的值是否合法，若没有错误，将输入的值传入后台，通过方法与后台进行交互获取该用户的所有信息。

图4 登录页面实现效果图

2）密码修改：用户登录后可以进入个人中心页面，点击编辑-->密码修改。进入密码修改页面，先输入旧密码，再输入新密码，最后输入确认密码。密码输入默认直观不可见，如用户需密码可见，可点击下方的显示按键，输入的密码全部将被替换成密文。为了增强用户体验度，点点买取消输入验证码等繁琐操作。输入过程中，若确认密码与新密码不一致，将弹出提示窗口，提示用户再次输入确认密码。如果输入的新密码是前两次使用过的密码，系统会拒绝修改，要求用户重新输入新密码。新密码输入后，会显示新密码的强度，分为强、中、弱等级。密码等级的强弱程度主要是根据密码长度+密码类型复杂度（纯字母或纯数字，数字+字符，数字+字母+符号）共同决定的。点点买参照准则为：设定密码长度+密码类型复杂度=100%，长度占密码强度考虑的40%，密码类型复杂度占密码强度60%。根据你设置的这些参数自动判断密码强弱程度[4]。

3）查看搜索：每款APP应用都会有琳琅满目的商品服务，搜索功能是APP应用必备功能。用户可以使用模糊搜索、精确搜索两种搜索方法。若没有相关的商品服务信息，将会输出暂无数据信息。其操作无非是用户在搜索框中输入一些关键词，如：美食。或具体到某个商品服务详细名称。这些搜索条件经过处理提交到后台服务器，服务器对此作出响应。服务器根据运算和条件筛选出用户所需要的信息，并把这些信息返回给用户终端，用户终端以列表的形式显示。

图5 搜索界面实现效果图

4）评论：评论，是用户购买商品服务，体验商品服务后，对该商品服务做出真实评价的操作，为潜在的消费者提供借鉴。评价功能是必不可少的，是用户反馈信息的重要途径。好评可以让商家的人气升温，差评会促进商家改变营销策略，提高商品服务质量，为消费者提供更优质的服务。用户还可以对物流，发货速度进行评价，5颗星代表满分，是对商家商品服务的肯定，用户可以根据自己对商品服务的满意程度，点亮下面的星星。用户还可以进行匿名评价。点击评价输入框自动弹出智能手机的默认输入键盘，输入反馈信息。通过PHP连接数据库，从页面获取用户评论信息相关内容，存入数据库相应表中。运用PHP从数据库中读取评价内容，读取的内容显现在页面的规定位置，实现评论功能。

图6 评价界面实现效果图

5）购买商品：用户在点点买APP应用中浏览查看商品服务，点击进入商品详情页面。若需购买该商品服务，可以点击结算按钮，进入购买的详情页面。完善个人收货地址，联系方式等信息，方可预定购买该商品服务。

4.3.2 管理员界面功能模块

1）数据统计：数据统计是后台管理的主要构成部分，它是由后台管理员操纵控制的，为APP应用的发展与版本的升级提供重要参考信息。该功能模块包括新增用户数、活跃户数、启动次数、人均启动次数、平均每次使用时长、整体趋势分析。这些分析是一个应用升级，是否能够继续长久发展下去的重要依据。它能直接获取APP应用的使用人数，使用活跃程度。同时，数据统计是信息推送的前提、导航器。

2）信息推送：该功能模块具体包括：信息推送、推送统计、推送历史。针对不同属性的用户推送差异化信息。它能够精确的向指定个人用户或群组推送各种用户可能需要、感兴趣的商品服务信息。推送内容由数据统计分析用户近期常浏览的界面、商品服务决定的。信息推送是管理员的日常工作，每天必须进行信息推送，为用户推送所关心的信息，增强用户体验度。推送统计可以观察用户是否会浏览推送的内容，及浏览次数。推送历史顾名思义是从用户注册起到现在推送过的所有内容。

3）上传资源：上传资源是点点买APP应用的灵魂，智能终端浏览的各种商品服务信息都是由后台管理员上传整理的。

资源包括视频、文字、图片、音频。这些资源都要符合一定标准。不符合标准将不予上传，要求商家按标准改进资源。例如：上传的图片规格要进行统一，规格也会跟着不同商品的不同表现形式有所变化。若上传的是视频，那么它的大小不能超过2M，格式为MP4/AVI/rmvb。

4）广告管理：该模块的核心功能是发布展示商家最新的商品服务信息或活动，出现在点点买APP首页广告区。广告的创建、发布、撤销、删除、管理等操作由管理员执行。在管理员发布、修改广告的时候，将自动生成、存储、显示发布时间。商店近期的一些优惠活动、新品上线等都可以直接发布在广告管理模块上，让用户能够提前预知后续的安排，可以吸引更多的新顾客。

5 结束语

点点买O2O校园APP紧跟当前电子商务最新发展形势，具有跨平台性、整合性、开放性等特点，可以运行在苹果公司ISO和谷歌Android两个智能终端系统中。点点买遵循专而精的原则，功能模块以“九宫格”的形式来展示，一目了然，操作简单快速，大大提高用户的体验度。全面分析用户的操作习惯和接受能力，进行巧妙的交互设计，轻松引导用户进行各种手势操作。界面风格优雅精致，符合大学生的审美标准。点点买的开发和实现服务于高校师生的校园生活，提高校园信息化水平。为大学生的创业提供了安全可靠的平台，促进了校园商业圈的不断繁荣壮大，带动周围经济的快速发展，具有较好的应用价值。

参考文献：

[1] 徐涛. 深入理解Bootstrap[M]. 北京： 机械工业出版社， 2014.

[2] 李东博.HTML5+CSS3从入门到精通[M]. 北京： 清华大学出版社， 2013.

[3] 威利， 汤姆森. PHP和MySQL Web开发[M]. 武欣， 译. 北京： 機械工业出版社， 2009.

[4] 黄晟. 基于用户体验的APP设计研究[D]. 西安： 陕西科技大学， 2012.