shift from the page Bill Scott Yahoo! Ajax Evangelist

Size: px
Start display at page:

Download "shift from the page Bill Scott Yahoo! Ajax Evangelist"

Transcription

1 shift from the page Bill Scott Yahoo! Ajax Evangelist

2 background. 2

3 developer.yahoo.com/ypatterns

4 surfacing a vocabulary.

5 current patterns. Breadcrumbs. Module Tabs. Navigation Tabs. Auto Complete. Pagination. Item Pagination. Search Pagination. Ratings and Reviews. Architecture of a Review. Rating an Object. Writing a Review. Drag and Drop. Drag and Drop Modules. Transition. Dim. Brighten. Cross Fade. Contract. Expand. Fade In. Fade Out. Move. Self- Healing. Slide. Highlight. Invitation. Cursor Invitation. Drop Invitation. Tool Tip Invitation. Hover Invitation.

6 rich patterns. Drag and Drop. Drag and Drop Modules. In Page Editing. In Page Custom Editing. Direct State Editing. Grid Cell Editing. Inline Custom Editing. Inline Tag Editing. Popup Custom Editing. Slide-out Custom Editing. Inline Text Editing. Persistent Portals. Inline Reordering. Indication. Busy Indication. Cursor Busy. In Context Busy. In Context Progress. Inline Status. Auto Complete. Balloon Error Tip. Deferred Content Loading. Dynamic Goal. Narrowing Choices. Refining Search. Live Search. Dynamic Filter. Invitation. Cursor Invitation. Drop Invitation. Tool Tip Invitation. Hover Invitation. Detail Zoom. Opacity Focus. Configurable Module - Faceplate. Configurable Module - Flip It. Configurable Module - Inline Configure. Configurable Module - Slide Out Drawer. Slide Out. Flip. Opacity Fade. Endless Scrolling. Expandable Paging Boundary. Fresh Content. Hover Detail. In Place Drill Down. Inline Assistant. Inline Validation. Validate Then Suggest. On Demand Refresh. Periodic Refresh. Resizable Modules. Scrolling Modules. Auto Save. In Context Tools. Remembered Collection. Remembered Preferences. Auto Form Fill. Rating an Object. Transition. Brighten Transition. Cross Fade Transition. Dim Transition. Expand Transition. Fade In Transition. Fade Out Transition. Flip Transition. Move Transition. Self-Healing Transition. Collapse Transition. Slide Transition. Rich Internet Object. Available. Selected. Identifiable Object.

7 classic model. rich model. My Profile Http Response Photo Name Gender Name Gender Age Age Joe Smith Male 27 Submit Edit Http Request Server My Profile Name Gender Age Joe Tim Smith Jones Male 27 XHR Object Server Save

8 interaction. feedback. information. Interaction page Info Info Feedback refresh boundary

9 information relevant. enables richness. Interaction Feedback Info

10 design principles

11 shift. to event granularity. submit hyperlink mouseout hover keypress keydown mousedown drop filter choices mouseup drag click select focus blur resize move timeout

12 principle. make it direct. pattern. drag and drop. pattern. inline editing. pattern. in-context tools.

13

14 shift. to lightweight events. ok heavy click-weight light-weight actions

15 principle. keep a light footprint. pattern. in page action. pattern. rating an object. pattern. remembered collection.

16 shift. to flow within the page classic flow across pages rich flow within page

17 principle. cross borders reluctantly. pattern. on-demand scrolling. pattern. in-context expand. pattern. inline assistant. pattern. hover details. pattern. lightweight popup + lightbox

18

19 key principle Interaction Prefer direct, lightweight, in-page interaction.

20 shift. to immediacy. page Interaction Interaction Info Info Feedback Feedback refresh boundary Info

21 principle. give live feedback. pattern. live suggest. pattern. periodic refresh. pattern. auto complete. pattern. busy indicator. pattern. live previews.

22

23 shift. to deeper interaction. desktop hover blur focus click key shiftclick doubleclick drag dragdrop dragflipdrop shiftdoubleclick tripleclick shifttripleclick hover blur focus click key shiftclick doubleclick drag dragdrop dragflipdrop shiftdoubleclick tripleclick shifttripleclick web hover blur focus click key shiftclick doubleclick drag dragdrop hover blur focus click key shiftclick doubleclick drag dragdrop

24 principle. offer an invitation. pattern. hover invitation. pattern. drop invitation. pattern. tour invitation. pattern. tooltip invitation + hover invitation + cursor invitation.

25

26 shift. to multiple happenings. page-based transitions multiple transitions, single page

27 principle. show transitions. pattern. zoom box. pattern. fade transition + self-healing transition. pattern. slide + animate. pattern. spotlight.

28 What you can communicate Speed up time Slow down time Show state change Show relationships between objects Focus attention

