Users are moving towards web applications Content on the web is more personal & meaningful Development on the web is easier than the OS.

Slides:



Advertisements
Similar presentations
Chapter 3 – Web Design Tables & Page Layout
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Learning the Basics – Lesson 1
® Microsoft Office 2010 Browser and Basics.
X-Media V2.0 Healthcare Training Jayex Technology Limited X-Media V2.0 March 2010 v
Introducing new web content management tools for Priority...
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Creating and Managing RSS Feeds Kate Pitcher SUNY Geneseo © 2005
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
Servlets and a little bit of Web Services Russell Beale.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Tutorial Holdings Management Adding, Editing, and Assigning Full Text Finder Links support.ebsco.com.
Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.
RSS RSS is a method that uses XML to distribute web content on one web site, to many other web sites. RSS allows fast browsing for news and updates.
PART III – MAKING YOUR BLOG DYNAMIC Adding Polls, Video Bars, Feeds, News Reels, and Cluster Maps. Also, learn how to embed video, audio, and documents.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
1 of 7 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
+ RSS Aggregation and Syndication. + Really Simple Syndication (aka, Rich Site Summary) Image source:
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
Wordpress Tutorial 22 – 24 April Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments.
The Internet & Web Browsers Business Webpage Design Kelly Seale.
Ashish jaiman architect evangelist Microsoft
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
Yahoo! Proprietary. Not for re-distribution. 0  Trip Planner is a tool to help consumers envision, research, plan, and share their travel experience 
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.
With Internet Explorer 8© 2011 Pearson Education, Inc. Publishing as Prentice Hall1 Go! with Internet Explorer 8 Getting Started.
PowerPoint Presentation to Accompany GO! with Internet Explorer 9 Getting Started Chapter 3 Exploring the World Wide Web with Internet Explorer 9.
With Internet Explorer 9 Getting Started© 2013 Pearson Education, Inc. Publishing as Prentice Hall1 Exploring the World Wide Web with Internet Explorer.
Working with Applications Lesson 7. Objectives Administer Internet Explorer Secure Internet Explorer Configure Application Compatibility Configure Application.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Web 2.0: Concepts and Applications 4 Organizing Information.
Web Technologies Website Development Trade & Industrial Education
RSS Feeds What, Why, & How… …without a CMS Don Parsons
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
JavaScript, Fourth Edition
Moodle (Course Management Systems). Assignments 1 Assignments are a refreshingly simple method for collecting student work. They are a simple and flexible.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
Welcome to the session! We will begin soon.. How to Log In: 1.Visit ala.org (any page) 2.Select the Login link at the top right and use your credentials.
E-Commerce: Introduction to Web Development 1 Dr. Lawrence West, Management Dept., University of Central Florida Topics What is a Web.
Website Development with Dreamweaver
Web Accessiblity Carol Gordon SIU Medical Library.
Information Trapping Subscribing to RSS Feeds or Alerts to Make Research Easier.
Chapter 3 (HW02) Exploring the World Wide Web with Internet Explorer 9.
Tutorial 1: Browser Basics.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
2 Copyright © 2004, Oracle. All rights reserved. Running a Forms Developer Application.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
1 RSS The Easy Way! Reading & Creating Feeds with Free and Easy to Use Tools Russell O’Neill General Services Administration Senior Software Engineer,
With Windows 7 Introductory© 2011 Pearson Education, Inc. Publishing as Prentice Hall1 Windows 7 Introductory Chapter 3 Advanced File Management and Advanced.
Wiki Space Introduction How to use Wiki spaces to complete your project on the Crusades.
ASP. What is ASP? ASP stands for Active Server Pages ASP is a Microsoft Technology ASP is a program that runs inside IIS IIS stands for Internet Information.
8 Chapter Eight Server-side Scripts. 8 Chapter Objectives Create dynamic Web pages that retrieve and display database data using Active Server Pages Process.
The Basics of Managing Your Department Website March 8, 2012.
Fundamentals of Web DevelopmentRandy Connolly and Ricardo HoarFundamentals of Web DevelopmentRandy Connolly and Ricardo Hoar Fundamentals of Web DevelopmentRandy.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
WordPress for Beginners February 2, 2014 Facebook.
Pete LePage Senior Product Manager Microsoft Corporation WUX310.
J. Michael Palermo IV Director of Development Interface, USA WUX206.
COMP 143 Web Development with Adobe Dreamweaver CC.
Installing and Configuring Moodle. Download Download latest Windows Install package from Moodle.orgMoodle.org.
Windows Vista Configuration MCTS : Internet Explorer 7.0.
How to use Drupal Awdhesh Kumar (Team Leader) Presentation Topic.
Chapter 10: Web Basics.
Chapter 10: Web Basics.
CARA 3.10 Major New Features
Learning the Basics – Lesson 1
9/20/2018 DevDays 2009 Internet Explorer 8.
Introduction to the ISB Intranet
Adding , Editing, and Assigning Full Text Finder Links
Presentation transcript:

