请问有什么好的方案解决FLASH或视频文件播放时,将影视画面全部像素取下并发送?

sorryIdonotknow 2005-06-08 08:13:28
我试图用GDI的GetDibit()那个函数效果不理想,9W个像素时每秒只能取下30幅左右的图像,但如果用预先取下像素直接保存成文件的话,没多少秒文件就很大了.不知各位有什么好的办法给予解决?
...全文
201 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
Practise_Think 2005-07-15
  • 打赏
  • 举报
回复
在directdraw里调用平面的Lock()方法后,在ddsc的输出参数里得到一个指向这个位图像素块,你可以直接用指针来提取即可,速度比GDI快很多.
这里有个需要注意的地方:如果你是使用没有独立显卡的机器DIRECTDRAW的性能体现不出来.另外,从像素区提取数据最好不要在显存里直接取,因为这样做会很慢的,可以先用FastBlt()方法将主平面的图像复制到一个离屏的平面里(SYSTEMMEMORY),然后才从这个离屏平面里取像素就可以了
sorryIdonotknow 2005-07-14
  • 打赏
  • 举报
回复
up!!
sorryIdonotknow 2005-06-10
  • 打赏
  • 举报
回复
up!
hushuangyan74 2005-06-09
  • 打赏
  • 举报
回复
用DirectDraw应该速度要快一点。
你说文件增长很快,可能要采用好的图像压缩算法,如DCT,小波变换,分形变换,等等!
sycnick 2005-06-09
  • 打赏
  • 举报
回复
直接取显存中那块区域
moloto2004 2005-06-09
  • 打赏
  • 举报
回复
Data Compress
qinxiaogang 2005-06-09
  • 打赏
  • 举报
回复
30副已经很快了.
我用DirectDraw也不见的有30副
sorryIdonotknow 2005-06-09
  • 打赏
  • 举报
回复
up!
sorryIdonotknow 2005-06-08
  • 打赏
  • 举报
