CN1438594A - 基于频道的引入用户参与网页设计的方法 - Google Patents
基于频道的引入用户参与网页设计的方法 Download PDFInfo
- Publication number
- CN1438594A CN1438594A CN 03116031 CN03116031A CN1438594A CN 1438594 A CN1438594 A CN 1438594A CN 03116031 CN03116031 CN 03116031 CN 03116031 A CN03116031 A CN 03116031A CN 1438594 A CN1438594 A CN 1438594A
- Authority
- CN
- China
- Prior art keywords
- channel
- user
- customization
- webpage
- page
- 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
Abstract
一种基于频道的引入用户参与网页设计的方法属于计算机应用领域。本发明用户参与的每一个独立数据单元称为是一个频道,要让用户对网页界面进行裁剪,对空间位置进行定制,必须要将网页进行空间的划分,通过控制频道来控制最后的输出,网页在后端由不同的小区域构成的,每个小区域对应不同的数据单元频道,通过对每一个频道的控制来实现对空间位置的定制。本发明通过频道技术,事先将页面设计各个部分划分为不同的频道,每个频道包含了部分代码片段,用户通过用户制定工具对页面进行修改,就好比搭建积木一样,不用理会积木之间的连接方式,方便、高效地实现设计目标。
Description
技术领域
本发明涉及的是一种引入用户参与网页设计的方法,特别是一种基于频道的引入用户参与网页设计的方法,属于计算机应用领域。
背景技术
随着计算机和互联网的迅猛发展,互联网几乎渗透到人们生活、学习、工作、交往的各个方面,人们在网上可以进行电子邮件传输,还可以从事电子商务、远程教学、远程医疗,也可以访问电子图书馆、电子博物馆、电子出版物,可以进行家庭娱乐等等。为了达到吸引用户的目的,现在的网站(yahoo等)在设计中使用兴趣组、调查法、实践法等方法引入用户参与Web界面设计,让用户参与到界面设计中,用户成为人机界面拥有者之一,他既是界面的使用者,又是界面的设计者。从而在很大程度上可以提高用户使用的积极性。经文献检索发现,Kang Zhang等在An Integrated Visual Framework for the Human-WebInterface(一种基于网络的人机界面设计的集成可视化框架),Advanced Issuesof E-Commerce and Web-Based Information Systems,2002.(WECWIS 2002).Proceedings.Fourth IEEE International Workshop(电子商务与基于网络的信息系统增刊)上提出了一种可视化用户设计模型。这种模型可以通过界面引擎来实现页面设计,让页面设计者在图形化的界面上进行页面设计调整。但是由于一般的用户缺少相关的页面设计知识,用户很难在这种情况下选择自己喜欢的信息,定制自己喜欢的风格,因此这种方法缺少一个让用户参与的合适的工具,来帮助用户完成参与设计的过程。
发明内容
本发明的目的在于克服现有技术中的不足,提供一种基于频道的引入用户参与网页设计的方法,通过借鉴微软的频道技术和用户参与设计的一些方法,来帮助用户完成参与设计的过程。
本发明是通过以下技术方案实现的,为了让用户参与到网页设计中,让用户对网页进行定制,那么就需要让用户能够控制相应的数据。本发明中,用户参与的每一个独立数据单元称为是一个频道,要让用户对网页界面进行裁剪,对空间位置进行定制,必须要将网页进行空间的划分,通过控制频道来控制最后的输出,网页在后端由不同的小区域构成的,每个小区域对应不同的数据单元频道,通过对每一个频道的控制来实现对空间位置的定制。
以下对本发明方法作进一步的描述,具体如下:
用户定制化的开始总是建立在一个抽象的频道组的基础上的,即用户显示层文档,从用户装配定制化文档到最后需要的文档,也就是从用户定制到最后页面的生成,要经过三个步骤:
第一步是从抽象的用户层到最后视图的结构化表示的转换。这个转换过程称为结构转换,它的逻辑是以结构化的样式表单定义的。例如:对于默认设置的标签和专栏的显示是转换抽象的用户层结构成为结构化的标签和专栏元素。在结构化转换完之后,用户定制系统会和涉及到最后频道显示的文件整合起来。
第二步是从结构化的结果向目的标记语言的转换。这个转换称为主题转换,它的逻辑是由主题样式单定义的。例如:默认的嵌套表格主题将由结构化的标签,专栏等等描述的结构化文件转换成为嵌套的HTML表格,该HTML表格为前面结构化文件中标签和专栏的显示。在主题转换完成之后,要涉及到多个频道的整合。
第三步是将频道对应的主题转换信息按照相应的规则串行化成要输出的标记语言和媒体数据流。
所述频道的生命周期有以下几个部分:
(1)创建。在创建时频道类和所有必须的数据源文件都准备好然后生成一个频道出版文档CPD,频道出版文档CPD提供的配置信息有:频道的作用,配置的JAVA类,相关的配置参数和输出流的发布和订阅结构。以上的任务通常都是由频道的作者来完成。完成了以上的步骤后就可以在系统中注册了。
(2)注册。如果想在系统中使用一个频道,那么这个频道就要先注册到系统中。在注册的过程中,系统把该频道的一些设置信息添加到配置文件里,然后系统会为该频道分配一个频道类型ID。
(3)发布。为了让用户可以定制注册好的频道,必须进行频道发布。在发布的过程中用户可以添加发布时的参数。配置的文件为频道指定一个发布ID。
(4)订阅。用户可以通过定制工具将该频道加入自己的浏览视图中,并且可以利用定制工具来实现自己的定制。订阅的过程最终完成频道的定制和显示。
用户定制工具主要由以下部分组成:一是前端的用户定制界面,主要是图形化的页面形式,页面上的各部分内容、网页之间的连接等都以频道为单元用图片等形式代替,用户只需要修改图片属性,就可以通过频道修改页面设计;另一部分是后端的XML(可扩展标记语言)配置描述器和界面定制工具接口,XML配置描述器是记载频道显示的文件相关信息,界面定制工具接口则可以扩展用户定制界面的功能、方式等,实现开放式设计。
本发明提供给用户参与定制网页的范围包括:
(1)网页中信息的空间位置。通常网页所显示的空间位置是由单一的式样控制,用户看到的页面都是一样的。但是不同的信息对于用户来说作用是不一样的,不同的用户有不同的需求,他们希望在自己喜欢的地方看到自己需要的信息。在本发明中,将web页面实行空间划分,总体的页面在后端是由很多频道组成,每一个频道对应一个不同的位置,通过控制这些频道来控制信息的显示位置。
(2)网页的背景颜色,对象颜色,字体样式等。页面内文本颜色、背景、边框、行距、字距等直接影响到网页的视觉效果。随着网站建设商业化和广告化的趋势,对网页设计的艺术性提出的要求也越来越高。对以上内容的定制可以使网页更加生动活泼,从而获得让人更加满意的效果。
(3)网页中部分信息内容,即相关字符串。在本发明中,对网页的字符串定制采用HTML替换技术。利用这种替换技术,可以提高web页面的互动性,web网页的管理者可以迅速及时的对访问者的请求做出响应,及时了解访问者的心理动态;而访问者也可以利用该交互功能,方便快捷地了解网页中地新信息。
(4)网页链接和用户标记。网页之间的链接对网站的组织设计很重要。链接的好坏对于用户使用网站,查询信息的满意与否有很重要的影响。Web能够让用户方便地从页面上的图形或文本就跳转到其他相关的页面,给用户提供了很多便利。超链接这种信息的使用方式的友好是因特网如此流行和神奇的重要原因之一。用户在使用过程中根据自己的需求在网页中加入自己的链接和标记,使网站的使用更加个性化。
(5)三维网页贴图和用户化身的修改和控制。三维的WEB页面是一种较流行的趋势。本发明中采用JAVA和虚拟现实建模语言VRML来实现用户交互和定制三维场景的贴图。
本发明提供的可以让用户定制的网页先要通过XML配置文件向用户定制工具注册,确定可以让用户参与的范围空间。例如:空间位置,颜色,字体式样,网页字符串,链接标记,三维贴图等等。XML配置文件使得用户定制界面更加灵活。用户界面定制工具接口是外界程序调用的接口。系统用户和授权用户可以通过远程调用来对定制工具使用,修改等等。界面工具扩展接口是为以后用户定制功能扩充保留用的。
本发明具有实质性特点和显著进步,本发明通过频道技术,事先将页面设计各个部分划分为不同的频道,每个频道包含了部分代码片段,用户通过用户制定工具对页面进行修改,就好比搭建积木一样,不用理会积木之间的连接方式,方便、高效地实现设计目标。
附图说明
图1本发明用户定制工具结构框图
具体实施方式
结合本发明方法的内容,提供以下实施例:
本发明基于频道设计的网页中的数据都是以频道的形式来控制的,用户要对信息的空间位置来进行定制,那么就是要对频道进行操作,利用XSL更改相应的样式控制单。
网页空间位置的格式化是实现空间位置的前提。在最后的HTML网页中,通常是使用表格来完成对页面的结构化控制。所以,本实施例中采用每一个频道对应一个表格。该表格在显示时是空间上的一个小区域。通过这些小区域的定制,就完成了对信息空间定制的过程。用户在定制时面对的就是图形话的表格,不必担心后面的表格标记<table></table>以及调节对准属性,高度属性等等复杂的过程。
用户在开始浏览页面时,网页上的信息包括以下几个部分:
1、左上部分是猜数字的Servlet游戏。即程序让用户猜数,该数在两个数之间,用户将自己猜的数提交后程序告诉用户他猜的数是大了还是小了,用户在根据程序的提示调整自己猜的数的大小,直到猜中为止。
2、左下部分是上海交通大学的校徽图片。该图片有链接向上海交通大学网站主页的功能。
3、右上部分是用户定义的一个书签。该书签可以记录自己在浏览网页时的一些想法,意见等等。同时该书签也具有链接功能。
4、右下部分是对上海交通大学介绍的文本。
本发明用户定制工具配置结构如图1所示,当用户觉得该网页的空间结构不是很合理,想按照自己的习惯来定制网页时,就可以调用系统提供的用户定制工具。此时用户看到开始网页中四部分数据由四个表格代替,即用guessNumbergame,sjtuImage,Bookmarks,introsjtu四个表格依次代表相应的四部分数据。每个表格有上下左右四个方向键可以移动,如果用户想让上海交通大学的校徽图片处在左上,那么将sjtuImage移到左上的位置就可以了。同理,移上海交通大学的介绍到左下是将introsjtu移到左下方。当用户调整好后,如果还想在页面中加如一个Applet的扫雷游戏,那么加上相应的扫雷程序对应的mine表格。当然,如果用户想删掉某些自己不感兴趣的东西也是可以的。定制好后用户回到浏览界面,那么用户就可以看到上海交通大学的校徽按照用户的要求已经方便的移到左上方,上海交通大学的介绍也移到了左下。按照用户的要求也在页面中加入了Applet扫雷游戏。用户定制完成了。
从这个简单的定制过程可以看出,本发明基于频道的方法让用户完全可视化地操作,不用理会后端程序的编写,简单,高效,符合参与设计的要求。
Claims (6)
1、一种基于频道的引入用户参与网页设计的方法,其特征在于:用户参与的每一个独立数据单元称为是一个频道,要让用户对网页界面进行裁剪,对空间位置进行定制,必须要将网页进行空间的划分,通过控制频道来控制最后的输出,网页在后端由不同的小区域构成的,每个小区域对应不同的数据单元频道,通过对每一个频道的控制来实现对空间位置的定制。
2、根据权利要求1所述的基于频道的引入用户参与网页设计的方法,其特征是,以下对方法作进一步的描述,具体如下:
用户定制化的开始总是建立在一个抽象的频道组的基础上,即用户显示层文档,从用户装配定制化文档到最后需要的文档,也就是从用户定制到最后页面的生成,要经过三个步骤:
第一步是从抽象的用户层到最后视图的结构化表示的转换,这个转换过程称为结构转换,它的逻辑是以结构化的样式表单定义的,在结构化转换完之后,用户定制系统会和涉及到最后频道显示的文件整合起来;
第二步是从结构化的结果向目的标记语言的转换,这个转换称为主题转换,它的逻辑是由主题样式单定义的,在主题转换完成后,将涉及到多个频道的整合;
第三步是将频道对应的主题转换信息按照相应的规则串行化成要输出的标记语言和媒体数据流。
3、根据权利要求1或2所述的基于频道的引入用户参与网页设计的方法,其特征是所述频道的生命周期有以下几个部分:
(1)创建:在创建时频道类和所有必须的数据源文件都准备好然后生成一个频道出版文档,频道出版文档提供的配置信息包括:频道的作用、配置的JAVA类、相关的配置参数和输出流的发布和订阅结构,以上的任务通常都是由频道的作者来完成,完成了以上的步骤后就可以在系统中注册了;
(2)注册:如果要在系统中使用一个频道,则这个频道必须先注册到系统中,在注册的过程中,系统把该频道的一些设置信息添加到配置文件里,然后系统为该频道分配一个频道类型编号;
(3)发布:在发布的过程中用户可以添加发布时的参数,配置的文件为频道指定一个发布编号;
(4)订阅:用户通过用户定制工具将该频道加入自己的浏览视图中,并且通过用户定制工具来实现自己的定制,订阅的过程最终完成频道的定制和显示。
4、根据权利要求3所述的基于频道的引入用户参与网页设计的方法,其特征是用户定制工具主要由以下部分组成:
一是前端的用户定制界面,主要是图形化的页面形式,页面上的各部分内容、网页之间的连接都以频道为单元用图片等形式代替,用户只需要修改图片属性,就可以通过频道修改页面设计;
另一部分是后端的可扩展标记语言配置描述器和界面定制工具接口,可扩展标记语言配置描述器是记载频道显示的文件相关信息,界面定制工具接口则可以扩展用户定制界面的功能、方式等,实现开放式设计。
5、根据权利要求1或2所述的基于频道的引入用户参与网页设计的方法,其特征是提供给用户参与定制网页的范围包括:
(1)网页中信息的空间位置:通常网页所显示的空间位置是由单一的式样控制,用户看到的页面都是一样的,将网页页面实行空间划分,总体的页面在后端是由很多频道组成,每一个频道对应一个位置,通过控制这些频道来控制信息的显示位置;
(2)网页的背景颜色,对象颜色,字体样式;
(3)网页中部分信息内容,即相关字符串:对网页的字符串定制采用超文本标记语言替换技术;
(4)网页链接和用户标记;
(5)三维网页贴图和用户化身的修改和控制:采用JAVA和虚拟现实建模语言来实现用户交互和定制三维场景的贴图。
6、根据权利要求5所述的基于频道的引入用户参与网页设计的方法,其特征是提供的让用户定制的网页,必须先通过可扩展的标记语言配置文件向用户定制工具注册,确定让用户参与的范围空间。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN 03116031 CN1438594A (zh) | 2003-03-27 | 2003-03-27 | 基于频道的引入用户参与网页设计的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN 03116031 CN1438594A (zh) | 2003-03-27 | 2003-03-27 | 基于频道的引入用户参与网页设计的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN1438594A true CN1438594A (zh) | 2003-08-27 |
Family
ID=27674166
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN 03116031 Pending CN1438594A (zh) | 2003-03-27 | 2003-03-27 | 基于频道的引入用户参与网页设计的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN1438594A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104111768A (zh) * | 2014-07-30 | 2014-10-22 | 吴涛军 | 可交互窗口及自定义、引用、同步可交互窗口的方法和系统 |
CN104598103A (zh) * | 2014-12-30 | 2015-05-06 | 北京奇虎科技有限公司 | 一种页面中处理图形的方法和装置 |
CN104808982A (zh) * | 2015-03-19 | 2015-07-29 | 广东小天才科技有限公司 | 应用的功能模拟开发方法和装置 |
CN104020988B (zh) * | 2013-02-28 | 2018-10-09 | 西门子公司 | 定制制造企业解决方案屏幕的图形用户界面 |
-
2003
- 2003-03-27 CN CN 03116031 patent/CN1438594A/zh active Pending
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104020988B (zh) * | 2013-02-28 | 2018-10-09 | 西门子公司 | 定制制造企业解决方案屏幕的图形用户界面 |
CN104111768A (zh) * | 2014-07-30 | 2014-10-22 | 吴涛军 | 可交互窗口及自定义、引用、同步可交互窗口的方法和系统 |
CN104111768B (zh) * | 2014-07-30 | 2020-01-21 | 吴涛军 | 可交互窗口及自定义、引用、同步可交互窗口的方法和系统 |
CN104598103A (zh) * | 2014-12-30 | 2015-05-06 | 北京奇虎科技有限公司 | 一种页面中处理图形的方法和装置 |
CN104808982A (zh) * | 2015-03-19 | 2015-07-29 | 广东小天才科技有限公司 | 应用的功能模拟开发方法和装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Eyman | Digital rhetoric: Theory, method, practice | |
CN101356526B (zh) | 用于生成通信作品的方法 | |
Stevenson | From hypertext to hype and back again: exploring the roots of social media in early web culture | |
Do et al. | Drawing analogies: finding visual references by sketching | |
CN1438594A (zh) | 基于频道的引入用户参与网页设计的方法 | |
Frisse et al. | Models for hypertext | |
Watt | SVG unleashed | |
Neumüller | Hypertext semiotics in the commercialized Internet | |
Norrie et al. | Context-aware platform for mobile data management | |
KR20050110417A (ko) | 레이어 기능을 이용한 웹페이지 구축방법 및 그 방법을 구현하는 프로그램을 기록한 기록 매체 | |
Norrie et al. | Content publishing framework for interactive paper documents | |
Hong et al. | XSL-based content management for multi-presentation digital museum exhibitions | |
Frauenberger et al. | Interaction patterns for auditory user interfaces | |
Györödi et al. | Web 2.0 technologies with jquery and ajax | |
Mahlow et al. | Academic writing and publishing beyond documents | |
Vitali | Creating sophisticated web sites using well-known interfaces | |
Pittarello | Multi Sensory 3D Tours for Cultural Heritage: The Palazzo Grassi Experience. | |
CN1279438C (zh) | 制作交互式电子书的方法 | |
Lopez-Gulliver et al. | Interfacing the web: multi-modal and immersive interaction with the internet | |
Deray | Avatars: A shifting interaction | |
Liu | Museum Narration: A Memory-Driven Storyscape | |
Motta | Translating the Creative Process of Knitwear Design: from Manual to Digital Practices in a Material-driven Approach | |
Budd et al. | Web standards creativity: Innovations in Web design with XHTML, CSS, and DOM scripting | |
CN108804090A (zh) | 基于h5技术的app虚拟原型制作平台、制作方法及模拟方法 | |
Hong et al. | Toward intelligent styling for digital museum exhibitions: Modularization framework for aesthetic hypermedia presentations |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |