毕业论文:摩尔口碑微信公众平台设计


    

    毕业设计(文)


    题目:摩尔口碑微信公众台设计


    学 院:计算机科学技术学院
    专 业:软件工程
    届 :2017届
    学 号:1325116025
    姓 名:***
    指导老师:**
    指导老师职称:讲师


    华侨学教务处印制
    2017年4月


    摩尔口碑传播实验室微信台开发
    容摘

    互联网快速发展时代社交网络作现方便快捷媒介越越受欢迎融入生活中HTML5发展兴起时推动着信息传播方式发展HTML5网站改变巨网站视界面转变呆板直接变更加丰富HTML5前HTML说维护理方面更加容易
    新兴媒体微信社交化网络疑占重文围绕基微信公众台进行二次开发公众号摩尔口碑传播实验室进行原型设计前端讨前端开发中基础三开发语言编写布局页面时候HTML语言元素进行定义基础框架css定义HTML元素进行相应渲染Javascript进行特定效果实现里需认真探讨东西进行前端开发时候需实工具语言熟悉开发时候深入考虑兼容性性优化等问题设计测试实现阶段解决出现问题难点

    关键词:原型设计微信公众台HTML5CSS








    Abstract

    In this era of rapid development of the Internet social networks as the most convenient and efficient media is now more and more popular and into our lives In the development and rise of HTML5 it is also promoting the development of information dissemination HTML5 changes to the site is also huge It makes the site of the visual interface has changed the past rigid and become more rich Today's HTML5 is easier to maintain and manage in contrast to previous HTML
    And in the emerging media WeChat of the social network is undoubtedly a large proportion of the share This paper focuses on the prototyping and frontend discussion of the public number Moore word of mouth communication laboratory which is based on the WeChat public platform In the frontend development the use of the most basic is the three development language in the preparation of the layout of the page the use of HTML language elements will be defined lay the basic framework use css on the definition of good HTML elements corresponding rendering And finally use Javascript to achieve a specific effect There are many things that need to be carefully explored here In front of the development of the time these tools need to be very familiar with the language in the development of the time to consider the compatibility performance optimization and other issues And in the design and testing to achieve the stage to solve some of the problems and difficulties

    Key wordsprototype degin wechat public platform HTML5 CSS






    目 录

    摘 Ⅰ
    Abstract Ⅱ
    目 录 3
    第章 绪 3
    11传统商家微信公众台新发展存问题 4
    12摩尔口碑传播实验室商家户发展机遇 5
    13文结构 5
    第二章 目标市场分析 6
    21目标市场容量分析 6
    22目标市场竞争分析 7
    23竞争分析结 8
    第三章 微信公众台二次开发 8
    31微信公众台二次开发基原理 8
    32微信公众台二次开发消息接口 9
    33进行二次开发设计目 9
    第四章 开发工具概述 10
    41 HTML5前端开发工具 10
    42 HTML5 10
    43 CSS 12
    44 JS 12
    第五章 产品原型设计 13
    51 代言体系模块分割 14
    52 产品原型设计 14
    53 界面设计效果展示 16
    第六章 前端界面编程实现 19
    61 关户前端关系 19
    62 编码实现阶段 20
    63 HTML编码 21
    64 CSS模块编码 24
    65 部分项目源码 25
    第七章 部测试续优化 28
    第八章 总结 29
    参考文献 29
    致 谢 31
    附 录 31

    第章 绪

    2011年腾讯推出款全新通讯软件微信微信互联网基础客户免费提供通讯服务前新媒体断兴起户重选择情况微信具独特优势短时间积累数亿户微信成崭新明星原实现综合性台通信社交实时信息传递方面微信支持文字语音图片视频等消息容广户提供全方位沟通台予新鲜感相隔年腾讯推出微信公众台微信升级功区公司者通台免费注册账号申请成功通台编辑图文消息素材语音视频等相关信息发送该台账号户推送消息天发次公众号推出传播独特性快成公司媒体组织传播机构知名士等重运营台微信公众台变越越重口碑传播基微信台传播理念十分科学
    11传统商家微信台新发展存问题
    传统线商家说微信台出现机遇挑战传统线商家通运营微信公众台口碑真正传播出更知道产品质量服务质量机遇面前传统线商家难突破身局限点问题传统线商家否突破关键第线商家营销方式较传统营销投入具确定性难控赖渠道流量分发第二线商家社群运作专业社群运营效率高第三线商家懂利老顾客口碑传播没实落方案监控工具第四点重点非刚需商家户忠诚度高需断吸引新消费者导致商家需花更营销成吸引首次消费顾客新顾客忠诚度消费频次高营销投入讲化效益方式
    12 摩尔口碑传播实验室商家户发展机遇
    B端商家讲代言体系带客流带未客流商家意识前营销取决渠道非控现代言体系营销完全取决商家产品服务老顾客传播意识品牌传播工具商家外驱动门店客户帮助代言传播
    户方面分享已部分户线消费时必须做行代言体系够需教育消费场景首先满足消费意识越越高消费者生活达成感次通代言奖励更刺激分享认感知达持续保持分享热度形成更口碑传播良性循环
    未摩尔口碑希覆盖部分B端商家会通代言体系沉淀户分享关系链社交型优质商家推荐体制造消费升级中独特品质生活社交化消费引导台


    13文结构
    第章 绪部分介绍基文设计公众号台发展研究创作设计基概念介绍篇文容
    第二章 介绍目标市场竞争分析项目设计行性产品设计流程
    第三章 介绍基微信二次开发技术WEB开发基架构应规
    第四章 介绍文开发工具开发环境HTML5CSSJS进行深入解析相关说明
    第五章 介绍原型设计系列模块包括户界面商家端台理系统展示产品原型概念设计海报
    第六章 介绍前端界面代码实现HTML5运标签定义概念展示HTML部分项目源码
    第七章 前端界面进行测试预览进步进行完善优化
    第八章 全文进行总结

    第二章 目标市场分析

    21目标市场容量分析
    年着团购市场规模持续性集中年4月团购网站排名前五交易额总115亿元占整行业市场份额683市场份额数字已三月连续超50团购网站前五名分:美团网窝窝团购网众点评拉手糯米团购网站年期相市场占幅度提升
    易观2016年发布中国线餐饮市场成交份额分析数指出中国2016年线餐饮市场规模极高达1133亿成第四突破千亿级O2O领域竞争分析2016年中国线餐饮市场规模达1133亿增长1479然线餐饮市场交易规模餐饮行业渗透率足5代表着线餐饮市场远未达饱状态


    根数预估消费0202016年全年交易额约7291亿元团购线渠道台抽佣例部分3~15间时着消费升级变化整体渠道交易额投入重会持续升目标市场容量开拓空间
    22目标市场竞争分析
    221非直接竞争分析:
    非直接竞争团购网站等线020渠道竞争点完整商家crm 体系海量户基数导致型线商家会优先选择团购等线交易渠道作导流手段正规模导致户选择消费时出现盲点优质新商家团购网站难户发现时户消费意识价格导逐步升级品质体验导团购网站点天然劣势
    222直接竞争分析:
    赞等分销系统竞争赞分享系统线商家建渠道时会 时赞针老顾客分销体系设计赞身没办法利已店消费户传播传播种子顾客源线直接取决商家事营销力强弱天然矛盾时赞传播体系通分佣老顾客传播变成职业化行利户身分享欲达成感心理会导致社交传播信度持续度降低没办法正真做社交化传播
    23竞争分析结
    通竞争分析严格说口碑传播行性极户十分强烈吸引力通市场分析总结利WEB前端开发技术微信台设计结合非常成熟创作理念

    第三章 微信公众台二次开发

    31微信公众台二次开发基原理
    微信系统里面服务器转发服务器终端系统例:手机iPad等微信服务器发起请求服务器接收请求请求转发具体操作实现操作处理完毕会次回发微信服务器服务器已处理请求命令具体响应终端系统面里通信协议:HTTP数格式:XML
    具体流程:

    HTTP请求做出响应流程具体请求容会定义服务器进步进行解析
    32微信公众台二次开发消息接口
    首先微信公众台提交相应申请信息服务器发送GET请求相应URL会带四参数:
    参数
    描述
    signature
    微信加密签名
    timestamp
    时间戳
    nonce
    机数
    echostr
    机字符串
    然申请通检验SignatureGET请求进行检验果确定GET请求微信服务器会原样发送ECHOSTR参数容回样接入生效然接入失败Signature结合token参数time stamp参数nonce参数
    33进行二次开发设计目
    通微信公众台二次开发基微信社交化代言体系系统进行设计实现首先利现微信台网络基础互联网学资源够设计产品原型然通掌握Web前端代码实现产品原型摩尔口碑传播实验室微信公众台设计缝连接熟悉HTML5体框架设计机制原理脚语言前端界面书写

    第四章 开发工具概述

    41 HTML5前端开发工具
    jetbrains公司旗款广知Javascript 开发工具WebStorm开发者赞誉Web前端开发神器强HTML5编辑器智Javascript IDE等等称号通赞誉知道 WebStorm功强袭IntelliJ IDEA强Javascript部分功然根原型设计呈现出PNG页面进行高度原布局编写兼容流浏览器做排版乱IE9进行响应式布局外 WebStorm够网站做维护工作性优化
    42 HTML5

    HTML5万维网核心语言标准通标记语言应超文标记语言HTML种包括文图片链接等种元素编辑类型语言通HTML进行网站页面操作区域意定义网页页面具元素元素包括文字图片等传播容种语言定义页面基格式文字字体位置等图片位置状态变化等等HTML5标签进行标记种种类元素关联起够位置文件关联起HTML做超文标记语言HTML5HTML语言新标准种新标准制定页面表现更加丰富开始HTML含少量元素属性完成简单元素基格式简单界面着互联网高速发展界面视觉化丰富程度求越越高情况满足需求网站开发竞争越越激烈前端界面展现元素格式越越容越越强代码越越新标记语言样需求应运生够通定义元素属性设置元素格式终形成容丰富整体效果HTML5设计出现满足移动设备媒体展示新标准添加新语法特征足够支持点例video标签audio标签canvas 标签时HTML5新加SVG矢量图形实现方式元素加入更清晰网页中处理添加图片相关媒体容时属性元素移掉标签修改者重新定义标准化新元素包括