回复
如果用DIRECTDRAW又该如何直接(不是通过DC)取下当前窗口显示的位图所有的像素?
孔博士 多媒体电子教室 说明书 2007.2 目 录 第一章 产品介绍 2 第二章 安装与注册 2  2.1 系统需求 2  2.2 设置网络协议 2  2.3产品安装 2  2.4 跨网段路由器的安装 2  2.5 试用与注册 错误!未定义书签。 第三章 学生机端的使用 2  3.1 学生机界面 2  3.2 学生机的管理与设置 2  3.3 电子举手 2  3.4 远程消息 2  3.5 自动接收 2  3.6 文件提交 2  3.7窗口显示模式 2 第四章 教师机端的使用 2 第五章 常见问题解答 2 第一章 产品介绍 多媒体网络教室既无硬件版教学网投资大、安装维护困难、图像传输有重影和水波纹以及线路传输距离限制之弊病;同又克服了其他同类软件版教学网广播效率低、语音延迟大、操作复杂、稳定性兼容性差等方面的不足。 多媒体网络教室经过严格的软、硬件测试过程,全面支持 Windows 系列操作系统,包括 Windows 9X、Windows Me、Windows NT 4.0、Windows 2000、Windows XP以及 Windows RPL/PXE 无盘工作站,支持跨网段校园网教学,对各种网卡、声卡及显卡都能体现良好的性能,不会出现任何不稳定迹象,是一套集易用性好、兼容性强、稳定性高于一身的教学系统。 多媒体网络教室具有以下特点: 班级模型可根据教室不同情况随意拖动更改,并自动保存。 屏幕广播效率极高,尤其在网络条件较差亦能体现出良好的性能;可以根据网络条件调节网络补偿强度,根据广播内容调节广播及录制效率,使广播达到最佳效果;可以广播多媒体课件。 语音广播, VCD 广播可以达到学生机与教师机同步,无任何延迟。 当教师在未锁定学生机键盘、鼠标情况下广播或回放,学生可以利用智能滚动的窗口模式接收广播,此模式可以使学生轻松地跟着教师进行同步操作,边看边练习,使学习由被动转为主动。 教师广播教学和语音教学允许学生发言,并可方便地切换发言学生;可随方便地使一组学生加入或退出教学行列。 巧妙的将学生演示与监控转播结合在一起,使教师与学生的交互更加自然、灵活,遥控教师可以与被遥控学生协同工作。 屏幕录制与电子教鞭结合使用可以实现电子备课。 文件分发功能强大且界面相当易用,可以定义宏目录。 分组教学功能可将学生分为几个小组,有每个小组自行进行教学,有学生组长主动代替教师,对学生组成员进行广播教学、语音教学等各项功能。 语音讨论功能可以将全班学生分成同一个组或分成几个组进行课堂上的讨论,每个组相互不干扰。 文件提交功能可以收集学生所做的作业,方便老师操作。 电子点名功能方便老师统计学生上课考勤情况。 教师可通过视频直播功能将实视频信号通过网络同步传输给所有学生机。 能从根本上解决跨网段教学。 多媒体网络教室由教师机、学生机、路由器软件所组成,具体功能为: 教师机:广播教学、语音教学、语音对讲、学生演示、监控转播、屏幕录制、屏幕回放、黑屏肃静、网络影院、文件分发、电子教鞭、班级模型、系统设置、远程命令、远程设置、远程消息、分组教学、语音讨论、清除举手、文件收集、电子点名 视频直播 清除未登录学生机、查看学生属性、系统锁定、可选窗口显示模式。 学生机:电子举手、远程消息、窗口接收广播、作业提交、屏幕回放、可选窗口显示模式。 路由器:具有组播转发功能,在需跨越多个物理网段进行教学可选择安装。 第二章 安装与注册  2.1 系统需求 教师机: 最低配置:CPU Pentium 166 以上,内存 32M 以上,显卡 1M 显存以上,声卡全双工。 推荐配置:CPU Celeron 400 以上,内存 64M,显卡 2M 显存,声卡全双工并带输出回录功能(能录制自身播放的 WAV 文件)。 学生机: 最低配置:CPU Pentium 133 以上,内存 16M 以上,显卡 1M 显存以上,声卡全双工。 推荐配置:CPU MMX166,内存 32M,显卡 2M 显存,声卡全双工。 网络:   10/100兆共享或交换网络均可。 注:1.正式版还需加密狗一只,插入教师机并口处。 2.在Windows NT 4.0 环境下进行VCD广播,所需显卡指标相对较高。  2.2 设置网络协议 多媒体网络教室需 TCP/IP 协议的支持。如果网络中有 Windows NT 4.0 或 Windows 2000 服务器,并且服务器上安装有 DHCP 服务,此学生机网卡所绑定的 TCP/IP 协议的设置上可以设为自动获取 IP 地址。如果网络中没有服务器或服务器上没有安装 DHCP 服务,此网络中所有计算机的网卡所绑定的 TCP/IP 协议的设置上必须指定一个固定的 IP 地址。具体的设置请咨询您所使用的网络的网络管理员。 设置参考: 1、打开控制面板的网络设置项,将 TCP/IP 协议添加到网络组件中(如下图),再选择与网卡绑定的 TCP/IP 协议。 2、在 TCP/IP 属性页中设置正确的 IP 地址,注意不要使 IP 地址重复,设置完成后重新启动计算机。 注: TCP/IP 设置完成后请用 PING 命令验证网络是否连通,如网络不通请尝试检查相应网络设备、重新安装 TCP/IP 协议等手段来解决问题。  2.3产品安装   教师机的安装 1. 插入安装光盘后会自动运行安装程序,进入图形安装界面,按提示进行安装,安装程序会自动检测未安装的组件并进行安装(包括加密狗驱动的安装)。 2. 选择安装部件:教师机。 3. 按照安装提示完成安装。   学生机的安装 1. 插入安装光盘后会自动运行安装程序,进入图形安装界面,按提示进行安装,安装程序会自动检测未安装的组件并进行自动安装。 2. 选择安装部件:学生机。 3. 按照安装提示完成安装。 注:学生机与教师机不能安装于同一台机器中。  2.4 跨网段路由器的安装 如果您需要在两个组播不通的网段间使用多媒体网络教室,就必须在以 Windows NT 作为网关的机器上安装路由器软件,安装方法如下: 1. 使网关的两块网卡分别对应不同的网段,并将各网段的学生机设置网关为相应网段的网关网卡IP地址。 2. 在网络属性服务中添加RIP服务。添加后用Route Print命令应能够打印出正确的路由信息了。 3. 在网关机器上运行多媒体网络教室安装程序,选择安装路由器软件,完成安装。 4. 在网络属性协议中添加协议,选择从软盘安装,将路径指定为多媒体网络教室路由器软件安装路径下的 Drivers 目录,安装完毕后重新启动服务器。 5. 运行组播路由器程序。选择启动按钮,此应显示启动正常等信息。此安装过程即告完毕,教学网已可跨网段使用了。 第三章 学生机端的使用  3.1 学生机界面 学生机软件安装完毕后,屏幕右下角会出现一电脑图标,如该图标为黑色 ,表示该学生机未登录上教师机。如为蓝色 ,表示教师机已启动,该学生已登录上教师机。 该图标上点击右键,会出现如下菜单: 学生机在分组教学,学生组长的界面会根据相应变为教师机执行此功能的界面。  3.2 学生机的管理与设置 为方便系统管理员进行产品安装与系统管理,在学生机端可以按组合键 Ctrl + Alt + Shift + F10 来退出学生机程序。 在学生机端按组合键 Ctrl + Alt + Shift + F11 ,会弹出如下对话框: 学生频道设定可以设定学生机频道号,通过设定教师机与学生机频道号可以使处于同一网段的不同班级上课互不干扰,实现多个班级上课(初始频道号默认为 0 频道)。绑定地址是指在学生机存在多个网卡选择绑定哪个网卡的 IP 地址。检测周期可以指定学生机与教师机检测连接的最大延,默认为 10 ,即在 10 秒内学生机与教师机未检测到有任何连接则认为该学生机断线。  3.3 电子举手 学生在听课过程中可以使用电子举手请求教师回应。 学生登录后在右键菜单中选择电子举手或按 Scroll Lock 键即可发出举手信息。  3.4 远程消息 在右键菜单中选择远程消息后出现如下对话框: 学生可以在输入框中输入文字来同教师进行交流,输入文字后敲回车键即可。也可以通过下拉框选择系统提供的默认文字,并敲回车键。  3.5 自动接收 正常条件下,学生机软件只要运行,就会自动登录系统,同自动检测教师机是否进行操作(如屏幕广播、VCD 广播、屏幕监控、屏幕回放、学生演示、文件分发、黑屏肃静等等)。如正进行以上操作,则学生机自动接收该操作。学生机在接收屏幕广播,如果教师未锁定学生机键盘鼠标,学生就可以用窗口方式接收广播(窗口可设置为智能滚动、自由滚动、缩放显示),该功能的详细说明请参见?窗口显示模式?。此学生可在接收屏幕广播的同进行其他操作,例如可边参看教师的操作边跟着学操作。  3.6 文件提交 当教师机设定可以文件提交后,学生方可使用文件提交功能。 单击学生机的右键,选择"文件提交" 则会出现如下的对话框: 单击第一个按钮,将会出现供您选择的文件或文件夹。 选择要提交的文件后,任务栏中将会出现您要提交的文件。 单击第二个按钮,则供您选择的将是文件夹。 单击第四个按钮,则您选择的文件或文件夹将会被提交到教师机设定的目录下。 提交完成之后教师机可以右击屏幕右下角的图标或班级模型的空白区,选择"察看提交文件夹",则教师可以察看学生所提交的文件。  3.7窗口显示模式 在全屏接收屏幕广播,如果教师未锁定学生机键盘鼠标,学生就可以在屏幕广播窗口上点击鼠标右键,在图所示的弹出菜单中除去全屏显示选项后即变为窗口方式接收广播。 学生在此模式下可以选择智能滚动、自由滚动、缩放显示,这样学生在操作的同可以方便地观看教师示范。 自由滚动 此模式下,屏幕广播的内容为1:1显示,接收者可按住鼠标左键拖动画面,这样窗口显示内容会根据鼠标移动而改变。 缩放显示 此模式下,接收者可看到屏幕广播的全部内容,但通常不为1:1显示。 智能滚动 此模式下,屏幕广播的内容为1:1显示,窗口显示的内容能根据屏幕广播或录制教师的鼠标移动情况而做相应滚动,这样就不会出现在自由滚动模式下有会看不到教师的操作以及在缩放显示模式下看不清楚屏幕广播具体内容的情况。  3.8屏幕回放 如果教师机将屏幕录制文件共享或发到学生机上,则学生机可以打开该文件,这样便于学生的复习。 单击学生机右键,选择"屏幕回放" 则会出现如下的对话框: 则您可以选择要播放的录制文件。 在播放的过程中,您可以暂停或停止。 第四章 教师机端的使用 4. 1教师机的登陆 运行教师机程序后会出现登录对话框它要求您输入登录密码与频道号,默认登录密码为空,默认频道号为0,教师机在系统设置中的频道号或上次登录的频道号,系统安装完毕后频道号为0,频道号可设置为0~99。 您可以在系统设置的其他设置中设定登录密码,网络设置中设置频道号。 如登录未检测到加密狗插在计算机并口处,则系统弹出对话框,自动变为5用户演示版,只能有5台学生机登录。 如果检测到并口处有加密狗,则本系统的用户数等于加密狗中的授权用户数。 如产品试用期仅剩余不足1小,本系统会自动提示您多媒体网络教室需要注册的信息。如试用期满尚未注册,本系统自动转化为5用户演示版。 4.2 教师机界面 教师机运行后,会出现上图界面: 各数字号码分别代表不同分区,各分区依次为: 1. 标题区 2. 班级模型显示区 3. 信息区 4. 音频设定区 5. 远程消息区 6. 对话输入区 7. 图形按钮区 信息区会显示当前间,目前已登录人数/班级模型总人数。 在班级模型显示区选择学生机(如不选择任何学生机则默认为对全体操作),然后点击图形按钮区中的图形按钮执行相应操作,您也可以在班级模型显示区点击右键通过弹出菜单执行相应操作。图形按钮区按钮为亮黑色表示此功能可以使用,为灰色表示此功能不能使用,为凹下状态表示该功能正在执行。当按下某按钮执行某一功能后,再按 Break 键使这一正在执行的功能停止执行。可以使用系统设置下热键设置中的各功能热键来执行相应功能,例如:当教师机未进行广播教学,按 CTRL+ALT+F6 可以进行广播教学;当教师机已经进行广播教学,按 Break 键可以停止广播教学。 屏幕右下角有一小图标,当教师机界面隐藏可双击该图标,屏幕就会显示教师机主界面。也可以利用屏幕最上方的弹出式工具条中的窗口按钮来恢复教师机主界面(见下节)。 4.3右键菜单 教师机启动后,在班级模型区可点击鼠标右键弹出操作菜单,不同的点击位置、所选择学生机的数量和状态不同,都会使弹出的菜单不同。 若此教师未进行任何操作,可分为如下三种情况: 在班级模型空白区点右键可弹出如下菜单: 在单个学生机图标处点右键可弹出如下菜单: 如选择多个学生机图标点右键可弹出如下菜单: 如此教师已经进行了操作,则可根据点击位置与具体的选择分为多种情况: 在教室模型空白区点右键弹出菜单中包括允许与此操作同进行的操作与此操作的终止选项。如屏幕广播菜单如下: 在单个学生机点右键弹出菜单与选择多个学生机的右键菜单会根据具体情况有变化,具体参见各功能的说明。 在弹出菜单中点击相应的选项就可执行对应操作。 4.4 弹出式工具条 启动教师机后,教师机主界面被最小化,将鼠标移动到屏幕顶部(右半边),会出现以下工具条: 其中窗口按钮可显示教师机主界面,教师机主界面出现后,此工具条将不会弹出;设置按钮指系统设置;复位按钮可以结束当前教师机任何操作使其复位;锁定按钮可锁定此工具条。 您可以利用此工具条方便的执行功能,例如在屏幕广播如需调用电子教鞭,只要将鼠标移动到屏幕顶部(右半边)使工具条弹出,点击教鞭即可调出电子教鞭。 注:当启用电子教鞭工具条不会弹出。 4.5 系统功能的执行方式 可以通过4种使用方式来执行多媒体网络教室功能: 1. 通过在班级模型区弹出右键菜单执行。 2. 通过图形按钮区点击图形按钮执行。 3. 通过弹出式工具条执行。 4. 通过系统热键执行(参见"热键设置")。 4.6 班级模形的建立与维护 第一次安装教师机后班级模型为空,使所有的学生机都登录到教师机中则班级模型自动建立,您这再根据您教室和班级的具体情况进行调整就相当方便。 学生机登录后会在班级模型区以图标显示出来,您可以通过系统设置中的网络设置的学生名称显示项来选择显示Windows登录名或学生名称或学生机机器名,默认显示学生名称。显示学生名称可以点中某一学生机图标再按F2键手工更改该学生名称。选择其他两种显示项不允许更改名称。 学生登录后会自动分配一座位,可以手工拖动学生机图标到您所需要的地方,以适应您的教室形状与排列,您可以在系统设置的网络设定中选择座位与机器名绑定或与IP地址绑定,如果您学生机机器名一般不改变,则建议与机器名绑定,如果学生机IP地址一般不改变,则建议与IP地址绑定,默认与机器名绑定,如与机器名绑定,学生机IP地址改变学生机图标仍为原图标,反之亦然。 可在班级模型区点右键进行锁定图标、按名称或按状态排列图标、重排图标、对齐图标等操作。选择多个学生机后,点击对齐图标会出现如下菜单: 其中当选择两个以上学生机,对齐图标中只允许进行水平对齐与垂直对齐等操作;当选择三个以上学生机,对齐图标中还允许进行水平等距与垂直等距等对齐图标操作。选中锁定图标后各学生机位置在教室模型中将不能被改变,即不允许进行拖动、对齐学生机图标等操作。 当需要精确移动学生机图标,可以选择这些学生机后,再用组合键 Alt + ↑(↓←→) 键按 1 像素位的精度来移动图标,用组合键 Shift + Alt + ↑(↓←→) 键按 10 像素位的精度来移动图标。 当您确认现有的班级模型,就可以保存模型。每次退出教师机程序会自动保存教室模型于默认的模型文件中。点击?班级模型?按钮,会出现一短菜单: 您可以选择保存以使现在的排列保存为默认的模型文件(模型文件在教师机安装目录下),您也可以选择另存为...来自己指定所要保存的*.cls文件,点击打开...后选择对应的.cls文件可加载您所保存的班级模型。您可以根据不同的班级情况编辑多个班级模型,并将它另存为...多个.cls模型文件,在不同的班级上课打开...与此班级相对应的模型文件即可。 在班级模型可通过拖放鼠标来选择一组学生,也可以按Shift键 4.7 广播教学 广播教学功能可以将教师机屏幕和教师讲话传送至学生机。 在班级模型中选择学生,点击广播教学(或按系统热键),可开始广播教学。如广播教学中学生机接收出现异常(如屏幕显示出现缺失),可按组合键 Shift + F5 来刷新学生机屏幕显示的内容。 • 如何广播带有视频文件的课件? 当需要通过屏幕广播带有视频的课件(如《走遍美国》),教师机的配置需要在 Celeron 400 以上,建议将教师机的显示模式设置为 16 位色,并要进行以下配置:首先需要在系统设置中将广播和录制效率设置为高广播及录制效率,将传输补偿设为低网络补偿强度;再运行开始菜单下的视频加速设置程序,将出现如下对话框: 选中不允许使用DCI/DirectDraw视频加速功能复选框,确定后即可进行视频课件广播。 如何在广播教学过程中使某学生开始发言、动态切换发言学生、停止发言? 广播教学过程中,通过选定一个已登录的学生机图标,点击右键弹出菜单: 点击开始发言可以请任一已登录的学生进行发言,此所有接收者在接收到教师广播教学的同接收该学生发言。只需对其他已登录学生进行同样操作就可以切换发言学生,先前发言学生自动停止发言。如只需停止学生发言,可在当前发言学生机图标上点击右键,选择停止发言即可。 • 广播过程中如何使部分学生机开始或停止接收广播? 广播教学过程中,可以随意控制任意学生机停止或开始接收广播。已停止接收广播的学生机在进行如下操作后将自动接收广播。操作方法为选择您想要操作的学生机,点击右键,弹出如下菜单: 点击开始接收广播即可。 同样的方法可以控制正在接收广播的学生机停止接收广播。 • 如何切换带语音与不带语音广播? 在系统设置中选择屏幕广播同广播语音,可在屏幕广播的同广播语音(默认已选中)。 • 如何在广播锁定或不锁定学生机键盘鼠标? 在系统设置中选择全屏广播锁定学生机键盘鼠标可使学生机在接收广播鼠标键盘无效。 • 如何使学生边接收广播边操作? 选择系统设置中的学生机以窗口方式接收屏幕广播,学生机会统一以窗口显示屏幕广播,此不锁定学生机键盘鼠标,以方便学生边看教师演示边操作。 4.8 电子教鞭 电子教鞭用来辅助教师在进行屏幕广播或录制进行辅助指导,教师可利用它进行强调重点、进行注解等操作。也可单独使用配合投影仪进行电子板书或屏幕注解。 您可以在开始菜单中找到电子教鞭链接并运行它,也可以在教师机的弹出式工具条中点击教鞭按钮来执行它,执行后会出现如下工具箱,并冻结当前屏幕,您可以使用工具箱中的工具直接在屏幕上绘图,隐藏或关闭电子教鞭后绘制内容将自动清除,您可继续进行正常操作。 闪烁、透明选项允许您对应用电子教鞭在屏幕上所画内容的显示方式进行设置。 其余功能与 Windows 画图类似(包括铅笔、橡皮擦、填充、直线、单向箭头、双向箭头、曲线、矩形框、画椭圆、多边形、注释框、文本、撤消、线条粗细、前景色、背景色),可按住 Shift 键拖动鼠标来画正交线、正方形和圆。 4.9 语音教学 语音教学功能可以将教师机麦克风或其他输入设备的声音传送到学生机。语音教学后学生就可以听到教师声音。 点击语音教学可以开始语音广播。 • 如何在语音教学过程中使某位学生开始发言、动态切换发言学生、停止发言? 点击开始发言可以请该学生发言,其他同学可以接收到该学生发言,只需对其他已登录学生进行同样操作就可以切换发言学生,先前发言学生自动停止发言。如只需停止学生发言,在正在进行发言的学生机图标上点击右键,选择停止发言即可。 • 如何在语音教学过程中使部分学生机开始或停止接收语音教学? 语音教学过程中,可以控制任何已登录或未登录的未接收语音教学的学生机开始接收语音教学,操作方法为在您想操作的学生机图标上点击右键, 选择开始接收语音教学即可。 同样的方法可以控制正在接收语音教学的学生机停止接收语音教学。 • 语音教学如何设置学生机屏幕显示? 在系统设置的一般设置中可以设定语音教学是否在学生机显示黑屏窗口。 • 如何在语音教学锁定或不锁定学生机键盘鼠标? 在系统设置的一般设置中可以设定语音教学是否锁定学生机键盘鼠标。 4.10 语音对讲 教师可以选择任意一名已登录学生与其进行语音对讲。除教师和此学生外,其他学生而其他的学生不会受到干扰。 • 如何开始与动态切换语音对讲? 单击需要单独与其进行对讲的学生,点击语音对讲即可。通过在其他已登录学生机图标上点击右键,弹出下图所示菜单,选择开始语音对讲可使对讲对象切换为该学生。 4.11 学生演示 教师可以将某一学生的操作演示给其他所选定的学生,在演示过程中,教师可以遥控此机器并同演示给其他学生。 在班级模型显示区选定需要进行演示操作的一台学生机,点击学生演示,此学生机的屏幕将广播给其他学生机。如学生演示中其他学生机或教师机接收出现异常(如屏幕显示出现缺失),可按组合键 Shift + F5 来刷新屏幕显示的内容。 • 如何动态切换演示机与停止学生演示? 某台学生机演示教师可以通过在其他一台学生机上点击右键选择开始学生演示来切换为此学生机进行演示。在正在进行演示的学生机上点击右键选择停止学生演示来停止该学生进行演示。 • 学生演示如何使部分学生停止接收学生演示与开始接收学生演示? 某台学生机演示教师可以通过在其他学生机上点击右键停止接收学生演示来使学生机停止接收学生演示。选择开始接收学生演示来使学生机开始接收学生演示。 • 如何设置学生演示是否允许语音对讲? 如果系统设置中的一般设置中学生演示同进行语音对讲选项已打开(默认已打开),则学生演示的同,此学生机可与教师机进行语音对讲,此对讲能被其他学生听见。 • 如何遥控演示机? 学生演示过程中,教师可以在学生演示屏幕上点击右键 选择遥控辅导接管学生机操作(具体操作参见"监控转播")。 4.12监控转播 教师机可以监视所选学生机的屏幕(默认为所有学生),每屏可监视多个学生。您还可以在系统设置中设置教师机监控的同屏幕各窗口间、屏幕与屏幕间的切换速度。 选择需被监控的学生,点击监控转播, 按工具条的前一页与后一页可手工切换被监视的一组学生机的屏幕,按下自动滚屏可在切换周期到达后自动切换到下一组被监视的学生机屏幕(切换周期可在系统设置的一般设定中设定)。重排窗口可使多窗口按顺序排列,智能滚动、自由滚动、缩放显示可使本屏幕中所有窗口进行相应设置,停止监控可退出屏幕监控功能,也可按热键退出(见系统设置中的热键设置)。窗口可显示教师机主界面。锁定工具可以锁定此工具条。如监视过程中监视窗口出现异常(如屏幕显示出现缺失),可按组合键 Shift + F5 来刷新屏幕显示的内容。 如何改变同屏监看学生机的数目? 在系统设定中的一般设定中监看设定栏可以改变同屏监看数目,可供选择的有1,4,9,16屏监看。 • 如何在监控过程中使某台学生机屏幕转播给其他学生? 监视过程中在某一台学生机显示窗口中点击右键,点击转播,它允许您选择将该学生屏幕转播给部分学生,可通过Shift键或Ctrl键选择。默认转播给全体学生。 • 如何遥控被监视学生? 在上图的右键弹出菜单中选择遥控可遥控此台被监视的学生机。 • 在遥控如何与被遥控学生协同工作? 当您遥控某台学生机,您的屏幕会显示学生机屏幕的内容,您可以操作该学生机。如果您将鼠标移至屏幕最上方右边; 学生锁定按钮可以使教师控制是否让此学生机的学生来操作其鼠标与键盘,当此按钮按下,此学生机受教师控制,学生不能操作,当此按钮弹起,学生可操作此学生机(此建议教师不要移动鼠标、敲击键盘),因此可以使教师方便的对学生进行指导。 只要在遥控过程中点击电子教鞭按钮即可调出电子教鞭功能,当不进行学生锁定学生也可以调用电子教鞭功能。 4.13 屏幕录制 教师机可以将本地的操作和讲解过程录制为一录像文件,供以后回放,教师可实现电子备课。可以在系统设置的一般设置中选定广播教学同录制来使广播过程录制为一可回放文件。 点击屏幕录制,出现一对话框,选择将录像文件存放的位置(默认在"我的文档"中),点击保存就开始录制。 4.14 屏幕回放 教师机可以将已录制好的含有操作与讲解的录像文件进行回放,回放过程中自动进行广播。 点击屏幕回放,出现一对话框,教师机可以选择所想要播放的录像文件播放播放过程广播给学生,播放过程中可点右键弹出菜单,可全屏显示,可关闭窗口退出屏幕回放。教师在回放过程中能进行其他操作。 4.15 文件分发 文件分发允许教师将教师机的目录或文件指定发送至所选学生机的某目录下,若该目录不存在则自动新建此目录;若盘符不存在或路径非法则不允许分发;若文件已存在则自动覆盖原始文件。分发文件前请确认学生机磁盘空间足够,否则空间不足的学生机将无法接收分发文件。 具体操作为:在文件夹与文件目录中选定需要分发的文件,将其拖拽至下面的发送区,此这些文件状态为未分发,在发送系统菜单上选择传输下拉菜单,选择发送到...,然后输入学生机目录后发送即可。也可直接点击发送将文件传送至上次发送目录。 在待发送的文件栏中点击右键,您可以通过此菜单将所选文件发送到上次发送目录(默认)、缺省发送目录、自定义目录、宏目录(见下面说明),并且可以对任务列表中文件进行删除以及清除列表中的已分发文件。 点击工具条中的选项, 您可以添加、编辑或删除宏,点击添加宏,输入或选择路径,所添加的宏目录会在列表框中显示、您可以选中它并点击编辑宏或删除宏来对它进行编辑或删除。程序会在界面菜单中传输下的发送到...的下拉列表中列出此处设定的宏目录。   4.16 文件提交 文件提交允许学生将学生机的目录或文件指定发送至所选教师机的某目录。通过文件提交学生可以将老师布置的作业提交给老师。 在班级模型的空白区单击"右键",选择"文件提交"。 4.17 网络影院 网络影院支持几乎所有常见的媒体音视频格式: 1. Windows Media 文件:*.ASF。 2. Windows 视频文件:*.AVI ,*.WMV。 3. VCD文件:*.DAT ,*.MPG ,*. MPEG。 4. DVD文件:*.VOB 。 5. Real 文件:*.RM ,*.RMVB。 6. AVI 文件:MPEG-4 ,DIVX。 7. 音频文件:*.MP3 , *.WAV。 点击网络影院 ,会打开网络影院播放器,如下图: • 点击打开,出现如下对话框: 可以选择视频文件进行播放,在播放过程中可以进行切换全屏与窗口、快进、快退、拖动,暂停、停止等操作,可切换循环播放与单向播放,可以调节音量与平衡。 播放过程中如何切换全屏播放与窗口播放? 窗口播放可按全屏或双击播放窗口切换为全屏播放。全屏播放可双击播放窗口或按 Esc 键切换为窗口播放。 • 如何选择多个视频文件进行播放以及如何切换播放文件? 选择播放文件,可以通过 Shift 键与 Ctrl 键选择多个文件播放播放面板中下拉框内会显示所有选择节目列表,播放器会逐一进行播放,您可以在下拉框内选择任意文件或点击上首、下首来播放您需立即播放的文件,它会中断当前播放的节目转而播放您选择的节目。 • VCD按钮有何用处? 如果您的光驱中有 VCD 光盘,您可以直接点击 VCD 按钮来播放该 VCD ,系统会自动搜索并打开光盘中可以播放的所有文件。 • VCD广播如何对学生机接收进行控制? 在系统设置的一般设置中可选择 VCD 广播是否锁定学生机键盘鼠标以及学生机以全屏还是窗口方式接收 VCD 广播,教师可以通过这两项设置来控制学生在接收 VCD 广播是否允许有进行其他操作。 • VCD广播过程中如何使部分学生机开始或停止接收VCD广播? VCD 广播过程中,可以控制任何已登录或未登录的未接收 VCD 广播的学生机开始接收 VCD 广播,操作方法为在您想操作的学生机图标上点右键,点击开始接收网络影院即可。 同样的方法可以控制正在接收 VCD 广播的学生机停止接收 VCD 广播。 4.18 黑屏肃静 教师可以执行黑屏肃静来禁止学生的任何操作,并显示一静态图片。 4.19 分组教学 分组教学功能可将学生任意分组。通过教师机,教师可以在小组内指定一个主动方代替教师,对学生进行广播教学、语音教学等各项功能。具体操作方法如下: 选定两个或两个以上已登录的学生机,点击分组教学按钮,就可以开始分组教学, 在弹出的窗口中的主动方中选择一个学生来代替教师进行教学,当选定好主动方后,其余该组的成员就会自动变为被动方。在功能选择下拉框中选择好教师希望主动学生所做的功能后,点击开始按钮,这,主动方就会开始行使教师的权利对被动方进行教学。例如,选择文件分发功能后,主动方会显示原来教师机点击文件分发后弹出的窗口,而被动方还会显示出原来学生机文件分发后弹出的窗口。要停止分组,点击"停止"按钮即可。 再次进行分组,选定其他两个或两个以上已登录学生,点击鼠标右键, 在该菜单中点击"开始分组教学"即可进行另一个分组操作,其他操作步骤同第一次分组。 再次对其他已登录学生进行同样操作,就可以实现多个分组,并且进行不同的功能操作。 4.20 电子点名 教师可以通过让学生签到来实现电子点名。 单击图形按钮区的"电子点名"按钮,单击"开始"按钮,则学生机会出现一个对话框:在学生输入姓名后,单击"确定"按钮,则教室机的"学生命"一栏中将会显示学生的姓名,"签到状态"一栏中将显示"已签到",表明该学生已经签到了。 单击"应用"按钮,则教室机的主界面的学生机的名称将会变成学生签到的姓名。 单击"保存为"按钮,则可以把该列表保存起来。 4.21 远程命令 远程命令包括远程命令、本机运行、远程运行、远程重启、远程关机、远程开机和远程退出。 4.21.1远程开机 远程开机可以在教师端控制学生端机器的开启,但必须要求学生机网卡与主板 BIOS 支持。具体条件为: • 学生机网卡支持远程唤醒功能,可参阅网卡说明书加以确认并按说明连接与主板的连接线。 • 主板支持远程唤醒功能,可进入 CMOS 设置,进入电源管理项,检查是否有 WAKE ON LAN 选项并将其设置为 ENABLE。 4.21.2 远程关机及重启 教师机可以控制学生机的关机,此功能可以方便地管理学生机,避免重复性劳动。 选择对应的学生机,点击远程命令, 您可以选中无任何提示强行关闭,这种情况下将不会等待学生机退出当前运行程序而立即关闭。 教师机可以控制学生机的重启,此功能可以方便地管理学生机,避免重复性劳动。 选择对应的学生机,点击远程命令,选择远程重启 您可以选中无任何提示强行关闭,这种情况下将不会等待学生机退出当前运行程序而立即重启。 4.21.3 远程退出 远程退出可以在教师端控制学生机程序的退出,此功能可方便管理员调试多媒体网络教室的安装。学生端重新运行学生机程序即可重新登录。 选择需要退出的学生,点右键选择远程退出,这些学生机程序则退出。 4.21.4 本机运行与远程运行 选择对应的学生机,点击远程命令后再选择远程运行,会出现远程命令中的命令列表,您可以选择一命令直接执行。所选的学生机将执行此命令。 点击远程命令后再选择本机运行,会出现远程命令中的命令列表,您可以选择一命令直接执行。教师机将执行此命令。 4.21.5 远程命令 您可以在教师机上控制学生机中命令的执行。 选择对应的学生机,点击远程命令,选择远程命令...会出现一些已生成的命令, 您可以点击新建按钮新建命令,填入命令说明、命令对应的路径、命令参数(可选)并选择命令窗口打开方式,然后保存即可新建一命令。在命令列表中选中命令名称,点击远程运行可以在所选的学生机上远程执行该命令,点击本机运行可以在本机执行该命令。您可以选中在学生机目录中自动搜索命令,它在您指定路径中无法找到该命令文件会自动在学生机目录中查找。 举例说明:如果您需要远程执行 Format D: 命令,可新建一命令: 名称指定为:格式化 D: 盘 路径指定为:C:\Windows\Command\Format.com 参数指定为:D: 远程执行此命令就可以格式化学生机 D: 盘。 4.22 系统设置 远程命令包括远程命令、本机运行、远程运行、远程重启、远程关机、远程开机和远程退出。如图所示: 4.22.1一般设定 一般设定包括屏幕广播、VCD 广播、语音教学、屏幕监看的设定。 默认设置如上图,更改后点击默认按钮可以恢复一般设定的默认值。 屏幕广播设定有以下选项: 1. 屏幕广播同广播语音。 2. 广播教学同录制:将广播过程录制为一可回放文件。 3. 学生机以窗口方式接收屏幕广播:此不锁定学生键盘。 4. 全屏幕广播锁定学生机键盘鼠标。 5. 学生演示及遥控进行语音对讲:学生演示允许教师与此演示者讲话,其他学生能听到他们的对讲。 VCD 广播设定有以下选项: 1. 学生机以窗口方式接收 VCD 广播。 2. VCD 广播锁定学生键盘鼠标。 语音教学设定有以下选项: 1. 学生机显示黑屏窗口。 2. 锁定学生机键盘鼠标。 监看设定可设置: 1. 同屏监看数目:默认为4屏,最大可为16屏。 2. 切换间隔:教师机同屏幕各学生机窗口依次启动监看的间间隔,可以在100~2000毫秒之间(切换间隔间越小,所需要的网络条件越好) 3. 停留间:自动滚屏教师机每个学生屏幕的停留间,可以在2~60秒之间。 4.22.2 高级设置 高级设置包括广播及录制效率的设定、音频设置、举手设置、班级模型设置(包括学生座位与名称显示)。 更改后点击默认按钮可以恢复高级设置的默认值。 广播录制选项: 可以根据广播及录制屏幕画面切换的快慢来设定广播及录制效率,若屏幕画面切换快(如广播带有视频的课件,如《走遍美国》、Authorware 课件、Flash 课件),则可设定为高广播及录制效率,若屏幕画面切换慢(如广播 Office 教学),则可设定为低广播及录制效率。若屏幕画面切换速度中等(如广播 Photoshop 教学),则可设定为中等广播及录制效率(默认值)。 音频设置选项: 可通过音频设置更改语音音质,如广播 CD 可以选择 CD 质量以提高音质,但会占用较多的网络带宽。 可通过音频设置选择是否施加静音检查,施加静音检查可减少网络流量、可节省网络带宽,您可根据环境噪音来对环境噪音幅度进行微调。 可通过音频设置调整音屏缓冲区大小(250毫秒~1000毫秒),它可以对声音的延迟进行控制,缓冲区越小,则声音延迟越小,但缓冲区越小对网络要求越高,建议不要轻易设置。 举手设置选项: 举手设置允许在对已举手的学生操作自动清除该学生举手标志。 班级模型选项: 班级模型选项的设置包括学生座位的设置与名称显示的设置。 学生座位可与机器名或 IP 地址绑定。如机器名固定,建议同机器名绑定,如 IP 地址固定,建议与 IP 地址绑定(默认与机器名绑定)。 名称显示是显示在班级模型中学生机电脑图标下的名称显示方案,可以按 Windows 登录名、学生名称、学生机机器名显示,其中学生名称可以直接在教师机界面下选中该机器后按 F2 键直接更名(默认显示学生名称)。 4.22.3 网络设置 网络设置包括教师机频道号设定、本机绑定地址、断线检测周期、传输补偿设置。 先默认设置,更改后点击默认按钮可以恢复网络设置的默认值。 频道号设定可以设定教师机频道号,通过设定教师机与学生机频道号可以使处于同一网段的不同班级上课互不干扰,实现多个班级上课(初始频道号默认为 0 频道),学生机频道号在远程设置中(或学生机端)设定。本机绑定地址是指在教师机存在多个网卡指定与哪个网卡的 IP 地址绑定。断线检测周期可以指定学生机与教师机检测连接的最大延,默认为 10 ,即在 10 秒内学生机与教师机未检测到有任何连接则认为该学生机断线。 若网络传输中经常出现丢失数据包的现象(如:某些 NE2000 兼容卡等),其表现为全部或部分学生机接收广播显示有异常(出现残块,白斑),则应使用高网络补偿强度。此网络传输的效率会有所降低,但仍然比同类产品的效率高3倍以上。在较好的网络环境下用可以用低网络补偿强度(默认为中等网络传输补偿强度),强烈建议您将以上补偿选项都试用,并根据表现结果挑选一合适的补偿强度。 若网络传输中会出现错误数据包的现象(如某些 Realtek 8029 芯片的网卡),则须打开网络校验选项,否则软件工作会不正常。 4.22.4 热键设置 用户可根据自己需要更改系统热键。只需在对应处按组合键即可设置完成。默认组合键如下: 先默认设置,更改后点击默认按钮可以恢复热键设置的默认值。 按以上组合键可启动某项操作,按 Break 键停止任意操作。 4.22.5其他设置 其他设置包括系统音效的设定以及教师机登录密码与锁定教师机密码的设定。 默认设置如上图,更改后点击默认按钮可以恢复其他设置的默认值。 系统音效的设定是为学生登录、退出、举手、消息等事件选择配音方案。 教师机登录密码是运行教师机所需的密码。 锁定教师机密码是在教师上课进行锁定屏幕所设置的密码。 4.23 远程设置 远程设置允许教师机端对学生机的属性进行设置。具体为显示设置、控制面板设置、限制设置、因特网设置、高级设置。 您可以将您的设置进行保存,设置完成后点击保存按钮在出现的对话框中键入文件名后点击保存可保存当前所有设置。 您可以打开系统提供的或自己保存的*.rcf设置文件,点击打开按钮在出现对话框中选择任意配置文件打开。打开后只显示各选项状态,不会自动生效,可对任意选项进行修改,修改后点击设置按钮使各选项生效。 注: 1.复选框按钮分三种状态,灰色打勾表示继承以前的选择、打勾表示此选项被选中、未打勾表示此选项不选中。 2.以下设置除高级设置外,其他设置只适用于 WIN9X。 3.以下设置中,如设置后不能立即生效,则重启学生机后会生效。 4.23.1远程设置 显示设置可改变学生机的色彩数、分辨率以及是否允许学生设置显示属性、背景页、设置页、外观页、屏幕保护页。 4.23.2 控制面板设置 控制面板设置包含对系统、网络、密码、打印机配置属性的隐藏与显示、禁用与启用的设置。 4.23.3 限制设置 限制设置包括对系统外壳、系统注册表、MSDOS 方式的限制与开放。 4.23.4 因特网设置 因特网设置是对学生机中 IE 的代理服务器选项的设置。 4..23.5 高级设置 高级设置包括对学生机广播及录制效率、网络补偿强度、学生机频道号、声音属性的设置。 学生机广播及录制效率、网络补偿强度可根据学生机的配置与具体演示内容设置,并在学生演示与监控转播生效。详细内容请参考?系统设置?中的?网络设置?。 学生机频道号的设置需与对应的教师机频道号相同。 断线周期是在学生机端衡量是否断线的检测周期,默认为10秒。 声音属性的设置是对学生机音量控制中话筒及波形的设置。 4.24 远程消息 教师可以与学生进行互相交谈。每位教师或学生的发言都会记录在远程消息框中。消息框还会显示学生机的登录、退出以及举手情况。 您可以在对话输入区输入您对学生的发言,您也可以通过下拉框选择您的发言,默认提供一些常用的对话。 教师的文字发言在学生机中显示5秒钟后消失并记录在学生机远程消息对话窗中。 4.25 系统锁定 在教学过程中,教师如需暂离开教师机而又不想使其他人操作教师机需要进行系统锁定,您可以在屏幕右下脚 处点击右键,会弹出一个菜单:选择系统锁定,即可锁定教师机,并出现一对话窗,教师如想取消锁定需输入密码。默认锁定密码为空,可以在系统设置的密码设定中设定锁定密码。 4.26 清除举手 如果想清除学生的举手标志,可以在选择有举手标志的学生,单击右键,选择清除举手,可以将举手标志清除。如果您对此学生进行了图形按钮中的操作(黑屏肃静及监控除外),则系统会自动清除该学生的举手标志。 4.27 清除未登陆学生机 清除未登录学生机是将未登录的学生机图标在班级模型区清除,这班级模型将随之改变,但它不影响学生机的登录。可以在班级模型空白处点击右键,在弹出菜单中选择清除未登录学生机清除所有未登录学生机。可以选择多个未登录学生机点击右键,在弹出菜单中选择清除未登录学生机清除部分未登录学生机,可以选择某一未登录学生机点击右键,在弹出菜单中选择删除清除单个未登录学生机。 4.28 学生属性 可以在班级模型区选择某一学生点击右键查看该学生属性,属性内容为该学生名称、机器名称、登录名称、IP地址、网卡地址、登录状态。 4.29 视频加速程序 视频加速程序允许您设置教师机或学生机是否进行视频硬件加速,是否更改全屏播放 VCD 的显示模式。 运行开始菜单下的视频加速设置程序(或运行安装目录下的 VideoSet.exe 程序); 选中不允许使用 DCI/DirectDraw 视频加速功能复选框,确定后即可进行视频课件广播。(该设置对广播带视频文件的课件有效)。 选中不允许更改全屏幕播放 VCD 的显示模式复选框,确定后可以解决当本机显卡与 DirectDraw 全屏幕模式兼容性不好全屏播放 VCD 的问题。 如需对学生机进行设置,可以在教师机通过远程命令的形式进行设置,命令格式如下: [Drive:] [Path] VideoSet.exe [DisableDirectDraw | EnableDirectDraw] [DisableFullScreenMode | EnableFullScreenMode] • DisableDirectDraw:不允许使用 DCI/DirectDraw 视频加速功能。 • EnableDirectDraw:允许使用 DCI/DirectDraw 视频加速功能。 • DisableFullScreenMode:不允许更改全屏幕播放 VCD 的显示模式。 • EnableFullScreenMode:允许更改全屏幕播放 VCD 的显示模式。 • 若未加任何参数,则弹出上图所示对话框。 例如: 使学生机不允许更改全屏幕播放 VCD 的显示模式,可远程执行 VideoSet DisableFullScreenMode。 使学生机不允许使用 DCI/DirectDraw 视频加速功能,可远程执行 VideoSet DisableDirectDraw。 5.视频直播 教师可通过本功能将实视频信号通过网络同步传输给所有学生机。 1. 教师机配置要求:Intel PIII/Celeron 533 以上。(建议 PIII 850 以上配置) 2. 学生基配置要求:Intel PIII/Celeron 400 以上。 本功能采用了 MPEG-4 实压缩技术,并针对各种 CPU 进行了优化,具有传输效果好,占用带宽低的特点。通过一般的 USB 摄像头即可达到 320x240 画面大小 30fps 的效果。 注:本功能兼容所有支持微软 VFW 标准的视频捕获设备, 如 USB 摄像头,WinFast电视卡等。 教师端运行现场直播后,会出现如下主界面: 开始:开始现场直播,学生机可收到直播画面。 停止:停止现场直播。 选项:显示现场直播选项。 截取方式:分为两种:一种是:VFM截取方式,另外一种是:WDM截取方式。其中,VFW格式效率比较低,而WDM效果较好,CPU占用低,但DirectX的版本须是Direct 8.0以上。 视频设置:选择不同的截取方式,视频设置的菜单不同。现以VFW为例,选择?视频设置?,则会出现如下菜单: 视频源设置主要是获取您的视频捕获设备的相关信息,在?视频格式设置?中,您可以调整播放的视频的大小及格式,建议:像素深度选择IYUV。 对于WDM的视频设置是类似的。 退出:停止现场直播功能。 选项: 视频参数: 每秒帧数:每秒钟传输的画面数目。为5,10,15,20,25,30帧/秒。 同发送音频:在传输画面的同发送声音。 压缩参数: 画面品质:5%-100%,100%为最优画面质量,但压缩速度较慢,传输带宽占用较高。一般取值为95% 关键帧间隔:1-300,表示关键帧(Key Frame)之间具有多少预测帧,此值越小则接收端延迟越小,但传输带宽占用越高。一般取值为30。 量化器下限:5-31,高级压缩参数,决定画面的最低品质,值越大则画面质量越好,一般不要改动。 量化器上限:5-31,高级压缩参数,决定画面的最高品质,值越大则画面质量越好,一般不要改动。 视频源选项: 显示相应视频捕获设备选项页面(请参考您所使用的视频捕获设备的使用手册)。 第五章 常见问题解答 Q:多媒体网络教室支持无盘工作站吗? A:完全支持 RPL 与 PXE 无盘工作站,详见安装与注册中的介绍。 Q:在Win95无盘工作站上安装并重启后,Windows无法启动报告 Command.com 非法? A:无盘工作站启动所用的 Command.com 并非 Windows 95 原配文件。使用 Windows 95 原配Command.com 替代服务器上?RPLFiles?下的相应文件即可。 Q:多媒体网络教室支持跨网段校园网教学吗? A:支持,只需安装跨网段路由器软件。 Q:多媒体网络教室支持多个班级同上课吗? A:支持,将各班级设置为不同的频道号即可。 Q:安装程序完成并提示重新启动,但重新启动后报告文件注册失败? A:文件注册失败可能是由于您的系统缺少某些必须的文件或 DirectX Media 及 Windows Socket 2.2 (Windows 95) 升级包安装不正确造成的。请重新安装 DirectX Media 及 Windows Socket 2.2 并检查以下文件: Windows\System\ATL.dll 版本不应低于:3.00.8168 Windows\System\Mfc42.dll 版本不应低于:6.00.8447.0 Windows\System\Msvcrt.dll 版本不应低于:6.00.8397.0 Q:为什么系统设置的高级设置中默认值不选择高网络传输补偿强度、高广播及录制效率和网络数据校验? A:高网络传输补偿强度是针对某些性能较低的网卡(如:某些 NE2000 兼容卡等)而采取的补偿措施,网络数据校验是针对某些特定的网络传输中经常出现发送或接收错误数据包的网卡(如某些 Realtek 8029 网卡)而采取的校验措施,高广播及录制效率是在教师广播或录制画面切换速度快的情况下(如广播带有视频的课件,例如《走遍美国》、Authorware 课件、Flash 课件)所采取的加强措施。以上这些功能非常重要,它能保障的教学稳定性、流畅性。但会使您的广播及录制效率下降5%~10%,因此如果您的网络条件较好就不要使用高网络传输补偿强度或网络数据校验,如果您不广播课件就不需要使用高广播及录制效率。 Q:为什么我有声卡和麦克风却不能语音广播和语音对讲? A:首先确认您的声卡驱动程序已正确安装。再检查音量控制程序的音频输入设备选项中是否选择了麦克风,如都正确,就可以进行语音广播。语音对讲或学生发言需要全双工声卡的支持,可按如下方法检验:用媒体播放器选择 WAV 文件播放播放过程中打开附件中的录音机看是否能进行录音,如能录音即为全双工声卡,如不能录音则为单工声卡。 Q:带声音广播课件,为什么有的学生机听不到课件的声音? A:首先确认教师机是否配置了全双工声卡,学生机均配有声卡,且声卡能正常工作。然后在教师机主界面录音设定中点击录音设备的箭头后选择 Stereo Mixer (混音输出)或类似描述,在小方框上打勾,这样就可以将课件的声音广播出去。 Q:怎样广播带有视频文件的课件? A:当需要通过屏幕广播带有视频的课件(如《走遍美国》),教师机的配置需要在 Celeron 400 以上,建议将教师机的显示模式设置为 16 位色,并要进行以下配置:首先需要在系统设置中将广播和录制效率设置为高广播及录制效率,将传输补偿设为低网络补偿强度;再将运行开始菜单下的视频加速设置程序, 选中不允许使用 DCI/DirectDraw 视频加速功能复选框,确定后即可进行课件广播。 Q:为何全屏广播 VCD 学生机显示不正常? A:这是因为本机器显示卡与 DirectDraw 全屏幕模式兼容性不好,可通过在学生机执行安装目录下的 VideoSet.exe 来弹出上图所示的对话框。选中不允许更改全屏幕播放 VCD 的显示模式即可正常全屏接收 VCD 广播。 Q:为何对讲听到自己的回音? A:可能是声卡屏蔽性不好,降低录音音量可以明显减少回音。也可能是对方声卡的录音设定中选择了循环回放,导致播放的声音转到录音口,从而通过网络回传到自己。 Q:为什么我的学生机始终登录不到教师机上? A:请检查您的学生机与教师机频道号是否对应,再用 ping 命令检查学生机与教师机之间 TCP/IP 协议层是否真正连通(网上邻居不准确),如不通则检查或重新安装 TCP/IP 协议。 Q:为什么我的学生机登录后会经常掉线? A:这是由于您的网络异常造成的,请用网络检测软件(如 sniffer )来进行网络检查网络的通畅与阻塞情况,并尝试更换网卡、HUB,检查交换机设置来进行故障确定。 Q:屏幕广播后,学生机屏幕色彩失真? A:此情况一般发生在 Windows 95 机器上。Windows 95 不能动态切换色彩数目,因此用较少的色彩数目显示较多色彩的图像便会出现色彩失真。请在学生端设置显示属性中的色彩数目并重启机器。 Q:学生机接收不到网络影院的影像? A:请在学生端检查 DirectX Media 是否已正确安装。可使用 Windows Media Player 打开一 MPEG 文件播放。 Q:学生机能够接收网络影院,但画面色彩不正确? A:请先使用窗口方式执行网络影院,若色彩正确则说明学生机显卡与 DirectX 全屏模式兼容性不好。请降低学生机的显示模式、更换学生机显卡驱动程序或关闭学生机图形加速选项后再试。 Q:学生机接收网络影院后显示一黑屏窗口,不能正常播放? A:请先将学生机声卡禁止或移除后再试。若此能够正常播放,则请检查学生机声卡是否安装正确,若不正确,请重新安装或更换声卡驱动程序。 Q:学生机在接收网络影院一断间后出现一次很短的停顿? A:此情况是由声卡的钟不正确造成的,请更换教师机或学生机的声卡(最好是另一品牌)再试。 Q:在执行远程关机或重启后,学生机在启动后桌面会显示 Active Desktop 错误信息? A:远程关机或重启与使用本机的"关闭系统"不同,是强制性关机动作, Active Desktop 不能处理该关机动作。您可将文件夹选项中的 Windows 桌面更新设置为传统风格或在远程关机或重启不选择强行关闭。 Q:教师机拨号上网后为何学生机登录不到教师机上? A:这是因为教师机所绑定的网卡地址设定的不正确,在系统设置的网络设置中可设定本机绑定地址,将其设置为与学生机所处网段相同的网卡即可使学生机登录。 Q:轮转地监控转播为何不按照班级模型的顺序切换? A:此必定刚生成班级模型,您只要关闭教师机程序后再重新运行教师机程序就可以按班级模型的顺序监控。 Q:在Windows-XP-64位系统下安装了电子教师程序后,为什么系统不断重启? A:修改系统boot.ini文件, boot.ini里将NoExecute=OptIn 改为 NoExecute=AlwaysOff(注意大小写,千万不能写错,否则系统无法启动)
工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究 研究生姓名: 唐帅 导师姓名: 罗军舟 教授 苏生 教授 申请学位类别 工 程 硕 士 学位授予单位 东 南 大 学 工程领域名称 软 件 工 程 论文答辩日期 研究方向 Android+HTML5 学位授予日期 答辩委员会主席 评阅人 硕士学位论文 基于Android+HTML5的移动Web项目 高效开发探究 专业名称: 软件工程 研究生姓名: 唐帅 导师姓名: 罗军舟 校外导师: 苏生 THE RESEARCH OF EFFICIENT DEVELOPMENT OF MOBILE WEB PROJECTS BASED ON ANDROID AND HTML5 A Thesis Submitted to SoutheastUniversity For the Academic Degree of Master of Engineering BY Tang Shuai Supervised by Luo Junzhou and Su Sheng College of Software Engineering SoutheastUniversity February 2017 东南大学学位论文 独创性声明 本人声明所呈交的学位论文是我个人在导师指导下进行的研究工作及取得的研究成果。尽我所知,除了文中特别加以标注和致谢的地方外,论文中不包含其他人已经发表或撰写过的研究成果,也不包含为获得东南大学或其它教育机构的学位或证书而使用过的材料。与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明确的说明并表示了谢意。 研究生签名: 日期: 东南大学学位论文使用 授权声明 东南大学、中国科学技术信息研究所、国家图书馆有权保留本人所送交学位论文的复印件和电子文档,可以采用影印、缩印或其他复制手段保存论文。本人电子文档的内容和纸质论文的内容相一致。除在保密期内的保密论文和在技术保护期限内的论文外,允许论文被查阅和借阅,可以公布(包括以电子信息形式刊登)论文的全部内容或中、英文摘要等部分内容。论文的公布(包括以电子信息形式刊登)授权东南大学研究生院办理。 研究生签名: 导师签名: 日期: 摘要 目前工业市场上认证检测领域,业务流程陈旧繁琐,用户与检测机构无法便捷有效的沟通。除此之外,用户需要亲临检测机构实地送检,在检测的每一个环节用户也无法有效的进行追踪,这些都制约着认证检测领域的进一步发展。鉴于市场上用户的手机型号、种类、屏幕分辨率等参差不齐,传统方式根据主流系统分别开发相应的系统耗又耗力,为了高效开发并节约开发项目成本,本文采用Android+HTML5相结合的方式进行移动端Web系统的设计研发工作。 然而,由于HTML5的W3C标准规范还未制定,安卓系统中类浏览器Webview自身存在一些局限性,因此仍存在着诸多问题亟需解决,包括:(1)多窗口类浏览器模式问题。安卓上用于加载的Webview视图窗口只是作为类浏览器而存在,在安卓上更是只能同运行一个Webview。(2)跨域数据交互问题。不同的Webview之间无法共享数据。(3)页面自适应问题。页面难以兼容适应不同分辨率的设备和浏览器。 本文研究并设计了基于Android+HTML5的在线认证检测系统,主要工作包括以下四个方面: (1)针对多窗口类浏览器模式问题,指出并分析了该问题存在的原因,利用Activity的运行机制,通过Fragment栈对主要模块的Webview进行管理,实现对不同模块之间切换的控制。 (2)针对跨域数据交互问题,指出并分析了跨域缓存交互问题出现的原因,通过在HTML5存储技术的基础上,重写LocalStorage,用移动端本地的Sqlite进行数据维护,实现跨域数据交互。 (3)针对页面自适应问题,本文结合渐进增强以及拥抱流式布局的思想,同研究利用了移动设备的视口特性,实现跨分辨率、跨设备的页面自适应。 (4)针对系统的功能实现问题,通过结合利用原生态框架与HTML5的跨平台性,实现了“认我测”在线认证检测系统。 综上所述,“认我测”在线认证检测系统,率先填补了认证检测领域移动端的空缺,提供了Web浏览器+移动端的双端访问模式,给用户提供了多种访问途径,真正实现了用户和检测机构的随随地在线下单检测。 关键词:HTML5,检测与认证,Android,多窗口浏览器模式,跨域处理,页面自适应 Abstract At present business processes are old and explicit in industrial market of certification and detection filed, as well as users can not have effective and convenient communication with detection institutions. Apart from these, customers have to come to detection institutions personally to send samples, and they can not take effective trace of each process during detection. All of these limit the advanced development of certification and detection field. As the versions, types and resolution of users' mobile phones vary in current market, conditional ways depending on systems respectively cost extra time and resources. In order to develop efficiently and save cost of projects, this paper combines android with HTML5 to design and start the development of mobile web system. However, due to standard specification of W3C of HTML5 hasn't been drafted, and browser-alike webview in android has several limits itself, there are still many problems to be solved. Including: (1) Multi-window browser pattern. Webview window in android used to load pages just works like browser, as well as there is only one webview running at the same time. (2)Cross-domain data interaction. Different webviews can not share data. (3)Self-adaption of pages. It is difficult for pages to adapt to devices and browsers of different resolution. This paper researched and designed an online certification and detecting system based on Android and HTML5. Four main parts are included as following: (1) Considering multi-window browser problem, this paper pointed out and analysed reasons of it. The running mechanism of Activity was used cleverly and webiews of main modules were managed through Fragment stacks, in order to control the switch among different modules. (2)Considering cross-domain data interaction problem, reasons of it were pointed out and analysed. LocalStorage was overrided based on HTML5 storage technics, and local sqlite was used to maintain data in order to realize cross-domain data interaction. (3)Considering self-adaption of pages, the system combined the ideas of progressive enhancement and embracing flow layout, aiming at personalitites of mobile facilities viewports, and realized respective solution. (4)Considering the implementation of system functions, the system took the advanteges of native frameworks as well as HTML5 crossing platforms, and developed "Finding Me Detecting" online certification and detecting system. In summary, "Finding Me Detecting" online certification and detecting system filled up blanks of mobile market in certification and detecting field, provoding double side access pattern, that is to say web browser together with mobile side, offering users various ways to access the system, and really realized the goal of whenever and wherever ordering to detect for users and detecting companies. Keywords: HTML5; Quality Authentication; Android; Multi-window browser; Cross-domain data; Page self-adaption 专业名词清单 专业名词 名词解释 HTML5 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改 Android 一种基于Linux的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由Google公司和开放手机联盟领导开发 IOS 由苹果公司开发的移动操作系统 Webkit 一个开源的浏览器引擎,在手机上的应用十分广泛 Webview WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页 Activity Activity是一个应用程序组件,提供一个屏幕,用户可以用来交互为了完成某项任务,是一个负责与用户交互的组件 SSH 为 Struts+Spring+Hibernate的一个集成框架,是目前较流行的一种Web应用程序开源框架。其中使用Struts作为系统的整体基础架构,负责MVC的分离,在Struts框架的模型部分,控制业务跳转,利用Hibernate框架对持久层提供支持,Spring做管理,管理Struts和Hibernate。 WebStorage HTML新增的本地存储解决方案之一 LocalStorage 本地永久性存储数据,除非显式将其删除或清空 SessionStorage 存储的数据只在会话期间有效,关闭浏览器则自动删除 Sqlite 一款轻型的数据库,是遵守ACID的关系型数据库管理系统,它包含在一个相对小的C库中 W3C 万维网联盟,创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。主要的工作是发展 Web 规范,这些规范描述了 Web 的通信协议(比如 HTML 和 XHTML)和其他的构建模块。 NativeApp 使用传统原生态Android SDK来实现的应用 WebApp 基于浏览器来实现的一种应用 HybridApp 一种可以下载的Native App,其用户界面的全部或者部分元素在嵌入式浏览器组件(WebView之类的)里面运行 优雅降级 一开始就构建站点的完整功能,然后针对浏览器测试和修复。认为应该针对那些最高级、最完善的浏览器来开发网站。而将那些被认为“过”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段 渐进增强 一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。先让网站能够正常工作于尽可能旧的浏览器上,然后不断为它在新型浏览器上实现更多的增强和改进。 Viewport 移动设备上的Viewport就是设备的屏幕上能用来显示网页的一块区域,即浏览器上用来显示网页的那部分区域。Viewport不局限于浏览器可视区域的大小,可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。 媒体查询 CSS媒体查询允许开发者基于浏览网站的设备的特性来应用不同的样式申明,最常用的特性是视口宽度。 GCF 谷歌内嵌浏览器框架, 使用此插件,用户可以通过Internet Explorer的用户界面,以Chrome内核的渲染方式浏览网页。Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关研究现状 2 1.2.1 在线认证检测平台开发现状 2 1.2.2 HTML5 3 1.2.3 Android 3 1.2.4 Android移动Web项目开发的三种解决方案:Native, Web和Hybrid优缺陷分析 4 1.2.5国内外应用现状 6 1.2.6 研究现状总结 7 1.3研究目标与内容 7 1.3.1多窗口浏览器模式的实现机制 7 1.3.2跨域交互即缓存处理方法 7 1.3.3页面自适应机制,即设备自适应与浏览器自适应机制 8 1.3.4 “认我测”质检服务平台的设计和实现 8 1.4 本文的结构安排 8 第二章 多窗口类浏览器设计 11 2.1 多窗口类浏览器需求分析 11 2.1.1 Activity简介 11 2.1.2 Fragment简介 11 2.1.3 多窗口类浏览器需求 12 2.2 多窗口浏览器模式的实现机制 12 2.2.1安卓移动端多窗口浏览器框架 12 2.1.2多窗口浏览器模式实现机制 13 2.3 模块实现 13 2.3.1类浏览器模式 13 2.3.2多窗口类浏览器模式 14 2.4 本章小结 15 第三章 跨域交互缓存处理设计 17 3.1 跨域交互缓存处理需求 17 3.1.1 缓存技术WebStorage 17 3.1.2 跨域交互缓存处理需求 17 3.1.3 页面回退管理需求 17 3.2 缓存处理机制 18 3.2.1 跨域缓存处理 18 3.2.2页面回退管理 18 3.3 模块实现 19 3.3.1跨域缓存机制的主要实现 19 3.3.2.页面回退管理的实现 22 3.4本章小结 22 第四章 页面自适应机制设计 23 4.1页面兼容策略 23 4.2 页面自适应策略 24 4.2.1设备自适应 24 4.2.2.浏览器自适应 25 4.3 模块实现 25 4.3.1根据适口属性设计响应式布局: 26 4.3.2同分辨率范围内的流式布局设计 26 4.3.3移动端viewport属性设定 27 4.3.4组件样式的渐进增强设计 27 4.4 本章小结 27 第五章 认我测在线检测服务系统设计 29 5.1认我测在线检测服务系统需求分析 29 5.2 系统序流程 29 5.3 系统功能模块图 30 5.4 本章小结 32 第六章 认我测在线检测服务系统实现与测试 33 6.1认我测在线检测服务框架设计 33 6.2 系统运行环境搭建及配置 34 6.2.1 AndroidManifest.xml主程序环境配置 34 6.2.2 移动端工程资源布局 35 6.3 认我测在线认证检测系统的主要功能实现 36 6.3.1用户查询 36 6.3.2订单操作 37 6.3.3个人信息维护 37 6.4.系统功能测试 38 6.4.1 首页功能模块 38 6.4.2 订单功能模块 38 6.4.3 个人信息模块 39 6.4.4页面自适应 40 6.5 本章小结 41 第七章 总结与展望 43 7.1 工作总结 43 7.2 研究展望 44 致谢 47 参考文献 49 第一章 绪论 1.1 研究背景与意义 目前市场业务中在产品以及其他项目的认证和检测方面存在诸多不便,用户需要实地考察并频繁与检测单位沟通,填写繁琐的纸质检测报告、当面送递样品,对于检测环节中存在的问题难以及交互并处理。市场上相应的检测平台诸如检测通、凡特网等皆为pc端检测网站,并且操作繁琐不够人性化,用户在实地使用中存在很多问题。昆山工业技术研究院着眼于为委托用户和质检机构搭建良好的沟通桥梁,免去目前市场业务中企业用户需要实地地并频繁地与检测机构沟通,从而提出自己的委托乃至下委托单、等待检测报告等,设计并研发了市场上首款提供质检服务的移动端app,即“认我测”质检服务平台系统,用户只需在手机上安装轻盈小巧的系统app,即可方便快捷的进行委托服务,质检机构亦可便捷地处理请求订单,双方都可以实追踪委托订单的状态变化。 考虑到目前市场上用户的手机型号、种类、屏幕分辨率等参差不齐,传统方式根据主流系统(如android、ios)分别开发相应的系统耗又耗力,为了高效开发并节约开发项目成本、提高项目开发效率,并迎合近年来新兴的HTML5移动页面开发技术,公司采用Android+HTML5相结合的方式进行移动端系统的研发工作。系统的主体一次开发即可在不同设备,包括不同系统、不同型号、不同分辨率设备上运行,免去了大量冗余的开发工作,提高项目的开发效率,降低项目的开发维护成本,为用户提供便捷服务。项目的封装框架只需根据系统的不同稍微改动定制即可,传统的多套系统项目现在只需一次开发,即可适应于不同机型。此外系统还可以通过微信公众号推广链接进行访问,大大的增强了系统的可扩展性和用户操作的便捷性。 然而,由于HTML5的W3C标准规范还未制定,安卓系统中类浏览器Webview自身存在一些局限性,使得结合安卓与HTML5开发移动web项目仍处在探索研发阶段,还不够成熟和完善,相应的技术支持也比较有限,因此仍存在着诸多问题亟需解决,包括: (1)多窗口浏览器模式问题。安卓用于加载的Webview视图窗口只是作为类浏览器而存在,并不等同于pc浏览器,在安卓上更是只能同运行一个Webview,每次加载新的页面都只能覆盖掉原先的页面,无法达到网页浏览器的多窗口模式。通过常规的pc浏览器窗口的相应open、close进行新增窗口、关闭窗口等操作,在Webview类浏览器窗口中都无法正常运作,甚至会导致Webview失去响应。为此,需要研究相应的解决方案,用于模拟用户适应的网页多窗口浏览器模式。(2)跨域交互问题,即缓存机制与浏览记录管理问题。不同于网页浏览器,用户的数据可以在不同的窗口之间共享,Webview由于其模块之间无法共享数据的机制为保存用户信息以及共享其他程序数据带来了巨大难题。为此需要区分数据是同模块内部共享还是跨域共享访问,并提供相应的解决方案。Webview通过模拟多窗口浏览器模式运作后,在不断的新开页面以及不同模块之间互相切换,会导致页面回退历史浏览地址发生覆盖,使得不同模块无法回到相应的上级页面,为此需要有效的对页面的浏览历史进行管理,并提供切实可行的方案。(3)页面自适应问题,即设备自适应与浏览器自适应问题。针对移动设备繁杂的屏幕分辨率,如何让页面进行分辨率自适应,从而发挥相对于原生态安卓开发的优势,是一个需要探索和解决的问题。考虑到高效开发设计以及便于推广应用,HTML5的界面不仅仅需要适应基于Webkit内核的Webview,还要能够方便的应用于PC端的网页,如何让HTML5的网页能够适用不同的浏览器内核,也是一个亟待解决的问题。 为此,如何使得“认我测”质检服务平台中安卓与HTML5的结合开发满足多浏览器模式,并解决跨域之间的数据交互问题,同提高页面的设备自适应和浏览器自适应能力,成为跨平台移动web项目高效开发所亟待解决的问题。 1.2国内外相关研究现状 1.2.1 在线认证检测平台开发现状 互联网界目前在检测领域存在部分在线检测认证的平台,诸如华强认证、检测通等,可以为用户提供一些简单的检测申请,以及为检测机构提供平台发布相关信息。 图1.1 华强认证检测平台首页 如上图所示,在华强认证平台上用户可以选择认证或者检测服务,针对相应类型进行筛选。根据待检测的种类不同,选择相应的检测机构资质、证书、检测周期等查询结果,根据查询结果选择检测机构进行检测委托。检测机构与平台合作,提供负责的检测服务项目、价格等信息,在平台上开设个人站点,提供数据给平台,用于用户检索。 与下常见的电商网站类似,此类检测平台都提供检测方设计自己的网站主页以出售检测服务,同为用户提供检索结果、显示可购买的检测服务,用户可以选择质检服务并加入购物车、下单、查看检测方详情、与卖家(检测方)沟通检测细节等操作,但是这些平台都存在着共同的问题——流程不够清晰明了、检测服务不够个性化、用户操作繁琐等,这些问题给用户和检测机构的使用以及交流带来了很多不便。平台提供的检测项目有限,很多候用户无法确定自己需要检测的项目所属,也不能有效地与检测方进行沟通。与此同,认证检测领域对于移动端的涉及基础为零,目前主流移动端市场没有相应的认证检测服务产品,随着移动产品愈发便捷,在移动端研发设计相应的认证检测产品,使得用户可以随随地进行下单咨询变得愈发重要。 1.2.2 HTML5 为了方便用户的使用,“认我测”认证检测平台的PC端基于B/S架构,其设计和研发离不开浏览器内核支持,同移动端的Web开发也同样需要HTML5语言的支持。利用HTML5的崭新特性,能够更好地为用户提供服务。 HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML(标准通用标记语言下的一个应用)标准版本;现在仍处于发展阶段,但大部分浏览器已经支持某些HTML5技术。HTML5有两大特点:首先,强化了Web网页的表现性能。其次,追加了本地数据库等Web应用的功能。 HTML5广义上为包括HTML、CSS和JavaScript在内的一套技术组合。减少浏览器对于需要插件的丰富性网络应用服务,如Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准集。目前HTML5已向开发人员提供了很多新的标签,如section,nav,article,header和footer等。这些标签语义化程度高,被广泛使用。 HTML5逐渐为移动Web开发所采纳,主要原因在于其适用移动项目开发的八大特性,即离线缓存、音频视频自由嵌入、地理定位、Canvas绘图、丰富的交互方式、低开发维护成本、CSS支持以及调用手机硬件。其中离线缓存可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开恢复数据,以减少网络流量。音频视频方面HTML5无需拆分开混排的多媒体内容,可以将文字、图片、音频、视频等放在一起进行处理。HTML5提供地理定位的支持,无需专属导航软件,通过缓存即可加载地图数据,方便灵活。在系统开发和维护方面,打开即可使用最新版本,免去重新下载升级包的麻烦,使用过程中就直接更新了离线缓存。除此之外,HTML5增强了对CSS样式的支持,极大的增强了界面的美化和友好性,提高了用户体验。 1.2.3 Android Android是一种基于Linux的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由Google公司和开放手机联盟领导及开发。Android操作系统最初由Andy Rubin开发,主要支持手机。2005年8月由Google收购注资。2007年11月,Google与84家硬件制造商、软件开发商及电信营运商组建开放手机联盟共同研发改良Android系统。随后Google以Apache开源许可证的授权方式,发布了Android的源代码。2011年第一季度,Android在全球的市场份额首次超过塞班系统,跃居全球第一。 2013年的第四季度,Android平台手机的全球市场份额已经达到78.1%。 Android是一个真正意义上的开放性移动设备综合平台。它包括操作系统、用户界面和应用程序-移动电话工作所需的全部软件,而且不存在任何以往阻碍移动产业创新的专有权障碍。通过与运营商、设备制造商、开发商和其他有关各方结成深层次的合作伙伴关系,来建立标准化、开放式的移动电话软件平台,在移动产业内形成一个开放式的生态系统,这样应用之间的通用性和互联性将在最大程度上得到保持。 在开发之初,Android平台就被设计成一个由一系列应用所组成的平台。所有的应用都运行在一个核心的引擎上面,这个核心引擎其实就是一个虚拟机,它提供了一系列用于在应用和硬件资源间进行通讯的API。Android打破了应用之间的界限,开发人员可以把Web上的数据与本地的联系人、日历、位置信息结合起来,为用户创造全新的用户体验。此外应用程序不仅可以通过标准API 访问核心移动设备功能、互联网,应用程序还可以声明它们的功能供其他应用程序使用。 考虑到移动端市场主流操作系统的使用情况、移动领域的发展趋势以及Android操作系统的开源性,系统采用Android操作系统为研究对象,在其基础上进行设计和研发,使得认证检测产品能够为主流用户所使用,为用户带来便捷。 1.2.4 Android移动Web项目开发的三种解决方案:Native, Web和Hybrid优缺陷分析 Native app是用传统原生态Android SDK来实现的应用;Web app是基于浏览器来实现的一种应用。 Hybrid app是一种可以下载的Native App,其用户界面的全部或者部分元素在嵌入式浏览器组件(WebView之类的)里面运行。对用户来说,Hybrid App与Native App很难区别。二者都可以从应用程序商店或市场下载,存放在移动设备上,运行方式完全如同其他任何应用程序。但是对开发者来说,却存在巨大的差异,因为其无需为每一种移动操作系统从头开始重新编写应用程序,而是只要用HTML、CSS和JavaScript编写其中一部分应用程序代码,即可在多个设备上重复使用。 以下是三种技术各自的优缺点。 Native app Web app Hybrid app 系统特性 可以完美发挥系统特性(调用系统服务、内存管理等); 操控设备硬件(如相机、蓝牙、振动器等) 无法充分发挥系统特性(调用系统服务、内存管理等); 无法操控设备硬件(如相机、蓝牙、振动器等) 可以发挥大部分系统特性(调用系统服务、内存管理等); 可以通过JavaScript API操控设备硬件(如相机、蓝牙、振动器等) 用户体验 可提供最佳的用户体验,最优质的用户界面,最华丽的交互; 支持消息推送 用户体验较差; 图片和动画支持性不高; 不支持消息推送 可提供较好的用户体验; 支持消息推送 本地资源 可访问本地资源 不支持访问本地资源 可访问本地资源 应用更新 获得新版本需重新下载应用更新,不够方便 跨平台开发、用户不需要下载安装App,开发速度快 可以下载新应用更新,也可在线更新 适用场景 适合制作游戏等性能要求比较高的应用 对于对界面的灵活性有较高要求的app 适用于对画面表现特别高以外的主流需求 开发成本 各平台不兼容,多平台的开发、移植比较复杂,开发成本高,开发周期长,开发成本高; 维护多个版本的成本比较高; 针对多种设备(不同分辨率、不同硬件配置等)的调试和适配较麻烦,维护成本高; 纯HTML5快速开发,较低的开发成本; 支持设备广泛,基于浏览器,跨平台性,维护成本低; Native+HTML5 针对不同系统制定系统外壳,页面部分可重用,大大降低开发成本; 可直接在线更新,更新成本低; 跨平台性,无需针对不同平台开发多个版本应用。 网络要求 支持离线使用 非常依赖网络,网络不稳定等其他环境,用户请求页面的效率大打折扣 大部分功能依赖网络 考虑到系统需要提供较好的用户体验、用户与检测机构能够利用消息推送进行实沟通、用户的查询和下单操作默认已具备网络环境等因素,因此为了更好地利用移动端本地硬件支持以及实现跨平台、跨设备的开发,系统采取了Hybrid混合开发模式。通过在原生态框架中嵌入Webview类浏览器,主体页面采用HTML5开发,由原生态定制系统框架,这样在更换移动端操作系统,只需相应更换系统外壳,主体部分可以重复利用,极大地减少了研发成本,提高了系统的可复用性。系统主体部分更新,无需在应用市场中重新下载,应用HTML5的特性在线更新缓存即可方便地获取最新版本,为用户带来了便捷。 1.2.5国内外应用现状 图1.2 智能手机操作系统分布数据 市场调研公司Kantar Worldpanel ComTech发布的智能手机操作系统数据显示,截至2016年2月末的三个月内,Android中国城市的销售份额从去年同期的73%增至76.4%。而在美国和欧洲五大市场(包括英国、德国、法国、意大利和西班牙),Android的市场占比继续保持增长态势。因此系统选取市场移动端主流操作系统Android作为基础,进行移动端认证检测产品的研发和设计。 随着移动浪潮的兴起,各种APP层出不穷,极速的业务扩展提升了团队对开发效率的要求,这使用IOS&Andriod开发一个APP的成本相对过高,而HTML5的低成本、高效率、跨平台等特性马上被利用起来形成了一种新的开发模式:HybridAPP。 作为一种混合开发的模式,Hybrid APP底层依赖于Native提供的容器(UIWebview),上层使用Html&Css&JS做业务开发,底层透明化、上层多多样化,这种场景非常有利于前端介入,非常适合业务快速迭代。Hybdrid作为目前主流的移动端开发设计模式,能够极大的利用Native和HTML5的优势,将性能与用户体验相结合,缩短跨系统的产品研发周期,给用户和研发都带来极大的便利。混合型APP软件兼具“原生型APP软件良好用户交互体验的优势”和“网页型APP软件跨平台开发的优势”。市场上一些主流移动应用都是基于混合型APP软件的方式开发,比如工商银行、百度搜索、街旁、东方航空、微信、去哪儿等。 目前已有众多企业采用混合型APP软件技术开发APP应用,一方面是开发简单,另外一方面可以形成一种开发的标准。企业封装大量的原生型的原生插件如支付功能插件供Java调用,并且可以在今后的项目中尽可能的复用,从而大幅降低开发间和成本。混合型APP软件的标准化给企业移动应用开发、维护、更新都带来了极高的便捷性。 混合型APP软件通常是基于第三方跨平台移动应用引擎框架进行开发,在国内开发者中比较知名的有PhoneGap、Titanium和AppCan。这些引擎框架一般使用HTML5和Java作为编程语言,调用引擎封装的底层功能如照相机、传感器、通讯录、二维码等。HTML5和Java只是作为一种解析语言,真正调用的都是原生型APP软件一样封装的底层功能,这是和网页型APP软件的最大区别和不同。因为使用了浏览器技术,所以混合型APP软件通常具有跨平台的特性,并且开发成本和网页型APP软件接近,开发效率也远高于原生型APP软件。根据国际科技媒体ReadWriteWeb 2015数据统计显示,截至2015,有80%的App全部或部分基于HTML5研发。大部分的App内容以网页的形式呈现,包括微信、Facebook、Twitter等。为此,Hybrid混合模式成为“认我测”在线检测服务平台移动端框架的开发和设计依赖。 尽管微信通过公众号的形式,使得Android+HTML5模式得以应用并推广,这项技术目前仍不够完善,利用web实现移动app存在一些瓶颈。(1)根据百度移动互联网发展趋势报告,iPhone下载一个1.407k的网页,建立连接耗1.35s左右,传输耗0.15s左右。这样,导致app在建立连接的候,屏幕处于白屏状态。app在一秒多的间内,完全处于白屏状态,加上3G、GPRS网络的不稳定,有候等待app响应需要几秒甚至1几秒的间,对于mobie app来说,这是个致命的缺陷。(2)难以实现本地存储。基于Android存在多版本系统,Android低版本中的Webkit对HTML5和CSS3不能够很好地支持。常用的HTML5向后兼容方案是通过Javascript+CSS+Html来模拟HTML5的一些特性,但过多的js存在于移动app中会得不偿失。 Android+HTML5的混合开发模式对于移动端Web项目开发已经成为市场的主流和趋势,与此同这项技术还存在着一些问题,需要不断的进行改进和完善。 1.2.6 研究现状总结 总而言之,Android操作系统在移动市场仍居主流,HTML5也为用户带来崭新的特性,Hybrid混合开发模式也逐渐成为移动Web开发的主流设计模式,大量的市场应用都成功的应用和推广了Android+HTML5。正是在这种背景下,“认我测”在线认证检测系统率先填补了移动端认证检测领域的产品空缺,采取了Hybrid混合开发模式。同,利用Android+HTML5相结合开发移动端Web项目尚处于应用阶段,仍然存在很多问题,还不够成熟和完善。如何将这二者更有效的结合使用,并解决过程中存在的问题,提高项目开发的效率以及节约开发成本,是一个需要研究探索的问题,这也是本课题的意旨。 1.3研究目标与内容 1.3.1多窗口浏览器模式的实现机制 深入挖掘Webview作为类浏览器视图窗口与传统PC端浏览器的区别,针对安卓端同一视图区域单一运行Webview的特性,通过在原生态安卓中启用Fragment视图加载不同视图页面,在外部Activity中对Fragment进行管理控制。同调整窗口加载及操作模式,适应移动端相关操作从而实现程序中加载多个Webview视图窗口并可以随意切换,实现类浏览器多窗口加载资源并交互的模式。 1.3.2跨域交互即缓存处理方法 针对Webview不支持多窗口间跨域访问的问题,重写缓存处理方式以替代网页端会话级缓存机制,模拟web端本地存储localStorage对本地缓存的处理方法,诸如setItem()、getItem()、removeItem()以及clear(),通过将持久化数据存储在移动端本地数据库来模拟网页端数据持久化存储,实现多Webview间跨域交互访问以及缓存数据保存和处理。 通过维护Webview的历史栈,根据需求进行过滤跳转或者重新加载页面。若当前为重定向后的链接,那么回退的候就需要忽略上一级的链接,不使用Webview自带的回退方法goBack(),相对地移除重定向和重定向后的url,获取到初始页面链接后自行进行loadUrl()操作. 1.3.3页面自适应机制,即设备自适应与浏览器自适应机制 利用Viewport来控制页面的缩放比例、页面的初始大小,针对不同分辨率的移动设备实现网页页面自适应。通过渐进增强以及优雅降级机制来控制不同版本、不同浏览器之间的兼容问题,以及利用JavaScript库辅助修正相应的样式问题,从而实现浏览器适配的机制。 1.3.4 “认我测”质检服务平台的设计和实现 移动客户端通过安卓与HTML5结合开发设计委托方和质检方app,通过原生态安卓框架外壳嵌入Webview渲染加载页面,添加Java接口与消息会话模块,通过移动端Sqlite操作数据重写localStorage来实现缓存机制,利用Fragment视图层控制Webview的切换与运行来展现主要的功能模块—委托方App:首页模块、订单模块、消息模块和个人模块;质检方App—订单模块、消息模块和个人模块。 服务器端采用J2EE的SSH框架搭建项目,通过微信公共账号链接Html页面,为用户提供多种系统访问途径,增强了系统的可扩展性,为用户带来便利。 1.4 本文的结构安排 本文共分为七个章节。 第一章是绪论部分,介绍课题的研究背景,指出课题的研究意义。然后通过对HTML5研究、Android移动Web开发技术研究以及Hybrid开发问题研究来介绍该课题在国内外的研究现状。最后说明本文的研究目标与内容,以及论文的结构安排。 第二章介绍多窗口类浏览器模式策略的设计与实现。针对现有移动端单一窗口存在的不足,提出类浏览器多窗口解决方案,并对多窗口浏览器模式进行设计 第三章其次分析Webview的跨域数据交互问题,针对移动端类浏览器内核不支持跨域数据访问的不足,提出本地持久性存储替代web端缓存的解决方案,并对跨域访问模式进行设计。同分析了页面重定向导致的页面无法正常访问问题,提出采用页面浏览历史栈的管理方案,针对回退目标页面解析进行相应操作。 第四章是多分辨率多设备页面自适应策略设计。首先分析现有Web页面在移动端不同分辨率和设备显示存在的问题,针对页面难以在不同设备上保持兼容适应的不足,提出页面自适应解决方案,并通过渐进增强以及媒体查询等方式进行设计。 第五章是认我测系统的设计,包括系统的功能需求分析、业务流程展示以及功能模块设计。 第六章是系统的功能测试,介绍了相关的实现环境与工具,并对系统的主要功能模块以及主要解决方案进行了功能验证测试。 第七章是总结展望部分,总结本文的主要工作内容与创新点,并对本文写作与实验过程中的不足及后续研究进行展望。 第二章 多窗口类浏览器设计 2.1 多窗口类浏览器需求分析 2.1.1 Activity简介 在Android中一个Activity是一个应用程序组件,它提供一个屏幕,用户可以为了完成某项任务用来交互,例如拍照、拨号、看地图、发送邮件等。每一个Activity被系统给予一个窗口,在该窗口上面可以绘制用户接口。一个应用程序通常由多个Activities组成,他们通常是松耦合关系。通常首次启动应用程序的候呈现给用户的Activity被指定为"Main Activity”。为了完成不同的动作,每一个Activity可以启动另一个其他的Activity。一个新的Activity启动,前一个Activity就被终止了,但是系统将Activity保存在一个栈上。当一个新Activity启动,它被推送到栈顶,取得用户焦点。栈的管理符合“后进先出”原则,所以,当用户完成当前Activity然后点击back按钮,它被弹出栈并且被摧毁,然后恢复之前的Activity。 若一个Activity因新的Activity启动而停止,系统通过Activity的生命周期回调函数,通知其这种状态转变。一个Activity根据它自己的状态变化可能会收到许多回调函数的通知信息,诸如系统创建、停止、恢复或者摧毁Activity,每个回调都使得开发者得以完成相应状态的指定工作。例如,当停止Activity的候,应该释放所有大的对象,如网络数据库连接。当Activity恢复,开发人员可以重新获得必要的资源和恢复被中断的动作。这些状态转换都是Activity的生命周期的组成部分。 2.1.2 Fragment简介 Android 3.0中开始引入Fragments 的概念,可以称为:碎片、片段。其目的是为了解决不同屏幕分辨率下动态和灵活的UI设计,大屏幕如平板、小屏幕如手机。平板电脑的设计使得其有更多的空间来摆放更多的UI组件,而多出来的空间存放UI使得这些组件会产生更多的交互,从而诞生了Fragments。 Fragments 的设计不需要开发者来亲自管理视图层的复杂变化,通过将Activity 的布局分散到Fragment 中,可以在运行修改Activity 的外观,并且由Activity 管理保存其变化。当一个片段指定了自身的布局,它能和其他片段配置成不同的组合,在活动中为不同的屏幕尺寸修改布局配置。小屏幕可能每次显示一个片段,而大屏幕则可以显示两个或更多。Fragment是Activity的界面中的一部分或一种行为。可以把多个Fragments组合到一个Activity中来创建一个多面界面并且可以在多个Activity中重用一个Fragment。除此之外,可以把Fragment认为是模块化的一段Activity,它具有自己的生命周期,接收它自己的事件,并可以在Activity运行被添加或删除。 Fragment不能独立存在,它必须被嵌入到Activity中,而且Fragment的生命周期受到所在的Activity的影响。当Activity暂停,它拥有的所有的Fragments都被暂停;当Activity销毁,它拥有的所有Fragments都被销毁。然而,当activity运行(在onResume()之后,onPause()之前),可以单独地操作每个Fragment,比如添加或删除它们。在执行上述针对Fragment的事务,可以将事务添加到一个栈中,这个栈被Activity管理,栈中的每一条都是一个Fragment的一次事务。有了这个栈,就可以反向执行Fragment的事务,这样就可以在Fragment级支持“返回”键(向后导航)。 2.1.3 多窗口类浏览器需求 在Android中展现在用户面前的Activity同只能存在一个,而由于类浏览器内核Webkit的特性,一个Activity中同只能加载一个Webview用以渲染网页,如果用户想模仿Web浏览器新增一个浏览器标签窗口打开新页面,只能将原来的网页覆盖掉,无法在窗口间来回切换,用户也无法保持原有的浏览器使用习惯。为此,需要利用Activity栈的切换特点,将系统的主要模块分别设计在不同的Fragment上,通过各自的Webview进行加载渲染,在用户需要切换窗口,通过管理切换Fragment达到目的的实现。 2.2 多窗口浏览器模式的实现机制 2.2.1安卓移动端多窗口浏览器框架 图2.1 多窗口浏览器模式系统框架图 如图4所示,系统安卓移动端由首页、订单、消息以及个人信息四个模块构成,每个模块对应一个视图层Fragment,在安卓Activity运行一次加载一个视图Fragment,通过底部的原生态菜单栏BottomBar进行视图之间的切换。每个视图Fragment对应同一个位置的Webview类浏览器窗口,通过Webview加载所需要的页面,通过外部的Fragment对Webview的加载以及切换进行控制,从而实现类浏览器多窗口模式。 2.1.2多窗口浏览器模式实现机制 多窗口浏览器模式的实现原理为:安卓外部Activity控制视图层Fragment的加载和切换,Fragment内部加载和控制Webview对页面的渲染,同调整Web端页面的窗口打开和关闭模式,通过页面重定向进行打开和关闭返回。 多窗口浏览器模式解决两个问题,一是安卓中的类浏览器窗口模式,二是浏览器多标签模式。在移动端的页面加载过程中,类浏览器内核Webview的运行机制为覆盖加载页面,一次运行期间只同存在一个Webview,与PC端浏览器的运行模式不同,无法通过open打开一个新的浏览器标签页,也无法通过close关闭单个的标签页。为此需要通过loadUrl进行页面重定向,在关闭页面通过loadUrl反重定向或者通过Webview本身的goBack方法进行回退。移动端的Webview在全局意义上等价于PC端的浏览器,但是通过close关闭的不是一个窗口,而是关闭了整个浏览器。安卓中Activity运行只能加载一个Webview,因此无法同展现不同的页面,为此需要通过外部对Webview序列的控制,模拟多窗口显示页面的模式。 在安卓Activity的视图View初始化过程中,实例化需要首次显示的视图层fragment (如首页),将其放入实例化的视图层管理容器HashMap,并通过changeFragmentFrom Menu方法控制用户对视图层Fragment的切换,将原有的视图层置为等待恢复状态,并激活新的视图层用以在Activity中展现,通过changeFragmentBack控制用户通过回退操作唤醒的首页视图层,以此来控制不同视图层,即类浏览器窗口之间的切换。在相应的Fragment视图层中,初始化视图InitView渲染加载Webview,同控制底部的菜单栏,通过Webview加载相应的本地网页或服务器端网页,设置Webview相应的属性进而控制页面由Webview加载,而非默认的系统浏览器加载。为Webview绑定页面与原生态安卓相交互的接口,从而可以在加载的页面内调用安卓的原生态功能。 2.3 模块实现 2.3.1类浏览器模式 该部分主要为安卓中通过Webview渲染加载网页的过程。主要包含以下过程: Fragment布局文件中声明控件Webview,绑定其资源ID,为Webview设置宽度和高度。 (1)在Fragment视图初始化initView部分,利用findViewById()通过资源ID获取到Webview控件,对其进行初始化,同设置相关的webSettings属性,让Webview可以运行JavaScript脚本以及能与本机数据库进行交互。 (2)重写WebViewClient的shouldOverrideUrlLoading()函数,让应用程序的Webview直接加载网页内容,而不调用外部的浏览器。 (3)重写Webview网页对话框,构建一个Builder用以显示网页中的对话框,在点击确定按钮之后,继续执行网页中的操作,同关闭Builder对话框。 (4)为JavaScript创建安卓接口。通过addJavaScriptInterface为Webview绑定底层Java接口,同提供相应的接口方法名以及在页面中可以调用的句柄名称,通过该句柄和方法名,即可在Html5页面的JavaScript中访问该底层的Java方法,实现对页面上部和底部的系统外壳的展示管理。 (5)通过loadUrl进行对目标页面的渲染加载,可以加载访问服务器端的页面,也可访问放置在项目内部的页面文件,该模式需要将相应页面放置于系统的assets目录下。相对而言服务器端页面更加常用,也便于维护。 2.3.2多窗口类浏览器模式 图2.2 多窗口类浏览器模式原理图 (1)创建各个主功能模块的视图类Fragment,分别为主界面模块HomeFragment、订单模块OrderFragment、聊天咨询模块MessageFragment以及个人中心模块PersonalFragment,继承自基类BaseFragment。 (2)每个Fragment视图类中声明并初始化相应的Webview组件,对其进行属性设置,为其绑定JavaScript接口并覆盖渲染加载页面的方法,绑定相应的需要在页面调用的底层Java方法接口。重写默认的页面回退响应事件,对页面访问历史以及目标访问页面进行过滤判断,执行相应的处理方法。 (3)在MainActivity的初始化initView中声明并初始化Fragment管理容器HashMap,初始化主页视图HomeFragment并将其加入容器,设置其为默认加载视图。获取FragmentManager用以维护管理Fragment队列,调用beginTransaction方法开启事务。 (4)重写回退按钮响应事件。当页面回到各自模块的初始页面然后按下回退键,判断当前模块所在的Fragment,由主页模块后退,执行确认退出系统操作,若从其他模块进行后退,则回到主页模块。通过底部菜单栏setRadioChecked方法设定当前模块的选中标识。 (5)重写模块间切换的方法changeFragmentFromMenu,开启事务,对模块标识ftag进行判断操作,根据用户点击的模块图表将相应的模块视图Fragment通过onResume()进行恢复,同通过show()将该模块进行展示,从Fragment管理容器中将主页模块以外的Fragment移除。将带有oflag暂停标识的Fragment视图进行暂停处理,通过hide隐藏取消该视图的展示。 (6)在各自的Fragment模块视图类中重写onResume方法,用以在模块恢复进行用户是否登录判断。对Webview渲染加载的页面进行分析,判断是否包含index初始页面标识。根据flag标识进行是否需要登录操作,flag为1表示从其他Fragment跳转到该模块的Fragment视图并需要用户登录。 以上就是多窗口类浏览器模式的实现主要环节,通过Webview加载渲染服务器资源页面,控制碎片视图Fragment展现各自模块的Webview,在MainActivity对碎片容器以及碎片视图之间的切换进行管理控制,从而完成多窗口类浏览器模式的实现。 2.4 本章小结 本章分析并介绍了安卓中Activity的基本性质,对碎片视图Fragment进行了相关阐述和引出,综合分析了多窗口类浏览器模式的设计需求。随后对多窗口类浏览器模式的框架进行了设计,通过Activity运行管理Fragment的加载和切换,各个模块的Fragment视图独自加载运行相应的Webview,补充和完善不同模块之间切换和回退的业务逻辑。在模块实现部分详细描述了两个关键部分的实现环节,即类浏览器模式和多窗口类浏览器模式,介绍了过程中主要用到的方法以及实现思想。 第三章 跨域交互缓存处理设计 3.1 跨域交互缓存处理需求 3.1.1 缓存技术WebStorage 图3.1 WebStorage示意图 WebStorage 使得网站能够把信息存储到本地的计算机上,并在以后需要的候进行获取。WebStorage和Cookie类似,区别在于WebStorage是为了更大容量存储而进行设计。Cookie的大小是受限的,并且每次当请求一个新的页面的候,Cookie都会被发送过去。而WebStorage则存储在计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据。 WebStorage提供两种类型的API:localStorage和sessionStorage,区别在于localStorage是本地永久性存储的数据,除非显式将其删除或清空,否则将一直保存在本地。sessionStorage存储的数据只在会话期间有效,关闭浏览器则自动删除。两个对象都有共同的操作API。 3.1.2 跨域交互缓存处理需求 WebStorage存储技术针对的是同一个类浏览器Webview,系统在各模块之间由不同的Webview加载渲染,通过不同的Fragment进行管理,因此模块之间无法共享数据。然而通过多窗口浏览器模式构建的系统模块之间经常需要进行数据交互,如用户登录信息以及产品相关信息,Webview由于其特性仅支持自身内部的缓存数据交互。同Webview内不断的覆盖加载新页面以及发生页面回退可以对缓存数据提供便捷高效的数据保存,使得在页面加载的过程中可以便利的处理需要交互的数据;相对的不同的Webview之间无法共享数据,无论是会话级缓存还是持久化缓存。为此需要重写web端的持久化存储localStorage,将交互的数据保存到移动设备本地数据库。 3.1.3 页面回退管理需求 对于初始页面为A,点击某个链接跳转到B(http://xxx.com.cn/),B页面重定向到C页面(http://xxx.com.cn/website/index.Html),当调用webview.goBack(),页面回退到B,然后接着会重定向回C页面。这样会导致两个问题:无法回退到Webview的初始页面A以及无法正常退出Activity或者Fragment(只有还未加载完C进行回退才能退出页面)。为此需要引入历史记录栈,对页面访问历史进行管理,在回退事件中判断该加载页面是否需要重定向并执行相应的操作。 3.2 缓存处理机制 3.2.1 跨域缓存处理 在移动端数据库Sqlite操作类LocalStorage中定义相应的数据库连接属性、创建和更新的操作以及数据库操作单例Instance,在视图访问基类BaseFragment中定义覆盖web端持久化存储localStorage的核心交互类LocalStorageJavascriptInterface。获得数据库操作单例,并覆盖localStorage对缓存的常用处理方法取值getItem(),修改值setItem(),删除值removeItem()以及清空缓存clear()。将页面上获得的数据键值对存入数据库,对其进行更新删除以及返回给页面使用。在Webview初始化进行页面与后台交互绑定addJavaScriptInterface,并在页面初始化init过程中将页面的默认localStorage操作更换成覆盖重写的方法,即可在页面进行跨域访问交互相应的数据。 跨域交互的缓存处理机制如图5所示: 图3.2 缓存处理机制原理图 3.2.2页面回退管理 安卓的回退按钮一般用于返回上一级菜单,不过在浏览器页面加载过程中却不能理想地返回上一级页面,默认的回退按钮是针对Activity的回退,对于Webview来说,回退按钮会致使浏览器调用finish()而结束自身的运行,因此需要覆盖Activity的onKeyDown()事件,在方法内部重新对浏览页面进行管理。 在页面的新建关闭以及重定向,Webview的页面回退goBack()会受到干扰,不能正常回到前一个页面,甚至会发生前后两个页面间来回切换后退的死循环,并影响模块间的后退返回。为此需要对历史访问页面进行管理,采用如下实现方案。 在Fragment视图声明定义一个用于管理保存历史浏览记录的历史栈ArrayList,将系统初始加载界面加入列表。在此后的页面加载过程中,每次加载页面都将其加入历史栈,在系统回退响应事件中,判断页面是否为重定向页面,如果为重定向页面,则移除历史栈中最后两个链接,加载操作后历史栈的最后一项;否则移除历史栈中最后一项,加载操作后历史栈的最后一项。 页面回退方案的流程图如图3.3所示: 图3.3页面回退管理机制图 3.3 模块实现 3.3.1跨域缓存机制的主要实现 图3.4 重写LocalStorage类示意图 (1)重写LocalStorage类。让LocalStorage继承自SQLiteOpenHelper类,声明LocalStorage对象实例以及其他数据库连接配置信息,如数据表名称、表中存储的数据Id与值Value、数据库名称、创建数据库语句等。通过Singleton单例模式维护LocalStorage实例,重写创建数据库和更新的相关操作。 (2)添加LocalStorage的底层JavaScriptInterface,供服务器资源页面进行访问。通过LocalStorageDBHelper对象获取到单例localStorage,声明上下文对象和SQLiteDatabase对象。重写HTML5存储技术LocalStorage的关键缓存数据操作方法getItem()、setItem()、removeItem()以及clear()。 图3.5 重写WebStorage核心方法示意图 1.重写getItem(),根据传入参数key获取相应的value值 ①判断传入的key是否为空。 ②若key不为空,通过localStorageDBHelper的getReadableDatabase()方法实例化数据库对象database。执行sqlite的数据库查询操作,返回数据库结果操作游标。 ③根据游标的moveToFirst判断查询结果是否为空,返回相应的value结果。关闭数据库连接。 2.重写setItem(),根据传入的参数key和相应值value更新数据库 ①判断传入的key和value是否为空,通过getItem()获取更新前的值。 ②实例化数据库对象database。声明ContentValues对象并将key和value相应赋值。判断更新前和key对应的值是否存在,若存在执行数据库的更新操作;若不存在,执行数据库的插入操作。关闭数据库。 3.重写remove() ①判断传入的key是否为空 ②实例化数据库操作对象,执行相应的数据库删除操作,关闭数据库 4.重写clear() 实例化数据库操作对象,执行数据库删除操作,清空整张数据库表。 在Fragment视图中初始化Webview,通过addJavaScriptInterface为其绑定重写的底层LocalStorage操作接口,并将操作句柄设置为localStorage。设置webSettings属性,通过setDomStorageEnabled与setDatabaseEnabled启用本地存储功能。 在服务器资源页面JavaScript方法中,尝试用句柄LocalStorage替换window默认的localStorage。若发生异常,说明LocalStorage没有被添加至webview。然后即可像通常HTML5的localStorage对缓存数据进行操作。 3.3.2.页面回退管理的实现 (1)在MainActivity中覆盖模块间的回退响应事件。当模块页面回退至各自的初始页面,点击回退按钮执行相应的模块切换策略,若该模块为主界面模块,则弹出退出系统确认框供用户选择是否退出;若为其他模块则将菜单栏切换到首页模块。 (2)在各自的Fragment中覆盖模块内部的回退响应事件。在页面初始化定义并维护一个存放历史访问页面的历史栈loadHistoryUrls (ArrayList),把初始页面url加入到历史栈中,在覆盖加载方法shouldOverrideUrlLoading中将待渲染加载的页面加入到历史栈中。 (3)在Fragment内部的回退事件处理方法中,判断是否可以执行返回操作。然后判断历史栈存存放页面的前一页是否包含初始重定向页面,若包含该页面则移除加载栈中的最后两个链接,否则移除加载栈中的最后一个链接。最后加载重定向之前的页面。 3.4本章小结 本章首先分析了HTML5标准下缓存处理策略WebStorage,其包含本地存储LocalStorage与会话存储SessionStorage,并提供了相应的介绍和说明。然后分析了跨域数据交互问题问题存在的原因以及页面回退管理存在的问题。由于Webview的数据封闭性,不同的模块Webview之间无法共享访问数据,使得不同的模块无法正常交互,为此采用重写LocalStorage的方式,通过本地Sqlite数据库操作模拟HTML5中缓存的操作,重写LocalStorage关键的操作方法setItem()、getItem()、removeItem()以及clear(),并为Webview绑定相应的底层Java方法接口,在服务器页面资源中用重写的LocalStorage替换默认的localStorage,从而完成跨域数据的调用访问操作。由于页面的重定向作用,页面回退会反复加载到重定向后的页面,导致页面无法正常回退,因此通过维护历史栈的方式,在页面回退对回退目标页面进行分析判断,并执行相应的回退管理方法,从而使得模块内部的页面以及模块之间可以正常地进行返回操作。 第四章 页面自适应机制设计 针对移动设备分辨率和屏幕大小、设备型号迥异的现状,本章将在分析现有页面跨浏览器兼容方案的基础上,同结合移动端对不同分辨率设备的支持特性,分析与设计跨机型、跨分辨率、跨浏览器的页面自适应机制。 4.1页面兼容策略 为了使页面能够适应不同版本的浏览器内核,诸如IE、Chorme、Firefox等,CSS3引入了两种常用的设计策略,即优雅降级和渐进增强。 优雅降级指的是在页面设计开始即构建页面的完整功能,然后针对不同的浏览器进行测试和修复。该观点认为应该针对那些最高级、最完善的浏览器来开发网站,同把那些被认为过或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段。在这种设计思想下,旧版的浏览器通常被认为仅能提供简单却功能没有大碍的页面浏览体验。虽然可以做一些小的调整来适应某个特定的浏览器,但由于这些调整并非开发过程中关注的焦点,因此浏览器间呈现的差异通常将被直接忽略。 渐进增强指的是在页面设计开始只构建页面的最少特性功能,然后不断针对各高级浏览器追加额外功能。渐进增强思想认为应该先让网站能够正常工作于尽可能旧的浏览器上,然后不断为它在新型浏览器上实现更多的增强和改进。随着间的推移,当更多的用户逐渐开始升级浏览器,同浏览器本身的支持度也不断提升,就会有越来越多的用户体验到这些增强和改进,无需为了一个已经成型的网站在旧式浏览器下正常工作而做逆向开发。渐进增强观点认为网页的开发应关注于内容本身。这使得渐进增强成为目前一种更为合理的设计范例。 图4.1 优雅降级和渐进增强图例 对于优雅降级,功能衰减的设计从复杂的功能现状开始,不断减少用户体验的供给;而渐进增强则的设计是从一个非常基础的,能够发挥作用的版本开始,并不断地进行扩充,以适应未来环境的需要。功能衰减意味着往回看;而渐进增强则意味着朝前看,同保证其根基安全牢固。 为了能够给用户提供更好的界面交互体验,同适应不同版本的浏览器内核,系统采用了部分渐进增强的思想,利用媒体查询为不同的浏览器版本和内核提供相应的展现效果,同保证基本的页面展现功能。 4.2 页面自适应策略 系统采用部分渐进增强的页面适配思想,以及拥抱流式布局策略,通过视口元素的媒体查询来控制不同分辨率阈值下页面的布局规划,调整页面元素的布局为百分比方式,包括组件宽度、字体以及高度、图片的动态大小来控制相同分辨率阈值范围下不同视口中组件的平滑缩放。同对HTML5页面的移动端适配属性进行设置控制,针对需要达到的效果设置其Viewport的属性,包括宽和高、页面最初大小、初始缩放比例、屏幕像素密度等。使得系统在Web浏览器端以及移动端都有良好的展示效果。 4.2.1设备自适应 Viewport是指用以展现手机页面的区域。尽管Viewport的可见区域和屏幕大小是匹配的,但是它有着自己的尺寸(dimensions),这一尺寸决定了页面上可见的像素点。一个web页面在扩张到整个屏幕之前占用的像素数据是由Viewport的尺寸来定义的,而不是设备屏幕的尺寸。如一个设备的屏幕宽480像素,但是Viewport宽800像素,那么这个web页面需要在800像素宽的屏幕上才能完全展现。 在HTML5中可以使用 <meta> 标签来为页面定义Viewport 的属性。可以在 <meta> 标签的content 属性中,定义多个Viewport属性。例如,Viewport的高和宽,页面的最初大小,以及目标屏幕分辨率。Content 属性中的每个Viewport性质必须以逗号相隔。通过初始缩放initial-scale和用户调整缩放来控制页面的伸张以适当地填充移动端设备的显示区域。通过target density定义屏幕像素密度来控制安卓浏览器和Webview根据不同屏幕的像素密度对页面进行的缩放。 图4.2 视口属性设置示意图 4.2.2.浏览器自适应 通过拥抱流式布局的来使得页面在不同尺寸屏幕上良好的运行。从手机到电脑,设备的屏幕尺寸层出不穷,很难用传统意义上的统一布局来适应这些变动。拥抱流式布局倡导响应式界面设计,通过媒体查询(@media screen and...)来获得设备特性信息,从而灵活的控制不同尺寸屏幕的浏览器动态的调整页面元素的布局,以适应视口特性的变化。 同根据“目标元素宽度/上下文元素宽度=百分比宽度”的模式将传统的固定像素式布局改为百分比布局,元素的固定像素宽度转换成百分比宽度。假定整个页面布局的宽度是960px,按照1024px屏幕分辨率做参照,百分比应是960/1024 = 93.75%。其他的组件宽度也可以按照960px为参照计算。若除下来的结果是很长的小数,如340/960 = 0.3541666666666667 ,无须对结果进行四舍五入,这样可以保持最高的精确度,这些小数应尽可能完整保留。 根据“目标元素尺寸/上下文元素尺寸=百分比尺寸”将文字的固定像素大小转换为等量的相对尺寸,现代浏览器默认的字体大小是16px,字体的相对大小用em为单位来表示。若某个div的字体大小为48px,则转化后为48/16=3em。结果为小数的处理方式同上。 给图片设置阈值以使图片随着视口平滑缩放,为不同屏幕尺寸提供不同的图片,然后针对不同视口宽度修正设计,保证在响应式设计中内容始终优先。图片不是布局元素,它里面不包含子元素。另外,图片还有失真的问题,缩放不当都会造成失真。为此,需要给图片添加样式max-width:100% 以实现弹性图片,因为图片所处的容器可以自动缩放,只需让图片限制在父级的宽度之内,就可以随父级一起缩放。弹性图片仅用max-width无法实现,除此之外还需使用百分比宽度。处理方式同计算布局元素的宽度。在此过程中需要注意图片的失真问题,当用户使用的一个超宽屏幕,图片被放大到原大小的两倍甚至更多,图片的质量会大幅下降。所以还需为图片设置绝对阈值,即宽度上限,因此一个弹性图片的样式组合应该为:width:30%; max-width:400px。 对于一个使用超宽屏幕的用户,按照正常的页面设计比例,这张图片被放大到了500px,但是现在只能显示最大宽度400px,依然是个问题。为此可以采用另一个组合,把max-width加到图片的父级元素上,从源头上就限制放大的最大值,这样图片与它的相邻元素的比例就不会失调了。这样的设计也是个权衡的结果,因为页面结构千变万化,具体的解决办法,还得分析具体页面。 为了防止放大的过宽,可以通过媒体查询来设置不同分辨率下的阈值。在处理各种浏览器兼容问题,可以借助Modernizr,一个用于检测浏览器功能的开源JavaScript库,通过Modernizr追加的额外类名来辅助修正样式问题,以及通过检测浏览器是否支持媒体查询来按需加载资源,让老版本IE支持HTML5等。 4.3 模块实现 页面自适应主要的实现方式包含: 4.3.1根据适口属性设计响应式布局: ①加入兼容配置代码 <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">,通过chrome插件GCF(谷歌内嵌浏览器框架)控制IE以Webkit引擎及V8引擎进行样式排版,若用户未安装该插件则以IE最高文档模式进行展

16,550

社区成员

发帖
与我相关
我的任务
社区描述
VC/MFC相关问题讨论
社区管理员
  • 基础类社区
  • Creator Browser
  • encoderlee
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

        VC/MFC社区版块或许是CSDN最“古老”的版块了,记忆之中,与CSDN的年龄几乎差不多。随着时间的推移,MFC技术渐渐的偏离了开发主流,若干年之后的今天,当我们面对着微软的这个经典之笔,内心充满着敬意,那些曾经的记忆,可以说代表着二十年前曾经的辉煌……
        向经典致敬,或许是老一代程序员内心里面难以释怀的感受。互联网大行其道的今天,我们期待着MFC技术能够恢复其曾经的辉煌,或许这个期待会永远成为一种“梦想”,或许一切皆有可能……
        我们希望这个版块可以很好的适配Web时代,期待更好的互联网技术能够使得MFC技术框架得以重现活力,……

试试用AI创作助手写篇文章吧