29 key principle Feedback Provide invitations beforehand, transitions during, and feedback after interaction

30 shift. to rich objects. page objects

31 principle. think in objects. pattern. Shareable Object.

32 key principle Info Think in terms of the user s mental model and their primary goals

33 key principles Prefer direct, lightweight, in-page interaction. Provide invitations beforehand, transitions during, and feedback after interaction. Think in terms of the user s mental model and their primary goals.

34 pattern library. yahoo! blog. my blog. this presentation. developer.yahoo.com/ypatterns yuiblog.com looksgoodworkswell.com billwscott.com/share/presentations/shift/

language of patterns.

language of patterns. language of patterns. classic model. rich model. My Profile Http Response Photo Name Gender Name Gender Age Age Joe Smith Male 27 Submit Edit Http Request Server My Profile Name Gender Age Joe Tim Smith

More information

designing for ajax Bill Scott Yahoo! Ajax Evangelist

designing for ajax Bill Scott Yahoo! Ajax Evangelist designing for ajax Bill Scott Yahoo! Ajax Evangelist b.scott@yahoo.com background. 2 developer.yahoo.com/ypatterns surfacing a vocabulary. current patterns. Breadcrumbs. Module Tabs. Navigation Tabs. Auto

More information

developer.yahoo.com/ypatterns

developer.yahoo.com/ypatterns designing for ajax background. 2 developer.yahoo.com/ypatterns current patterns. Breadcrumbs. Module Tabs. Navigation Tabs. Auto Complete. Pagination. Item Pagination. Search Pagination. Ratings and Reviews.

More information

Interaction Design. Section 2. Patterns & Principles for Rich Interaction Design. Dave Malouf & Bill W. Scott

Interaction Design. Section 2. Patterns & Principles for Rich Interaction Design. Dave Malouf & Bill W. Scott Section 2 Interaction Design Patterns & Principles for Rich Interaction Design Principles and Patterns for Designing Rich Internet Applications Dave Malouf & Bill W. Scott UI11 Conference October 2006

More information

rich model. Server Server Response Http Request XHR Object Http My Profile My Profile Joe Smith Male 27 Name Gender Gender Age Age Male 27 Age Save

rich model. Server Server Response Http Request XHR Object Http My Profile My Profile Joe Smith Male 27 Name Gender Gender Age Age Male 27 Age Save designing for ajax classic model. rich model. My Profile Http Response Photo Name Gender Name Gender Age Age Joe Smith Male 27 Submit Edit Http Request Server My Profile Name Gender Age Joe Tim Smith Jones

More information

Designing for Ajax. Principles and Patterns for Designing Rich Internet Applications. Bill W. Scott, Y! Ajax Evangelist.

Designing for Ajax. Principles and Patterns for Designing Rich Internet Applications. Bill W. Scott, Y! Ajax Evangelist. Principles and Patterns for Designing Rich Internet Applications Bill W. Scott, Y! Ajax Evangelist bscott@yahoo-inc.com Background Games, research, science, military, biz Apps, frameworks, widget sets

More information

Designing for Ajax. Principles and Patterns for Designing Rich Internet Applications. Bill W. Scott, Y! Ajax Evangelist.

Designing for Ajax. Principles and Patterns for Designing Rich Internet Applications. Bill W. Scott, Y! Ajax Evangelist. Principles and Patterns for Designing Rich Internet Applications Bill W. Scott, Y! Ajax Evangelist bscott@yahoo-inc.com Richness What is richness? Patterns Intro to patterns & the Yahoo! Pattern Library

More information

RIA Patterns. Best Practices for Common Patterns of Rich Interaction. Bill Scott Yahoo! Ajax Evangelist

RIA Patterns. Best Practices for Common Patterns of Rich Interaction. Bill Scott Yahoo! Ajax Evangelist RIA Patterns Best Practices for Common Patterns of Rich Interaction Bill Scott Yahoo! Ajax Evangelist b.scott@yahoo.com Origin of Patterns A Pattern Language, Alexander, 1977 Dissatisfied with sterile,

More information

Usability. Daniela Rosner. Web Architecture, October 9, School of Information UC Berkeley

Usability. Daniela Rosner. Web Architecture, October 9, School of Information UC Berkeley Usability Daniela Rosner Web Architecture, 290-03 October 9, 2007 School of Information UC Berkeley Outline Introduction what is usability Best Practices common solutions Design Patterns shared languages

More information

of numbers, converting into strings, of objects creating, sorting, scrolling images using, sorting, elements of object

of numbers, converting into strings, of objects creating, sorting, scrolling images using, sorting, elements of object Index Symbols * symbol, in regular expressions, 305 ^ symbol, in regular expressions, 305 $ symbol, in regular expressions, 305 $() function, 3 icon for collapsible items, 275 > selector, 282, 375 + icon

More information

Installation & User Guide

