Enterprise Collaboration and
Innovation Support Systems
(GE/ IE 498 ECI):
The Web with a Human Spin
Illinois Genetic Algorithms Lab &
National Center for Supercomputing Applications
University of Illinois at Urbana-Champaign
xlLo: a@uiuc. edu
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
- Social networks
- Left some brainstorming on the web for the project
oasis . ii. .=, EC ~: :.r~nl. ~. 2‘: -:17 Xavier Llaré as Spring 2007
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
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
GENE AWE EC : ..'Jl"l7‘. ‘. EDIT. ’ Xavier Llara I1 Spring 1007 -1
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
- Struggle to figure out the reason for adopting such
GENE 498 ECI « Spring 2007 Xavier Ll0r'a In Spring 2007
., ';% 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
- Follow links to other sources
- Make remote access easy
GEIIE 498 ECI - Spring 21117 Xavier Llori 0 Spring 1007 6
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">
lAnd the browser rendered. ..
GE! IE 498 ECI « Spring 2007 Xavier Llora Ii Spring 1007 7
Again, why is this important?
i- Until forms appear information flow was unidirectional
- Web pages were written and people could navegate
- 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
- And a new door was open. ..
oasis .129. EC ~: :.r~n. ~. 2‘: -:17 Xavier Llara as spring 2007
Before the browser
- People was already using computer networks to
- Early time shared UNIX had a talk application (IM
- 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
After the browser
- Most of this services have moved into browsable
- 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
GENE 493 ECI « Spring 2007 Xavier Ll0r'a ‘III Spring 2007 1D
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
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
GE/ IE 493 ECI « Spring 2007 Xavier Llora in Spring 2007 12
The people-centered technology age
— Express themselves
- 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
- 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
— Social networking sites
Collaboration (annotation, discussion, bookmarking. ..)
GE/ IE 493 ECI « Spring 2007 Xavier Llora In Spring 2007 14
live OISCUS pvu_¢-Lt
- Publishing model
- 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_
GEIIE -115 EC ~‘. rir'mj 203'. -‘ Xavier Llara -13 Spring 2007
- Collaborative content
- Knowledge repositories
- Give structure to a 3..
particular topic/ domain L. .
- Simple writing, editing,
- Quest for universal access
- Easy access (curiosity and
GE/ IE 495 ECI - Spring 2007
-n -v-is -— -. i. vow
rnpq-swam by-n-v-‘mung--nun: uuioinnquavtmuupu
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. .o. o-an-.
Xavier Llora 0 Spring 7.007 16
Social networking sites
1:. -or Horn Ivolle ﬁr»: 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
- 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
GE/ IE 493 ECI « Spring 2007 Xavier Llora cl Spring 1007 17
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
- 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
Sharing & Analysis
- Share2me: Share anything with . ... ... . . ... . . ... ... drm ﬂickr
your social network . ... ,,, ... .. .,. ,. .,. .. .,, ..
_ bowl vista war windows
- Feeds and standardized formats women «. .»so« . ».. .m~».
bod itunes rnpa uxy
- Ecology of services »~= ~i°«~- wow wow
- How to benefit from them? »~-«~= -o--
- Analysis of contents and others: --°= '-W-reowawr-20°’W6
— Technorati provide tag clouds . - iz; ._
— Blogpulse provide trend analysis , ﬂ
"“"‘*""”liE iv‘: r
-rm, vi. -in uni-miiw nun. .. u
GE/ IE 493 ECI « Spring 2007 Xavier Llora In Spring 2007 19
What will we do in the next lecture?
i Get our hands dirty and cover the basic notions of web
- Requests and responses
~ A simple example of a web app
saris 425 EC ‘. .'ir'n‘. j 2:-37 Xavier Liars ~ri spring 2007 20
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