Users are moving towards web applications Content on the web is more personal & meaningful Development on the web is easier than the OS

Users are moving towards web applications Content on the web is more personal & meaningful Development on the web is easier than the OS →Activities connect users to your services from anywhere on the web → WebSlices bring the dynamic pieces of your site directly to the user → Activities and WebSlices are declarative

Simplify a common user pattern Easy for publishers & web developers - no client-side code Works with existing services and sites

Select Text Copy Text Navigate to Page Login (optional) Paste Text Request Action Go back to webpage

Preview Activity Results in Situ Install Activity Select Content Select Activity Execute Activity Navigate to Service

OpenService XML Description Serialize Content Serialize Content Navigate URL HTML Preview Activity Results in Situ Install Activity Select Content Select Activity Execute Activity Navigate to Service

Context The content that the Activity acts on (selection, document, link)

Context Category 1-tier taxonomy for grouping activities Default Activities for each Category All Activities

Context The content that the Activity acts on (selection, document, link) Category 1-tier taxonomy for grouping activities Preview Service interface for returning a sample of the results

Context The content that the Activity acts on (selection, document, link) Category 1-tier taxonomy for grouping activities Preview Service interface for returning a sample of the results Execute Service interface for navigating and posting data to the service

Map with Live Maps

//check the user agent string if client is MSIE 8.0 //for more info: us/library/ms aspx //check whether service is already installed window.external.IsServiceInstalled (‘ ‘map’); //if false, display button to add service window.external.AddService (‘ ;

Activities are a lightweight way for users to have easy access to their favorite services from any webpage 1. Think about ways to drive users to your site from any webpage: - lookup information (rating, similar information, etc.) - create new content - link-sharing 2. Create an Activity using the OpenService Format Activities are designed to work with today’s services 3. Advertise your Activity on your website Installing an Activity requires no code deployment

Amazon Kindle, Unopened Current bid: US $282.11

Top-Level Notification Bold on updated content Italic for expiring content Grey on expired content & errors Details Flyout HTML extracted from webpage (static content) Imported basic HTML styling Click-thru access to website Favorites Bar Contains Favorite links, feeds, &WebSlices Organize content through folders

A way for publishers to markup content within a page for subscribing (similar to RSS feeds) 1. WebSlice format 2. Client-processing 3. Network management 4. Time-sensitive content 5. Privacy & authentication 6. Publisher control 7. Recommended use

hAtom Microformats describe a feed and feed items A WebSlice builds on hAtom hAtom can represent static content WebSlice intentionally represents dynamic content reuses hAtom properties & adds properties for subscribing dedicated to the public domain using Creative Commons Public Domain properties from hAtom entry-title – required. The title of the item. entry-content – required. The description of the item. new properties for hSlice hslice – required. Container property for WebSlice. ttl – optional. Time-to-live value. feedurl – optional. Alternative path to get updates. endtime – optional. The date when the item is no longer relevant.

Windows Feeds Platform supports feeds and WebSlices Converts WebSlice HTML as Atom feed Sanitizes content no script basic styling: imported stylesheet, style blocks, & direct styles Content stored locally, accessible by Feed API Download Feed (XML) Download HTML with WebSlice Convert to Atom Feed (XML) Feed Parser compare downloaded data with stored data Mark Feed as Updated `` Download Engine

Feed Download Engine checks for updates once a day by default (15 minutes max) Set time-to-live value Updates every 60 mins Updates every 60 mins Provide alternative feed Direct download engine to different source for getting updates Subscribe Subscribe

Indicate that content is valid until expiration time UX displays expiring and expired states Download Engine stops fetching expired content Set endtime value March 8 th, 5:18 pm March 8 th, 5:18 pm

Ability to turn off in-page discovery <head> Promote WebSlice from your site using browser API addToFavoritesBar(,, 'slice')

Feeds enable opening web data to users and applications WebSlices are the same as feeds Data is cached on user’s local machine Publishers should expose private data through authentication Feeds Platform Auth Support: Persistent cookie-based auth On expired cookies, click through to page to re-auth Http-based auth (Basic & Digest) Basic auth via SSL Uses saved credentials for background download On failure, user can click through to page to ‘fix’ problem

WebSlices are ideal for a piece of a page that continually changes ex: weather module, auction item, and profile page Feeds are great for promoting new items ex: news articles, blog posts, and search results

Feed WebSlice

Feed

WebSlice Feed

WebSlice

WebSlices are a lightweight way for users to stay in touch with your web content Start today: No client-side code required! User notification of updates Entice users via preview to click through to site

Connect users to your site through Activities and WebSlices Simplify a common user pattern Designed to work with services today Check out the 2 other IE sessions & Hands-On Lab