Installation & User Guide Copyright 2010-2017 Cotek Systems Inc. All rights reserved. Corporate Headquarters 3722 Pleasantdale Rd Ste 6 Atlanta, GA 30340 USA Sales Support Please be patient while waiting for response. (24/7 Support!)

More information

The Photo Gallery. Adding a Photo Gallery Page. Adding a Photo Gallery App

The Photo Gallery. Adding a Photo Gallery Page. Adding a Photo Gallery App Adding a Photo Gallery Page The Photo Gallery Above the Summary tab, in the list of Current Pages, click on the New Page button. Choose Photo Gallery from the Available Page Types. Give the page a name.

More information

Color Swatches Pro. Magento Extension User Guide. Official extension page: Color Swatches Pro. User Guide: Color Swatches Pro

Color Swatches Pro. Magento Extension User Guide. Official extension page: Color Swatches Pro. User Guide: Color Swatches Pro Color Swatches Pro Magento Extension User Guide Official extension page: Color Swatches Pro Page 1 Table of contents: 1. How to upload images for attributes... 3 2. General Settings....... 7 3. Price Settings.11

More information

WordPress How to Create a Simple Image Slider with the New RoyalSlider

WordPress How to Create a Simple Image Slider with the New RoyalSlider WordPress How to Create a Simple Image Slider with the New RoyalSlider Last update: 2/20/2013 WARNING: DO NOT USE INTERNET EXPLORER you can use Firefox, Chrome, or Safari but the editing screens do not

More information

OrgPublisher 10.1 End User Help

OrgPublisher 10.1 End User Help OrgPublisher 10.1 End User Help Table of Contents OrgPublisher 10.1 End User Help Table of Contents Making the Chart Work for You... 5 Working with a PluginX chart... 6 How to Tell if You're Working with

More information

Creating Visually Appealing Documents. Word Module 2. Diocese of St. Petersburg Office of Training

Creating Visually Appealing Documents. Word Module 2. Diocese of St. Petersburg Office of Training Creating Visually Appealing Documents Word 2010 Module 2 Diocese of St. Petersburg Office of Training Training@dosp.org Diocese of St. Petersburg 0 9/5/2014 This Page Left Intentionally Blank Diocese of

More information

Professional Edition Tutorial: Basic Excel

Professional Edition Tutorial: Basic Excel Professional Edition Tutorial: Basic Excel Pronto, Visualizer, and Dashboards 2.0 Documentation Release 3/29/2017 i Copyright 2015-2017 Birst, Inc. Copyright 2015-2017 Birst, Inc. All rights reserved.

More information

Merging Ajax and Accessibility

Merging Ajax and Accessibility Merging Ajax and Accessibility Mark Meeker Architect, Orbitz Worldwide The Ajax Experience San Francisco - July 27, 2007 Merging Ajax and Accessibility - 1 Mark Meeker Architect, UI Engineering Orbitz

More information

Skyway Builder Web Control Guide

Skyway Builder Web Control Guide Skyway Builder Web Control Guide 6.3.0.0-07/21/2009 Skyway Software Skyway Builder Web Control Guide: 6.3.0.0-07/21/2009 Skyway Software Published Copyright 2009 Skyway Software Abstract TBD Table of

More information

Status Bar: Right click on the Status Bar to add or remove features.

Status Bar: Right click on the Status Bar to add or remove features. Excel 2013 Quick Start Guide The Excel Window File Tab: Click to access actions like Print, Save As, etc. Also to set Excel options. Ribbon: Logically organizes actions onto Tabs, Groups, and Buttons to

More information

Step 1: Add New Tooltip Module

Step 1: Add New Tooltip Module Live Tooltip Module is a module that allows pop-ups on the website. This module when added to the web page is only viewable by the editor of the webpage when logged in. Step 1: Add New Tooltip Module Hover

More information

Astra Scheduling Grids

Astra Scheduling Grids Astra Scheduling Grids To access the grids, click on the Scheduling Grids option from the Calendars tab. A default grid will be displayed as defined by the calendar permission within your role. Choosing

More information

APPLICATION DEVELOPMENT CHALLENGE

APPLICATION DEVELOPMENT CHALLENGE APPLICATION DEVELOPMENT CHALLENGE 19-22 June 2017 POWERFUL PROTOTYPES, WITHOUT CODING Create simple click-through diagrams or highly functional, rich prototypes with conditional logic, dynamic content,

More information

Use this document to quickly review the steps needed to get the most out of your Gmail account.

Use this document to quickly review the steps needed to get the most out of your Gmail account. The How to Dos of Gmail Overview Page 1 Gmail offers tremendous functionality to make your email easier to use. This job aid provides the step-by-step instructions that are presented at the end of every

More information

FrontPage 2000 Tutorial -- Advanced

FrontPage 2000 Tutorial -- Advanced FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right

More information

