二维码扫描讲解系统设计方法

二维码扫描讲解系统设计方法
测试软件平台进入：
http://www.cqu-media.top
http://www.cqu-media.com/qrcode.aspx
http://www.cqu-media.com/ 点击扫描讲解进入

一、超趣二维码二维码扫码讲解系统特点
1、界面菜单，布局，层级结构，页面内容完全由客户动态修改，调整；
2、客户根据文档快速（至多一天）完成系统。
3、支持多种展示媒体，包括图片，文字，视频，语音等等；
4、不需要额外购买网站服务器。
二、二维码网站生成步骤
2-1、构建流程
注册项目信息
构建二维码系统
生成二维码
保存二维码，打印或写真二维码，贴到需要展示的设备上
2-2、注册和登录
在浏览器中输入超趣二维码扫码讲解系统的URL地址:http://www.cqu-media.top，或者登陆超趣多媒体公司的门户网站，http://www.cqu-media.com点击二维码扫码讲解系统，进入扫码讲解系统的登录界面。

新项目一般是没有自己的用户名和密码的，此时用户需要进入项目注册页面进行注册，点击“新项目注册”进入注册页面注册。

输入对应的项目信息，登录的用户名和密码（用户名和密码需要记住），输入完后点击保存。页面自动调回到上面的登录界面，输入用户名和密码，选择用户类型为“客户”，点击登录，系统进入到二维码扫码讲解系统的主界面。

主界面左边树形菜单有四项内容，点击“项目信息管理”，我们可以对刚注册的项目信息进行修改，修改完后点击保存既可。

点击树形菜单的“退出系统”，系统退到刚才的登录界面。
构建二维码扫码讲解系统主要通过“菜单管理”和“二维码管理”两个菜单来完成，第一步通过菜单管理来构建我们的系统框架、内容和布局。第二步把刚才生成的系统框架生成二维码，并把二维码保存，贴到需要展示的设备或展项上去。
2-3、构建二维码系统
2-3-1、设计思想介绍
在进入软件操作之前，我们先了解以下系统设计思想。
系统采用分级结构，每一个分级都可以根据需求创建自己的子分级，比如“临沂人防科普馆二维码扫码讲解系统”设计以下分级结构：

网页模板类型：
在上面每一个分级，我们可以绑定对应的网页模板类型，系统提供5中网页模板类型（后面会继续开发和增加）下面对网页中每一个模板进行详细的介绍。
模板类型：
1、ButtonTemplate.aspx模板
模板效果：

A处：（注意：当前分级的A处），上传语音文件的地方，如果没有上传，那么该处不显示播放语音。当前分级：指的是当前正在操作的菜单所在的级别
B处：（注意：当前分级的B处）上传LOGO标志的地方，为了达到好的效果，上传的LOGO图标最好按以下要求制作。
LOGO图片分辨率：220*192，LOGO标志放在图片的中间，大小占整个图片的2/5，非LOGO区域（即下图浅蓝色区域）镂空，即ALHPA为0，用户可以根据效果来慢慢调整。样例图如下：

，
C处：（注意：子分级的C处），上传每个按钮的图标。为了达到好的效果，上传的按钮图标分辨率为：85 * 85，图标周边镂空，即ALPHA为0。
，这个图蓝色区域需要镂空，在PS中设置ALPHA为0；

D处：（注意：子分级的D处），填写按钮的显示名称，为了达到好的效果，最后不要超过4个字。
E处：选择“ButtonTemplate.aspx”模板。
案例截图如下：
当前分级设置

子分级设置：

2、MenuTemplate.aspx模板
MenuTemplate.aspx模板的板式结构图：

A处:（注意：此处为当前分级的A处）显示在“功能总体描述区”的文字内容。
B处:（注意：此处为子分级的B处）如果子分级不需要分组了，那么子分级的G处选择对应的.aspx模板，如果子分级还需要分组，那么G处选择GroupingPage(分组功能)。
C处:（注意：此处为子分级的子分级C处）。
D处，E处，F处，（注意：此处都为当前分级的对应处所），显示在“功能总体描述区”上视频，语音，图片内容。

案例截图如下：
当前分级设置：

