Upload
neeraj-singh
View
105
Download
1
Tags:
Embed Size (px)
DESCRIPTION
web 2.0 concept, services, tools etc.
Citation preview
Web 20 new definition of Web 20 new definition of webweb
bybyNeeraj Kumar SinghNeeraj Kumar SinghAssistant LibrarianAssistant Librarian
Panjab University ChandigarhPanjab University Chandigarh
WebsiteWebsite
bull Bunch of web pages
bull Click and browse
bull Couldnt interact on it
bull Familiar with HTML coding
bull Websites started springing up like mushroom
bull life became rather boring on the Internet
Web 20Web 20
bull OrsquoReilly Media 2004bull It is Second generation of services available on
the Web that lets people collaborate and share information online
bull set of technologies bull Transition from static HTML Web pages to a
more dynamic Web bull Key concepts are participation and dynamic
interaction bull Open communication amp open sharing of
information
Web 10 - Web 20Web 10 - Web 20
bull Staticbull Brochurewarebull Personal web sitebull Britannica Onlinebull Directories
(taxonomy)bull Bookmarking sites
bull Dynamicbull Customisationbull Blogbull Wikipediabull Tagging (folksonomy)bull Social bookmarking
Web 20 ServicesApplicationsWeb 20 ServicesApplications
bull Blog
bull Wikis
bull Web Feed
bull RSS
bull Atoms
bull Tags Folksonomy and Tag Clouds
bull Social Networking
What is a Blog
bull Is a journal or diary (Blog 2006)bull Usually displayed in a reverse chronological orderbull A commentary or news on a particular subjectbull blogs are primarily textualhellipbull they sometimes containbull photographs (photoblog)bull videos (vlog)bull audio (podcasting)bull Are part of the social network media
What is a wiki
bull A Web site that allows visitors to add
remove and edit content
bull Without the need for registration
bull An effective tool for collaborative
authoring
bull On-line encyclopedias such as Wikipedia
Wikis
bull httpwwwictlogynet
bull httpwwwwikipediaorg
bull httpk12wikiwikispacescom
RSSRSS
bull RSS is acronym for Really Simple Syndication or Rich Site Summary
bull RSS is an XML format for distributing news headlines on the web
bull Initially RSS was restricted to News Headlinesbull Common uses for RSS include
- Blog - Newsletters
- Weather Alerts - Press Announcements- Specials or Discounts- Calendars
RSSRSS
RSS feeds can be read two different ways
bull Desktop RSS feed reader or news aggregatorlike Feed demo
bull Web based RSS feed reader like FeedScout Active Web Reader
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
WebsiteWebsite
bull Bunch of web pages
bull Click and browse
bull Couldnt interact on it
bull Familiar with HTML coding
bull Websites started springing up like mushroom
bull life became rather boring on the Internet
Web 20Web 20
bull OrsquoReilly Media 2004bull It is Second generation of services available on
the Web that lets people collaborate and share information online
bull set of technologies bull Transition from static HTML Web pages to a
more dynamic Web bull Key concepts are participation and dynamic
interaction bull Open communication amp open sharing of
information
Web 10 - Web 20Web 10 - Web 20
bull Staticbull Brochurewarebull Personal web sitebull Britannica Onlinebull Directories
(taxonomy)bull Bookmarking sites
bull Dynamicbull Customisationbull Blogbull Wikipediabull Tagging (folksonomy)bull Social bookmarking
Web 20 ServicesApplicationsWeb 20 ServicesApplications
bull Blog
bull Wikis
bull Web Feed
bull RSS
bull Atoms
bull Tags Folksonomy and Tag Clouds
bull Social Networking
What is a Blog
bull Is a journal or diary (Blog 2006)bull Usually displayed in a reverse chronological orderbull A commentary or news on a particular subjectbull blogs are primarily textualhellipbull they sometimes containbull photographs (photoblog)bull videos (vlog)bull audio (podcasting)bull Are part of the social network media
What is a wiki
bull A Web site that allows visitors to add
remove and edit content
bull Without the need for registration
bull An effective tool for collaborative
authoring
bull On-line encyclopedias such as Wikipedia
Wikis
bull httpwwwictlogynet
bull httpwwwwikipediaorg
bull httpk12wikiwikispacescom
RSSRSS
bull RSS is acronym for Really Simple Syndication or Rich Site Summary
bull RSS is an XML format for distributing news headlines on the web
bull Initially RSS was restricted to News Headlinesbull Common uses for RSS include
- Blog - Newsletters
- Weather Alerts - Press Announcements- Specials or Discounts- Calendars
RSSRSS
RSS feeds can be read two different ways
bull Desktop RSS feed reader or news aggregatorlike Feed demo
bull Web based RSS feed reader like FeedScout Active Web Reader
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
Web 20Web 20
bull OrsquoReilly Media 2004bull It is Second generation of services available on
the Web that lets people collaborate and share information online
bull set of technologies bull Transition from static HTML Web pages to a
more dynamic Web bull Key concepts are participation and dynamic
interaction bull Open communication amp open sharing of
information
Web 10 - Web 20Web 10 - Web 20
bull Staticbull Brochurewarebull Personal web sitebull Britannica Onlinebull Directories
(taxonomy)bull Bookmarking sites
bull Dynamicbull Customisationbull Blogbull Wikipediabull Tagging (folksonomy)bull Social bookmarking
Web 20 ServicesApplicationsWeb 20 ServicesApplications
bull Blog
bull Wikis
bull Web Feed
bull RSS
bull Atoms
bull Tags Folksonomy and Tag Clouds
bull Social Networking
What is a Blog
bull Is a journal or diary (Blog 2006)bull Usually displayed in a reverse chronological orderbull A commentary or news on a particular subjectbull blogs are primarily textualhellipbull they sometimes containbull photographs (photoblog)bull videos (vlog)bull audio (podcasting)bull Are part of the social network media
What is a wiki
bull A Web site that allows visitors to add
remove and edit content
bull Without the need for registration
bull An effective tool for collaborative
authoring
bull On-line encyclopedias such as Wikipedia
Wikis
bull httpwwwictlogynet
bull httpwwwwikipediaorg
bull httpk12wikiwikispacescom
RSSRSS
bull RSS is acronym for Really Simple Syndication or Rich Site Summary
bull RSS is an XML format for distributing news headlines on the web
bull Initially RSS was restricted to News Headlinesbull Common uses for RSS include
- Blog - Newsletters
- Weather Alerts - Press Announcements- Specials or Discounts- Calendars
RSSRSS
RSS feeds can be read two different ways
bull Desktop RSS feed reader or news aggregatorlike Feed demo
bull Web based RSS feed reader like FeedScout Active Web Reader
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
Web 10 - Web 20Web 10 - Web 20
bull Staticbull Brochurewarebull Personal web sitebull Britannica Onlinebull Directories
(taxonomy)bull Bookmarking sites
bull Dynamicbull Customisationbull Blogbull Wikipediabull Tagging (folksonomy)bull Social bookmarking
Web 20 ServicesApplicationsWeb 20 ServicesApplications
bull Blog
bull Wikis
bull Web Feed
bull RSS
bull Atoms
bull Tags Folksonomy and Tag Clouds
bull Social Networking
What is a Blog
bull Is a journal or diary (Blog 2006)bull Usually displayed in a reverse chronological orderbull A commentary or news on a particular subjectbull blogs are primarily textualhellipbull they sometimes containbull photographs (photoblog)bull videos (vlog)bull audio (podcasting)bull Are part of the social network media
What is a wiki
bull A Web site that allows visitors to add
remove and edit content
bull Without the need for registration
bull An effective tool for collaborative
authoring
bull On-line encyclopedias such as Wikipedia
Wikis
bull httpwwwictlogynet
bull httpwwwwikipediaorg
bull httpk12wikiwikispacescom
RSSRSS
bull RSS is acronym for Really Simple Syndication or Rich Site Summary
bull RSS is an XML format for distributing news headlines on the web
bull Initially RSS was restricted to News Headlinesbull Common uses for RSS include
- Blog - Newsletters
- Weather Alerts - Press Announcements- Specials or Discounts- Calendars
RSSRSS
RSS feeds can be read two different ways
bull Desktop RSS feed reader or news aggregatorlike Feed demo
bull Web based RSS feed reader like FeedScout Active Web Reader
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
Web 20 ServicesApplicationsWeb 20 ServicesApplications
bull Blog
bull Wikis
bull Web Feed
bull RSS
bull Atoms
bull Tags Folksonomy and Tag Clouds
bull Social Networking
What is a Blog
bull Is a journal or diary (Blog 2006)bull Usually displayed in a reverse chronological orderbull A commentary or news on a particular subjectbull blogs are primarily textualhellipbull they sometimes containbull photographs (photoblog)bull videos (vlog)bull audio (podcasting)bull Are part of the social network media
What is a wiki
bull A Web site that allows visitors to add
remove and edit content
bull Without the need for registration
bull An effective tool for collaborative
authoring
bull On-line encyclopedias such as Wikipedia
Wikis
bull httpwwwictlogynet
bull httpwwwwikipediaorg
bull httpk12wikiwikispacescom
RSSRSS
bull RSS is acronym for Really Simple Syndication or Rich Site Summary
bull RSS is an XML format for distributing news headlines on the web
bull Initially RSS was restricted to News Headlinesbull Common uses for RSS include
- Blog - Newsletters
- Weather Alerts - Press Announcements- Specials or Discounts- Calendars
RSSRSS
RSS feeds can be read two different ways
bull Desktop RSS feed reader or news aggregatorlike Feed demo
bull Web based RSS feed reader like FeedScout Active Web Reader
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
What is a Blog
bull Is a journal or diary (Blog 2006)bull Usually displayed in a reverse chronological orderbull A commentary or news on a particular subjectbull blogs are primarily textualhellipbull they sometimes containbull photographs (photoblog)bull videos (vlog)bull audio (podcasting)bull Are part of the social network media
What is a wiki
bull A Web site that allows visitors to add
remove and edit content
bull Without the need for registration
bull An effective tool for collaborative
authoring
bull On-line encyclopedias such as Wikipedia
Wikis
bull httpwwwictlogynet
bull httpwwwwikipediaorg
bull httpk12wikiwikispacescom
RSSRSS
bull RSS is acronym for Really Simple Syndication or Rich Site Summary
bull RSS is an XML format for distributing news headlines on the web
bull Initially RSS was restricted to News Headlinesbull Common uses for RSS include
- Blog - Newsletters
- Weather Alerts - Press Announcements- Specials or Discounts- Calendars
RSSRSS
RSS feeds can be read two different ways
bull Desktop RSS feed reader or news aggregatorlike Feed demo
bull Web based RSS feed reader like FeedScout Active Web Reader
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
What is a wiki
bull A Web site that allows visitors to add
remove and edit content
bull Without the need for registration
bull An effective tool for collaborative
authoring
bull On-line encyclopedias such as Wikipedia
Wikis
bull httpwwwictlogynet
bull httpwwwwikipediaorg
bull httpk12wikiwikispacescom
RSSRSS
bull RSS is acronym for Really Simple Syndication or Rich Site Summary
bull RSS is an XML format for distributing news headlines on the web
bull Initially RSS was restricted to News Headlinesbull Common uses for RSS include
- Blog - Newsletters
- Weather Alerts - Press Announcements- Specials or Discounts- Calendars
RSSRSS
RSS feeds can be read two different ways
bull Desktop RSS feed reader or news aggregatorlike Feed demo
bull Web based RSS feed reader like FeedScout Active Web Reader
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
Wikis
bull httpwwwictlogynet
bull httpwwwwikipediaorg
bull httpk12wikiwikispacescom
RSSRSS
bull RSS is acronym for Really Simple Syndication or Rich Site Summary
bull RSS is an XML format for distributing news headlines on the web
bull Initially RSS was restricted to News Headlinesbull Common uses for RSS include
- Blog - Newsletters
- Weather Alerts - Press Announcements- Specials or Discounts- Calendars
RSSRSS
RSS feeds can be read two different ways
bull Desktop RSS feed reader or news aggregatorlike Feed demo
bull Web based RSS feed reader like FeedScout Active Web Reader
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
RSSRSS
bull RSS is acronym for Really Simple Syndication or Rich Site Summary
bull RSS is an XML format for distributing news headlines on the web
bull Initially RSS was restricted to News Headlinesbull Common uses for RSS include
- Blog - Newsletters
- Weather Alerts - Press Announcements- Specials or Discounts- Calendars
RSSRSS
RSS feeds can be read two different ways
bull Desktop RSS feed reader or news aggregatorlike Feed demo
bull Web based RSS feed reader like FeedScout Active Web Reader
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
RSSRSS
RSS feeds can be read two different ways
bull Desktop RSS feed reader or news aggregatorlike Feed demo
bull Web based RSS feed reader like FeedScout Active Web Reader
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
AtomAtom
bull Atom is a format quite similar to RSS It was created by people who felt that RSS could be improved upon
bull The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds) it is also able to carry more complex information and it is consistent across the syndication storage and editing of information
bull Almost everything regarding RSS applies equally well to Atom
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
TagsTags
bull Tags are keywords added to articles in blogs or Web pages via social page tag tools such as delicious Technorati and Yahoorsquos My Web
bull Tags are also known as labels and the process of creating tags is known as tagging
bull Tagging is also used to great effect on photo sharing site flickr
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
FolksonomyFolksonomy
bull Folksonomy is a tagging system a manual indexing of the Web
bull Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users
bull Itrsquos also known as social tagging social indexing collaborative tagging or social classification
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
AdvantagesAdvantages
bull User participation
bull Adaptability
bull Vocabularies
bull Lower cost
bull Flexible
bull Take into account different perspectives
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
Social NetworkingSocial Networking
bull Kind of application which helps interconnection amongst users
bull Myspacecomndash Fourth most popular English Websitendash 95 million members with 500000 new members each
weekndash Bought by News Corp (Rupert Murdoch) for US$580
Million in June 2005
orkutcom 40 million members daily traffic is said to be
more than 5 00000
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
ApplicationsApplications
bull Movies Music Books TV Showsbull 1048697 List your favouritesbull 1048697 See your friendsrsquo favouritesbull 1048697 Discuss post reviews take quiz etcbull 1048697 Peer- driven webbull 1048697 Likeness ndash find out which friendcelebrity you look likebull 1048697 Name Analyzer ndash what does your name meanbull 1048697 Chess - play in real-time and make new friendsbull 1048697 New common API Google OpenSocial
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
Web20 TechnologiesWeb20 Technologies
bull AJAX
bull API
bull Mash-ups
bull Flash
bull M-paper technology
bull RW Web for collective intelligence
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
What is AJAXWhat is AJAX
bull Asynchronous JavaScript and XMLbull Available on all major browsersbull Removes the need to reload entire web page each time
the user makes a change Increase the web pages interactivity speed and usability
bull XML is used as the format for transferring data between the server and client XML files may be created dynamically by some form of server-side scripting
bull The Ajax technique uses a combination of XHTML and CSS JavaScript XMLHttpRequest IFrame object
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
AJAX Example AJAX Example
bull Meebocom
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
APIAPI
bull Application Programming Interface (API)
bull set of routines protocols and tools for building software applications
bull Good for users and programmer
bull Google Maps a good example of Open Source API programming
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
Mash-up
bull A mashup is a website or web application that uses content from more than one source to create a completely new service
bull small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
ProblemsProblems
bull Security- Many attack vectors for Javascript- New technology- Not applicable as initially intended- Cross site javascripting
bull Privacy- Companies might have policies against outside mails documents etc- Trust the provider of the service
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
ProblemsProblems
bull Scalability- Closer to the desktop - slower- Backend must extend to thousand
of usersbull 1048697 Interoperability
- Javascript - cross browser behaviour
- cross platform behaviour (handheld vs desktop)
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
SolutionsSolutions
bull Security - Use Firefox with the No Script add-on only
allows sites you trustbull Privacy
- Data between server - browser has to be encrypted
- Users must be taught not to use online tools for sensitive information
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
ConclusionConclusion
bull Web 30
bull Emphasis on APIs and data accessibility
bull Mobile Devices
bull Semantic Web
bull Better security
bull Ensuring privacy
Thank YouThank You
Thank YouThank You