NC User Conference Tips and Tricks for SAS FM June 16, 2009

NC User Conference Tips and Tricks for SAS FM June 16, 2009 NC User Conference Tips and Tricks for SAS FM June 16, 2009 Reporting 1. CDA Formula (Formatted Statement): To switch out the cell reference for the hardcoded member or dim name, you can go into the formula

More information

QRG: Using the WYSIWYG Editor

QRG: Using the WYSIWYG Editor WYSIWYG Editor QRG: Using the WYSIWYG Editor WYSIWYG stands for What You See Is What You Get. The WYSIWYG Editor is the reason you don t need to be an IT Programmer to write content for your web page.

More information

Important installation note Back to Top. Homepage Overview Back to Top

Important installation note Back to Top. Homepage Overview Back to Top Inspire: Important installation note Back to Top After installing and activating the theme, you need to navigate to Settings > Permalinks and click on the Save Changes button, even if you haven t made

More information

Creating a Book Trailer with Windows Live Movie Maker. A book trailer is different than a book talk. A book trailer

Creating a Book Trailer with Windows Live Movie Maker. A book trailer is different than a book talk. A book trailer Tutorial 4.3 Creating a Book Trailer with Windows Live Movie Maker A book trailer is different than a book talk. A book trailer mimics a movie trailer by portraying highlights from the plot using video

More information

[Not for Circulation] This document provides a variety of shortcuts for working in PowerPoint 2007.

[Not for Circulation] This document provides a variety of shortcuts for working in PowerPoint 2007. PowerPoint Shortcuts This document provides a variety of shortcuts for working in PowerPoint 2007. Using Slides from Other Presentations To add a slide from an existing presentation to the current presentation,

More information

QRG: Adding Images, Files and Links in the WYSIWYG Editor

QRG: Adding Images, Files and Links in the WYSIWYG Editor QRG: Adding Images, Files and Links in the WYSIWYG Editor QRG: Adding Images, Files and Links in the WYSIWYG Editor... 1 Image Optimisation for Web use:... 2 Add an Image... 2 Linking to a File... 4 Adding

More information

Professional Course in Web Designing & Development 5-6 Months

Professional Course in Web Designing & Development 5-6 Months Professional Course in Web Designing & Development 5-6 Months BASIC HTML Basic HTML Tags Hyperlink Images Form Table CSS 2 Basic use of css Formatting the page with CSS Understanding DIV Make a simple

More information

Creating a Presentation

Creating a Presentation Creating a Presentation 1.1 Double Click the PowerPoint icon on the desktop Or Click on the start menu Type PowerPoint into the search box Click on the PowerPoint icon 1.2 Click Blank Presentation 1 How

More information

ESD Website Tutorial 1: Basic Editing. Please login to our NEW website:

ESD Website Tutorial 1: Basic Editing. Please login to our NEW website: ESD Website Tutorial 1: Basic Editing Please login to our NEW website: www.estacada.k12.or.us 1 Finding Your Login: 1) Go to your school website and log in at the top of the page 2) Log in with the same

More information

Prototyping the Rich Web Experience. Bill Scott Yahoo! Ajax Evangelist

Prototyping the Rich Web Experience. Bill Scott Yahoo! Ajax Evangelist Prototyping the Rich Web Experience Bill Scott Yahoo! Ajax Evangelist b.scott@yahoo.com 1 stuff i ve done 2 prototyping Have been involved with prototyping for a number of years Last summer wrote a quick

More information

Starting Your SD41 Wordpress Blog blogs.sd41.bc.ca

Starting Your SD41 Wordpress Blog blogs.sd41.bc.ca Starting Your SD41 Wordpress Blog blogs.sd41.bc.ca The web address to your blog starts with blogs.sd41.bc.ca/lastnamefirstinitial (eg. John Smith s blog is blogs.sd41.bc.ca/smithj) All work is done in

More information

Word 2013 Quick Start Guide

Word 2013 Quick Start Guide Getting Started File Tab: Click to access actions like Print, Save As, and Word Options. Ribbon: Logically organize actions onto Tabs, Groups, and Buttons to facilitate finding commands. Active Document

More information

PowerPoint Basics. Objectives. PowerPoint Basics. Just what are we trying to do with this software anyway?

PowerPoint Basics. Objectives. PowerPoint Basics. Just what are we trying to do with this software anyway? PowerPoint Basics 1. Presentation basics 2. Creating your title slide 3. Adding new slides 4. Adding bulleted text 5. Changing slide layouts 6. Inserting clip art and images 7. Hyper linking to other slides,

More information

Table of contents. Sliding Billboard DMXzone.com

Table of contents. Sliding Billboard DMXzone.com Table of contents About Sliding Billboard... 2 Features in Detail... 3 Before you begin... 11 Installing the extension... 11 The Basics: Creating a Simple Sliding Billboard Introduction... 12 Advanced:

