webgui总体设计(FH-FPD-PD-PCS-SE-a30-A )
霍尼韦尔WEBs楼宇自控系统设计方案详解
/
霍尼韦尔 WEBs 楼宇自控系统
详 细 设 计 方 案
深圳市松贤机电设备有限公司 /
二零一一年十月
霍尼韦尔 WEBs 楼宇自控系统总代理、现货囤货商——深圳市松贤机电设备有限公司
3-2 产品选型说明 ............................................................................................................................................ 17 3-3 Honeywell WEBs 系统架构..................................................................................................................... 20 3-4 设备配置 .................................................................................................................................................... 26
深圳市松贤机电设备有限公司
/
目录
目录 ................................................................................................................................... 2 第一部分 工程概况与系统解决方案说明............................................................................. 4
安全感知管理平台技术参数及功能要求
联动行为管理
支持联动原有行为管理设备，支持上网行为管理做资产用户名对接，精准识别终端资产责任人。（需提供截图打印加盖原厂公章证明）
★支持联动原有行为管理设备，支持与行为管理设备的联动，包含上网提醒、冻结账号等（需提供截图打印加盖原厂公章证明）
事后异常行为检测
具备元数据行为分析引擎：httpflow、dnsflow、adflow、icmpflow、maillflow等, 通过异常行为分析，结合各类机器学习算法完成未知威胁检测。包括：内网穿透、代理、远控、隧道、反弹shell等事后检测场景。
先进性
证明
为保障安全服务效果，满足数据和网络安全要求，所投态势感知平台产品厂商需通过可信云评估，提供相应的可信云认证报告
提供三年原厂质保及原厂免费现场服务，产品的安装、培训由原厂工程师完成实施。
二、
功能项
功能要求说明
性能规格
性能参数：网络层吞吐量≥1Gbps，应用层吞吐量≥500Mbps。
硬件参数：规格≥1U，内存大小≥8G，硬盘容量≥128G SSD，电源：单电源，接口：支持不低于6千兆电口+4千兆光口SFP。
配置要求
挖矿专项检测
支持挖矿专项检测页面，具备挖矿攻击事前、事中和事后全链路的检测分析能力，综合运用威胁情报、IPS特征规则和行为关联分析技术，如检测发现文件传输（上传下载）阶段的异常，对挖矿早期的准备动作即告警。
平台内置挖矿安全知识库，对常见的挖矿如：Bluehero挖矿蠕虫变种、虚拟货币挖矿、EnMiner挖矿病毒、PowerGhost挖矿病毒、DDG挖矿病毒、Docker挖矿、DDG挖矿变种、GroksterMiner挖矿病毒、Linux 挖矿木马、ZombieBoy挖矿木马等提供详细的背景介绍、感染现象、详细分析、相关IOC（MD5、C2、URL）、解决方案。
WEB 模块详细设计说明
Location: [重定向到的URL]
例：
Status: 200 OK
Status: 304 Not Modified
Status: 400 Bad Request
Status:500 Internal Server Error
Location:
这里静态文件部分我们全部支持，动态WEB部分我们采用CGI + JAVA SCRIPT的方式实现（这里JAVA SCRIPT是指运行在运行客户端的JAVA SCRIPT）。
因为HTML我们使用HTML4.0以上版本，CSS使用2.0版及其以上，故客户端浏览器必须是IE4.0及更高版本、Netscape Navigator4.0及更高的版本。
通常，来自客户端的HTTP请求头会被WEB Server解析，并存入相应的环境变量中，它些环境变量在CGI1.1中已经给出了定义，详见：/cgi/。CGI脚本程序通过这些环境变量和标准输入stdin获取来自客户端的输入，所以通常CGI脚本程序不需要自己解析HTTP头部。
12．设置进程的标准输出、输出和出错描述描述符
13．调用execve（）发起新进程执行CGI脚本程序，在CE/3的参考实现中则是直接调用cgi_handler()进行CGI处理过程
14．因此cgi_handler()是WEB Server子模块和CGI处理模块的接口
CGI子模块：
CGI是通用网接口(Common Gateway Interface)的缩写，用于动态处理来自客户端的HTTP请求，并以HTTP的格式对客户端做出应答。HTTP的请求和应答包括两部分：前一部分是HTTP头，后一部分HTTP体。HTTP头与HTTP体用两个连续的换行符分隔。
GUI设计规范
GUI 设计规范
Version: 1.0 (β) Author: Tobias
Date: 02/2008 Email: brevity.forever@
1
Copyright © Tobias,
3.附录(Windows
XP下一些标准的UI组件)---------------------------------------------- 24
声明
本文档的版权归属于 Tobias，任何公司和个人可以拷贝或引用，但由此产生 的法律后果本人概不负责。 本文档引用其他公司和个人的成果,遵守其对应的版权 声明或许可协议。
2
Copyright © Tobias,
目录
1.用户界面设计流程-------------------------------------------------------------------------------- 5
2.界面规范-------------------------------------------------------------------------------------------- 6
2.1．总体原则---------------------------------------------------------------------------------- 6 2.2．原则详述---------------------------------------------------------------------------------- 6 2.2.1．用户控制-------------------------------------------------------------------------- 6 2.2.2．清楚一致的设计----------------------------------------------------------------- 6 2.2.3．有良好的直觉特征-------------------------------------------------------------- 7 2.2.4．较快的响应速度----------------------------------------------------------------- 7 2.2.5．简单且美观----------------------------------------------------------------------- 8 2.3．细节约定---------------------------------------------------------------------------------- 8 2.3.1．界面风格-------------------------------------------------------------------------- 8 2.3.1.1． 普通外观---------------------------------------------------------------- 8 2.3.1.2． Windows 的可视提示------------------------------------------------- 9 2.3.1.3． 交互---------------------------------------------------------------------- 9 2.3.1.4． 程序---------------------------------------------------------------------- 10 2.3.1.5． 默认设置---------------------------------------------------------------- 10 2.3.1.6． 窗体---------------------------------------------------------------------- 11 2.3.1.7． 布局和间距------------------------------------------------------------- 11 2.3.1.8． 图标和图片------------------------------------------------------------- 11 2.3.1.9． 提示信息---------------------------------------------------------------- 11 2.3.1.10．标点符号---------------------------------------------------------------- 11 2.3.1.11．对话框------------------------------------------------------------------- 12 2.3.1.12．对话框的主要命令按钮---------------------------------------------- 13 2.3.1.13．属性表和属性页------------------------------------------------------- 13 2.3.1.14．向导---------------------------------------------------------------------- 14 2.3.1.15．控件---------------------------------------------------------------------- 14 2.3.1.16．命令按钮---------------------------------------------------------------- 14 2.3.1.17．复选框------------------------------------------------------------------- 15 2.3.1.18．单选按钮---------------------------------------------------------------- 15 2.3.1.19．组合框------------------------------------------------------------------- 16 2.3.1.20．编辑框------------------------------------------------------------------- 16 2.3.1.21．滑块---------------------------------------------------------------------- 16 2.3.1.22．静态文本---------------------------------------------------------------- 16 2.3.1.23．列表框------------------------------------------------------------------- 17 2.3.1.24．列表视图---------------------------------------------------------------- 17 2.3.1.25．滚动条------------------------------------------------------------------- 17 2.3.1.26．分组框------------------------------------------------------------------as,
Web UI 自动化测试技术选型分析
Web UI 自动化测试技术选型分析事实上对于UI 自动化测试来说，许多所谓框架之间并没有太多差别，也从来不是影响整套测试用例是否健壮的关键性因素。
相比之下，如何提高测试用例稳定性以及出现错误时debug 的便捷性才是让UI 自动化测试方案落地的重要细节。
那么为什么我们还需要讨论技术选型呢？首先我们来看看技术选型包含哪些部分。
通常UI 自动化测试的技术方案分为控制（控制客户端）、执行（运行通过特定API 编写的测试用例）、结果上报这几个主要组成部分，在过去各类框架往往喜欢在执行和结果上报两个部分提供差异化的API 来提高开发效率，但这很难对我们开头提到的两个重要细节起到本质上的帮助。
随着Web技术的不断演进，Web UI 自动化测试中的控制部分也终于有了更进一步的发展，而且这一部分正是解决用例稳定性、提升debug 能力的核心所在。
接下来就对比一下目前可选的几种控制方案的优缺点。
selenium + webdriverselenium 的方案最为传统，也是目前最常见的浏览器控制方法。
selenium 通常需要和webdriver 配合使用，selenium 通过webdriver 控制浏览器，再对上层执行层暴露API 或sdk。
同时selenium 也提供standalone server的方案，允许执行层通过调用标准restful API 控制浏览器，在这种模式下对执行层的编程语言和运行时都没有任何限制，这也是selenium 生态繁荣的重要原因。
优点selenium 的API 封装遵循W3C 提供的webdriver 标准，因此selenium 对各大主流浏览器的支持都不错，如果测试场景对浏览器兼容性有较高的要求，需要在多种浏览器中执行测试用例，selenium 仍是首选。
同时由于selenium 已经发展多年，各种解决方案也更为完善。
例如并行方案selenium grid，可以支持多节点的用例负载均衡；还有在CI 场景下官方维护的各种docker image 等。
智源智能安全运营平台 WebUI用户手册说明书
Version V2.0R7Copyright2022Hillstone Networks.All rights reserved.Information in this document is subject to change without notice.The software described in this document is fur-nished under a license agreement or nondisclosure agreement.The software may be used or copied only in accord-ance with the terms of those agreements.No part of this publication may be reproduced,stored in a retrieval system,or transmitted in any form or any means electronic or mechanical,including photocopying and recording for any purpose other than the purchaser's personal use without the written permission of Hillstone Networks. Hillstone Networks本文档禁止用于任何商业用途。
联系信息北京苏州地址：北京市海淀区宝盛南路1号院20号楼5层地址：苏州高新区科技城景润路181号邮编：100192邮编：215000联系我们：/about/contact_Hillstone.html关于本手册本手册介绍山石网科的产品系统的使用方法。
获得更多的文档资料，请访问：https://针对本文档的反馈，请发送邮件到：*************************山石网科https://TWNO:TW-WUG-iSOPV2.0R7-CN-V1.0-Y22M05目录目录1欢迎1第1章部署智源2典型部署2单机部署2集群部署3软件化部署5部署智源平台（单机）6部署智源平台（集群）9智源平台单机扩展至集群10直接部署智源平台集群16部署流量探针25部署威胁溯源插件27部署环境要求27部署方式27在用户主机上安装威胁溯源插件（单机安装方式）28准备工作28安装部署步骤28步骤一：使用UpdateMsi工具更新安装程序28步骤二：运行msi格式安装程序完成安装29步骤三：确认进程30卸载威胁溯源插件30升级威胁溯源插件30在用户主机上安装威胁溯源插件（域安装方式）31准备工作31使用组策略分配安装威胁溯源插件32分配给域用户32步骤一：创建组策略对象32步骤二：用户配置-编辑组策略部署软件33步骤三：将组策略应用到用户组织单位36步骤四：强制更新组策略38分配给域中的计算机38步骤一：创建组策略对象38步骤二：计算机配置-编辑组策略部署软件39步骤三：将组策略应用到计算机组织单位42步骤四：强制更新组策略43使用组策略卸载已分发安装的插件43使用组策略升级已分发安装的插件44部署威胁探针46部署山石云鉴48软件化部署50适用场景50产品信息50在VMware ESXi上部署软件化智源50系统要求和限制51部署步骤51第一步：访问登录VMware ESXi6.7平台51第二步：创建虚拟机51第三步：配置智源访问地址以及部署系统53第四步：访问智源系统54在CentOS7系统终端主机上部署软件化智源54系统要求和限制55准备工作55部署步骤55第一步：启用虚拟机管理图形化界面55第二步：创建并配置虚拟机56第三步：配置智源访问地址以及部署系统60第五步：访问智源系统61在Windows10系统终端主机上部署软件化智源61系统要求和限制61部署步骤62第一步：启用Hyper-V功能62第二步：创建并配置虚拟机62第三步：连接并启动虚拟机66第四步：配置智源访问地址以及部署系统66第五步：访问智源系统67集群部署软件化智源67激活智源系统70通过CLI方式激活70通过WebUI方式激活72第2章态势监控77关注态势77告警77安全总览78我的关注80资产态势82威胁事件监控84弱点监控85系统状态监控87资产态势87溯源模式88全局溯源89溯源结果90内部资产91外部IP/域名/文件MD595无结果98流量监控99过滤条件99流量趋势100源IP活动TOP10100目的IP活动TOP10101平台总览102态势大屏103投屏模式自定义配置109自定义模块109新建自定义模块110例：添加看板112设置为默认模块112多标签页展示113第3章威胁分析114威胁115全部资产115查看资产详细信息117服务器列表118查看服务器详细信息120终端122终端列表122查看终端详细信息124主机列表126查看主机详细信息128用户列表130查看用户详细信息131业务列表133查看业务详细信息135事件列表136查看威胁详细信息139聚合威胁事件141配置聚合威胁事件功能141查看聚合威胁事件详细信息142清理误报威胁事件144日志146日志概览147 Syslog列表148 NetFlow列表149 Meta Data列表149 Sysmon列表150 Linux列表151日志搜索152可视化展示156创建日志可视化看板156第4章弱点分析160弱点分析162导入弱点报告162主机162弱点164弱点报告获取167查看弱点报告获取任务167新建弱点报告获取任务167弱点扫描任务169查看弱点扫描任务169新建弱点扫描任务170扫描器配置173查看扫描器列表173添加扫描器173弱点分析配置案例176组网场景176准备工作177配置步骤177第5章风险管理184全部资产风险185风险状态总览185风险资产186查看风险资产详情187失陷报告187风险报告189威胁事件190弱点192服务器风险194风险状态总览194风险服务器195查看风险服务器详情196失陷报告196风险报告198威胁事件199弱点201终端风险203风险状态总览203风险终端204查看风险终端详情205失陷报告205风险报告207威胁事件208弱点210业务风险212风险状态总览212风险业务213查看风险业务详情213第6章事件响应216剧本管理216查看剧本217剧本总览217查看剧本列表218查看待响应任务220查看中止任务221查看剧本响应记录223查看剧本详情226配置剧本227预定义剧本228创建剧本229配置剧本基础信息232配置剧本触发条件233配置威胁情报库动作236配置判定条件237配置网络安全设备动作240配置策略240配置IP阻断243配置主机安全设备动作244配置访问控制244配置结束进程246配置隔离文件248配置重启终端249配置平台动作251创建工单251发送邮件253联动实体255联动实体动作257网络安全设备257添加网络安全设备实体259查看网络安全设备实体策略/IP阻断信息263配置策略265配置IP阻断268主机安全设备269添加主机安全设备实体271查看主机安全设备实体详情信息271配置访问控制272配置结束进程274配置隔离文件274配置重启终端275配置阻止非信任USB276配置USB白名单277威胁情报库278添加威胁情报库实体280工单管理281新建工单282查看工单详情284第7章报告管理286报告总览287生成报告287报告任务290新建报告任务290报告模板293自定义报告Logo294查看报告模板详情295新建自定义报告模板297编辑自定义报告模板299删除自定义报告模板299等保管理300等保系统300创建等保系统300编辑等保系统301删除等保系统302管理资产302创建新资产302导入资产304下载模板304导入资产304管理等保流程305创建等保流程305编辑等保流程305定级阶段305备案阶段307自查阶段308整改阶段310等级测评阶段311监督检查阶段313删除等保流程314查看等保系统/流程314第8章情报中心316热点威胁资讯317威胁情报库320威胁情报库升级320在线升级320离线升级320自定义威胁情报管理321白名单321全局白名单321查看全局白名单321手动添加全局白名单323下载全局白名单模板324导出全局白名单325导入全局白名单326 DNS类白名单326查看DNS类白名单327手动添加新域名至DNS类白名单328下载DNS类白名单模板328导出DNS类白名单329导入DNS类白名单330文件类白名单330查看文件类白名单330添加文件类白名单332下载文件类白名单模板332导出文件类白名单333导入文件类白名单333黑名单334查看黑名单334添加新情报至黑名单335第9章资产管理337资产管理338资产总览338资产列表339查看资产详情340编辑资产343资产配置347新建资产348新建资产组350下载模板353导出资产或资产组353导入资产或资产组354错误提示356终端用户状态357资产探测359新建资产探测任务360区域管理363新建区域364下载模板365导出区域366导入区域366错误提示367业务管理369新建业务370下载模板371导出业务372导入业务372错误提示373待入库资产375被动发现375待入库资产375已忽略资产376主动探测377待入库资产377已忽略378入库记录379待更新资产381待更新资产381更新记录382第10章引擎管理384威胁引擎385默认引擎385编辑默认规则387配置保护对象388编辑弱密码检测规则388关联分析390新建自定义规则392攻击链引擎402默认引擎402编辑默认规则403关联分析405新建自定义规则406第11章日志管理408日志源管理409新建日志源409日志解析411日志解析配置412日志解析配置特征库升级412在线升级412离线升级413新建自定义日志解析配置413新建日志解析模板414配置日志解析流程416配置Grok解析流程417配置Key-Value解析流程420配置JSON解析流程423调整解析流程顺序425配置日志标准化425查看日志解析配置428配置日志解析规则430新建自定义日志解析规则430查看日志解析规则432日志存储管理434查看存储空间434查看日志备份434导入备份日志434查看已恢复的日志备份435日志备份配置436自动备份436手动备份437FTP配置438新建FTP服务器438查看FTP配置列表440日志设备441日志服务器442新建日志服务器442第12章系统设置444系统信息446查看系统信息446权限设置448用户配置448新建用户448删除用户450修改用户密码450可信主机451新建可信主机452联系人管理454新建联系人455系统日志457日志的严重等级457事件日志458操作日志459日志设置460升级管理461系统版本升级461安全设置462登录策略462登录超时462用户锁定463密码策略463配置密码规则463开启/关闭新用户强制修改密码464配置密码强制修改周期464密码过期告警465许可证管理466许可证展示466申请许可证466安装许可证467通讯配置469邮件服务器469新建邮件服务器469短信网关470配置短信网关470告警通知471告警通知设置473查看告警通知规则473编辑自动告警通知规则475默认设置475关注事件告警规则475高危严重事件告警规则477编辑自动告警通知规则479新建威胁告警通知规则482新建系统告警通知规则486查看告警通知490查看告警通知信息490查看许可证过期信息491网络管理492接口配置492编辑接口信息492网络配置493证据信息管理495探针管理497流量探针497威胁探针497级联管理499级联设置499编辑级联设置500下级平台管理502上级平台管理503基础配置503编辑上级平台信息504上报数据配置505集群管理506安全分析计划507启用/禁用安全分析计划507人行数据对接508数据对接配置508开启/关闭人行数据对接功能508基础配置508上报数据配置511数据对接历史513恢复出厂设置/退出/重启/关机515恢复出厂设置515退出登录515重启系统515关机515欢迎感谢您选择山石网科产品！以下内容可以帮助您了解如何操作山石网科的产品：新手入门指南l《智源智能安全运营系统新手入门指南》（PDF下载）系统操作手册l《智源安全运营平台WebUI用户手册》（PDF下载）l《智源流量探针WebUI用户手册》（PDF下载）典型案例l《智源智能安全运营系统配置案例手册》（PDF下载）部署手册l《山石网科智源智能安全运营系统部署手册》（PDF下载）硬件安装手册l《智源安全运营平台硬件参考指南》（PDF下载）l《智源流量探针硬件参考指南》（PDF下载）其他支持：l官方网站:https://l手册下载：https://l技术支持：400-828-6655第1章部署智源山石智源智能安全运营系统，是全息数据驱动的AI分析运营系统，由分析平台与丰富的探针共同构成，可为各行业客户提供网络威胁分析、态势呈现与溯源等功能，解决客户监控盲区，潜在安全隐患、运维低效等问题。
Web系统开发课程设计报告
Web系统开发课程设计报告题目：学生成绩管理系统专业：网络工程班级：学号：姓名：2011年12 月2 日目录1概述 (1)2系统分析 (1)2.1业务分析 (1)2.2数据流程 (2)3系统设计 (4)3.1总体设计 (4)3.2代码设计 (5)3.3界面设计 (7)3.4输入输出设计 (8)3.5模块设计 (9)3.6系统实现 (10)4心得体会 (11)5参考文献 (12)1 概述本课程设计的目的就是要通过一次集中的强化训练，使学生能及时巩固已学的知识，补充未学的但又必要的内容。
进行课程设计目的在于加深对ASP基础中基础理论和基本知识的理解，促进理论与实践的结合，进一步提高程序设计的能力。
具体目的如下：1．使学生更深入地理解和掌握该课程中的有关基本概念，程序设计思想和方法。
2．培养学生综合运用所学知识独立完成课题的能力。
3．培养学生勇于探索、严谨推理、实事求是、有错必改，用实践来检验理论，全方位考虑问题等科学技术人员应具有的素质。
4．提高学生对工作认真负责、一丝不苟，对同学团结友爱，协作攻关的基本素质。
5．培养学生从资料文献、科学实验中获得知识的能力，提高学生从别人经验中找到解决问题的新途径的悟性，初步培养工程意识和创新能力。
6．对学生掌握知识的深度、运用理论去处理问题的能力、实验能力、课程设计能力、书面及口头表达能力进行考核。
学生成绩管理系统，采用计算机对学生成绩进行管理，进一步提高了办学效益和现代化水平。
为广大教师和学生提高工作效率，实现学生成绩信息管理工作流程的系统化，规范化和自动化。
一个高效的学生成绩管理系统可以存储历届的学生成绩档案,不需要大量的人力，只需要几名专门录入员即可操作系统，节省大量人力，可以迅速查到所需信息、高效、安全、学生在能方便的查看自己的成绩。
可以提高高校教学的工作效率与准确率，并能让学生尽快的查询到自己的考试成绩，以便让他们尽快的投入到新的课程的学习或复习这次没有考过的课程中。
Web自动化测试架构设计与实现
Web自动化测试架构设计与实现Web自动化测试架构设计与实现分类： web测试优化2011-01-10 22:31 296人阅读评论(0) 收藏举报分布式计算将网络服务带到世界的每一个角落,这些服务又大都部署在Web应用系统中。
如何保障高质量软件或服务则是个突出的问题,其实软件测试从来就不应该被轻视。
对于一个复杂的web应用程序系统需要测试的方面太多了,特别是那些开发周期很长的系统,如果所以测试都通过手工来完成,显然成本太高,且容易出错。
通过使用自动化工具,则在某种程度上降低了测试难度,同时节约了成本,但是会有个新的问题:如果提高测试脚本的维护性和移植性。
本文通过对软件测试过程分析,并结合分层思想,提出一个较好的测试架构,并介绍如何通过自动化测试工具Selenium和测试框架TestNG 搭建该测试平台。
1 WEB自动化测试软件测试是确保软件质量的重要手段,然而相对于企业级的系统规模和复杂不断增大,手工测试容易出错,而且枯燥的机械重复性工作对于软件质量保证的人员来说是个不小的挑战。
自动化工具的引入则让软件质量保证人员从中解脱出来。
1.1 自动化测试介绍自动化测试是一种通过自动化工具执行定制好的测试脚本的过程。
通过该过程的实施,可以节省人力和时间成本,提高测试效率。
自动化测试可以被用于单元测试,功能测试,性能测试,回归测试等等,但是自动化测试不是并不能完全代替人工测试,而且这种程度需要看自动化测试所能覆盖路径的范围,而且最能体现自动化测试优势的应该算是它的复用性,特别是对于开发周期很长的系统。
由于以上优点,自动化测试的架构显得尤为重要,好的测试架构将给脚本的维护带来巨大的方便。
1.2 Web自动化测试软件对于众多的Web自动化测试软件,有商业用途的付费软件,也有开源免费软件,它们功能同样强大,同时优点缺点也很突出。
常见的web自动化测工具有:QTP, Winn Runner, Silk Test, Selenium。
WEBUI设计规范
内蒙古万德系统集成有限公司WEB UI设计(流程/界面)规范目录一：UI设计基本概念与流程................................................................................................................................................................................................................ - 3 -1.1 目的......................................................................................................................................................................................................................................... - 3 -1.2范围.......................................................................................................................................................................................................................................... - 3 -1.3 概述......................................................................................................................................................................................................................................... - 3 - 二：UI界面用户体验设计原则与规范 ................................................................................................................................................................................................ - 4 - 1：应该遵循的基本原则 ............................................................................................................................................................................................................... - 4 - 2：页面外观规范........................................................................................................................................................................................................................... - 4 -②宽带页面 ........................................................................................................................................................................................................................... - 5 -③自适应 ............................................................................................................................................................................................................................... - 5 -④其他页面 ........................................................................................................................................................................................................................... - 6 -基本结构 ................................................................................................................................................................................................................................. - 6 - 页面版式： ............................................................................................................................................................................................................................. - 6 - 版块基本元素：所谓基本元素就是将其中任意几块元素拼接起来形成所需网页版块。
研華WebOP-2000系列工業級可程式人機界面说明书
研華 WebOP 系列工業級可程式人機界面內嵌WebOP Designer 畫面編輯軟體，支援豐富彈性連接/WebOP產品介紹產品選購指南特色與功能WebOP Designer 軟體介紹應用案例工業級應用硬體與通訊人機介面(H M I )開發軟體技術支援WebOP-2040T 硬體與通訊WebOP-2050T WebOP-2070TWebOP-2080T WebOP-2100T 人機介面開發軟體技術支援WebOP-2000 系列選購指南3WebOP-2035V WebOP-2057V WebOP-2070V WebOP-2080V WebOP-2104V WebOP-2121V WOP-2057V-S1AE WOP-2057V-N1AE WOP-2070V-N4AE WebOP - 2000系列WebOP-2000 功能介紹WebOP-2000 系列工業級可程式人機界面配有3.5”-12.1”多尺寸範圍的和感測器等多種工業設備無縫整合、完美協作，還可借助多種通訊介面（如與其他設備輕鬆相連。
64K色真彩TFT LCD、1024*600 解析度的液晶螢幕使圖像展示完美逼真；螢幕符合護等級，可在0~50℃內寬溫操作，確保在嚴苛環境中仍能穩定運行。
同時，產品無縫相容，如Allen Bradley Micrologix、Modicon. QuantumOmron Sysmac C/CV/CS/CJ 和 Yaskawa MP 等。
內嵌WebOP Designer 2.0價比和完美性能，是工廠自動化中最理想的應用選擇。
3.5”-12.1” 全系列 LCD 尺寸 3.5” ~ 12.1” 多尺寸LCD，鮮豔色彩 65,000 色USB 接口，歷史工作記錄、警報記錄等檔案的備份，確保在水平與垂直螢幕方向IP66防水等級種類豐富的通訊介面，包含RS-232/422/485USB Master/Slave接口防水等級，可在0 ~ 50℃產品相連，滿足多元化工廠人機界面程式設計軟體 - WebOP DesignerWebOP Designer 已經成功應用於許多領域和行業，是一款簡便易用的畫面編輯軟體，可幫助使用者從解決方案的角度直接於螢幕之上進行程式設計和高端向量繪圖。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
FH/RGYSJ/X.XXX.XXX （XXXXXX ）/RA设备型号：产品代号：项目代号：部 门：拟 制： 年 月 日 审 核： 年 月 日 批 准：年 月 日WEB GUI软件总体设计目录0版本记录 (3)1术语与缩写解释 (3)2软件系统概述 (3)2.1目的 (3)2.2功能简介 (3)3设计约束 (3)3.1遵循标准 (3)3.2硬件限制 (3)3.3技术限制 (3)3.4其它约束 (4)4设计策略 (4)4.1扩展策略 (4)4.2复用策略 (4)4.3折衷策略 (4)5软件系统总体结构 (4)5.1组网方式和系统组成 (4)5.2总体结构 (4)5.3模块/子系统分解 (6)5.4接口描述 (10)5.5依赖性描述 (11)6开发环境的配置 (12)7测试环境的配置 (12)8参考资料 (12)0版本记录序版本号生成时间主要修改记录作者备注号1RA231术语与缩写解释缩写、术语解释AJAX Asynchronous JavaScript and XML 异步JavaScript和XMLGUI Graphical User Interface 图形用户接口CGI common Gateway Interface 通用多媒体智能终端接口2软件系统概述2.1目的本文说明多媒体智能终端WEB子系统的总体结构和各个模块功能接口，以指导软件开发工程师开发，供测试工程师参考。
2.2功能简介多媒体智能终端中web子系统实现多媒体智能终端的本地管理功能，主要为运营商维护人员，家庭用户和工程测试人员提供业务配置，状态查询，升级备份，检测调试等功能。
3设计约束3.1遵循标准WEB子系统需要HTTP,CGI协议的支持，遵循与之相关的HTTP/1.1,CGI/1.1的标准。
3.2硬件限制本设计的主要目的是屏蔽硬件架构，原则上本文的设计适用于多媒体智能终端不同芯片方案的所有产品。
3.3技术限制本软件运行于嵌入式Linux系统。
不能运行在其他系统上。
3.4其它约束无4设计策略本文设计的web软件架构吸取了前期EPON网关和GPON网关的开发经验，并且借鉴了HG110西电ADSL网关的设计思路，能够做少量修改后覆盖现行产品的web子系统。
4.1扩展策略平台web设计中考虑了功能的扩展性，主要思路是将菜单项（功能项）单独作为文本文件存放。
当需要增加功能时，只需要修改该菜单文件和功能实现文件,使得维护工作量最小化.4.2复用策略本文设计的web子系统架构，特别考虑了不同运营商，不同地区，不同芯片方案的客制化需求，从文件目录，模块分类，代码编写，出厂定制等各个层面增加对客制化功能的支持，以期达到最大限度的复用，节省开发和维护成本。
4.3折衷策略针对broadcom的独有的CMS架构，增加AJAX数据访问适配层，使软件平台的web子系统页面部分和broadcom的cms 后台可以对接起来。
5软件系统总体结构5.1组网方式和系统组成组网方式采用b/s方式，用户通过浏览器与多媒体智能终端通信。
5.2总体结构平台web采用THTTPD +CGI 架构,如下图所示：图1—THTTPD+CGI 总体架构流程说明：THTTPD 服务器接收到浏览器的HTTP 请求后，判断请求的文件类型，如果是静态文件，如html 文件，js 文件，图形声音文件，它调用read 直接从相应磁盘目录中获取，如果是CGI 文件，（具体判定方法在thttpd.conf 中的cgi 匹配模式中定义），它设置好相关环境变量，使stdin 和stdout 标准输入输出重定向到该cgi 程序，再调用execve()执行该cgi 程序，cgi 程序运行时对管理对象进行读写，将结果生成网页格式，通过标准输出传给thttpd 服务器，thttpd 将结果进行补充和封装，按照http 协议格式发给浏览器。
其时序图如下：THTTPDCGI 应用程序Html 静态页面,包括.html,.js,图形，声音文件目录中对相应html. Js gif 文件CGIexecve()浏览器read()智能终端进程httpCGI 规范1.1文件系统图2—软件平台web 时序图5.3 模块/子系统分解软件平台web 按照功能主要分为以下模块: 用户登录和鉴权模块，页面主框架管理模块，数据访问适配模块，多语言切换模块，客制化模块,其中数据访问适配模块为shell 或者c 实现，多语言切换模块为javscript 实现，客制化模块为shell 实现。
5.3.1 页面主框架管理模块 名称：index.html 类型：html,js目的：管理各个子页面和读入js 和css 风格文件。
功能列表： 子页面的读取和切换， 管理风格文件和js 文件。
要实现的需求ID:5.3.2 用户登录和鉴权模块详见<<软件平台项目_WEB GUI 页面与后台数据接口定义.doc>>名称：cgiprocess.sh authentication浏览器 webserver CGI 线程用户点击某个网页链接THTTPD 启动CGI 线程CGI 返回数据给thttpd返回特定网页 CGI 线程完成: 1从终端底层取数据2. 将数据返回返回特定jsthttpd 返回终端数据使用ajax 请求终端数据类型：linux shell脚本目的：根据用户名和密码，返回和用户角色关联的页面功能列表：用户密码鉴权管理用户session要实现的需求ID:5.3.3数据访问模块详见<<软件平台项目_WEB GUI页面与后台数据接口定义.doc>>名称：cgiprocess.sh xxx类型：linux shell脚本目的：访问多媒体智能终端数据，为浏览器提供ajax格式的访问接口功能列表：对xxx模块的管理量进行get /set 操作对xxx模块的配置文件进行get / set操作(可选)将多媒体智能终端内部接口数据进行ajax格式转换,与浏览器通信要实现的需求ID:5.3.4多语言切换模块详见<<软件平台项目_WEB GUI多语言实现概要设计.doc>>名称：language.js类型：javascript代码目的：根据用户选择的语言类别，在页面上切换不同语言功能列表：管理不同语言的翻译字符串根据用户选择的语言类别，对页面上的文字进行翻译要实现的需求ID:5.3.5客制化模块模块详见<<软件平台项目_WEB GUI客制化概要设计.doc>>名称：customize.sh类型：linux shell代码目的：根据预配置文件，裁剪和定制相关页面功能列表：管理web预配置文件客制化页面，生成定制版本。
要实现的需求ID:5.4典型模块举例5.4.1客制化模块静态方式：采用web预配置文件方式在考虑开发效率和维护效率的情况下,我们规定不同版本之间的差异处理原则如下:1.如果是风格和菜单文件的差异就在branches文件夹中单独增加该特定风格的文件夹,如电信E8,中国联通,中国移动文件夹.2.如果某个页面只在特定版本存在,则单独作为一个文件,以后客制化时候,根据会根据菜单上的链接名称来判断是否加入该文件到出厂版本中.3.如果某个页面在各个版本都存在,但每个版本底层接口或者页面字段存在少量差别, 如宽带连接页面,建议在同一个文件中作分支判断处理.这样虽然单个文件冗余一些,但是整个处理逻辑可以共用,减少以后维护时间.客制化参数放在config.json配置文件的"Customized"字段里.动态方式：运行时查询系统相关状态web在运行时候，从底层获取系统状态，根据返回结果在页面上显示不同页面。
如系统支持ipv6,则页面上会增加ipv6的设置菜单.例子:1)初始化web初始化时候自动判断设备型号，是否支持ipv6if [ "$DEVICETYPE" != "HG266" ]then/usr/bin/setcfg /var/softversion wifi wifi.R01.00.build01fiif [ -f /etc/ipv6_wan.conf ] && [ -f /usr/bin/pppoe-start-ipv6 ] && [ -f /usr/bin/dhcp6c ]then/usr/bin/setcfg ${WEBPATH}/webgui.conf IPV6_SUPPORT 1else/usr/bin/setcfg ${WEBPATH}/webgui.conf IPV6_SUPPORT 0fi2)wifi配置根据wifi驱动提供的方法，判断不同wifi卡，页面上显示不同wifi卡的配置项。
RETURNSTR=`cat /proc/bus/pci/devices |awk 'NR==1' | cut -f 2 |cut -b 1-4`if [ "$RETURNSTR" == "168c" ]; thenWIFICARD="atheros"elseWIFICARD="ralink"fi3)地区需求根据预配置文件中地区关键字，判断是否是某个地区的版本，如江苏版本有很多定制要求，则根据地区关键字，在同一代码中分别处理不同地区的需求。
if [ "$is_submit" == "1" ]; thenBRANDING=`/usr/bin/getcfg ../webgui.conf BRANDING`if [ "x$BRANDING" == "xEPON_E8CV3_JIANGSU" ]; then jiangsu_process elsenormal_process fi fi5.4.2 多语言切换模块运行时序图3根据该时序图，程序员利用多语言资源转换模块将翻译人员的excel 文档转换为多个语言资源文件，系统运行时，多语言资源读取模块将多个语言资源文件读入到内存HASH 表中，在浏览器显示页面之前，页面元素显示模块根据页面元素ID 值，在HASH 表中读取ID 对应的语言串，然后在页面上该ID 位置处显示相应的语言字符串。
页面元素显示模块 多语言资源读取模块 多个语言资源文件获取HASH 表中ID 语言串读取语言资源文件返回语言资源串返回HASH 表中ID 语言串多语言资源转换模块将翻译人员的excel 文档转换为多个语言资源文件模块划分多语言文件翻译模块：包含ID 和对应语言字符串的excel 工作表；多语言资源转换模块：将翻译人员提供的语言工作表转换为不同的语言资源文件； 多语言资源读取模块：读取多个语言资源文件，将其转换为内存中哈希表的数据格式；页面元素显示模块： 根据页面元素的ID 值，在内存语言资源哈西表中查找对应的语言字符串，并将其在对应ID 所在位置显示出来。