Presentation i did for the Alfatec partner conference on May 22nd, 2012, in Pritvilice, Croatia. Completely revised version of the presentation I did previously.

1. Why Building Web 2.0 Application
with Informix is a Great Idea
Jean Georges Perrin, CEO, jg.perrin@greenivory.com http://www.greenivory.com

2. Why Building Web 2.0 Application
with Informix is a Great Idea
Jean Georges Perrin, CEO, jg.perrin@greenivory.com http://www.greenivory.com

3. Agenda
• A glimpse @ history…
• Understanding Web 2.0 as it is now!
• Understanding a Web 2.0 environment & architecture
• Best practices and… let’s start!

4. Who am I?
• Jean Georges Perrin ● @jgperrin ● facebook.com/jgperrin
‣ IT engineer, (Serial) Entrepreneur, Lecturer
‣ Work in web since 1994, Informix since 1997
‣ Involved in the dev of local digital economy TEN
4Alsace
.org
Thinktank
Economie
Numérique
‣ 1st in France, 4yr and running
•
‣ Builder of e-marketing tools
‣ HQ in
‣ Office in Durham, NC

5. Who am I?
• Jean Georges Perrin ● @jgperrin ● facebook.com/jgperrin
‣ IT engineer, (Serial) Entrepreneur, Lecturer
‣ Work in web since 1994, Informix since 1997
‣ Involved in the dev of local digital economy TEN
4Alsace
.org
Thinktank
Economie
Numérique
‣ 1st in France, 4yr and running
•
‣ Builder of e-marketing tools
‣ HQ in
‣ Office in Durham, NC

6. Easy to use tools!
The best content of the Internet,
right on your web site.
.com enrich the content of your blogs & web sites
ease a regular update
enhance your SEO, both on quality & quantity
Don’t give your brand to others.
V analyze your notoriety
.com measure impact of your communication
actions
benchmark your brand to your competition
Your cup of information.
OnliGence discover the news that looks just like you
.com keep them in your immortal bookmark
take notes & share them

7. Easy to use tools! Advanced Services!
The best content of the Internet,
right on your web site. e-marketing toolbox
Let us help you BigData
.com enrich the content of your blogs & web sites
ease a regular update
enhance your SEO, both on quality & quantity
Don’t give your brand to others.
Mashups Sell more! SaaS
V
.com
analyze your notoriety
measure impact of your communication
actions Inbound Marketing
Cloud
Brand Management
benchmark your brand to your competition
Automated Benchmark
Content
Your cup of information.
OnliGence discover the news that looks just like you e-marketing OpenData
.com keep them in your immortal bookmark
take notes & share them WebMining SocialMining
Intelligence
User Experience PaaS

8. Web 2.0?
Facebook: my profile, my friends…

9. Web 2.0?
Google Maps: my shopping…

10. Web 2.0?
Wikipedia: my encyclopedia, my source of knowledge…

11. Web 2.0?
LinkedIn: my colleagues, my business partners…

12. Web 2.0?
My searches on the Internet…

13. What about you?

14. What about you?
• Who’s on Facebook?
‣ LinkedIn?
‣ Viadeo?

15. What about you?
• Who’s on Facebook?
‣ LinkedIn?
‣ Viadeo?

16. What about you?
• Who’s on Facebook?
‣ LinkedIn?
‣ Viadeo?
• Gimme a Web 2.0 term

17. What about you?
• Who’s on Facebook?
‣ LinkedIn?
‣ Viadeo?
• Gimme a Web 2.0 term

18. What about you?
• Who’s on Facebook?
‣ LinkedIn?
‣ Viadeo?
• Gimme a Web 2.0 term
• Blog, Social Network, User Generated Content

19. A little history…
Promised, this will not take long!

20. Once upon a time…

21. Once upon a time…
1969
Arpanet
1971
« @ » in e-mail
1992
Berners-Lee
invents the web (in Geneva) Tim Berners-Lee
1994
comes to life
1994
Amazon founded by Jeff Bezos

22. Happy days…

23. Happy days…
1995
Netscape’s IPO
1995
Amazon sells its first book
1996
Yahoo’s IPO: $33.8m
1996
Page & Brin start a research project

24. Happy days…
1995
Netscape’s IPO
1995
Amazon sells its first book
1996
Yahoo’s IPO: $33.8m
1996
Page & Brin start a research project
1997
Google.com is registered
1998
Google Inc. is born
1998
Netscape starts Mozilla (which will become Firefox)

25. Financial burst…

26. Financial burst…
1998
AOL buys Netscape for $4.2b
2000
AOL merges w/ Time Warner (jan)
2000
BOO.com burns $188m in 6 mo…

27. Financial burst…
1998
AOL buys Netscape for $4.2b
2000
AOL merges w/ Time Warner (jan)
2000
BOO.com burns $188m in 6 mo…