More information

11.1 Create Speaker Notes Print a Presentation Package a Presentation PowerPoint Tips... 44

11.1 Create Speaker Notes Print a Presentation Package a Presentation PowerPoint Tips... 44 Contents 1 Getting Started... 1 1.1 Presentations... 1 1.2 Microsoft Office Button... 1 1.3 Ribbon... 2 1.4 Mini Toolbar... 2 1.5 Navigation... 3 1.6 Slide Views... 4 2 Customize PowerPoint... 5 2.1 Popular...

More information

Center for Faculty Development and Support Making Documents Accessible

Center for Faculty Development and Support Making Documents Accessible Center for Faculty Development and Support Making Documents Accessible in Word 2007 Tutorial CONTENTS Create a New Document and Set Up a Document Map... 3 Apply Styles... 4 Modify Styles... 5 Use Table

More information

Nero MediaHome Manual

Nero MediaHome Manual Table of Content 1. Start Successfully... 5 1.1. About the Application... 5 1.2. Versions and System Requirements... 5 2. Working With the Program... 7 2.1. Header... 7 2.2. Library Management and Options...

More information

Work Smart: Windows 7 New Features

Work Smart: Windows 7 New Features About Windows 7 New Features The Windows 7 operating system offers several new features to help you work faster and more efficiently, and enable you to access the files, folders, programs, and applications

More information

Astra Scheduling Grids

Astra Scheduling Grids Astra Scheduling Grids To access the grids, click on the Scheduling Grids option from the Calendars tab. A default grid will be displayed as defined by the calendar permission within your role. Choosing

More information

Advanced PowerPoint Skills

Advanced PowerPoint Skills Table of Contents Advanced PowerPoint Skills 1 Applying the Dim Feature... 2 Adding Sound... 5 Adding Video... 7 Hyperlinks... 8 Linking to a place in the same document... 8 Linking to a different document...

More information

New Visual Design for IRON HQ Release Notes

New Visual Design for IRON HQ Release Notes New Visual Design for IRON HQ Release Notes Based on customer feedback, NetSuite, our platform for HQ, has improved key areas of the user interface including readability, navigation, data entry, and dashboard

More information

Numbers Basics Website:

Numbers Basics Website: Website: http://etc.usf.edu/te/ Numbers is Apple's new spreadsheet application. It is installed as part of the iwork suite, which also includes the word processing program Pages and the presentation program

More information

MICROSOFT POWERPOINT 2016 Quick Reference Guide

MICROSOFT POWERPOINT 2016 Quick Reference Guide MICROSOFT POWERPOINT 2016 Quick Reference Guide PowerPoint What is it? What s new in PowerPoint 2016? PowerPoint is a computer program that allows you to create, edit and produce slide show presentations.

More information

2. This tutorial will teach you the basics of PowerPoint and how to hyperlink and embed (insert) videos into your PowerPoint.

2. This tutorial will teach you the basics of PowerPoint and how to hyperlink and embed (insert) videos into your PowerPoint. 37 Creating Your Own PowerPoint for Macintosh and PC Computers and unitedstreaming Video Clips Tutorial created using PowerPoint 2000. This tutorial will work with similar images, messages, and navigation

More information

Center for Faculty Development and Support Creating Powerful and Accessible Presentation

Center for Faculty Development and Support Creating Powerful and Accessible Presentation Creating Powerful and Accessible Presentation PowerPoint 2007 Windows Tutorial Contents Create a New Document... 3 Navigate in the Normal View (default view)... 3 Input and Manipulate Text in a Slide...

More information

Pages are static content, generally linked in your navigation. They are used for things like your about page and contact page.

Pages are static content, generally linked in your navigation. They are used for things like your about page and contact page. North Star Marketing Client : The Guthrie Group Deliverable : Website Training +++ LOGGING IN AND OUT +++++++++ 1. Go to http://tgg.northstarmarketing.com/wp admin/. This is the address for the staging

More information

Toufee Banner Rotator User Guide

Toufee Banner Rotator User Guide Toufee Banner Rotator User Guide Toufee Banner Rotator User Guide Page 1 Table of Contents Launching Banner Rotator 3 Adding Images 3 Customizing the Banner Rotator 5 Publishing the Video Publishing on

More information

Hell is other browsers - Sartre. The touch events. Peter-Paul Koch (ppk) DIBI, 28 April 2010

Hell is other browsers - Sartre. The touch events. Peter-Paul Koch (ppk)   DIBI, 28 April 2010 Hell is other browsers - Sartre The touch events Peter-Paul Koch (ppk) http://quirksmode.org http://twitter.com/ppk DIBI, 28 April 2010 The desktop web Boring! - Only five browsers with only one viewport

More information

Comcast Store Campaign Planning 2.0 Phase 1 & 2 - Quick Start Guide. Last Updated: 7/5/16

