A Qualitative and Quantitative Frame Work for effective Website Design
G. Sreedhar 1 Dr. A.A. Chari 2 Dr.V.V.Venkata Ramana 3
Sr. Lecturer Professor Scientist-E
Dept. of Computer Science Dept. of OR amp; SQC National Informatics Centre
Rashtriya Sanskrit Vidyapeetha Rayalaseema University Hyderabad
(Deemed University) Kurnool
Tirupati
Abstract: The primary goal of this paper is to investigate various elements of website and evaluate quality of website design. The quality of website depends on various components such as download time, website size, broken links and website structure. The quality of website structure is based on its navigability, average number of clicks and structural complexity. Different kinds of tools are used to examine the components of website. These tools include: W3C Link Checker, W3C Markup Validation Service, Webpage Analyzer and Website Extractor. The W3C Link checker accepts URL address of Web page and parses each and every hyperlink to find broken links in the page. The W3C Markup Validation Service finds the errors regarding HTML tagsrsquo;, usage errors, properties of Web page and standards of the Web page mentioned by W3C Consortium. The errors of each web site are grouped into major and minor errors. A set of qualitative measures are identified based on these errors. The web tool PowerMapper is used to establish the sitemap for the website and path length metric is used to evaluate average number of clicks to get desired web page and web site structural complexity is determined with cyclomatic complexity. The quality of website design is measured in 10-point scale and the value suggests the improvement of the site design.
Key words: major errors, minor errors, qualitative measures, website structure and navigability
1. INTRODUCTION
With the rapid development and widely used of information technology, using information technology such as computer and network to deepen teaching content, innovate teaching mode, promote the effective use of teaching resources, expand the coverage of education, improve the quality of teaching is the inevitable trend of the information-based teaching in universities and the important strategic of healthy and sustainable development of higher education.
Web site developing is much more than the knowledge of programming in XHTML, PHP etc. These languages are only the “words” of a “language” that web programmers have to speak. We have to study how to design and develop a web site. This work has some important focuses: determining the aims and scopes of a given web site, surveying its most useful and required functions, making a schedule for working, designing and developing the system during a semester using streamlined techniques.
A Website is a collection of Web pages containing text, images, audio and video etc. Thus Web is a vast collection of completely uncontrolled documents. Today, Web is not only an information resource but also becoming an automated tool in various applications. Due to the increasing popularity of Web, one can be very cautious in designing the Website. Poor and careless web design leads to hard ship to public utility and does not serve the purpose. To design a Website with high quality, one has to follow certain guidelines for achieving the quality Web design.
Designing a web site is not trivial. It has many aspects, many techniques and tools that web developers should be familiar with before coding. Courses on web page programming focus on how to use the given programming languages, how to write clear and valid codes, how to design algorithms, etc. In most cases courses do not have enough time for designing and developing complex systems.
Designing and developing a complete web site have several aspects, since not only the complexity of the algorithms has to be dealt with. It needs a duality in thinking. Gathering the necessary data for a given site and program coding need strict logical thinking, while designing a web site and its programs requires creative thinking, too. Some fields where a web developer has to use creative thinking: communication, decision making, marketing, graphical design, system design.
Despite of many recommendations, ideas and guidelines, designing a quality Website is still burning problem. It [1] [2] is suggested that always Web design is continuous process. The authors Flanders, Vincent and Michel Wills [1] insist that always design should be improved into good by looking from a bad design. Navigation plays a crucial role in the design of website structure because it determines the path to be traveled to reach a required web page. Normally a website structure resembles tree like structure starting from home page as root. The home page of website must be designed in such a way that it should not be too much crowded with links and also not be too much empty. It was stated that number of links on each page should not exceed 20 [3] and average number of clicks should not be more than 4 clicks to get a required page. Thus in this paper it is attempted to find various qualitative measures for various elements of website design.
- RELATED WORK.
The quality of website can be assessed mainly in functionality and usability. World Wide Web Consortium (W3C) defines a set of guidelines for quality of Web design. Every guideline provides a technique for accessing the content of Website. The qualitative measures, are used to achieve quality in functionality of website. The notion of usability is a key factor to interact a website. The efficiency of usability is depended on website structure. The structure of website should be in such a way that user can easily interact websi
剩余内容已隐藏，支付完成后下载完整资料
有效网站设计的定性与定量框架
1. G. Sreedhar 2. Dr. A.A. Chari 3. Dr.V.V.Venkata Ramana
高级讲师 教授 科学家
计算机科学系 Rayalaseema大学 国家信息中心
（视为大学） 卡努尔 海得拉巴
蒂鲁伯蒂
摘要：本文的主要目的是调查网站的各种元素，并评估网站设计的质量。网站的质量取决于下载时间、网站大小、断开链接和网站结构等多种因素。网站结构的质量是基于其适航性，平均点击的数量和结构的复杂性。不同类型的工具被用来检查网站的组成部分。这些工具包括：W3C链接检查器，W3C验证服务，网页分析器和网站提取。W3C链接检查器接受网页URL地址解析每个超链接在网页找到断开的链接。W3C标记验证服务发现错误的HTML标签，使用错误，网页由W3C联盟提到的网页和标准性质。每个网站的错误分为主要和次要错误。一组定性的措施，确定这些错误的基础上。powermapper Web工具用于建立网站和路径长度度量地图用来评价点击平均数得到想要的网页和网站结构的复杂性和圈复杂度的确定。网站设计的质量是以10点规模衡量的，其价值体现在网站设计的改进上。
关键词：大错误，小错误，定性指标，网站的结构和导航
- 介绍
随着信息技术的迅速发展和广泛应用，利用计算机、网络等信息技术深化教学内容，创新教学模式，促进教学资源的有效利用，扩大教育的覆盖面，提高教学质量是高校信息化教学和高等教育健康持续发展重要战略的必然趋势。
网站的发展远远超过规划在XHTML的知识，PHP等，web程序员说这些语言是唯一的“词”的一种“语言”，我们必须学习如何设计和开发网站。这项工作有一些重要的重点：确定一个给定的网站的目标和范围，测量其最有用的和必需的功能，制定工作时间表，设计和开发系统在一个学期内使用精简的技术。
网站是包含文字、图像、音频和视频等的网页的集合，因此网页是一个完全不受控制的文档的巨大集合。今天，Web不仅是一种信息资源，而且成为各种应用程序的自动化工具。由于网络的日益普及，人们可以非常谨慎的设计网站。贫穷和粗心的网页设计导致硬船公用事业和不服务的目的。要设计一个高品质的网站，必须遵循一定的指引，为实现高品质的网页设计。
设计网站不是小事。它有许多方面，许多技术和工具，Web开发人员应该熟悉之前编码。在网页编程的课程重点是如何使用给定的编程语言，如何编写清晰有效的代码，如何设计算法等，在大多数情况下，课程没有足够的时间来设计和开发复杂的系统。
设计和开发一个完整的网站有几个方面，因为不仅要处理复杂的算法。思维需要二元性。收集必要的数据为一个给定的站点和程序编码需要严格的逻辑思维，而设计一个网站和它的程序需要创造性的思维，太。网络开发者必须运用创造性思维的一些领域：沟通、决策、市场营销、图形设计、系统设计。
尽管有许多建议，想法和指导方针，设计一个优质的网站仍然是紧迫的问题。它建议，网页设计始终是连续的过程。作者弗兰德斯，文森特和Michel Wills认为，总的设计应该改进为好于坏的设计展望。导航在网站结构的设计中起着至关重要的作用，因为它决定了被访问的路径，以达到所需的网页。通常网站结构类似树形结构，从主页开始为根。网站首页必须以这样的方式设计，不要太拥挤，也不要太多的空。有人指出，每个网页上的链接数量不应超过20 和平均点击次数不应超过4点击获得所需的页面。因此，在本文中，它试图找到各种定性措施的网站设计的各种元素。
2.相关工作
网站的质量主要取决于功能和可用性。万维网联盟（W3C）定义了一套用于网页设计的质量方针。每个指南提供了一个访问网站内容的技术。定性措施，用于实现网站功能的质量。可用性的概念是互动网站的一个关键因素。可用性的效率取决于网站结构。网站的结构应该是这样一种方式，用户可以轻松地互动网站没有任何正式的培训。一个有效的网页设计，使用户更容易浏览不同的网页上的网站。该网站的结构表示的有向图，其中每个节点代表一个网页和边缘代表链接到相应的网页。它已经调查，网页链接结构也可以用于网页排名和网页分类。这些作品强调了网页之间的导航关系。目前的工作重点是发现影响网站质量设计的关键要素。
状态由一组事实表示，每个事实被指定为谓词的实例。每个运动规范包含一个总体目标和初始状态。总体目标是一组事实，需要在程序的最后状态，以确定它是正确的。初始状态包含一组事实，在学生的程序分析之前，它代表了习题的状态。这是一个用于学生需要编写整个代码以创建网页的空集合。
- 方法论
对于网站设计的质量评价过程涉及的各个模块：提取成分的网站，验证网页，识别断开的链接，创建一个站点地图和计算结构的复杂性。所有这些模块都包含在web程序中。Web程序的结构如图1所示：
图1网站程序的结构
3.1网络提取组件
网站的所有组件提取使用的Web工具，即，网站提取器。在Web程序中，Web工具即网页分析器发现每个网页中使用的对象的数量、网页大小和所有对象的下载时间。它接受每个网页的URL地址，生成一个报表包含细节如图像文件，HTML文件，脚本文件的数量和每个网页的下载时间。
3.2 W3C验证服务
一个网络工具如W3C验证服务发现的HTML页面相关的错误。它证实了相关网页的HTML标签错误，网页和网页的W3C组织和所有的错误和细节属性存储在文件中提到的标准。
3.3识别断开链接
所有破碎的链接和错误链接是使用Web工具即W3C Web程序确定链接检查器。它接受的Web应用程序的URL地址解析每个链接的网站。它找到每个链路的状态代码，并基于它生成一个关于断开链接的报告。所有断开的链接错误都存储在文件中以供进一步学习使用。
3.4创建站点地图
每一个网站必须有网站地图知道在网站网页的组织结构。站点地图显示所有网页聚类树的主页作为树的根。一个网络工具powermapper用于Web程序构建网站地图。它选择网址网址，并生成树结构的所有网页的网站。在这个过程中只有标记文件（HTML、ASP、PHP、XML等）被认为是与剩余部件的图形文件的脚本文件，等，不包括由于这些文件没有任何意义的网站结构。一个网站的网站地图可以分为不同的级别取决于其设计。一些网站有一个或两个水平和可能有三个或更多的水平。
3.5计算结构复杂性
用MC确定网站的结构复杂性。驾驶室的圈复杂度度量。此度量用于了解所需网页的导航路径。圈复杂度度量来自图论中的如下。以树为根构造树图。树由各种子树和叶节点组成。示例树如图2所示。一个树图构造的网站，考虑到网站的各种超链接。图的每一个子树表示一个网页，它与下一个网页有进一步的超链接，而叶子节点代表一个网页，它没有任何链接到网页。
图2网站树图
在树图中，在每个级别上，所有没有进一步链接的网页都表示在该级别上的一个叶子节点，并且每个级别的子树由链接到网页到下一级。结构的复杂性是用圈复杂度计算是计算方程（1）。根据McCabe圈复杂度度量值（ccmetric）应不超过10。
CC Metric = (e-n d 1)/n (1)
e是网页链接的数量，
n是图中节点的个数
D是图中叶子节点的个数。
结构的复杂性也取决于每个网页的点击次数和网站链接所涉及的链接错误。
3.5.1评价路径长度的度量
路径长度用于查找每页的平均点击次数。树的路径长度是树中所有节点深度的总和。它可以lcomputed作为加权求和，其节点或数每个节点利用方程的水平加权每个级别（2）。平均点击次数（avgclicks）计算方程（3）。树的宽度是其最大水平的大小，树的高度是其最长根路径的长度。
Path length = sum; l i .m i (2)
AvgClicks = path length/n (3)
l是级别号码
m是I级节点数
n是树中节点的个数。
示例树如图1所示。
图3 3级树
Path length = 0*1 1*3 2*3 3*6 = 27
AvgClicks = 27/13 = 2.07
3.5.2. 断开的链接计算
在一个网站结构，导航问题，由于断开链接。断开的链接可能涉及到不同层次的网站结构。断开的链接的Web站点地图识别工具powermapper。在一个网站地图网站，链接是各级破碎误差指标是基于链接参与站点树计算的百分比计算。断链百分比用方程（4）计算。
Percentage of Broken links (PBL)
= (number of broken links / number of web
pages)* 100 (4)
4评价
10所印度大学的网站和约1000网页被认为是在评估过程中。Web程序由各种Web工具组成，用来研究每所大学的网站和网站的所有组件如表1所示。使用网页程序生成的网页错误被认为是确定网站设计质量的措施。这些错误进一步分为主要和次要的错误，使用统计技术。
4.1大误区
主要的错误直接影响网站设计的质量，开发者必须专注于这一类的错误，这些应该被淘汰。主要错误包括：断开的链接，文档类型声明错误，applet使用错误，服务器连接错误，图像加载错误，帧标签使用错误和标题标签没有关键字错误。主要错误是成比例的向下加载时间的网页。如果主要的错误被最小化，那么下负荷时间将自动减少，因此它导致更好的质量。图4显示了图表，描述了不同的主要错误及其对网站设计的影响。
许多刚开始的学生犯的一个常见错误是在程序中包含不必要的代码。这种不必要的陈述是通过维护一组相关的状态在创作过程中确定的事实。一个新的状态被创建每次发生一个显着变化的事实集。当创建一个新的事实时，要检查它是否依赖于先前状态中创建的任何事实。如果是这样，则在当前状态和以前的状态之间创建链接。这一现状流程分析确定的任何状态，不利于程序的总体目标的最后一步。如果有这样的状态存在，程序语句，导致这些状态的创造被认定为不必要的总目标的实现和相关反馈提供。
4.2 小错误
小错误的HTML标签错误，这可能会导致一些网页组件显示不正确。次要错误包括：表标签错误，身体标签错误，图像标签错误，头标签错误，字体标签错误，脚本标签错误，样式标签错误，表单标签错误，链接标签错误和其他标签错误。开发商必须注意使网页可以设计适当的适当的HTML标签。图5显示了各大学网站的各种小错误。
在各高校网站中发现的错误，导致有效的网站设计的定性措施的必要性。头部标签错误（HTE）、字体标签错误（FOTE）和身体（BTE）识别标签错误的问题在我们的网页文本元素。因此，文本格式的措施进行评估。图像标签错误（ITE）、体标记错误（BTE）和图像加载错误相关的图像识别误差的图像显示，因此图形元素的措施进行评估。表格标签错误（TTE），帧标签错误（FTE），风格标签错误（STTE）、字体标签错误（FOTE）、帧标签的使用错误和文档类型声明的错误导致页面格式化措施的发明。链接标记错误（LTE）和断开的链接识别链接格式的必要措施。表格标签错误（复礼），脚本标签错误（STE）和标题标签没有关键词错误识别页面性能测试的需求。脚本标签错误（STE），程序使用错误，服务器连接错误，网站和破碎的链接错误负荷时间贡献的网站结构测量的需要。所有这些措施见表2。10点尺度的基础上，每一个定性的措施进行评估。每个措施的公式是基于对轻微和重大错误的考虑，每一个公式见表3。
其中n是网站中的网页数量。
每一个定性的措施进行评估使用方程（5）和（6）在10点规模。值0表示最低值，值10表示规模中的最高值。定性测量值10在10点规模表示网站设计的最大质量和价值0表示非常低质量的网站设计。10点刻度值说明如表3所示。
表4显示了印度各大学网站规模的各种定性测量值。
Web程序接受各大学的网站地址和生成使用powermapper网站工具网站。站点地图包含所有网页的网站并显示层次结构树的各个层次。使用方程（1）和路径长度度量计算访问网页所需的平均点击次数（和2）。圈复杂度值是使用公式网站结构的计算（3）。断开的链接的百分比是在利用方程的网站每个水平计算（4）。
以10点量表评价各高校网站结构质量。每个大学10点的刻度值是基于网页的站点地图结构组织，网站的结构复杂度，平均点击次数和断链误差指标。10点刻度值的站点结构是使用smpmetric公式所示的评估（7）。
WPS是在站点的一个子树的网页链接数量。利用结构方程（8）计算网站结构复杂性的10点规模值和（9）。
网站Page Click（WP点击）值确定用方程（10
剩余内容已隐藏，支付完成后下载完整资料
资料编号：[137299]，资料为PDF文档或Word文档，PDF文档可免费转换为Word
以上是毕业论文外文翻译，课题毕业论文、任务书、文献综述、开题报告、程序设计、图纸设计等资料可联系客服协助查找。