28. A huge slap
And it hurt quite a bit…

29. What do you think the
reasons were?

30. Why? Only finance?
• Speculative bubble
‣ Independent of technology
• Opposition of economies
‣ « new economy » vs. « Brick & mortar »
‣ No one was making money and it was ok
• High cost of investment
‣ HW, SW
• Limited bandwidth

31. Back to roots

32. A fantastic bounce
…and here comes Web 2.0

33. Draw me Web 2.0 (2005)
Web 1.0 Web 2.0
DoubleClick • Google AdSense
Ofoto • Flickr
Akamai • BitTorrent
mp3.com • Napster
Britannica Online • Wikipedia
personal websites • blogging
Evite • upcoming.org and EVDB
domain name speculation • search engine optimization
page views • cost per click
screen scraping • web services
publishing • participation
content management systems • wikis
directories (taxonomy) • tagging ("folksonomy")
stickiness • syndication
Source: http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html

34. From Serving Documents

35. From Serving Documents

36. To Building Collective Intelligence
Blogs
+ Wikis Creating an
+ Forums Participation
[expert|work|creative]
+ Comments as a group
group
= User Content Got Hibernate?
Participation
as Individual
Extend services by Hey, I know
linking to other Hibernate too!
Web 2.0 services
Publishing
public profile

37. Wiki
• Collaborative creation
of texts
• Kill Intranets!
• Wiki in your enterprise…

38. Wiki
• Collaborative creation
of texts
• Kill Intranets!
• Wiki in your enterprise…

39. Wiki
• Collaborative creation
of texts
• Kill Intranets!
• Wiki in your enterprise…

40. Social Network
Milgram’s theory: we are all
separated by 6 links to anyone…

41. Social Network
Milgram’s theory: we are all
separated by 6 links to anyone…

42. Social Network
Milgram’s theory: we are all
separated by 6 links to anyone…

43. Folksonomy
• Directory / Hierarchy
• Floor
Shelf
- Rack
Book

44. Folksonomy
• Directory / Hierarchy
• Floor
Shelf
- Rack
Book
Folder
Folder
 Folder
File

45. Folksonomy
• Directory / Hierarchy • Labels (or tags)
• Floor
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Folder
Folder
 Folder
File

46. Folksonomy
• Directory / Hierarchy • Labels (or tags)
• Floor
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Book
Folder
Folder
 Folder
File

47. Folksonomy
• Directory / Hierarchy • Labels (or tags)
• Floor
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Book
Sci-Fi
Folder
Folder
 Folder
File

48. Folksonomy
• Directory / Hierarchy • Labels (or tags)
• Floor
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Book
Sci-Fi
Folder Boy
Folder
 Folder
File

49. Folksonomy
• Directory / Hierarchy • Labels (or tags)
• Floor
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Book
Sci-Fi
Folder Boy
Folder Prince
 Folder
File

50. Folksonomy
• Directory / Hierarchy • Labels (or tags)
• Floor
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Book
Sci-Fi
Folder Boy
Folder Prince
 Folder
File
French

51. Folksonomy
• Directory / Hierarchy • Labels (or tags)
• Floor
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Book
Sci-Fi
Folder Boy
Folder Prince
 Folder
File
French
Pilot

52. Folksonomy
• Directory / Hierarchy • Labels (or tags)
• Floor
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Book
Sci-Fi
Folder Boy
Folder Prince
 Folder
File
French
Pilot

53. Folksonomy
• Directory / Hierarchy • Labels (or tags)
• Floor
Desert
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Book
Sci-Fi
Folder Boy
Folder Prince
 Folder
File
French
Pilot

54. Folksonomy
Antoine de Saint-Exupéry
• Directory / Hierarchy • Labels (or tags)
• Floor
Desert
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Book
Sci-Fi
Folder Boy
Folder Prince
 Folder
File
French
Pilot

55. Folksonomy
Antoine de Saint-Exupéry
• Directory / Hierarchy • Labels (or tags)
• Floor Fox
Desert
Shelf • We “attach” labels to things for
- Rack defining or complementing them
Book
Book
Sci-Fi
Folder Boy
Folder Prince
 Folder
File
French
Pilot

56. Tout a toujours une fin

57. Web 2.0 becomes
Social Network
Tout a toujours une fin

58. Web 2.0 becomes
Social Network
Tout a toujours une fin
Executives are going about social strategy backwards:
picking technologies like blogs or communities first instead
of focusing on what they want to accomplish.
Josh Bernoff, Forrester, Oct. 2007

59. Architecture
Let’s be technical now

60. From concept to technology…
Technology
Engagement User AJAX
Experience
Involvement HTML
Participation
Ergonomics
Ease of Use

