CN103823684A - Browser-based web courseware demonstration auxiliary system and browser-based web courseware demonstration auxiliary method - Google Patents
Browser-based web courseware demonstration auxiliary system and browser-based web courseware demonstration auxiliary method Download PDFInfo
- Publication number
- CN103823684A CN103823684A CN201410076241.4A CN201410076241A CN103823684A CN 103823684 A CN103823684 A CN 103823684A CN 201410076241 A CN201410076241 A CN 201410076241A CN 103823684 A CN103823684 A CN 103823684A
- Authority
- CN
- China
- Prior art keywords
- layer
- demonstration
- courseware
- browser
- data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Abstract
The invention discloses a browser-based web courseware demonstration auxiliary system and a browser-based web courseware demonstration auxiliary method and relates to the technical field of web courseware demonstration auxiliary. The browser-based web courseware demonstration auxiliary system disclosed by the invention comprises five layers: an original courseware data layer, a demonstration background layer, a content display layer, a demonstration function layer and a user interaction layer; a hierarchical display mode of a browser window is adopted, and demonstration auxiliary functions, text scaling, image zooming, page marking, background transformation, flip animation, black/white screen and the like, of web courseware are realized by mainly utilizing web script language, flash, a multilayer (Div) structure and a frame structure. The demonstration effect of the web courseware is similar to that of special demonstration software, such as common Powerpoint.
Description
Technical field
The present invention relates to Net Page CAI demonstration ancillary technique field, specifically a kind of demonstration backup system of the Net Page CAI based on browser and method.
Background technology
In the activities such as teaching, training, meeting, speaker utilizes the computing machine that is equipped with projector or large-size screen monitors display terminal to show that the application of speech content is very general, the office softwares such as PowerPoint, WPS demonstration are favourably welcome because it possesses the remarkable function such as editor, demonstration, this type of software also has the following disadvantages for people have brought necessarily easily simultaneously: (1) multimedia resource is integrated comparatively loaded down with trivial details, inserts and play the multimedia resources such as audio frequency wherein, video, animation and be seriously subject to the restriction of computer platform; (2) networking effect is not ideal enough, and PowerPoint, WPS demonstration networked operation speed and demonstration effect are far away from single cpu mode; (3) compatibility issue is difficult to expect, often because making, software is different from demoware version causes that demonstration document cannot open in demonstration computer.Webpage format data can be by various multimedia resource organic combinations such as word, picture, video, audio frequency and animations, along with the development of computer networking technology is universal, web browser has become the standing software of computing machine, therefore webpage format courseware has great advantage at tool aspect compatible and sharing, particularly very easily realizes share in different areas and all-environment demonstration by the webserver and network connection.At present existing a certain amount of courseware has adopted webpage format, but does not possess the demonstration subsidiary functions such as page real-time mark while showing in browser due to generic web page data, and therefore the interactivity of its demonstration is limited.
Summary of the invention
For above problem, a kind of demonstration backup system of the Net Page CAI based on browser of the present invention and method, the demonstration that can realize the webpage format courseware based on browser is auxiliary, realize special efficacy page turning, page marks, the functions such as image scaling, make the demonstration of webpage format courseware reach the effect close with the special demoware such as conventional Powerpoint.
The present invention realizes with following technical scheme: a kind of demonstration of the Net Page CAI based on browser backup system, comprises original courseware data Layer, demonstration background layer, content display layer, demo function layer and five layer of user interactions layer;
A, original courseware data Layer load this locality or based courseware content, and to remain in browser display window be hidden state;
B, demonstration background layer be for loading and showing courseware background picture, in browser display window in the bottom;
C, content display layer show through script process function to original courseware data Layer in content carry out form modifying, add the data after treatment such as label, the demonstration of this layer data is controlled by demonstration and controls script, user operation in response interbedded formation, this layer in browser display window in demonstrating above background layer.
D, demo function layer with higher but not exclusively transparent mode be presented in courseware content display layer top, by demonstration subsidiary functions such as flash or javascript industry page marks, page turning special efficacy, the conversions of black/white screen;
E, user interactions layer provide command tools button, and user calls corresponding shell script by operating these buttons, thereby control displaying contents and effect.
A kind of demonstration of the Net Page CAI based on browser householder method, utilized page script language, flash, sandwich construction and framed structure to realize the demonstration subsidiary function such as word convergent-divergent, image zooming, page marks, background changing, page turning animation, black/white screen of Net Page CAI, concrete steps are as follows:
1) system loads from the webpage format courseware file of this locality or network in original courseware data Layer as source data;
2) system utilizes script processing code to carry out presenting in content display layer with certain forms after certain processing to source data;
3) interbedded formation receives the operation and controlling order of user to courseware and by calling in respective code Control the content display layer corresponding function in data or demo function layer.
It is further: in described step 3), content display layer shows that to original courseware, through script content after treatment, its data show that being controlled by demonstration controls script, the operation of response interbedded formation.
Beneficial effect of the present invention is: the demonstration that realizes the webpage format courseware based on browser is auxiliary, realize special efficacy page turning, page marks, the functions such as image scaling, make the demonstration of webpage format courseware reach the effect close with the special demoware such as conventional Powerpoint.
Accompanying drawing explanation
Below in conjunction with drawings and Examples, the invention will be further described.
Fig. 1 is system principle diagram of the present invention.
Embodiment
As shown in Figure 1, a kind of demonstration of the Net Page CAI based on browser backup system, comprises original courseware data Layer, demonstration background layer, content display layer, demo function layer and five layer of user interactions layer.
Original courseware data Layer loads this locality or based courseware content, and to remain in browser display window be hidden state.
Demo function layer is presented in courseware content display layer top in higher but incomplete transparent mode, realizes the demonstration subsidiary functions such as page marks, page turning special efficacy, the conversion of black/white screen by flash or javascript.
Demonstration background layer is for loading and showing courseware background picture, in browser display window in the bottom (Z-index minimum).
Content display layer show through script process function to original courseware data Layer in content carry out form modifying, add the data after treatment such as label, the demonstration of this layer data is controlled by demonstration and controls script, user operation in response interbedded formation, this layer in browser display window in demonstrating above background layer.
Interbedded formation provides command tools button, and user calls corresponding shell script by operating these buttons, thereby controls displaying contents and effect.
Each layer adopts Frame and Div to organize, need to insert corresponding scripted code for every layer according to function.
A kind of demonstration of the Net Page CAI based on browser householder method, system has adopted browser window layering display mode, mainly utilized page script language, flash, multilayer (Div) structure and framework (Frame) structure to realize the demonstration subsidiary function such as word convergent-divergent, image zooming, page marks, background changing, page turning animation, black/white screen of Net Page CAI, concrete steps are as follows:
1) system loads from the webpage format courseware file of this locality or network in original courseware data Layer as source data;
2) system utilizes script processing code to carry out presenting in content display layer with certain forms after certain processing to source data;
3) interbedded formation receives the operation and controlling order of user to courseware and by calling in respective code Control the content display layer corresponding function in data or demo function layer.
In described step 3), the demonstration of content display layer is to original courseware through script content after treatment, and its data show that being controlled by demonstration controls script, and response interbedded formation operates.
Claims (3)
1. the demonstration of the Net Page CAI based on a browser backup system, is characterized in that, comprises original courseware data Layer, demonstration background layer, content display layer, demo function layer and five layer of user interactions layer;
A, original courseware data Layer load this locality or based courseware content, and to remain in browser display window be hidden state;
B, demonstration background layer be for loading and showing courseware background picture, in browser display window in the bottom;
C, content display layer show through script process function to original courseware data Layer in content carry out form modifying, add the data after treatment such as label, the demonstration of this layer data is controlled by demonstration and controls script, user operation in response interbedded formation, this layer in browser display window in demonstrating above background layer;
D, demo function layer with higher but not exclusively transparent mode be presented in courseware content display layer top, by demonstration subsidiary functions such as flash or javascript industry page marks, page turning special efficacy, the conversions of black/white screen;
E, user interactions layer provide command tools button, and user calls corresponding shell script by operating these buttons, thereby control displaying contents and effect.
2. a kind of demonstration of the Net Page CAI based on browser householder method according to claim 1, it is characterized in that: utilized page script language, flash, sandwich construction and framed structure to realize the demonstration subsidiary function such as word convergent-divergent, image zooming, page marks, background changing, page turning animation, black/white screen of Net Page CAI, concrete steps are as follows:
1) system loads from the webpage format courseware file of this locality or network in original courseware data Layer as source data;
2) system utilizes script processing code to carry out presenting in content display layer with certain forms after certain processing to source data;
3) interbedded formation receives the operation and controlling order of user to courseware and by calling in respective code Control the content display layer corresponding function in data or demo function layer.
3. a kind of demonstration of the Net Page CAI based on browser householder method according to claim 2, it is characterized in that: in described step 3), content display layer shows original courseware through script content after treatment, its data show that being controlled by demonstration controls script, the operation of response interbedded formation.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410076241.4A CN103823684A (en) | 2014-03-04 | 2014-03-04 | Browser-based web courseware demonstration auxiliary system and browser-based web courseware demonstration auxiliary method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410076241.4A CN103823684A (en) | 2014-03-04 | 2014-03-04 | Browser-based web courseware demonstration auxiliary system and browser-based web courseware demonstration auxiliary method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103823684A true CN103823684A (en) | 2014-05-28 |
Family
ID=50758769
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410076241.4A Pending CN103823684A (en) | 2014-03-04 | 2014-03-04 | Browser-based web courseware demonstration auxiliary system and browser-based web courseware demonstration auxiliary method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103823684A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107025813A (en) * | 2017-05-08 | 2017-08-08 | 上海哇嗨网络科技有限公司 | Online education method and system based on immediate communication tool |
| CN108268520A (en) * | 2016-12-30 | 2018-07-10 | 亿度慧达教育科技（北京）有限公司 | Control method, device and the online course live broadcast system of courseware |
| CN109376255A (en) * | 2018-09-26 | 2019-02-22 | 浙江万朋教育科技股份有限公司 | Based on the pictured method for realizing electronic slides multiple terminals animation collaborative browse |
| US10255711B2 (en) | 2015-04-03 | 2019-04-09 | Naver Corporation | System and method for providing contents by merging layers of page to which motion effect is set |
| CN109725813A (en) * | 2018-12-19 | 2019-05-07 | 重庆工业职业技术学院 | Display interface method for handover control and system based on tag image motion profile |
| US10755446B2 (en) | 2015-04-02 | 2020-08-25 | Naver Corporation | System and method for providing contents using automatic margin creation |
| CN112347404A (en) * | 2020-10-26 | 2021-02-09 | 长沙市到家悠享网络科技有限公司 | SPA page rendering method, device and system and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101699426A (en) * | 2009-11-06 | 2010-04-28 | 上海传知信息科技发展有限公司 | Document format conversion system and method |
| CN102289958A (en) * | 2011-08-30 | 2011-12-21 | 张革伕 | Classroom teaching fast response system and method |
| US20120208166A1 (en) * | 2011-02-16 | 2012-08-16 | Steve Ernst | System and Method for Adaptive Knowledge Assessment And Learning |
| CN102880932A (en) * | 2012-09-04 | 2013-01-16 | 北京邮电大学 | Network courseware system and learning management system |
-
2014
- 2014-03-04 CN CN201410076241.4A patent/CN103823684A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101699426A (en) * | 2009-11-06 | 2010-04-28 | 上海传知信息科技发展有限公司 | Document format conversion system and method |
| US20120208166A1 (en) * | 2011-02-16 | 2012-08-16 | Steve Ernst | System and Method for Adaptive Knowledge Assessment And Learning |
| CN102289958A (en) * | 2011-08-30 | 2011-12-21 | 张革伕 | Classroom teaching fast response system and method |
| CN102880932A (en) * | 2012-09-04 | 2013-01-16 | 北京邮电大学 | Network courseware system and learning management system |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10755446B2 (en) | 2015-04-02 | 2020-08-25 | Naver Corporation | System and method for providing contents using automatic margin creation |
| US10255711B2 (en) | 2015-04-03 | 2019-04-09 | Naver Corporation | System and method for providing contents by merging layers of page to which motion effect is set |
| CN108268520A (en) * | 2016-12-30 | 2018-07-10 | 亿度慧达教育科技（北京）有限公司 | Control method, device and the online course live broadcast system of courseware |
| CN108268520B (en) * | 2016-12-30 | 2021-03-12 | 亿度慧达教育科技（北京）有限公司 | Courseware control method and device and online course live broadcast system |
| CN107025813A (en) * | 2017-05-08 | 2017-08-08 | 上海哇嗨网络科技有限公司 | Online education method and system based on immediate communication tool |
| CN109376255A (en) * | 2018-09-26 | 2019-02-22 | 浙江万朋教育科技股份有限公司 | Based on the pictured method for realizing electronic slides multiple terminals animation collaborative browse |
| CN109376255B (en) * | 2018-09-26 | 2021-05-25 | 浙江万朋教育科技股份有限公司 | Method for realizing electronic slide multi-terminal animation collaborative browsing based on picture |
| CN109725813A (en) * | 2018-12-19 | 2019-05-07 | 重庆工业职业技术学院 | Display interface method for handover control and system based on tag image motion profile |
| CN109725813B (en) * | 2018-12-19 | 2021-08-24 | 重庆工业职业技术学院 | Display interface switching control method and system based on marked image motion track |
| CN112347404A (en) * | 2020-10-26 | 2021-02-09 | 长沙市到家悠享网络科技有限公司 | SPA page rendering method, device and system and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103823684A (en) | Browser-based web courseware demonstration auxiliary system and browser-based web courseware demonstration auxiliary method | |
| US11030392B2 (en) | Optimization for rendering web pages | |
| CN105744340A (en) | Real-time screen fusion method for live broadcast video and presentation file | |
| CN104428753A (en) | System and method for monitoring and selectively sharing an image in an image library | |
| US20140045163A1 (en) | Interactive response system and question generation method for interactive response system | |
| JP2016212830A (en) | Multilingual support system for web cartoon | |
| CN101374213A (en) | Implementing method for self-defining television human-machine interface | |
| CN102141985A (en) | Online manuscript editor | |
| CN110766772A (en) | Flatter-based cross-platform poster manufacturing method, device and equipment | |
| CN105718189A (en) | Electronic device and method for displaying webpage using the same | |
| WO2017101390A1 (en) | Picture display method and apparatus | |
| WO2013109858A1 (en) | Design canvas | |
| CN101533348A (en) | Man-machine interactive platform | |
| CN106775710A (en) | Cross-platform interface alternation development system and its operation method based on smart machine | |
| CN114296840A (en) | Wallpaper display method and display equipment | |
| CN105824925A (en) | Dynamic annotation method based on browser webpage elements | |
| CN109885816A (en) | Production method, device and the storage medium of PowerPoint | |
| CN114003218A (en) | Method, device, equipment and medium for constructing data visualization component library | |
| CN114584825A (en) | Page display method with video window and gateway equipment | |
| KR102189292B1 (en) | Method for displaying chart and apparatus using the same | |
| US11343583B2 (en) | Method for displaying GUI for providing menu items and display device | |
| KR20150083475A (en) | Media editing method and device using the touch input | |
| CN113940049B (en) | Voice playing method based on content and display equipment | |
| CN112308958B (en) | Three-dimensional model display method, device and storage medium | |
| CN112533054B (en) | Online video playing method and device and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20140528 |