GE498-ECI, Lecture 4: The web with a human spin

3,743 views
3,678 views

Published on

GE498-ECI, Lecture 4: The web with a human spin

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,743
On SlideShare
0
From Embeds
0
Number of Embeds
59
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

GE498-ECI, Lecture 4: The web with a human spin

  1. 1. Enterprise Collaboration and Innovation Support Systems (GE/ IE 498 ECI): The Web with a Human Spin Xavier Llora Illinois Genetic Algorithms Lab & National Center for Supercomputing Applications University of Illinois at Urbana-Champaign xlLo: a@uiuc. edu
  2. 2. Where did we leave it? v- Reviewed models of human innovation and creativity - We present an evolutionary analogy that: — Allow us to fit a wide range of creativity modes - Allow us to share the same model for different strata o Individuals o Groups - Social networks - Left some brainstorming on the web for the project oasis . ii. .=, EC ~: :.r~nl. ~. 2‘: -:17 Xavier Llaré as Spring 2007
  3. 3. What's the plan for today? - A very biased review of the web - The tipping point - The old ways - An emerging ecology - Review the landscape GEJIE 493 ECI « Spring 2007 Xavier Lloré vn Spring 2007 3
  4. 4. Brief picture of the Internet - Late ‘SO, PDP-1 first computer to demonstrate time sharing - During ‘60s and 705 there was a push to create package switching networks (ARPA/ DARPA lead to ARPAnet) — One driving force: To be able to connect the new digital computers to allow remote data access - NSF pushes TCP/ IP in the ‘80s creating NSFnet (Universities backbone). ‘85 it is open to public (e. g Compuserve networks) - ‘90: CERN puts up the first web server (HTTPI HTML). NCSA introduces the Mosaic, the first widely popular and adopted browser GENE AWE EC : ..'Jl"l7‘. ‘. EDIT. ’ Xavier Llara I1 Spring 1007 -1
  5. 5. The early times - Sharing data - Sharing information - Allow to communicate computers - Until mid ‘90 main adopters were - Government related — Education related — Technology-hard-core oriented audiences - Entrepreneurs - Struggle to figure out the reason for adopting such costly technology GENE 498 ECI « Spring 2007 Xavier Ll0r'a In Spring 2007
  6. 6. ., ';% Incubating the tipping point - Mosaic did: - Become the firs popular browser - Establish a new medium - Allow users to navigate to a URL and browse all sort of information - Text - Images - Follow links to other sources - Make remote access easy GEIIE 498 ECI - Spring 21117 Xavier Llori 0 Spring 1007 6
  7. 7. The tipping point - A simple piece of HTML code <form method= "post" action= ”foo. cgi"> Name: <input name= "name"><br> Age: <input name= " name " ><br> <input type= "submit" va1ue= "Submit"> </ form> lAnd the browser rendered. .. Name: Age: (submit) GE! IE 498 ECI « Spring 2007 Xavier Llora Ii Spring 1007 7
  8. 8. Again, why is this important? i- Until forms appear information flow was unidirectional - Web pages were written and people could navegate them - Forms allowed submit user input ~ Forms allowed to make requests - Web servers on the other side had to process them - Web servers generated for the first time dynamic content - And a new door was open. .. oasis .129. EC ~: :.r~n. ~. 2‘: -:17 Xavier Llara as spring 2007
  9. 9. Before the browser - People was already using computer networks to communicate - Early time shared UNIX had a talk application (IM predecessor) - Email appeared and people started sharing information relying on a network of computers - IRC (Internet Relay Chat) people build application to chat joining from different locations GEJIE 493 ECI « Spring 2007 Xavier Llar'a ‘ti Spring 2007 9
  10. 10. After the browser - Most of this services have moved into browsable services - It has become common (powerful) - People started to explore other non technical usages - One driving force: Use a computer like you may use a toaster (David Norman ( I999) “The iiivisible computer". All T press) - The focus silently shifted from technology centered to people centered GENE 493 ECI « Spring 2007 Xavier Ll0r'a ‘III Spring 2007 1D
  11. 11. Let's fast forward i The Internet has consolidated as a very flexible medium - Browsers have become another tool you use everyday ~ You do not worry about the details, you just use them - It has become another commercial market - Who has not heard a successful story about making money on the web? oasis iii. EC ~: :.r~n. ~, 2‘: -:17 Xavier Llara as spring 2007 ‘I
  12. 12. Creativity and Innovation? - Very volatile market - You do not last long doing one thing - Google (Search, email, photos, videos, browser-based office tools. ..) — Microsoft (Old tools with new facades. ..) - The web beast: - Always changing technology - New opportunities — Short development times - Not even 15 minutes of fame - Who is Google afraid of? - Do not get confused. Who is going to use anything you put out there? GE/ IE 493 ECI « Spring 2007 Xavier Llora in Spring 2007 12
  13. 13. The people-centered technology age Human activities — Talk — Search - Share - Protest — Express themselves — Lazy - Bend technology to make those activities easier - Do you know the science behind a toaster? GENE 493 ECI « Spring 2007 Xavier Llora in Spring 2007 13
  14. 14. People-centered technologies - There is a rush to hide the computer on the web - Successful applications are - not often cutting-edge technology — built around preexisting human activities — simplify processes to get the clutter out of it - The latest growing technologies — Blogs Wikis — Social networking sites Collaboration (annotation, discussion, bookmarking. ..) - Sharing — Analysis GE/ IE 493 ECI « Spring 2007 Xavier Llora In Spring 2007 14
  15. 15. live OISCUS pvu_¢-Lt - Publishing model - Personal Social Professional - Post updates ~ Simple access to create sites without technical knowledge - Allow certain degree of . ... .. ‘ '9 ’ ' customization (expression) ' ~ Simple management - Integrate discussion forums _ . . - The architecture does not require latest technology _ H — , "—"“”—‘i_ WW'I‘)k[)E_E[9.‘~ GEIIE -115 EC ~‘. rir'mj 203'. -‘ Xavier Llara -13 Spring 2007
  16. 16. - Collaborative content generation - Knowledge repositories - Give structure to a 3.. particular topic/ domain L. . - Simple writing, editing, publishing, and management - Quest for universal access to knowledge - Easy access (curiosity and education) GE/ IE 495 ECI - Spring 2007 Wikis II’! -I-an-nun -n -v-is -— -. i. vow --nonu---unsung-r ruuvnu-an-up-—. -on-sq Fun-vnnuovmin-anon-v rnpq-swam by-n-v-‘mung--nun: uuioinnquavtmuupu unn- Auuon in-l<wo: —u up Inlevcn-x-‘iguana-an alri-ah: -cant? -run-an $| r¢DvhA—lI'nOnhnnIUI (my-nnnnan-I nanaqratnav-iunvu-(gm-nan n-—u« -u-«yin-1-unwvonunona-u-mum-unapo- utuqvhnwnnnua-iinuneqnnnun-nu-«mam--ta-aoaicnnuuiu-unnuur -nor-uvi-cw-run-use-nu av-ounaau-nunnuln-wuuuiu---a-nun -I-vhvnnu-«nun: -an in-gnu -u. .o. o-an-. unan- --on-r ans-an "$I-moi! 22.1-any-1-H 1hu—q us: -c-in-an-can a»-ivpanau-mp-saw aun-g-up unamn u-mu-upon uuunnunrug--aqua flwib amn- n~su— manua- hfwiy Xavier Llora 0 Spring 7.007 16
  17. 17. Social networking sites ix ebocili 1:. -or Horn Ivolle fir»: M wmi ulllvaolc - Your friends anywhere lulu mu .4 -m at - - Except hanging out, you can do most of the things you would do with them ; .:}. W . ... . . . I In: xv nan: nan: - Explore your networking skill 'W - The architecture does not , -I“, j , "‘ require latest technology i “~= '-" = ‘-"= 1“-'~‘_ . ;;. _T"'. T.. '.2T. '.. ”.‘. .'. T. - Very simple interface (expression and social behavior) - Does any one remember the Facebook riot? GE/ IE 493 ECI « Spring 2007 Xavier Llora cl Spring 1007 17
  18. 18. Collaboration i Social annotation - Digg. com: Allow you to annotate URLs. They are collected and grouped to form a social picture of the opinions of people about it. - Social bookmarking - Del. icous. us: Keep all your bookmarks in one place. Tag them and share them if you like. — Zotero: Bibliography collector from the web. One click and you collect reference you can share with your colleagues. oasis iii. EC ‘. :ir'n‘. j 2‘: -:17 Xavier Llara In spring 2007
  19. 19. Sharing & Analysis - Share2me: Share anything with . ... ... . . ... . . ... ... drm flickr , garninglnhmtsuolmucmorloysoo your social network . ... ,,, ... .. .,. ,. .,. .. .,, .. _ bowl vista war windows - Feeds and standardized formats women «. .»so« . ».. .m~». bod itunes rnpa uxy - Ecology of services »~= ~i°«~- wow wow wondpnsayouti. ibe20o7 - How to benefit from them? »~-«~= -o-- - Analysis of contents and others: --°= '-W-reowawr-20°’W6 — Technorati provide tag clouds . - iz; ._ — Blogpulse provide trend analysis , fl "“"‘*""”liE iv‘: r -rm, vi. -in uni-miiw nun. .. u r20C£ lleqkdfl GE/ IE 493 ECI « Spring 2007 Xavier Llora In Spring 2007 19
  20. 20. What will we do in the next lecture? i Get our hands dirty and cover the basic notions of web applications - Architecture — HTTP — HTML - Requests and responses ~ A simple example of a web app saris 425 EC ‘. .'ir'n‘. j 2:-37 Xavier Liars ~ri spring 2007 20
  21. 21. Something to think about - Read David Norman's chapter. - Homework: Post your critical review (no more than 1,000 words) to the DISCUS Communities site GENE 493 ECI « Spring 2007 Xavier Llora -13 Spring 2007 21

×