第12章 Web工程
webaccess教程-第12章
第十二章视频网页及Flash集成本章要点基于Web浏览器开发的网际组态软件WebAccess，提供了视频嵌入功能，可以集成众多网络摄像机，以及利用ASP\HTML等网页语言开发的网页文件，还可以将Flash动画文件嵌入到WebAccess画面中，本章将针对视频和Flash等控件使用方法进行详细讲解。
12.1 网络摄像机集成应用对于目前市场上广泛流行的网络摄像机（Web Camera），WebAccess通过集成其OCX视频控件的方式，集成视频影像到WebAccess监控画面中，实现视频影像与实时数据同步监控的功能。
12.1.1 添加摄像图12-1 添加摄像12.1.2 制作视频窗口提交后，添加视频页面会出现如下图所示视频地址链接，复制该链接，用于制作自定义视频窗口。
点击该页面的“下载”按钮。
图12-2 视频的链接地址12.1.3 自定义视频窗口WebAccess支持用户自定义视频窗口的大小及位置，打开DrawDAQ画面（开始绘图），依次选择菜单栏中的动态->摄像显示，如下图所示。
图12-3 自定义视频在弹出的视频添加窗口中，名称一栏，可以自定义；摄像一栏，则直接将12.1.2步骤中复制的视频链接地址复制到该栏位，然后确认。
图12-4 设置视频显示确认后系统要求制定该视频窗口的位置及尺寸大小，用户可以通过鼠标拖拽的方式自行定义。
定义完成后，如下图所示，会在画面中出现红色的矩形线框。
该线框即为视频图像显示窗口。
图12-5 定义视频显示大小和位置保存DRW和BGR画面后下载图片。
12.1.4 浏览视频效果启动核心程序，打开刚刚制作完成的BGR页面，便可以看到如下加载了视频图像的效果。
图12-6 显示视频图象另外，还可以通过点击工具栏中的“摄像”按钮，查看全屏摄像画面。
图12-7 全屏显示视频12.2网页文件集成应用随着网络技术的普及和发展，越来越多的视频服务器也开始支持基于IE浏览器远程访问的功能，WebAccess提供接口将视频服务器的多屏视频画面集成到监控画面中。
12第十二章网络信息获取技术
端口扫描技术 端口扫描技术从理论上可以分为开放扫描、半开放扫描、 端口扫描技术从理论上可以分为开放扫描 和秘密扫描等三种类型。 开放扫描（Open Scanning Open Scanning）需要扫描方通过三次握手 过程与目标主机建立完整的TCP连接。其优点是可靠性 过程与目标主机建立完整的 高，缺点是产生大量审计数据 缺点是产生大量审计数据，容易被发现。 半开放扫描（Half-Open Scanning Open Scanning）扫描方不需要打开 一个完全的TCP连接。 秘密扫描(Stealth Scanning) ：不包含标准的TCP三次 (Stealth 握手协议的任何部分，隐蔽性好 隐蔽性好，但这种扫描使用的数 据包在通过网络时容易被丢弃从而产生错误的探测信息。 据包在通过网络时容易被丢弃从而产生错误的探测信息
Registrant Name: 谢国民 Administrative Email: domainname@ Sponsoring Registrar: 中国互联网络信息中心 Name Server: Name Server: Name Server: Registration Date: 1998 1998-11-20 00:00 Expiration Date: 2008 2008-11-20 00:00
端口扫描的具体技术包括： ： 基本的TCP connect()扫描 扫描(开放); Reverse-ident扫描(开放 开放); TCP SYN扫描(半开放); IP ID header aka “dump” “dump”扫描(半开放); TCP Fin扫描(秘密); TCP XMAS扫描(秘密); TCP ftp proxy扫描(利用 利用FTP 跳转攻击进行扫描); IP分片进行SYN/FIN扫描 扫描(躲开包过滤防火墙); UDP ICMP端口不可达扫描 端口不可达扫描; UDP recvfrom。扫描等
JavaWeb编程技术(沈泽刚版)教材习题参考答案
第4章Java Web编程习题解析4.1 第1章习题解析1. 略。
2. 答：URL称为统一资源定位符，URL通常由4部分组成：协议名称、页面所在主机的DNS名、可选的端口号和资源的名称。
URI称为统一资源标识符，是以特定语法标识一个资源的字符串。
URI由模式和模式特有的部分组成，它们之间用冒号隔开，一般格式如下：schema:schema-specific-partURI是URL和URN的超集。
3. 答：①是URL，①和②都是URI，③是URN4. 答：动态Web文档技术包括服务器端动态文档技术和客户端动态文档技术，前者包括CGI技术、服务器扩展技术和HTML页面中嵌入脚本技术。
其中HTML页面中嵌入脚本技术包括ASP、PHP和JSP技术。
最流行的客户端动态文档技术是在HTML页面中嵌入JavaScript脚本代码。
使用JavaScript可以设计交互式页面。
与服务器端动态文档不同，JavaScript脚本是在客户端执行的。
5. 答：Servlet是用Servlet API开发的Java程序，它运行在Servlet容器中。
Servlet容器是运行Servlet的软件，主要用来扩展Web服务器的功能。
6. 答：开发Servlet的一般步骤包括：（1）编写Servlet源程序；（2）编译；（3）将Servlet部署到Servlet容器中；（4）访问执行Servlet。
7. 答：<tomcat-install>\lib\servlet-api.jar文件。
8. 答：部署描述文件名是web.xml，它是XML文件，应该存放在Web应用程序的\WEB-INF目录中。
9. 答：当服务器找不到用户请求的资源时将发生404错误。
10. 答：JSP页面是嵌入了Java脚本元素的HTML页面。
11. 答：Servlet主要用来实现业务逻辑和控制逻辑，JSP页面主要用来实现表示逻辑。
Java Web 编程习题解析第4章 4.2 第2章习题解析1. 答：Servlet 接口定义了下面5个方法：public void init(ServletConfig config)public void service(ServletRequest request, ServletResponse response) throws ServletException, IOExceptionpublic void destroy()public ServletConfig getServletConfig()public String getServletInfo()2. 答：Servlet 是在容器中运行的组件，有一个从创建到销毁的过程，其中包括加载和实例化、初始化、提供服务以及销毁几个阶段。
ch12-Java Web程序设计(第3版)-微课视频版-郭克华-清华大学出版社
常见的AJAX框架
AJAX 框架
✓ Bindows，2003 年发布，网址是： 。Bindows 是一个软件 开发包，通过强力联合 DHTML、JavaScript、 CSS 和 XML 等技术，能生成高度交互的互联网 应用程序，成为桌面应用程序的强有力对手
第12章 AJAX
本课教学内容
AJAX概述 AJAX开发 AJAX简单案例
AJAX 概述
问题
能否在登录提交时，浏览器界面不刷新，提交改为在后台 异步进行，当服务器端验证完毕，将结果在界面上原来登 录表单所在的位置显示出来？
答案：使用AJAX
AJAX 概述
异步(Asynchronous)的概念和同步相对 (Synchronous) 。当一个异步过程调用发出后， 调用者不需要立刻得到结果，可以继续做自 己的事情，等到过程调用完毕，再通过回调 函数通知调用方。而同步情况下，调用方必 须等待对方得到结果，才能继续运行
AJAX 开发—API解释
常见的 readyState 属性值是：
✓ 0：未初始化状态，对象已创建，尚未调 用 open()
✓ 1:已初始化状态，调用 open()方法以后
AJAX 开发—API解释
常见的 readyState 属性值是：
✓ 2:发送数据状态，调用 send()方法以后 ✓ 3:数据传送中状态，已经接到部分数据，
AJAX 简单案例
做一个简单的登录界面，如果登录成功(如 guokehua登录成功)，界面跳转到 loginSuccess.jsp；如果登录失败，跳转到 loginFail.jsp。
AJAX 简单案例
三个界面如下：
AJAX 简单案例
*具体案例代码详见课本
需要注意的问题
Web前端开发技术知到章节答案智慧树2023年成都文理学院
Web前端开发技术知到章节测试答案智慧树2023年最新成都文理学院第一章测试1.浏览器针对于HTML文档起到了什么作用（）。
参考答案:浏览器用于展示HTML文档2.HTML指的是（）。
参考答案:超文本标记语言（Hyper Text Markup Language）3.Web 标准的制定者是（）。
参考答案:万维网联盟（W3C）4.网站首页默认的文件名一般有（）。
参考答案:index.asp;default.ht;index.html;index.htm5.WWW是什么意思（）。
参考答案:万维网第二章测试1.哪个标记用于表示HTML文档的开始和结束（）。
参考答案:HTML2.以下标记符中，没有对应的结束标记的是（）。
参考答案:br3.下面有关html描述正确的是（）。
参考答案:HTML就是超文本标记语言的简写，是最基础的网页语言4.使用HTML编写网页代码的基本格式是（）。
参考答案:<html><head></head><body></body></html>5.下列关于HTML语言的描述不正确的是（）。
参考答案:不懂HTML语言的人无法制作网站第三章测试1.空格对应的html实体是哪个（）。
参考答案:& nbsp ;2.下面哪一项是换行符标签（）。
参考答案:br3.创建最小的标题的文本标签是（）。
参考答案:<h6></h6>4.下面可以显示粗体的标签是（）。
参考答案:<b>ITCAST</b>;ITCAST5.在 HTML中，标记<pre>的作用是（）。
参考答案:预排版标记第四章测试1.定义有序列表<ol>的（）属性，可以决定有序列表项目符号的类型。
（）。
参考答案:type2.关于有序列表的描述，下列说法正确的是（）。
参考答案:有序列表按顺序排列并通过type属性定义序号样式3.下列选项中，属于定义列表标记的是（）。
第12章西门子S7-1200Web服务器
– TP700 至 TP2200 – KP400 至 KP1500 – KTP400 – TP700 Comfort Outdoor ● 移动面板 – Gen 2 KTP700[F]、KTP900[F] 有关可干扰标准或用户定义 Web 页面显示的浏览器相关限制，请参见限制 (页 1190)部分。
12.1
1104
S7-1200 可编程控制器 系统手册, V4.2.3, 08/2018, A5E02486685-AL
Web 服务器 12.1 启用 Web 服务器
当在 WinCC 项目中使用 HTML 浏览器控制时，Web 服务器支持以下 Siemens HMI 面板访问标准页面： ● 精简系列面板
– Gen 2 KTP400 至 KTP1200 ● 精智面板
用户定义的 Web 页面 S7-1200 还支持您创建可访问 CPU 数据的用户定义的 Web 页面。可以使用所选的 HTML 创作软件来开发这类页面，并且可将预定义的“AWP”（Automation Web Programming，自动化 Web 编程）命令包含在 HTML 代码中以访问 CPU 数据。有关开发用户定义 Web 页面以及在 STEP 7 中进行相关组态和编程的具体信息，请参见用户定义的 Web 页面 (页 1142)一章。 您可以通过标准或基本 Web 页面从 PC 或移动设备访问用户自定义页面。您还可以为 Web 服务器组态其中一个用户自定义 Web 页面为入口页面 (页 1164)。
四种嵌入式web服务器介绍
Page 12
机械工业出版社
08/13/12
12.2.3 Linux内核移植
目录名 arch
block crypto
drivers
表12-1 Linux内核子目录结构
描述
体系结构相关的代码，对于每个架构的CPU，arch 目录下都有一个对应的子目录
块设备的通用函数
常用的加密和散列算法，还有一些压缩和CRC校验 算法
第12章 嵌入式BOA服务器的构建
随着Internet技术的兴起，在嵌入式设备的管 理与交互中，基于Web方式的应用成为目前的主流， 这种程序结构也就是大家非常熟悉的C/S结构，即 在 嵌 入 式 设 备 上 运 行 一 个 支 持 脚 本 或 CGI 功 能 的 Web服务器，能够生成动态页面，在用户端只需要 通过Web浏览器就可以对嵌入式设备进行管理和监 控，非常方便实用。本章主要介绍这种应用的开发 和移植工作。
},
[1] = { .name = "rootfs"， .offset = MTDPART_OFS_APPEND， .size = MTDPART_SIZ_FULL，
}
};
Page 17
机械工业出版社
08/13/12
下一步，就是进行内核的配置了。这里可以参考S3C2410的开发板来进行 配置和调整，内核自带了S3C2410开发板的配置文件。在内核源代码根目录下， 执行make s3c2410_defconfig，生成一个基于S3C2410的开发板的默认配置 文件。然后再执行make menuconfig会生成一个基于S3C2410开发板的内核配 置菜单。这里需要保留S3C2410/S3C2440 CPU的相关配置选项、TCP/IP协 议、NAND Flash驱动、USB驱动以及适合的文件系统类型。
第12章 Web服务器的安装与配置
图12-12 设置IP地址限制
12.2.5 创建安全的Web站点
随着Windows Server 2003操作系统的推出，Windows平台 的安全性和易用性大大增强。然而，在默认情况下，IIS使用HTTP 协议以明文形式传输数据，没有采取任何加密措施，用户的重要数 据很容易被窃取，为了保护网络中的重要数据，可以使用SSL来增 强IIS服务器的通信安全。 SSL（Security Socket Layer）全称是加密套接字协议层，它 位于HTTP协议层和TCP协议层之间，用于建立用户与服务器之间 HTTP TCP 的加密通信，确保所传递信息的安全性，同时SSL安全机制是依靠 数字证书来实现的。SSL基于公用密钥和私人密钥，用户使用公用 密钥来加密数据，但解密数据必须使用相应的私人密钥。使用SSL 安全机制的通信过程如下：用户与IIS服务器建立连接后，服务器 会把数字证书与公用密钥发送给用户，用户端生成会话密钥，并用 公共密钥对会话密钥进行加密，然后传递给服务器，服务器端用私 人密钥进行解密，这样，用户端和服务器端就建立了一条安全通道， 只有SSL允许的用户才能与IIS服务器进行通信。SSL网站不同于一 般的Web站点，它使用的是HTTPS协议，而不是普通的HTTP协议。 因此它的URL格式为：https://网站域名。
“网站连接”：“不受限制”表示允许同时发生的连接数不受限制； “连接限制为”表示限制同时连接到该站点的连接数，在文本框中输入允 许的最大连接数。 3．“主目录”选项卡 如图12-11所示，在该选项卡中可以设置网站主目录及应用程序等。 “此资源的内容来自”：用于指定主目录所在的位置。“此计算机上 的目录”表示站点内容来自本地计算机；“另一台计算机上的共享”可以 允许用户查看或更新与该计算机有活动连接的其他计算机上的Web内容； “重定向到URL”表示将连接请求重新定向到别的网络资源，如某个文件、 目录、虚拟目录或其他站点等。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Web 工程过程－过程框架
• 计划
– 作出WebApp增量式项目计划。这个计划 由一个任务定义和一个时间表组成（常常 数周之内）。在这一时期内，要做出 WebApp的开发计划
常见的软件工程和设计的任务要和 WebApp开发相适应、相融合、然后并入 WebApp建模活动中去
北京服装学院 《软件工程》 31/46
界面设计
• Web界面设计要考虑的三个问题:
– 浏览者目前的位置 – 浏览者目前可以进行的操作 – 浏览者可以导向的目标
北京服装学院 《软件工程》
32/46
界面设计
• Google简洁的界面
北京服装学院 《软件工程》
33/46
界面设计
• WEB工程自己的设计原则
• 在导航设计时，需要考虑建立合适的导航 约定和帮助。
北京服装学院 《软件工程》 30/46
界面设计
• Web工程中界面在用户心目中具有非常 重要的地位。界面可以说是Web工程给 人的第一印象，只有让用户对第一印象产 生好感觉时，用户才有可能使用WEB工 程的其它功能——导航和内容。 • 所有的用户界面需要易使用，易操作，直 观，一致。除此之外，界面还要求有助于 用户浏览，界面需要显示用户当前所在的 网站或工程的路径。
北京服装学院 《软件工程》
19/46
方法和工具
– 需求分析方法：提供了理解被WebApp所传 送内容的基础。了解提供给终端用户的功能， 以及各类用户通过WebApp进行相互作用的 模式。 – 设计方法：包括一系列表现WebApp内容、 应用和信息结构、界面设计及浏览结构的设 计技术。 – 测试方法：包括正式的对内容和设计的模式、 及一系列包括构件级和结构问题、浏览测试、 可用性测试、安全性测试和配置测试的技术 评审
方法和工具
• Web工程方法包括一系列能适用Web工 程师理解、特征化、而后做出一个高质量 WebApp的技术性任务。Web工程方法 一般包括如下几种
– 交流方法：定义了能便于Web工程师和所有 WebApp投资者（如：终端用户、商业客户、 问题域专家、内容设计者、团队领导、项目 经理）交流的方法
24/46
北京服装学院 《软件工程》
分析元素
• 从分析元素来分，可以将Web工程分为 CRC卡片，用况图，及其它UML图
– CRC (class –responsibility-collaborator,类 -责任-协作者)卡片：提供了一种简单的标识 和组织与系统或产品需求相关的类的手段 – 用况图：一个描述软件如何被用于给定情形 的场景 – 其它UML图：UMＬ是用于对象建模和对象 分析时使用的一种工具
北京服装学院 《软件工程》 25/46
内容摘要
• 基于Web系统和应用的属性 • Web工程过程 • Web分析 • Web设计 • Web测试
北京服装学院 《软件工程》
26/46
Web设计
• Web设计主要可分为
– 体系结构设计 – 导航设计 – 界面设计
• 一个良好的Web设计需要满足以下要求
北京服装学院 《软件工程》 17/46
Web工程中有用的规则
– 做一个项目计划，即便很简短 – 花些时间去建模要做的东西 – 考察模型的一致性和质量 – 使用一些能使你去构建带有尽可能多可重用 组建的系统的工具和技术 – 设计一些综合性的测试，并在系统发布前执 行它们
北京服装学院 《软件工程》
18/46
优点
缺点
简单
灵活性不高
有极大的灵活 性
很容易带来混 乱
有较大的灵活 性
易混乱
例子
订单
大型网站
北京服装学院 《软件工程》
普通网站
29/46
导航设计
• 导航设计，主要可以分为两部分
– 可以对不同的用户权限给出不同的导航路径 – 给户建立一 个语义导航单元，这样方便后继的管理。
北京服装学院 《软件工程》
16/46
Web工程中有用的规则
• 如果去做一些企业级的WebApp，下面的 一些基本的规则应比较适用
– 即使WebApp的细节是模糊的，也要花一些 时间去理解商业需求和产品目标 – 用基于用况的方法去描述用户如何与 WebApp交互
• 项目计划和跟踪 • 去指导分析和设计模型 • 作为测试设计的重要基础
• 一个WebApp的吸引力的一个不可否认的部分是其观感
北京服装学院 《软件工程》
7/46
基于Web系统和应用的属性
• 在Web工程中，下面的应用类别是最常 遇到的
– – – – 信息型：使用简单的导航和链接提供只读 的内容。 下载型：用户从合适的服务器下载信息。 可定制型：用户定制内容以满足特定需要。 交互型：一个用户群落通过聊天室、公告 牌或即时消息传递来通信。
北京服装学院 《软件工程》
9/46
内容摘要
• 基于Web系统和应用的属性 • Web工程过程 • Web分析 • Web设计 • Web测试
北京服装学院 《软件工程》
10/46
Web 工程过程
• WebApp的开发具有如下特点：
– WebApp常常以增量的方式去开发 – 变化经常发生 – 期限较短
– 设计要尽可能的简单 – 布局要尽可能的美观 – 整体的一致性
北京服装学院 《软件工程》 27/46
体系结构设计
• 体系结构主要
– 线性结构 – 网格结构 – 层次结构
线性结构
北京服装学院 《软件工程》
网格结构
28/46
体系结构设计
• 不同的体系结构比较
体系结构 特点 线性结构 结构比较固定 Web内容一维 化 网格结构 Web内容多维 化 层次结构 最常见的结构
北京服装学院 《软件工程》 23/46
Web的分析类别
• 功能分析：与交互分析类似，交互分析主要涉 及Web工程操作。用户可见的功能包括任何可 以直接由用户操作的功能 • 配置分析：主要对工程所涉及的环境和基础设 施进行详细的描述，其中基础设施主要包括构 件基础设施和数据库将被用于生成内容的程度 • 导航关系分析：主要分析各个页面之间的关系。 可以通过对用户的分析和对页面单元的分析来 进行
软件工程
第12章 Web工程
Web工程
• Yogesh Deshpande和Steve Hansen在 1998年就提出了Web工程的概念。Web 工程作为一门新兴的学科，提倡使用一个 过程和系统的方法来开发高质量的基于 Web的系统。它"使用合理的、科学的工 程和管理原则，用严密的和系统的方法来 开发、发布和维护基于Web的系统"。
北京服装学院 《软件工程》 14/46
•
建模
–
Web 工程过程－过程框架
• 构建
– 使用Web工具和技术去构建已被建模的 WebApp。一旦构建了WebApp，就会使用 一系列快速测试去暴露出设计中的错误
把WebApp配置成适合于它所运行的环境， 并把它发送给终端用户。而后就开始进入 评估阶段了。最后把评估反馈给Web工程 团队
4/46
基于Web系统和应用的属性
• Web工程不是软件工程的完全克隆，但 是它借用了软件工程的许多基本概念和原 理，强调了相同的技术和管理活动 • WebApp ：Web的系统和应用 • Web的系统和应用不同于其他类别的计 算机软件 ：基于web的系统是“页面排 版和软件开发、市场和预算、内部交流和 外部联系以及艺术和技术间”综合作用的 产物
北京服装学院 《软件工程》 5/46
基于Web系统和应用的属性
• 绝大多数WebApp中都要考虑下列属性
– – – – – – – – 网络集约 (network intensive) 并发（Concurrency） 不可预测的登陆（Unpredictable load） 性能（Performance） 可用性（Availability） 数据驱动 (Data driven) 内容敏感（content sensitive） 持续演化(continuous evolution)
北京服装学院 《软件工程》 8/46
基于Web系统和应用的属性
– – – – – – 用户输入型：基于表格的输入是满足通信需要的主 要机制。 面向事务型：用户提交一个由WebApp完成的请求 (如下订单)。 面向服务型：应用向用户提供服务(如帮助用户确 定抵押支付)。 门户型：应用引导用户到在本门户应用范围之外的 其他内容或服务。 数据库访问型：用户查询某大型数据库并提取信息。 数据仓库型：用户查询一组大型数据库并提取信息。
– – – – – – 页面速度 页面正确 所有的菜单和界面的风格应该统一 链接指示应明显 界面功能明显清晰 通常都需要使用表格等工具
北京服装学院 《软件工程》
34/46
构件级设计
• Web应用程序逐渐形成变得模板化，功 能化。这种处理功能主要包括
– 数据库查询以及其它操作 – 与外部企业系统的数据接口 – 用户的注册和认证
• Web工程师必须设计和构建一些程序构 件，它们和普通软件在形式上是一致的。 利用构件技术，可以很方便地组建各种不 同的Web应用程序。
北京服装学院 《软件工程》 35/46
构件级设计
• 理想的构件模型
界面构件 逻辑构件 数 据 库 构 件 网 络 构 件 用 户 管 理 构 件 并 发 处 理 构 件
北京服装学院 《软件工程》 15/46
•
部署
–
Web 工程过程－改善框架
• 改善框架
– Web工程过程模型必须具有一定的适应性。一些情 况下，一个框架活动会非正式地实施。其他的时候， 一系列不同的任务将会被定义并被团队成员去执行。 每种情况中，团队有责任在分配好的时间内完成高 质量的WebApp增量。需要着重指出的是和Web工 程框架活动相关联的一些任务可以被修改、消除、 或基于问题、产品、工程及Web工程团队人员的特 征进行扩展。