Comcast Store Campaign Planning 2.0 Phase 1 & 2 - Quick Start Guide. Last Updated: 7/5/16 Comcast Store Campaign Planning 2.0 Phase 1 & 2 - Quick Start Guide Last Updated: 7/5/16 TABLE OF CONTENTS OVERVIEW & ACCESS.3 GLOBAL GRIDS 4-5 BROWSE ALL PLANS 6 PLAN DETAILS VIEW.7 MASS EDIT 8 WORKFLOW

More information

Esri Story Maps let you combine authoritative maps with narrative text, images, and multimedia

Esri Story Maps let you combine authoritative maps with narrative text, images, and multimedia Geoinformation and Sectoral Statistics Section (GiSS) Story Maps Esri Story Maps let you combine authoritative maps with narrative text, images, and multimedia content. They make it easy to harness the

More information

Keynote 08 Basics Website:

Keynote 08 Basics Website: Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages and the spreadsheet program

More information

Section 2. Slides. By the end of this Section you should be able to:

Section 2. Slides. By the end of this Section you should be able to: Section 2 Slides By the end of this Section you should be able to: Understand and Use Different Views Understand Slide Show Basics Save, Close and Open Presentations Exit PowerPoint 26 CIA Training Ltd

More information

My Awesome Presentation Exercise

My Awesome Presentation Exercise My Awesome Presentation Exercise Part One: Creating a Photo Album 1. Click on the Insert tab. In the Images group click on the Photo Album command. 2. In the Photo Album window that pops up, look in the

More information

PowerPoint X. 1. The Project Gallery window with the PowerPoint presentation icon already selected. 2. Click on OK.

PowerPoint X. 1. The Project Gallery window with the PowerPoint presentation icon already selected. 2. Click on OK. PowerPoint X Launching PowerPointX 1. Start PowerPointX by clicking on the PowerPoint icon in the dock or finding it in the hard drive in the Applications folder under Microsoft PowerPoint. PowerPoint

More information

OU Campus Training. Part 2

OU Campus Training. Part 2 OU Campus Training Part 2 Login to OU Campus To get started you need to login to OU Campus. While work on your website just use the page last updated date located in the footer: This will take you to the

More information

Within the spreadsheet, columns are labeled with letters and rows are labeled with numbers.

Within the spreadsheet, columns are labeled with letters and rows are labeled with numbers. Excel Exercise 1: Goals: 1. Become familiar with Guidelines for spans and proportions of common spanning members (Chapter 1). 2. Become familiar with basic commands in Excel for performing simple tasks

More information

Developing a Power Point Presentation

