Why Conceptual Modeling?

Slides:



Advertisements
Similar presentations
Adaptive Hypermedia Content Authoring using MOT3.0 Jonathan G. K. Foss Dr. Alexandra I. Cristea.
Advertisements

Session 3: Setting Up and Managing a Course - Supports for staff.
Web Accessibility Guidelines Office of Web Services January 2012.
CHAPTER 7 STYLING CONTENT WITH CASCADING STYLE SHEETS.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Cascading Style Sheets CSS. What is it? Another file format ! its not like html Describes the looks of “selectors” in a.css file (example.css) in the.
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
Dana Marlowe Accessibility Partners Accessibility Partners © Not to be reproduced without permission. 1 Giving a Picture 1000 Words: Accessibility.
Powerpoint Templates Page 1 Powerpoint Templates Let’s Build a Website by Sybil Prince Nelson.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
River Campus Libraries Find Articles A Web Redesign for ENCompass David Lindahl Web Initiatives Manager River Campus Libraries University of Rochester.
Phillips Andover Academy 2/23/2006 – 4:00-5:00 Darek Sady Blackboard Learning System (Release 6.3) e-Portfolios.
PBA Front-End Programming Development Organisation.
Jiří Balej, Martin Podborský, Petra Čačková.  Tools, which enables to produce content without source code knowledge  Text document ◦ MS Word/OO Writer.
Creating and publishing accessible course materials Practical advise you can replicate.
Basics of HTML.
Creating Tables in a Web Site Using an External Style Sheet
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
XP 1 HTML: The Language of the Web A Web page is a text file written in a language called Hypertext Markup Language. A markup language is a language that.
School World Mr. Folk, MS Teacher & Campus’ Webmaster Metzger Middle School.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Americans with Disabilities Act (ADA): Compliance on the University Libraries Web Portal John Pardavila Library Systems May 29, 2013.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
What about Chapter 7?. What is the usability process? Tyldesley’s 22 possible Measurement Criteria Let’s focus on usability–A usability initiative needs.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
© 2011 Delmar, Cengage Learning Chapter 12 Creating and Using Templates.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Web Development Process The Site Development Process Site Construction is one of the last steps.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Content Management System/ Web Quality Initiative Administrative Departments.
Writing and Editing Content for the World Wide Web Tips for writing successful web content Shan Osborn.
Chapter 8 Work reengineering and conceptual design.
AGB 3/26/121 ++=. 2 Yes, believe it or not this is a complete webpage. It has a Head, Title and Body between the start and end HTML Tag.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
A wiki is a collaborative web application which allows people to add and edit content using a browser… …it creates communities and empowers users as they.
Chapter 8 Work Reengineering and Conceptual Design.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Working with your migrated content. Tabs and Topics.
Unit 15 – Web Authoring Web Authoring Project.
Philosopher’s Index Manual
MIT 511- Web Design & Usability
Getting Started with CSS
About.
Lecture 4 Web Design. Part 1.
Many Factors Affect Learning
A11yFirst for CKEditor Support Creation of Accessible Web Documents
del.icio.us: A Simple Extension to Science Subject Research Guides
Template library tool and Kestrel training
Team Covalence TED LI COURTNEY NOH LOGAN SHORT EMMA TOWNLEY-SMITH.
Amazing Ways to Improve Your Website Usability
Mendeley.
Creating a Successful Web Presence
Fast, free, fun Weebly web sites.
INTRODUCTION TO INFORMATION ARCHITECTURE
Unit 1 The Web Book Test.
Ops Hub SQL Builder Library
Emily Grotta & Susan Harris Last Updated: May 3, 2018
HTML Structure.
Basic Web Page Creation
HyperText Markup Language
Discover Google Docs The link to the presentation in case sensitive... Discover Google Docs
WJEC GCSE Computer Science
CS7026: Authoring for Digital Media
Together we are Advancing Infrastructure
USING CONFLUENCE AS YOUR CMS
Alabama Crash Report Form
Presentation transcript:

Why Conceptual Modeling? Lightning Talk: Library Research Showcase 2016 Why Conceptual Modeling? A Case Study of A11y First Text Editor This presentation reports how conceptual modeling can be used in building a text editor in order to ensure accessibility in the practice of content authors. The conceptual modeling process supports development of systems users easily understand, and it establishes terms naming objects, actions and attributes designers agree upon. JaEun Ku, PhD

Project: A11y First Text Editor Lightning Talk: Library Research Showcase 2016 Project: A11y First Text Editor “Provide desired writing practices for authors while the practices ensure accessibility and usability” Project Website https://publish.illinois.edu/a11yfirst/

Conceptual Model A Model for Users’ Mental Models Lightning Talk: Library Research Showcase 2016 Conceptual Model A Model for Users’ Mental Models Focused on the task domains Operative design mantra is “Less is More” Conceptual model should map closely to user’s task domain – Task domain is what authors want to do and think about doing it -add paragrah, delete link, copy paragraph, add labels What is the naturally ways user thinks about what they want or need to do. What applicaiotn is for. Objects Actions Attributes Heading Paragraph List/Image Cut/Copy/Paste Undo/Redo Bold/Italic/Underlined/Font color

Conceptual Models in Authoring Tools Lightning Talk: Library Research Showcase 2016 Conceptual Models in Authoring Tools OneNet Text Editor A11y First Editor University of Illinois Library MS word Online HTML Editor Online HTML Editor + Author’s Conceptual Model + Web Accessibility

User Interface(UI) Modification CKEditor UI A11y First Text Editor UI (v.2.1.3)

Why Conceptual Modeling? Lightning Talk: Library Research Showcase 2016 Why Conceptual Modeling? Syncs authors’ mental model to text editor’s design, which helps to make a consistent and coherent authoring tool Win-Win situation: The author comes to have a clear model of content creation and the text editor ensures web accessibility Reduce need to correct problems and save development resources