61. The power to the users User Experience
Google Maps vs. Mapquest (or Mappy)
• Ergonomics
• Ease of use
• No plugin

62. From business needs to technology
Finally, our job can start!

63. Providing services

64. Building the user experience Technology
Web Server(s)

65. Building the user experience Technology
Web Server(s)

66. Building the user experience Technology
Web Server(s)

67. Building the user experience Technology
Web Server(s)

68. Building the user experience Technology
Web Server(s)

69. Building the user experience Technology
Web Server(s)

70. A Service… Technology
1) Request
• Everybody knows and uses the web
2) Information
• It offers services…
• Web Services provide services to non-humans (M2M).

71. Understanding flows Technology
• Web 1.0 • Web 2.0
‣ Complete page prepared on server, ‣ Data fragment prepared on server,
sent to client sent to client
‣ Request is HTTP ‣ Request is Rest on top of HTTP
‣ Page is HTML ‣ Data fragment is (often) JSon

72. How does it work? Technology
1) Request
2) Information

73. How does it work? Technology
1) Request
2) Information
REST (was SOAP)
HTTP
TCP/IP

74. How does it work? Technology
1) Request
2) Information
JSON (was SOAP) REST (was SOAP)
HTTP HTTP
TCP/IP TCP/IP

75. How does it work? Technology
1) Request
2) Information
JSON (was SOAP) REST (was SOAP)
API
API
HTTP HTTP
TCP/IP TCP/IP

76. Full flow Technology

77. Full flow Technology
Web Database
Client
Server Server
User experience Provides content & data Data store

78. Full flow Technology
Web Database
Client
Server Server
User experience Provides content & data Data store

79. Full flow Technology
Web Database
Client
Server Server
User experience Provides content & data Data store
…

80. Full flow Technology
Web Database
Client
Server Server
User experience Provides content & data Data store
432ms
345ms
210ms
120ms
212ms
+ .
… 1319ms
521ms

81. Full flow Technology
Web Database
Client
Server Server
User experience Provides content & data Data store
432ms
345ms
210ms
120ms
212ms
+ .
… 1319ms
AJAX 521ms

82. Impact on Security Technology
• Numerous requests to server
• Each request should be authenticated
‣ Processing overhead
• Actually, it was the same thing in Web 1.0 with “secure” images

83. Impact on Database Load Technology
• From
‣ One sequential program
‣ Multiple requests one after the other
• To:
‣ Multiple requests in an asynchronous way
‣ May increase # of connections

84. Conclusion
Guess what… it ain’t be that difficult!

85. Web 2.0
• Overall growth
• Usually cheaper than you think
• No opposition between brick and mortar and new economy
• Your company can go Web 2.0 (and we can help – )
gee, what a cheap plug

86. You already know most of it
• Informix is your friend
‣ Data cache (you do not have to develop it yourself)
• Open to any development language
‣ (Well I am not so sure about 4GL)
‣ Python, Java, Perl, RoR
‣ Highly recommend Google Web Toolkit
‣ Hibernate for data access

87. Thanks!
GreenIvory Europe
http://www.greenivory.fr
info@greenivory.fr
+33 (0)9 50 53 10 34
GreenIvory America
http://www.greenivory.com
info@greenivory.com
+1 (919) 901-0693

88. Backup

89. Sources & Photos
• Sources
–What the f**k is social media, Marta Z. Kazan
–Web 2.0: a strategy guide, Amy Shuen
–Web 2.0 Conference 2008 &2009, San Francisco
• Photos
–Crowd, Cambria Harkey
–Lego People, Joe Shlabotnik
–Christian Huitema, http://www.huitema.net
–Dinosaur 5, Photographer Jason Stitt, Agency Dreamstime.com
–Daisy, Image provided by Dreamstime.com
–Les Temps modernes de Charles Chaplin, http://fr.wikipedia.org/wiki/Image:Chaplin_Modern_Times.jpg
–Apple, annonces septembre 2008
–Nick's Service Shop, A guy with A camera

90. Web
• Blog
– http://www.jgp.net
– http://blog.greenivory.fr
• Social Network
– http://www.linkedin.com
– http://www.naimz.com
– http://www.upcoming.org
– http://www.gmail.com
– http://www.googlegroups.com
– http://www.facebook.com
– http://www.plaxo.com
– http://www.viadeo.com
– http://digg.com
– http://www.flickr.com
– http://www.youtube.com
– http://www.dailymotion.com

91. Session Abstract
We will try to understand Web 2.0. Understanding Web 2.0 will be a preamble to understanding the technical needs
of a Web 2.0 application. We will discover Facebook, LinkedIn, the principles behind blogs, wikis, etc.
After this introduction, we will dig into the detail of building Web 2.0 apps: understanding the technical requirements
such as user interaction, security, database throughput.
We will use real life examples and you will be able to build small apps after the sessions.