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

二维码扫描讲解系统设计方法
测试软件平台进入：
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、生成二维码
点击“二维码管理”，弹出二维码管理界面：

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

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

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

二维码扫描讲解系统设计方法相关推荐

Android zxing 二维码扫描和生成方法（简单版）
前言二维码大家都见识过,这里就不废话了,直接来干货. 步骤导入依赖 compile 'com.google.zxing:core:3.2.1' //zxing核心依赖compile 'com.jo ...
二维码扫描和应用跳转
转载自: http://sindrilin.com/ios-dev/2015/11/01/二维码扫描和应用跳转.html 前面我们已经调到过怎么制作二维码,在我们能够生成二维码之后,如何对二维码进行扫 ...
二维码扫描的相关知识
1.二维码扫描二维码,是一种采用黑白相间的平面几何图形通过相应的编码算法来记录文字.图片.网址等信息的条码图片.如下图二维码的特点: 1. 高密度编码,信息容量大可容纳多达1850个大写字母或 ...
iOS开发-二维码扫描和应用跳转
iOS开发-二维码扫描和应用跳转序言前面我们已经调到过怎么制作二维码,在我们能够生成二维码之后,如何对二维码进行扫描呢? 在iOS7之前,大部分应用中使用的二维码扫描是第三方的扫描框架,例如Z ...
Android实现二维码扫描功能(一)ZXing插件接入
简介关于Android扫描二维码的功能实现,网上有很多相关资料.在对比之后,选用了前辈了修改过的ZXing直接接入到项目中,特制作此demo,介绍整个过程. (最新更新)本篇文章讲解的接入方法对部分 ...
ios客户端学习-二维码扫描和应用跳转
转载至链接:http://sindrilin.com/ios-dev/2015/11/01/二维码扫描和应用跳转.html 序言在iOS7之前,大部分应用中使用的二维码扫描是第三方的扫描框架,例如Z ...
iOS - 二维码扫描和应用跳转
序言前面我们已经调到过怎么制作二维码,在我们能够生成二维码之后,如何对二维码进行扫描呢? 在iOS7之前,大部分应用中使用的二维码扫描是第三方的扫描框架,例如ZXing或者ZBar.使用时集成麻烦, ...
如何给iOS应用添加原生的二维码扫描功能
之前总觉得二维码扫描很高大上,其实apple工程师早就为我们提供了便捷的方法.二维码扫描第三方的库也挺多的,不过效率高的当属系统提供的扫描方法. 二维码扫描主要用到了以下几个类: AVCaptureD ...
如何用MediaCapture解决二维码扫描问题
二维码扫描的实现,简单的来说可以分三步走:"成像"."截图"与"识别". UWP开发中,最常用的媒体工具非MediaCapture莫属了,下 ...

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

二维码扫描讲解系统设计方法相关推荐

最新文章

热门文章