CHAPTER 7 USER INTERFACE MODEL
|
|
- Morgan Paul
- 6 years ago
- Views:
Transcription
1 107 CHAPTER 7 USER INTERFACE MODEL 7.1 INTRODUCTION The User interface design is a very important component in the proposed framework. The content needs to be presented in a uniform and structured way. The interface of operation needs to be designed in tandem with the interaction models. The contributions of this work are the definition of a standard template of operation for the search and information retrieval process, the use of hyperlinked cues for ease of navigation. The screens for the operations in the search for information from the web through mobile devices have been codified in a uniform manner. This is important as five context modes have been proposed. The user must be able to navigate through the system to access the search results efficiently. The User interface system must not add its own overheads to the processing, and must be capable of being implemented by overcoming the limitations in terms of the limited interaction capabilities of the mobile devices. Relevant to the search process is the access to information. Once the user has identified the result that is needed, the system must have facilities to reproduce the content in the mobile devices. While the focus of the system is purely in terms of information retrieval, the ability to display the resultant content is paramount to the users. The hyperlinked cues will help the user identify and process the information easily.
2 CONTENT ADAPTATION The overall view of the module is given below in Figure 7.1. The aim is to adapt the contents of the web pages after processing, based on the various context modes, and then display the same to the user. Figure 7.1 User Interface Design Overall model The approach used is such that each context mode is considered a separate event, and all the activities in that event are mapped thoroughly. For example, the Fast context mode will involve only three steps; Step 1.The User selects the fast context mode Step 2.The User enters the query Step 3.The search results are displayed to the user.
3 109 While the Personal context mode consists of the following steps; Step 1.The User selects the personal context mode Step 2.The user enters the query Step 3. User selects the content from the ontology for refining the query Step 4.The content from ontology is shown to the user. Step 5.Each word is marked with a hyperlinked number. Instead of selecting from the list using multiple keys, the user has to select the content pane, and merely enter the number of the suggestions the user wishes to take. Step 6.The user now has a choice of expanding the result further, or searching the web Step 7.The user browses the web for information Step 8.The search results are displayed to the user. In the process of displaying the search results to the user, each hyperlink displayed is marked with a number. Thus, the user does not need to browse the content for expanding the hyperlinks and can instead use the search pane. For each context mode, the complete set of interactions has been mapped exhaustively and coded. The Uniform interface template is needed for the easy navigation of the results and web pages and ease of use.the design of the uniform interface template is discussed next. 7.3 UNIFORM INTERFACE TEMPLATE This work proposes a uniform user interface model designed for Mobile devices. The generic layout of the mobile devices is partitioned using a custom template. There are two templates used one for the web pages as shown in Figure 7.2 and the other for the search process as shown in
4 110 Figure 7.3. The core aspect here is that the screen size is divided into three regions; Search/web address pane Content pane Hyperlink pane The search/web address pane enables the user to enter the query or web address. The search pane allows the entry of the query. The query suggestions by the users, and query modifications are all supported here. Figure 7.2 Search page template
5 111 Search bar Result pane Libyan conflict These omens do not look good for Britain's future cooperation with the new Libyan crisis is experienced very badly by the people all around Hyperlink bar 1 MENU BACK Figure 7.3 Content page template The content pane allows the content of the result (of query expansion or search process or web page selected after search) to be displayed. The content pane supports the scrolling operation to view contents that are larger than the size of the screen. The hyperlink pane allows the content elements to be selected directly without the use of the tabbed or scrolled-select browsing. The hyperlink pane aims to overcome the limitations of the mobile device through partitioning of the display. While this pane in turn consumes space, the tradeoff in terms of the added features is worth the effort. The basic aspect of the content is the parsing of the web content and organization into specific chunks of information. The work exploits the patterned structure in the snippets. A sample stream of data is shown below in Figure 7.4.
6 112 "titlenoformatting":"what is Java? - A Word Definition From the Webopedia Computer...", "content":"this page describes the term \u003cb\u003ejava\u003c/b\u003e and lists other pages on the Web where you can find additional information."},{"gsearchresultclass":"gwebsearch","unescaped Url":" m/docs/books/jls/","visibleurl":"java.sun.com","cacheurl":" com","title":"the \u003cb\u003ejava\u003c/b\u003e Language Specification", Figure 7.4 Sample data stream It is clear that the meta-tags have to be parsed, syntactically ordered and then semantically arranged. Finally the resultant has to be transformed into mobile device supported forms. For the conversion from the content in the web to the Uniform interface model, certain adaptation steps are used. These are described in the next section. 7.4 ADAPTATION MODELS FOR MOBILE DEVICES modules. The Adaptation model for mobile devices consists of the following Structure Analysis Segment Detection Adaptation The content structure must be analyzed first. To give an idea of the complexity of this module, the overall size of a typical response including the header is 5375 ( characters for all queries) for a query. The sizes of the URL, Link, and Snippet are
7 113 i. Link 247 Characters ( characters for all queries) ii. Snippet ( characters for all queries) iii. URL characters approximately The total number of character per line on a mobile screen is 40 (Fixed).The number of lines that can be displayed on a mobile screen is 9. Thus, a search result will typically need 3-4 mobile device screens to display the entire content retrieved. This creates the need for chunked output at the mobile phone level. The sample structure of a web page is shown below in Figure 7.5. Dummy->{Dummy*,general white space*} Element Object -> {Element+, Object*, Block*,Dummy*} {Element*, Object+, Block*,Dummy*} Text Element -> Text node Embedded Element -> <img> <applet> <embed> <iframe <object> <embed>[noembed] <script>[noscript] Functional Object -> <a> <label> <select> <form> <marquee> <button> <fieldset> <img usemap=""> <mapname=""> <div delay+><div style=overflow+> <div style=overflow-x+> <div style=overflow-y+> Presentation Object <b> <i> <u> <q> <nobr> <s> <strike> <tt> <sub> <sup> <big> <small> <fo nt> <em> <strong>,acronym> <abbr> <bdo> <blink> <ins> <del> Semantic object Header <h1>-<h6> List <ol> <ul> <menu> <dir> <dl> <li> Section <p> <center> <textarea> <address> <cite> <blockquote> <code> <dfn> < kbd> <samp> <var> <pre> Content Block When <table> is not an object, each,td> or <th> in the table is a block, and <table> is also one block. The <div> is a block when it is not one object. Body <body>, {Element+, object*,block*,dummy*} Table (<table>:<caption>+) (<table>:<th>+) (<table>: <thead>+,<tbody>+,<tfoot>+) (<table>: <thead>+,<tbody>+) (<table>: <tbody>+,<tfoot>+) (<table>:<thead>+,<tfoot>+) (each <td> or <th> in the <table> has only an element or one object.) Wrapper {block+,dummy+} Visible wrapper Invisible wrapper Container Visible container {Element+,Object*,block*,dummy*} {object+,block*,dummy*} Invisible container Figure 7.5 Web page Structure The overall process is shown in Figure 7.6.
8 114 Figure 7.6 Overall process User Interface Design The first step Code page transformation, is the detection of code page transformation. The need is for the large web page to be retrieved and parsed. The contents: either the search page from the web or the web-address from the URL is retrieved and organized into a stream. The output of this step will result in a stream akin to Figure 7.4 and shown in Figure 7.7. Figure 7.7 Code page transformation output
9 115 Figure 7.8 Web page transformation The next step, in Content structure identification, will enable the organization of the web pages into interesting fragments. It requires efficient traversal of the web pages. Thus, a compact data structure for representing the dynamic web pages is critical to efficient and accurate fragment detection. This is shown in Figure 7.8. The content structure identification steps are shown below in Figures 7.9 and The process involves marking the boundaries between the snippets, and identifying the displayable elements.
10 116 Figure 7.9 Content structure Identity Search Figure 7.10 Content structure Identity Content The next step is to smoothen the structure tree into a semantic element, based on the semantic knowledge inbuilt in the system. Nodes are
11 117 merged or reassigned, based on the semantic knowledge of the content (Figures 7.11 and 7.12). For this, the user defined procedures or content addressable systems (XML) are searched, and the re-alignment made. The basic work is to add links to the content, so that the web page is accessible from the content pane. The content is reframed and reordered. The need of this step lies in organizing the content in an efficient manner for processing by the meta-page transformation system. Figure 7.11 Semantic element identification Search Figure 7.12 Semantic element identification - Content
12 118 Once the semantic elements are identified, the Web-page to metapage transformation process is started. In this, based on the semantic tree, the Meta web page is assembled. The meta-web page is the modified form of the content that is to be displayed in the mobile phone. An interactive screen adapting technique (Figure 7.13) is implemented in this application. Varying screen sizes, a major hurdle for the web on mobile phones is handled for user comfort. When the application starts (Figure 7.13), the user is prompted with the diagnosis screen (Figure 7.14). This diagnosis screen initially shows a 3 line content to the user, and asks the user acknowledge yes or no, based on his visibility. When a user clicks no, the application increases the line by 2, and prompts the user for an acknowledgment (Figure 7.14). This is continued until the user accepts the display content size. Once the user accepts it, the value is remembered, and the next time when the application is started, the value is used back. The user also has a provision to change the content size by the Diagnosis option in the menu. Figure 7.13 Application Launch Sample Screen
13 119 Figure 7.14 Screen Size Diagnosis The final stage is the adaptation stage. This step detects and groups the contents of the web pages into mobile phone amenable formats. All the grouped contents by the above methods are now listed horizontally and sequentially. The layout positions are adjusted based on the screen size and user preferences, to display all the detected relevant content. The logic followed here is that, the content element is grouped as content blocks. For example, snippet 1 is a content block. Snippet 2 is a content block and so on. The display will focus on the proper display of the content blocks fully. So, snippet 1 will be displayed fully. If snippet 2 fits the screen, it will be displayed fully and so on. If snippet 1 and 2 cannot fit in fully, then snippet 1 alone will be displayed and when the user presses the down arrow, snippet 2 will be displayed. In the case of content, the same process is adopted, and the content is displayed till the end of the lines. The overall operation is shown below in Figure 7.15 (snippet) and 7.16 (content).
14 Figure 7.15 User Interface Design Search Process 120
15 Figure 7.16 User Interface Design Content display 121
16 CONCLUSION This chapter has proposed a Uniform template and interaction model of operation. The defining aspect of the work is the use of content templates for the effective operation and standardization of the interaction. The test bed used to evaluate the framework and the results obtained, are discussed in the next chapter.
HTML: Parsing Library
HTML: Parsing Library Version 4.1.3 November 20, 2008 (require html) The html library provides functions to read html documents and structures to represent them. (read-xhtml port) html? port : input-port?
More informationHTML: Parsing Library
HTML: Parsing Library Version 6.7 October 26, 2016 (require html) package: html-lib The html library provides functions to read conformant HTML4 documents and structures to represent them. Since html assumes
More informationOliver Pott HTML XML. new reference. Markt+Technik Verlag
Oliver Pott HTML XML new reference Markt+Technik Verlag Inhaltsverzeichnis Übersicht 13 14 A 15 A 16 ABBR 23 ABBR 23 ACCEPT 26 ACCEPT-CHARSET
More informationHTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS
MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version
More informationEvaluation of alignment methods for HTML parallel text 1
Evaluation of alignment methods for HTML parallel text 1 Enrique Sánchez-Villamil, Susana Santos-Antón, Sergio Ortiz-Rojas, Mikel L. Forcada Transducens Group, Departament de Llenguatges i Sistemes Informàtics
More informationThe [HTML] Element p. 61 The [HEAD] Element p. 62 The [TITLE] Element p. 63 The [BODY] Element p. 66 HTML Elements p. 66 Core Attributes p.
Acknowledgments p. xix Preface p. xxi Web Basics Introduction to HTML p. 3 Basic HTML Concepts p. 4 HTML: A Structured Language p. 7 Overview of HTML Markup p. 11 Logical and Physical HTML p. 13 What HTML
More information@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */ /* bidi */
/ BEGIN LICENSE BLOCK Version: MPL 1.1/GPL 2.0/LGPL 2.1 The contents of this file are subject to the Mozilla Public License Version 1.1 (the "License"); you may not use this file except in compliance with
More informationCertified HTML Designer VS-1027
VS-1027 Certification Code VS-1027 Certified HTML Designer Certified HTML Designer HTML Designer Certification allows organizations to easily develop website and other web based applications which are
More informationWireframe :: tistory wireframe tistory.
Page 1 of 45 Wireframe :: tistory wireframe tistory Daum Tistory GO Home Location Tags Media Guestbook Admin 'XHTML+CSS' 7 1 2009/09/20 [ ] XHTML CSS - 6 (2) 2 2009/07/23 [ ] XHTML CSS - 5 (6) 3 2009/07/17
More informationA HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension
HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called
More information"utf-8";
http://salsa-copacabana.com/css/import.css @charset "Shift_JIS"; /* ------------------------------------------ File name: import.css Style Info: CSS screen Windwos IE4 ------------------------------------------
More informationIndex. CSS directive, # (octothorpe), intrapage links, 26
Holzschlag_.qxd 3/30/05 9:23 AM Page 299 Symbols @import CSS directive, 114-115 # (octothorpe), intrapage links, 26 A a element, 23, 163, 228 abbr element, 228 absolute keywords for font sizing, 144 absolute
More informationDesigning UI. Mine mine-cetinkaya-rundel
Designing UI Mine Çetinkaya-Rundel @minebocek mine-cetinkaya-rundel mine@stat.duke.edu - Web application UI is ultimately HTML/CSS/JavaScript - Let R users write user interfaces using a simple, familiar-looking
More informationSilkTest 2009 R2. Rules for Object Recognition
SilkTest 2009 R2 Rules for Object Recognition Borland Software Corporation 4 Hutton Centre Dr., Suite 900 Santa Ana, CA 92707 Copyright 2009 Micro Focus (IP) Limited. Rights Reserved. SilkTest contains
More informationSilk Test Object Recognition with the Classic Agent
Silk Test 13.5 Object Recognition with the Classic Agent Micro Focus 575 Anton Blvd., Suite 510 Costa Mesa, CA 92626 Copyright 2012 Micro Focus. rights reserved. Portions Copyright 1992-2009 Borland Software
More informationCertified HTML5 Developer VS-1029
VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the
More informationUNIT II Dynamic HTML and web designing
UNIT II Dynamic HTML and web designing HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language
More informationQUICK REFERENCE GUIDE
QUICK REFERENCE GUIDE New Selectors New Properties Animations 2D/3D Transformations Rounded Corners Shadow Effects Downloadable Fonts @ purgeru.deviantart.com WHAT IS HTML5? HTML5 is being developed as
More informationROLE OF WEB BROWSING LAYOUT ENGINE EVALUATION IN DEVELOPMENT
INFORMATION AND COMMUNICATION TECHNOLOGIES ROLE OF WEB BROWSING LAYOUT ENGINE EVALUATION IN DEVELOPMENT PROCESS OF MORE USABLE WEB INFORMATION SYSTEM Gatis Vitols, Latvia University of Agriculture gatis.vitols@llu.lv;
More informationWML2.0 TUTORIAL. The XHTML Basic defined by the W3C is a proper subset of XHTML, which is a reformulation of HTML in XML.
http://www.tutorialspoint.com/wml/wml2_tutorial.htm WML2.0 TUTORIAL Copyright tutorialspoint.com WML2 is a language, which extends the syntax and semantics of the followings: XHTML Basic [ XHTMLBasic ]
More information5-Sep-16 Copyright 2016 by GemTalk Systems LLC 1
So far we have identified the specific Seaside messages to create particular HTML constructs in an adhoc manner as needed for particular features. Now we will attempt a more systematic approach by looking
More informationCanvas & Brush Reference. Source: stock.xchng, Maarten Uilenbroek
Canvas & Brush Reference Source: stock.xchng, Maarten Uilenbroek Canvas Hierarchy WACanvas WAHtmlCanvas WARenderCanvas WAStaticHtmlCanvas Brush Hierarchy WABrush WACompound WADateInput WATimeInput WATagBrush
More informationCOPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1
59313ftoc.qxd:WroxPro 3/22/08 2:31 PM Page xi Introduction xxiii Chapter 1: Creating Structured Documents 1 A Web of Structured Documents 1 Introducing XHTML 2 Core Elements and Attributes 9 The
More informationCOPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1
Introduction Chapter 1: Structuring Documents for the Web 1 A Web of Structured Documents 1 Introducing HTML and XHTML 2 Tags and Elements 4 Separating Heads from Bodies 5 Attributes Tell Us About Elements
More informationCPET 499/ITC 250 Web Systems. Topics
CPET 499/ITC 250 Web Systems Lecture on HTML and XHTML, Web Browsers, and Web Servers References: * Fundamentals of Web Development, 2015 ed., by Randy Connolly and Richard Hoar, from Pearson *Chapter
More informationChapter 2:- Introduction to XHTML. Compiled By:- Sanjay Patel Assistant Professor, SVBIT.
Chapter 2:- Introduction to XHTML Compiled By:- Assistant Professor, SVBIT. Outline Introduction to XHTML Move to XHTML Meta tags Character entities Frames and frame sets Inside Browser What is XHTML?
More informationTutorial 2 - HTML basics
Tutorial 2 - HTML basics Developing a Web Site The first phase in creating a new web site is planning. This involves determining the site s navigation structure, content, and page layout. It is only after
More informationHTML and CSS COURSE SYLLABUS
HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page
More informationName Related Elements Type Default Depr. DTD Comment
Legend: Deprecated, Loose DTD, Frameset DTD Name Related Elements Type Default Depr. DTD Comment abbr TD, TH %Text; accept-charset FORM %Charsets; accept FORM, INPUT %ContentTypes; abbreviation for header
More information<page> 1 Document Summary Document Information <page> 2 Document Structure Text Formatting <page> 3 Links Images <page> 4
Document Summary Document Information Document Structure Text Formatting Links Images Lists Forms Input Type Attributes Select Attributes Option Attributes Table Formatting Objects and iframes iframe Attributes
More informationDuke Library Website Preliminary Accessibility Assessment
Duke Library Website Preliminary Accessibility Assessment RAW OUTPUT FROM CYNTHIASAYS December 15, 2011 Michael Daul, Digital Projects Developer Digital Experience Services HiSoftware Cynthia Says - Web
More informationGo.Web Style Guide. Oct. 16, Hackensack Ave Hackensack, NJ GoAmerica, Inc. All rights reserved.
Go.Web Style Guide Oct. 16, 2000 www.goamerica.net 2000 GoAmerica, Inc. All rights reserved. 401 Hackensack Ave Hackensack, NJ 07601 888 462 4600 Go.Web Style Guide 2 Introduction Go.Web is GoAmerica s
More informationHTML Hyper Text Markup Language
HTML Hyper Text Markup Language Home About Services index.html about.html services.html Homepage = index.html site root index.html about.html services.html images headshot.jpg charlie.jpg A webpage built
More informationHTML Markup for Accessibility You Never Knew About
HTML Markup for Accessibility You Never Knew About David Epler dcepler@dcepler.net June 27, 2004 HTML Revisions HTML 2.0 November 1995 Base version everyone learned HTML 3.2 January 1997 Tried to reconcile
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationHTML Cheat Sheet for Beginners
HTML Cheat Sheet for Beginners HTML Cheat Sheet for Beginners Trying to remember every HTML element is like trying to remember all of your personal information, credit card, bank account numbers and your
More informationFAO Web Content Accessibility Guidelines
FO Web Content ccessibility Guidelines FO s ccessibility Guidelines have been derived from the W3C s Web Content ccessibility Guidelines (WCG), version 2.0, which have become an established standard for
More informationWeb Accessibility Checklist
Web Accessibility Checklist = Web Content Accessibility Guidelines published by the World Wide Web Consortium (W3C) 508 = Section 508 of the Rehabilitation Act = Both CATE and Moodle take care of the rule
More informationHTML. HTML is now very well standardized, but sites are still not getting it right. HTML tags adaptation
1 HTML HTML is now very well standardized, but sites are still not getting it right HTML tags adaptation HTML 2 HTML = HyperText Markup Language is used for the structural part of web pages Our strategy
More informationHTML CS 4640 Programming Languages for Web Applications
HTML CS 4640 Programming Languages for Web Applications 1 Anatomy of (Basic) Website Your content + HTML + CSS = Your website structure presentation A website is a way to present your content to the world,
More informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationSwiiit User Guide 03/09/2015
Swiiit User Guide 03/09/2015 Contents Getting Started... 4 Overview of Main Tools... 5 Webpages... 6 Main pages (Sections)... 6 Rearrange Sections... 6 Subpages... 7 Change the Title of a Webpage... 8
More informationCascading Style Sheet
Extra notes - Markup Languages Dr Nick Hayward CSS - Basics A brief introduction to the basics of CSS. Contents Intro CSS syntax rulesets comments display Display and elements inline block-level CSS selectors
More informationBeginning Web Programming with HTML, XHTML, and CSS. Second Edition. Jon Duckett
Beginning Web Programming with HTML, XHTML, and CSS Second Edition Jon Duckett Beginning Web Programming with HTML, XHTML, and CSS Introduction............................................... xxiii Chapter
More informationHow to set up a local root folder and site structure
Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where
More informationWeb Designing HTML5 NOTES
Web Designing HTML5 NOTES HTML Introduction What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages
More informationTraining Quick Steps Internet Explorer (v7) Settings. Adding Your URL as a Trusted Site
Adding Your URL as a Trusted Site In order to access PrognoCIS, you must add your URL as a Trusted Site, which will enable the Security Certificate to allow you to access the secured web site. Refer to
More informationLayout Manager - Toolbar Reference Guide
Layout Manager - Toolbar Reference Guide Working with a Document Toolbar Button Description View or edit the source code of the document (for advanced users). Save the contents and submit its data to the
More informationAdobe Dreamweaver CS4
Adobe Dreamweaver CS4 About Dreamweaver Whether creating simple blog pages complex web sites, Dreamweaver provides users with a powerful set of web-design tools necessary f the task. Its userfriendly interface
More informationWhite Paper. elcome to Nokia s WAP 2.0 XHTML browser for small devices. Advantages of XHTML for Wireless Data
elcome to Nokia s WAP 2.0 XHTML browser for small devices. Advantages of XHTML for Wireless Data Contents Introduction: WAP 2.0 is XHTML 2 XHTML Basic: Key Features and Capabilities 2 Well-Formed XML 3
More informationVisual Web Next Design Concepts. Winston Prakash Feb 12, 2008
Visual Web Next Design Concepts Winston Prakash Feb 12, 2008 Some Notations Used Page - A web page being designed such as HTML, JSP, JSF, PHP etc. Page definition Language (PDL) - Language that used to
More informationHTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html>
HTML BEGINNING TAGS HTML Structure Web page content Structure tags: Tags used to give structure to the document.
More informationSwitchboard. Creating and Running a Navigation Form
Switchboard A Switchboard is a type of form that displays a menu of items that a user can click on to launch data entry forms, reports, queries and other actions in the database. A switchboard is typically
More informationA Guide to Quark Author Web Edition 2015
A Guide to Quark Author Web Edition 2015 CONTENTS Contents Getting Started...4 About Quark Author - Web Edition...4 Smart documents...4 Introduction to the Quark Author - Web Edition User Guide...4 Quark
More informationWeb Development and Design Foundations with HTML5 8th Edition
Web Development and Design Foundations with HTML5 8th Edition Felke-Morris TEST BANK Full clear download (no formatting errors) at: Web Development and Design Foundations with HTML5 8th Edition Felke-Morris
More informationekaizen Lessons Table of Contents 1. ebook Basics 1 2. Create a new ebook Make Changes to the ebook Populate the ebook 41
Table of Contents 1. ebook Basics 1 2. Create a new ebook 20 3. Make Changes to the ebook 31 4. Populate the ebook 41 5. Share the ebook 63 ekaizen 1 2 1 1 3 4 2 2 5 The ebook is a tabbed electronic book
More informationDeccansoft Software Services
Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module
More informationGESTIONE DEL BACKGROUND. Programmazione Web 1
GESTIONE DEL BACKGROUND Programmazione Web 1 Background background-color opacity Immagini nel background background-image background-repeat background-posi:on background-a;achment Programmazione Web 2
More information1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014
1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationResponsive Web Design (RWD)
Responsive Web Design (RWD) Responsive Web Design: design Web pages, so that it is easy to see on a wide range of of devices phone, tablet, desktop,... Fixed vs Fluid layout Fixed: elements have fixed
More informationBasics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head
More information1.264 Lecture 12. HTML Introduction to FrontPage
1.264 Lecture 12 HTML Introduction to FrontPage HTML Subset of Structured Generalized Markup Language (SGML), a document description language SGML is ISO standard Current version of HTML is version 4.01
More informationIndependence Community College Independence, Kansas
Independence Community College Independence, Kansas C O N T E N T S Unit 1: Creating, Modifying, and Enhancing FrontPage Webs and Pages 1 Chapter 1 Investigating FrontPage 2002 3 Exploring World Wide Web
More informationGoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.
Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection
More informationSwiiit User Guide 09/11/2016
Swiiit User Guide 09/11/2016 Contents Getting Started... 4 Overview of Main Tools... 5 Webpages... 6 Main pages (Sections)... 6 Rearrange Sections... 6 Subpages... 7 Change the Title of a Webpage... 8
More informationSITE DESIGN & ADVANCED WEB PART FEATURES...
Overview OVERVIEW... 2 SITE DESIGN & ADVANCED WEB PART FEATURES... 4 SITE HIERARCHY... 4 Planning Your Site Hierarchy & Content... 4 Content Building Tools... 5 Pages vs Sites... 6 Creating Pages... 6
More informationACCESSIBLE DESIGN THEMES
WCAG GUIDELINES The Web Content Accessibility Guidelines (WCAG) has been made to guide the Web Content Developers and the Authoring Tools Developers in order to make the Web Content more accessible to
More informationDesign Importer User Guide
Design Importer User Guide Rev: 9 February 2012 Sitecore CMS 6.5 Design Importer User Guide How to import the design of an external webpage as a Sitecore layout or sublayout Table of Contents Chapter 1
More informationWord Processing for Dissertations
Word Processing for Dissertations Microsoft Office 2016 Word Processing for dissertations Contents: Steps in Writing a Dissertation... 2 Writing Dissertations on a PC... 3 Getting Started... 4 What is
More informationA Brief Introduction to HTML
A P P E N D I X HTML SuMMAry J A Brief Introduction to HTML A web page is written in a language called HTML (Hypertext Markup Language). Like Java code, HTML code is made up of text that follows certain
More informationWeb development using PHP & MySQL with HTML5, CSS, JavaScript
Web development using PHP & MySQL with HTML5, CSS, JavaScript Static Webpage Development Introduction to web Browser Website Webpage Content of webpage Static vs dynamic webpage Technologies to create
More informationENGAGEMENT SERVICES. Cengage YouBook: Instructor Guide for WebAssign. Accessing the Cengage YouBook: With the Cengage YouBook, you can:
ENGAGEMENT SERVICES Cengage YouBook: Instructor Guide for WebAssign The Cengage YouBook is an engaging and customizable ebook that lets you tailor a digital textbook to match the way you teach your course
More information1.7 Uniform Resource Identifiers and Domain Names 13 URIs and URLs 13 Domain Names 13
Chapter 1 Introduction to the Internet and World Wide Web 1 1.1 The Internet and the Web 2 The Internet 2 Birth of the Internet 2 Growth of the Internet 2 Birth of the Web 2 The First Graphical Browser
More informationElectronic Books. Lecture 6 Ing. Miloslav Nič Ph.D. letní semestr BI-XML Miloslav Nič, 2011
Electronic Books Lecture 6 Ing. Miloslav Nič Ph.D. letní semestr 2010-2011 BI-XML Miloslav Nič, 2011 Evropský sociální fond Praha & EU: Investujeme do vaší budoucnosti E-book Wikipedia: An electronic book
More informationPortia Documentation. Release Scrapinghub
Portia Documentation Release 2.0.8 Scrapinghub Nov 10, 2017 Contents 1 Installation 3 1.1 Docker (recommended)......................................... 3 1.2 Vagrant..................................................
More informationInternet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.:
Internet publishing HTML (XHTML) language Petr Zámostný room: A-72a phone.: 4222 e-mail: petr.zamostny@vscht.cz Essential HTML components Element element example Start tag Element content End tag
More information13.8 How to specify alternate text
13.8 How to specify alternate text Attribute definitions alt = text [p.50] [CS] [p.49] For user agents that cannot display images, forms, or applets, this attribute specifies alternate text. The language
More informationSymbols INDEX. !important rule, rule, , 146, , rule,
Symbols!important rule, 209 @import rule, 140-144, 146, 155-156, 157 @media rule, 155-156 A element. See anchors abbr attribute, 36-37 element, 87, 90-91 absolute positioning, 177, 178, 182,
More informationProgramming of web-based systems Introduction to HTML5
Programming of web-based systems Introduction to HTML5 Agenda 1. HTML5 as XML 2. Basic body elements 3. Text formatting and blocks 4. Tables 5. File paths 6. Head elements 7. Layout elements 8. Entities
More informationCSS (CASCADING STYLE SHEETS) LAYOUT: INTRODUCTION ON PAGE BACKGROUNDS. By Ted Mitchell
CSS (CASCADING STYLE SHEETS) LAYOUT: INTRODUCTION ON PAGE BACKGROUNDS By Ted Mitchell CSS IS USED TO CREATE BOXES ON/IN THE PAGE THAT ARE POSITIONED IN CERTAIN PLACES AND GIVEN STYLES OR CHARACTERISTICS
More informationver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^
Betsy Bruce John Ray Robyn Ness Sams Teach Yourself Adobe Wfl lif ver W ^msssi^ mm WlM ^lg^ SAMS 800 East 96th Street, Indianapolis, Indiana, 46240 USA Table of Contents Introduction What Is Dreamweaver
More informationGuidance for display and implementation of the Unistats widget (2018)
Guidance for display and implementation of the Unistats widget (2018) Deadline for update of Unistats widgets You will need to ensure that your widgets reflect the KISCOURSEIDs used in your 2018 Unistats
More informationTips & Tricks Making Accessible MS Word Documents
Use Headings Why? Screen readers do not read underline and bold as headings. A screen reader user will not know that text is a heading unless you designate it as such. When typing a new section heading,
More informationWeb Content Accessibility Guidelines 2.0 level AA Checklist
Web Content Accessibility Guidelines 2.0 level AA Checklist Date: April, 2016 Name of Product: SoftChalk Create 10 (both desktop and cloud web-launch versions) Contact for more information: email: help@softchalk.com
More informationHtml basics Course Outline
Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and
More informationTABLE OF CONTENTS TABLE OF CONTENTS... 1 INTRODUCTION... 2 USING WORD S MENUS... 3 USING WORD S TOOLBARS... 5 TASK PANE... 9
TABLE OF CONTENTS TABLE OF CONTENTS... 1 INTRODUCTION... 2 USING WORD S MENUS... 3 DEFINITIONS... 3 WHY WOULD YOU USE THIS?... 3 STEP BY STEP... 3 USING WORD S TOOLBARS... 5 DEFINITIONS... 5 WHY WOULD
More informationWCAG 2.0 Checklist. Perceivable Web content is made available to the senses - sight, hearing, and/or touch. Recommendations
WCAG 2.0 Checklist Perceivable Web content is made available to the senses - sight, hearing, and/or touch Guideline 1.1 Text Alternatives: Provide text alternatives for any non-text content Success Criteria
More informationPrimo November 2016 Highlights
Primo November 2016 Highlights Introduction This guide summarizes the various enhancements and changes that are new for the November 2016 release of Primo. For information regarding defect fixes, see Release
More informationMicrosoft Access 2013
Microsoft Access 2013 Chapter 1 Databases and Database Objects: An Introduction Objectives Describe the features of the Access window Create a database Create tables in Datasheet and Design views Add records
More informationStart Mail Merge Step by Step Mail Merge Wizard messages
Mail Merge One of the most important pieces of a Mail Merge is your list of recipients along with their corresponding email addresses. When you are collecting email addresses, make sure that they are valid
More informationAdobe Dreamweaver CS5 Tutorial
Adobe Dreamweaver CS5 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout,
More informationGoogle Sites 101. Mrs. Wilson
Google Sites 101 Mrs. Wilson Google Sites 101 Create a site 1. Go to http://sites.google.com/ 2. Login with your Google Account [or Google Apps account] email address and password You can create a Google
More informationBy Ryan Stevenson. Guidebook #2 HTML
By Ryan Stevenson Guidebook #2 HTML Table of Contents 1. HTML Terminology & Links 2. HTML Image Tags 3. HTML Lists 4. Text Styling 5. Inline & Block Elements 6. HTML Tables 7. HTML Forms HTML Terminology
More informationOrgPublisher Photos, Logos, and Legends
OrgPublisher Photos, Logos, and Legends Table of Contents Table of Contents Photos... 3 Inserting Photos... 3 Photo Wait Time... 5 Logos... 7 Adding a Logo... 7 Adding a Background Image... 8 Legends...
More informationChancellor s Office Information Technology Services Corporate Information Management FIRMS Budget Review Hyperion Process
Step Open Internet Explorer and type in the following URL: http://peterson.calstate.edu:8080/hyperion/browse/login The Hyperion Login screen will display. Enter your User Id and Password > click on the
More informationNintex Reporting 2008 Help
Nintex Reporting 2008 Help Last updated: Thursday, 24 December 2009 1 Using Nintex Reporting 2008 1.1 Chart Viewer Web Part 1.2 Importing and Exporting Reports 1.3 Import Nintex report page 1.4 Item Level
More informationSoftChalk 10. Level 1. University Information Technology Services. Learning Technologies, Training, Audiovisual, and Outreach
SoftChalk 10 Level 1 University Information Technology Services Learning Technologies, Training, Audiovisual, and Outreach Copyright 2018 KSU Division of University Information Technology Services This
More informationGuideline 1.2 Time-based Media: Provide alternatives for time-based media Success Criteria Recommendations Met
Perceivable Web content is made available to the senses - sight, hearing, and/or touch Guideline 1.1 Text Alternatives: Provide text alternatives for any non-text content 1.1.1 Nontext Content All images,
More informationHow to Upgrade Your Site to the New User Interface
How to Upgrade Your Site to the New User Interface Site Administrators can preview their existing site in the new user interface. We recommend that you do this first to make sure that all of the elements
More information