子分级设置：

子分级的子分级设置：



3、Template1.aspx模板


在功能总体描述区：这些数据在当前分级中获取，A，对应的当前图片，B，对应文字内容，C，对应语音内容，D对应视频内容，E在功能总体描述区中选择Template1.aspx。

在子内容显示区：A,B,C,D对应的数据的在文本框中填写的位置与功能总体描述区一样，也就是图片就从图片文本框中获取，文字就从文字文本框中获取，语音就从语音文本框中获取，视频就从视频文本框中获取，只是这些数据从子分级中获取，E在子内容显示区中选择ArticleContentPage。
4、Template2.aspx模板


A处：此处处于“子内容显示区”，内容是从子内容中的“菜单说明”中获取。（注意：此处为子分级的A处）
B处：（注意：此处为当前分级的B处），功能总体描述区，内容从对应的文本框中获取，也就是语言从语言文本框中获取，文字从文字文本框中获取，视频从视频文本框中获取，图片从图片文本框中获取。案例中没有“功能总体描述区”。举例如下：
当前分级设计如下：

子分级设计如下：


5、Template3.aspx模板


A处：此处处于“子内容显示区”，内容是从子内容中的“菜单说明”中获取。（注意：此处为子分级的A处）
B处：（注意：此处为当前分级的B处），功能总体描述区，内容从对应的文本框中获取，也就是语言从语言文本框中获取，文字从文字文本框中获取，视频从视频文本框中获取，图片从图片文本框中获取。案例中“功能总体描述区”只有图片。举例如下：
当前分级设计如下：

子分级设计如下：


6、GroupingPage模板
该模板只有当前分级的父分级为MenuTemplate.aspx模板并且该分级只是起分类作用的情况下使用，比如上面“临沂人防科普馆二维码扫码讲解系统”中。

“展项介绍”，我们定义模板类型为MenuTemplate.aspx。它下面有以下菜单：

由于“序厅”，“防控科普”，“安全防范”，“尾厅”只是起分类作用，下面包含子菜单，所有我们定义这几个为GroupingPage模板。运行结果如下：

7、ArticleContentPage模板
该模板为内容模板，当前分级作为父分级为Template1.aspx模板，Template2.aspx模板，Template3.aspx模板三个模板的内容区域时，该分级设置为ArticleContentPage模板，比如上面“临沂人防科普馆二维码扫码讲解系统”中。

“项目定位”下面有以下几个菜单。

运行结果如下图一：

图一

图2

例二：

运行结果如上图二。

2-3-2、软件操作介绍
点击树形菜单中的“菜单管理”

点击“+”号，添加新的菜单。弹出以下界面；

1、菜单名称：显示在标题栏中的标题。
2、菜单模板，根据上面讲解的内容及设计需求，来选择相应的模板。
3、调用页面中显示的标题：当父分级为”ButtonTemplate.aspx”及“MenuTemplate.aspx”模板时，显示在父分级中的标题。
4、调用页面显示图片，当父分级为”ButtonTemplate.aspx”模板时，显示在父分级中的图片。具体要求看上面说明（主要是分辨率和图片的要求）。
5、文章图片，显示在相应位置上的图片，具体哪个位置看上面说明，图片大小按实际图片大小填入，否则图片显示变形。
6、文章视频，显示在相应位置的视频，具体哪个位置看上面说明，视频分辨率最好是320*240以下，视频大小按实际比例输入。
2-4、生成二维码
点击“二维码管理”，弹出二维码管理界面：

如果还没有生成二维码，或者菜单内容有修改，点击“生成二维码”按钮，界面生成二维码并显示出来，如果已经生成过二维码，直接点“刷新显示”，二维码显示出来。

对生成的二维码点击右键，在弹出菜单中对二维码进行保存，然后把保存的二维码写真或打印出来，贴在对应的产品，展项或者设备上。
三、联系我们
联系电话：[phone]
Email：[email protected]
QQ：154012938
联 系 人：温昌行
公司网址：http://www.cqu-media.com
联系地址：上海市长宁区长宁路398号（兆丰大厦）22C

二维码系统测试平台：http://www.cqu-media.top