Ajax Jeremy Keith clear:left buzz word buzz word 2 . 0 long - - PowerPoint PPT Presentation

▶
ajax
SMART_READER_LITE
LIVE PREVIEW

Ajax Jeremy Keith clear:left buzz word buzz word 2 . 0 long - - PowerPoint PPT Presentation

Jul 27, 2023 314 likes •886 views

Ajax Jeremy Keith clear:left buzz word buzz word 2 . 0 long tail participation RSS Ajax mashups open data folksonomy APIs word SapirWhorf hypothesis Its really several technologies, each flourishing in its

slide-1
SLIDE 1

Ajax

clear:left Jeremy Keith

slide-2
SLIDE 2

word buzz Αἴας

slide-3
SLIDE 3

word buzz 2 . 0

APIs RSS

folksonomy

  • pen data

participation

long tail

mashups

Ajax

slide-4
SLIDE 4

Sapir–Whorf hypothesis

word

slide-5
SLIDE 5

“It’s really several technologies, each flourishing in its own right, coming together in powerful new ways.”

slide-6
SLIDE 6

technology trigger peak of inflated expectations trough of disillusionment slope of enlightenment plateau of productivity

slide-7
SLIDE 7

“The name is shorthand for Asynchronous JavaScript + XML”

slide-8
SLIDE 8

Asynchronous JavaScript And XML HTML JSON

slide-9
SLIDE 9

Asynchronous JavaScript And XML DHTML DOM Scripting

slide-10
SLIDE 10

Asynchronous

“Not at the same time”

JavaScript And XML

slide-11
SLIDE 11

Asynchronous

slide-12
SLIDE 12

Asynchronous

slide-13
SLIDE 13

speed

slide-14
SLIDE 14

“If the traditional web was letter writing, Ajax is instant messaging.”

slide-15
SLIDE 15

“Ajax is like roller skates for the Web.”

slide-16
SLIDE 16

“Ajax is a way of communicating with the server without refreshing the whole page.”

slide-17
SLIDE 17

frames iframe Flash XMLHttpRequest

slide-18
SLIDE 18

XMLHttpRequest Microsoft

MozillaSafariOpera

IE5 W3C

slide-19
SLIDE 19

Ajax

in action

slide-20
SLIDE 20
slide-21
SLIDE 21
slide-22
SLIDE 22
slide-23
SLIDE 23
slide-24
SLIDE 24
slide-25
SLIDE 25

documents applications

slide-26
SLIDE 26

browser server data processing

thin client

displaying

slide-27
SLIDE 27

browser server XHR data processing

fat client

displaying

slide-28
SLIDE 28
slide-29
SLIDE 29
slide-30
SLIDE 30

dumb waiter

slide-31
SLIDE 31

Hijax

progressive enhancement

slide-32
SLIDE 32

XMLHttpRequest using

progressive enhancement

slide-33
SLIDE 33

structure

presentation

behaviour

content

HTML

CSS

JavaScript

slide-34
SLIDE 34

browser server data processing displaying

slide-35
SLIDE 35

browser server XHR data processing

deceptively fat client

displaying

slide-36
SLIDE 36

Hijax

in action

slide-37
SLIDE 37
slide-38
SLIDE 38

navigation search main content log on form shopping cart footer

{

browser server

slide-39
SLIDE 39

XHR

navigation search main content log on form shopping cart footer

browser

slide-40
SLIDE 40

implement Ajax at the end plan for Ajax from the start

paradox?

slide-41
SLIDE 41

pattern recognition

log on add to cart rate this add a comment search results? pagination?

slide-42
SLIDE 42

<a href="javascript:..."> <a href="#" onclick= "...">

beware

slide-43
SLIDE 43

design challenges

slide-44
SLIDE 44

“Don’t be too proud

  • f this technological

terror you have created.”

slide-45
SLIDE 45

what’ s happening?

slide-46
SLIDE 46

what just happened?

slide-47
SLIDE 47

beyond the browser the back button bookmarking

slide-48
SLIDE 48

user testing

slide-49
SLIDE 49

Accessibility Just Ain’t eXciting

slide-50
SLIDE 50

“It must still be

  • accessible. It must

be usable. If not, it is a cool useless piece

  • f rubbish for some
  • r many people.”
slide-51
SLIDE 51
slide-52
SLIDE 52

“Unless a way can be found to notify screen readers of updated content, AJAX techniques cannot be considered accessible.”

slide-53
SLIDE 53

“This Ajax application is usable by screen-reader users some of the

  • time. They aren’t

totally shut out, but it isn’t totally easy for them, either .”

slide-54
SLIDE 54

“The power of the Web is in its

  • universality. Access

by everyone regardless of disability is an essential aspect.”

slide-55
SLIDE 55

thank you

http://flickr .com/photos/veeliam/243306535/ http://flickr .com/photos/ianlloyd/240719862/

adactio.com

http://flickr .com/photos/doctorow/94673455/ http://flickr .com/photos/chuckbiscuito/161971512/ http://flickr .com/photos/bizzygirl/291918549/ http://flickr .com/photos/benchan/150094224/ http://flickr .com/photos/flydown/42047131/ http://flickr .com/photos/rogerjones/121736518/