Adopting Web 2.0 in Business World
                                         Thomas Lee

                                   Chief Technology Officer
           Center for E-Commerce Infrastructure Development
                              The University of Hong Kong
What Web 2.0 means

  “the Web as platform”

      Tim O’Reilly




                          2
What Web 2.0 means
         “MSN Messenger” “web services”     “data driven”
“del.icio.us”
     “RSS”
                “the Web as platform”           “Podcast”
  “architecture of participation” “Gmail” “folksonomy”
 “Wikipedia”       “XHTML” “Yahoo Mail”           “Flickr”
      “interactivity”    “social networking” “ATOM”
    “long tail”
                  “Skype” “rich application”     “Blogger”
 “web syndication”         “mash-up”       “democracy”
     “AJAX”         “Google Documents” “Google Maps”
“YouTube”                                               3
What Web 2.0 means

“Given the lack of set standards as to what
  ‘Web 2.0’ actually means, implies, or
  requires, the term can mean radically
   different things to different people.”

             from Wikipedia

                                          4
What Web 2.0 means to me



“Any innovative use of the Web to expand
            your outreach.”




                                       5
Blogging




           6
Web 1.0       Web 2.0
      Graphic design    Usability

          Navigation    Distribution

Information provision   Service provision

  Content publishing    Content generation

    Number of visits    Community base

                                             7
Web 1.0     Web 2.0




Provider centric   Consumer centric




                                      8
Migrating to Web 2.0
        Service mash-up
                (Web API)

     Interactive applications




                                            Web re-architecting efforts
                 (AJAX)

    Data driven architecture
(Static HTML    data driven microformats)

Community generated contents
         (e.g. Wikipedia, Flickr)

               New media
 (RSS/ATOM feeds, podcast, blogging)

                                                                          9
10
11
Our research on Web 2.0


  Extending Web 2.0 to deliver
      e-commerce services
awarded with government innovation and technology fund




                                                         12
Asynchronous Javascript and
XML (AJAX)



            HTML + Javascript


 XML data
 XML data   XMLHTTPRequest
  handler
  handler

              form submit




                                13
Model driven AJAX
                 AJAX
                 data
                 model


            HTML + Javascript


 XML data
 XML data   XMLHTTPRequest
  handler
  handler

              form submit




                                14
AJAX Data Model




Server-side handler                 Javascript + HTML




                                                        15
Feed authentication
                   Aggregated feed
Feed provider




                     Unauthenticated /
                        Unsigned
                                         Feed
                                         items
Feed provider




                                           16
Feed authorization


                                   inetOrgPerson


        Public / Unencrypted

Feed
items




                               inetOrgPerson




                                                   17
To sum up

Why Web 2.0? (corporate strategy)
  Customer satisfaction
  Community building
  Service innovation
How Web 2.0?
  Step-by-step adoption
  Short-term: new media
  Long-term: service mashup (requiring web re-architecting)



                                                         18
An R&D center under Faculty of Engineering,
                 University of Hong Kong
To create an infrastructure and environment that allows
    e-commerce to pervade large and small businesses
         through technology innovation, industry
        collaboration, and knowledge cultivation.




                                                     19
Thank you
     ytlee@cecid.hku.hk
http://www.cecid.hku.hk

Adopting Web 2.0 in Business World

  • 1.
    Adopting Web 2.0in Business World Thomas Lee Chief Technology Officer Center for E-Commerce Infrastructure Development The University of Hong Kong
  • 2.
    What Web 2.0means “the Web as platform” Tim O’Reilly 2
  • 3.
    What Web 2.0means “MSN Messenger” “web services” “data driven” “del.icio.us” “RSS” “the Web as platform” “Podcast” “architecture of participation” “Gmail” “folksonomy” “Wikipedia” “XHTML” “Yahoo Mail” “Flickr” “interactivity” “social networking” “ATOM” “long tail” “Skype” “rich application” “Blogger” “web syndication” “mash-up” “democracy” “AJAX” “Google Documents” “Google Maps” “YouTube” 3
  • 4.
    What Web 2.0means “Given the lack of set standards as to what ‘Web 2.0’ actually means, implies, or requires, the term can mean radically different things to different people.” from Wikipedia 4
  • 5.
    What Web 2.0means to me “Any innovative use of the Web to expand your outreach.” 5
  • 6.
  • 7.
    Web 1.0 Web 2.0 Graphic design Usability Navigation Distribution Information provision Service provision Content publishing Content generation Number of visits Community base 7
  • 8.
    Web 1.0 Web 2.0 Provider centric Consumer centric 8
  • 9.
    Migrating to Web2.0 Service mash-up (Web API) Interactive applications Web re-architecting efforts (AJAX) Data driven architecture (Static HTML data driven microformats) Community generated contents (e.g. Wikipedia, Flickr) New media (RSS/ATOM feeds, podcast, blogging) 9
  • 10.
  • 11.
  • 12.
    Our research onWeb 2.0 Extending Web 2.0 to deliver e-commerce services awarded with government innovation and technology fund 12
  • 13.
    Asynchronous Javascript and XML(AJAX) HTML + Javascript XML data XML data XMLHTTPRequest handler handler form submit 13
  • 14.
    Model driven AJAX AJAX data model HTML + Javascript XML data XML data XMLHTTPRequest handler handler form submit 14
  • 15.
    AJAX Data Model Server-sidehandler Javascript + HTML 15
  • 16.
    Feed authentication Aggregated feed Feed provider Unauthenticated / Unsigned Feed items Feed provider 16
  • 17.
    Feed authorization inetOrgPerson Public / Unencrypted Feed items inetOrgPerson 17
  • 18.
    To sum up WhyWeb 2.0? (corporate strategy) Customer satisfaction Community building Service innovation How Web 2.0? Step-by-step adoption Short-term: new media Long-term: service mashup (requiring web re-architecting) 18
  • 19.
    An R&D centerunder Faculty of Engineering, University of Hong Kong To create an infrastructure and environment that allows e-commerce to pervade large and small businesses through technology innovation, industry collaboration, and knowledge cultivation. 19
  • 20.
    Thank you ytlee@cecid.hku.hk http://www.cecid.hku.hk