Developing a Power Point Presentation Load Power Point 1 Select Blank Presentation (figure 1) 2 Select New Slide (figure 2) First slide is the title page. Select First Box as shown in figure 2. Figure 1 Figure 2 3 Add Title and Subtitle (figure

More information

UI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML

UI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective

More information

729G26 Interaction Programming. Lecture 4

729G26 Interaction Programming. Lecture 4 729G26 Interaction Programming Lecture 4 Lecture overview jquery - write less, do more Capturing events using jquery Manipulating the DOM, attributes and content with jquery Animation with jquery Describing

More information

Table of Contents III. Publish to Living Spaces

Table of Contents III. Publish to Living Spaces Salsify User Guide Table of Contents I. Login... 3 II. Create or Edit a Product... 4 A. Create a New Product... 4 B. Edit a Product... 6 C. Fill Out Product Details - Attributes... 6 D. Adding an Image...

More information

Mosaic Tutorial: Advanced Workflow

Mosaic Tutorial: Advanced Workflow Mosaic Tutorial: Advanced Workflow This tutorial demonstrates how to mosaic two scenes with different color variations. You will learn how to: Reorder the display of the input scenes Achieve a consistent

More information

Step by Step Directions on how to use Kizoa

Step by Step Directions on how to use Kizoa Step by Step Directions on how to use Kizoa What is Kizoa? Kizoa is a free slideshow maker and photo editing site. You are able to upload, organize, edit, create, show and share projects you have created

More information

PAGES, NUMBERS, AND KEYNOTE BASICS

PAGES, NUMBERS, AND KEYNOTE BASICS PAGES, NUMBERS, AND KEYNOTE BASICS Pages, Numbers, and Keynote are applications developed by Apple that are comparable to Microsoft Office and Google Docs. Pages, Numbers, and Keynote comes free with your

More information

SharePoint List Booster Features

SharePoint List Booster Features SharePoint List Booster Features Contents Overview... 5 Supported Environment... 5 User Interface... 5 Disabling List Booster, Hiding List Booster Menu and Disabling Cross Page Queries for specific List

More information

Useful Google Apps for Teaching and Learning

Useful Google Apps for Teaching and Learning Useful Google Apps for Teaching and Learning Centre for Development of Teaching and Learning (CDTL) National University of Singapore email: edtech@groups.nus.edu.sg Table of Contents About the Workshop...

More information

Reference Guide to Kcast (Beta) for Windows 7 Users. -Page 1-

Reference Guide to Kcast (Beta) for Windows 7 Users. -Page 1- Reference Guide to Kcast (Beta) for Windows 7 Users -Page 1- Table of Contents Recommended Windows 7 Settings for Kcast Users... 3 Desktop Settings... 4 Kcast Control Centre - Navigation... 5 View Charts...

More information

Adding Pictures to Your Teacher Web Page

Adding Pictures to Your Teacher Web Page Your web page is divided into 3 columns. Originally, all teachers started with the same 2 Window areas and 4 basic components. Navigation buttons (Touts) are specific to different sections of the website.

More information

ANIMATOR TIMELINE EDITOR FOR UNITY

ANIMATOR TIMELINE EDITOR FOR UNITY ANIMATOR Thanks for purchasing! This document contains a how-to guide and general information to help you get the most out of this product. Look here first for answers and to get started. What s New? v1.53

More information

1. Open PowerPoint and you will see the introductory screen that contains different themes and templates. From the selection displayed, choose Slice.

1. Open PowerPoint and you will see the introductory screen that contains different themes and templates. From the selection displayed, choose Slice. PowerPoint Assessment ***Remember! This is a test and you cannot ask for help. This must be done completely on your own. If you have forgotten a skill, please go to my Tutorials page on my website and

More information

User Guide. Avery Dennison Web Ordering Solution for Steinmart

User Guide. Avery Dennison Web Ordering Solution for Steinmart User Guide Avery Dennison Web Ordering Solution for Steinmart March 2012 Copyright 2012 A very Dennison The information in this document is subject to change without notice and should not be construed

More information

PARTS OF A WORKSHEET. Rows Run horizontally across a worksheet and are labeled with numbers.

PARTS OF A WORKSHEET. Rows Run horizontally across a worksheet and are labeled with numbers. 1 BEGINNING EXCEL While its primary function is to be a number cruncher, Excel is a versatile program that is used in a variety of ways. Because it easily organizes, manages, and displays information,

More information

Web Client User Guide

Web Client User Guide ImageTag, Inc. 2016 Contents Introduction... 2 Logging Into Your KwikTag Client... 3 KwikTag Tabs and Your Landing Page... 4 Drawers Tab Features and Functions... 7 My Lists... 7 The KwikTag Library...

More information

Printable Documentation

Printable Documentation Printable Documentation The complete text of the Online Help Updated April 10, 2007 Table Of Contents Administrative... 1 Add a picture to your Agent Profile... 1 Add a bio to your agent profile... 1 Add

More information

PowerPoint Instructions

PowerPoint Instructions PowerPoint Instructions Exercise 1: Type and Format Text and Fix a List 1. Open the PowerPoint Practice file. To add a company name to slide 1, click the slide 1 thumbnail if it's not selected. On the

More information

Vetstreet Web Builder Editor Tool User Guide v2.1. Web Builder. User Guide v2.1

Vetstreet Web Builder Editor Tool User Guide v2.1. Web Builder. User Guide v2.1 Web Builder User Guide v2.1 Contact your Account Manager at (888) 799-8387 or email support@vetstreet.com with questions. Page 1 Index... 1 The Editor Tool... 7 Forgot Your Username or Password?... 7 How

More information

PowerPoint Launching PowerPointX

PowerPoint Launching PowerPointX PowerPoint 2004 Launching PowerPointX 1. Start PowerPoint by clicking on the PowerPoint icon in the dock or finding it in the hard drive in the Applications folder under Microsoft Office 2004. PowerPoint

More information

PBwiki Basics Website:

PBwiki Basics Website: Website: http://etc.usf.edu/te/ A wiki is a website that allows visitors to edit or add their own content to the pages on the site. The word wiki is Hawaiian for fast and this refers to how easy it is

More information

Content Elements. Contents. Row

Content Elements. Contents. Row Content Elements Created by Raitis S, last modified on Feb 09, 2016 This is a list of 40+ available content elements that can be placed on the working canvas or inside of the columns. Think of them as

More information

Google Earth. Tutorials. Tutorial 2: Annotating Google Earth

Google Earth. Tutorials. Tutorial 2: Annotating Google Earth Google Earth Tutorials Tutorial 2: Annotating Google Earth Google Earth makes it easy to create a map with annotations - you can add placemarks (points), paths (lines), polygons in Google Earth, and add

More information

Business Edition Basic License User Guide

Business Edition Basic License User Guide Business Edition Basic License User Guide Table of Contents 1. Dashboard-----------------------------------------------------------------------------------------3 2. Catalog Search-----------------------------------------------------------------------------------4

More information

Coach s Office Playbook Tutorial Playbook i

Coach s Office Playbook Tutorial  Playbook i Playbook i The Playbook... 1 Overview... 1 Open the Playbook... 1 The Playbook Window... 2 Name the Chapter... 2 Insert the First Page... 3 Page Templates... 3 Define the Template Boxes... 4 Text on the

More information

SharePoint Cheat Sheet

SharePoint Cheat Sheet SharePoint Cheat Sheet Website https://extension.tennessee.edu/countyname User Login utk\netid and password Set Permissions Click Site Actions Site Permissions Click County Owners to see a list of users

More information

Use this guide to help you rebuild your existing EasySite Wizard website in Online Presence Builder

Use this guide to help you rebuild your existing EasySite Wizard website in Online Presence Builder Transition Guide from EasySite Wizard to Online Presence Builder Use this guide to help you rebuild your existing EasySite Wizard website in Online Presence Builder 1 Contents Getting Started... 3 Planning...

More information

A Guide to Quark Author Web Edition 2015

A 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 information

Fundamentals of PowerPoint 2007 Instructor: Elizabeth-Latta Brother

Fundamentals of PowerPoint 2007 Instructor: Elizabeth-Latta Brother Fundamentals of PowerPoint 2007 Instructor: Elizabeth-Latta Brother Getting to know PowerPoint... 1 What happens when you open PowerPoint... 1 Understanding the presentation window... 1 Customizing the

More information

Photoshop World 2018

Photoshop World 2018 Photoshop World 2018 Unlocking the Power of Lightroom CC on the Web with Rob Sylvan Learn how to leverage the cloud-based nature of Lightroom CC to share your photos in a way that will give anyone with

More information

Getting Started Guide

Getting Started Guide UX-App Getting Started Guide Contents Keyboard Shortcuts... 2 Basic Shortcuts... 2 Component Manipulation... 2 Working with groups... 3 Grid Control... 3 Context Menu... 4 User Interface... 5 Managing

More information

Instructions: DRDP Online Child Upload

Instructions: DRDP Online Child Upload Instructions: DRDP Online Child Upload Version 1.00 10/29/2018 Table of Contents Introduction... 2 Upload Roles... 2 Upload Template... 2 Entering Data into the Template... 3 Uploading to DRDP Online...

More information

Part 2 Add Frame, Arrow, Painted Text.

Part 2 Add Frame, Arrow, Painted Text. Part 2 Add Frame, Arrow, Painted Text. You can use the same Picture on PicPick, or add a new one as I showed you in Step 2 - Part 1. As I mentioned before in Step 2 - Part 1, if you don't have PicPick,

More information

Forms/Distribution Acrobat X Professional. Using the Forms Wizard

Forms/Distribution Acrobat X Professional. Using the Forms Wizard Forms/Distribution Acrobat X Professional Acrobat is becoming a standard tool for people and businesses to use in order to replicate forms and have them available electronically. If a form is converted

More information

Information Systems Center. FrontPage 2003 Reference Guide for COMM 321 & 421

Information Systems Center. FrontPage 2003 Reference Guide for COMM 321 & 421 Information Systems Center FrontPage 2003 Reference Guide for COMM 321 & 421 September 2008 Table of Contents Portfolio Web Sites & Web Pages... 1 Open Your Portfolio Web Site in FrontPage for Editing...

More information

Primal s 3D Human Anatomy and Physiology on Anatomy.tv

Primal s 3D Human Anatomy and Physiology on Anatomy.tv USER GUIDE Primal s 3D Human Anatomy and Physiology on Anatomy.tv Welcome to our user guide to 3D Human Anatomy and Physiology on Anatomy.tv. Please read on, or select one of the links opposite to jump

More information

Step 4 Part B - How to Edit Video on YouTube with Enhancements. You click on Enhancements at the top to add other features and next is what happens.

Step 4 Part B - How to Edit Video on YouTube with Enhancements. You click on Enhancements at the top to add other features and next is what happens. Step 4 Part B - How to Edit Video on YouTube with Enhancements You click on Enhancements at the top to add other features and next is what happens. You see Enhancements highlighted and it starts playing

More information

Introduction to Microsoft Office PowerPoint 2010

Introduction to Microsoft Office PowerPoint 2010 Introduction to Microsoft Office PowerPoint 2010 TABLE OF CONTENTS Open PowerPoint 2010... 1 About the Editing Screen... 1 Create a Title Slide... 6 Save Your Presentation... 6 Create a New Slide... 7

More information

Guide to User Interface 4.3

Guide to User Interface 4.3 Datatel Colleague Guide to User Interface 4.3 Release 18 June 24, 2011 For corrections and clarifications to this manual, see AnswerNet page 1926.37. Guide to User Interface 4.3 All Rights Reserved The

More information