Welcome!

Java Authors: Pat Romanski, Sematext Blog, Carmen Gonzalez, Elizabeth White, Trevor Parsons

Related Topics: Java, Web 2.0

Java: Book Excerpt

Web 2.0 and Social Networking

Guidelines for creating and then implementing a strategy for Web 2.0 and Social Networking integration - Part 1

Web 2.0 and Social Networking - what do those two technologies have in common? When looking at them independently, and from a purely technical point of view, you might think they don't have a lot in common. However, merge the concepts of two of the hottest technical advances to come around in a while and you have the power to change the world. Not all at once, as change happens over time, but they do provide a framework and the opportunities for major change, which is a first step and much of what we discuss here.

My hope is that you can use this excerpt as a reference that provides some concrete guidelines for creating and then implementing a strategy for Web 2.0 and Social Networking integration within your group or organization.

Much of the focus in the Web 2.0 and Social Networking space has been toward customer interaction; that is, how to draw in or collaborate better with customers through blogs, forums, or Facebook and MySpace pages; how to increase brand or product awareness or drive sales with viral marketing campaigns; or how to increase customer satisfaction using AJAX so that pages are updated almost automatically. We'll look at these ideas and more. However, we also turn our focus inward to the enterprise to see how we can use new strategies and technologies to increase productivity, collaboration, knowledge management, and creativity of our employees and partners.

Web 2.0
By now, many people understand the use of the term Web 2.0, but it still requires some explanation in our context. For our purposes, we might define Web 2.0 as a set of enabling technologies that enable us to reach and provide services to end users in exciting new ways. The reality is that much of the hype around Web 2.0 already existed on the Web well before the term became popular with the media and within the industry, but the concept is helping to drive new innovation in the use of this technology toward better user interaction. At the core of these new technologies is the use of Asynchronous JavaScript and XML (AJAX) to provide a richer user experience to end users.

The term Web 2.0 was coined by Tim O'Reilly, founder and CEO of O'Reilly Media, Inc., and the term became better known across the industry after the O'Reilly Media Web 2.0 conference in 2004. The idea of Web 2.0 definitely has some technical aspects, with the implementation and innovation of new technologies and standards within the web platform. However, much of the focus of Web 2.0 is on new business models. Whereas the focus of Web 1.0 was on delivering products, Web 2.0 had created a paradigm shift to delivering services that can be used and combined with other services in new ways. Another key aspect is the growth of interactivity with end users in new ways, enabling users to drive what is important or of the most value.

Figure 1 illustrates the concept of Web 1.0, where there is a strict producer/consumer approach to delivering web content. The webmaster or content creators build and maintain the website for consumption by end users. The relationship is strictly unidirectional in this model, fixed and targeted based on assumptions made by the webmaster and content team.

Figure 1: Web 1.0 paradigm

In contrast to this approach, in the Web 2.0 model, users actively participate and contribute to a website. This bidirectional approach enables users to interact with the site and each other in ways that provide for and foster a collective community. Users can create, edit, rate, and tag content at will, which provides other users with new information and guides the relevance of what is important to the overall community.

In addition to providing the underlying ability for communities to build momentum, obtain critical mass, and contribute to ongoing collaboration, services can be provided in the form of application programming interfaces (APIs), Representational State Transfer (REST) services, or Really Simple Syndication (RSS) feeds, which enable end users to merge and view data in ways that haven't even been imagined (see Figure 2).

Figure 2: Web 2.0 paradigm

Web 2.0 is not only about providing data in new ways, it is also about improving the user interface and enabling end users to view data quicker and in more dynamic ways through richer user interfaces using AJAX and other technologies.

Rich User Experience Within the Browser
Although not always the case, the goal is to take advantage of the browser as the universal client and provide a richer interactive experience to the end user. Two core technologies that help provide this experience are AJAX and REST. There are lots of other frameworks technologies in this category that can also provide a browser-based rich user experience, such as Adobe Flex and Macromedia Flash. In addition, there are non-browser-based approaches, such as using an Eclipse framework-based approach such as Lotus Expeditor.

AJAX has again brought JavaScript into vogue by providing a new approach to the language. Now you can leverage JavaScript using eXtensible Markup Language (XML), Representational State Transfer (REST), JavaScript Object Notation (JSON), and other technologies. The term AJAX is relatively new; although if you work with web technologies, you have undoubtedly heard of the term, but the underlying technologies have been around almost as long as the Web itself.

The key in AJAX is the term asynchronous, which enables the browser to provide services and features in simple but exciting ways. AJAX provides a new paradigm for interacting with the browser. Essentially, the browser can be updated in an asynchronous manner, which means that there need be no more full-page refreshes that are so common with the Web. Take, for example, a simple stock ticker or some fluid piece of data. With the pre-Web 2.0 approach, the entire screen needs to be refreshed to update a potentially small piece of data. With AJAX and Web 2.0, that small piece of data can be retrieved behind the scenes at regular intervals and updated while users focus elsewhere on the page (see Figure 3).

Figure 3: AJAX interaction model

The purpose of all of this is to provide much more dynamic web pages that not only respond quicker to user action, but that actually assist the user in working with the web page. Simple AJAX patterns include the following:

  • Type Assist: This enables a user to type into a text box while the system tries to figure out what word or phrase the user is looking for. As the user types, the text box continues to change with different values that can assist the user in getting the right value.
  • Form Assist: Another scenario is the concept of updating a list of options based on an earlier choice. Consider, for example, a user trying to fill out a form on the screen. Choosing one option from a list or drop-down box might trigger different options to appear, change, or prefill with additional values based on that choice.
  • Page Fragment Updates: Again, as in the stock ticker example, data can be retrieved behind the scenes and update small fragments of a page without requiring a full refresh of the page.
  • Sliding Palettes: This pattern is where a window appears or slides out on top of the page. This allows the user to choose from a picklist or set of displayed options.

More advanced examples of using AJAX are more obvious, where large sections of the page are updated based on options chosen. One example is a customer service type of application where the user can look up customer and order detail information in a single interface. A detailed example of this is in Chapter 3, "Ajax, Portlets, and Patterns." It has been said that the use of AJAX is nontrivial, which means that although it is simple to add basic examples to your web pages, more advanced works require advanced skills and additional design work to obtain good results. The results of this effort can be impressive as web pages become truly interactive for the end users.

AJAX and the Dojo Toolkit
The Dojo Toolkit is a JavaScript-based collection of libraries (hence the name toolkit) that enable you to build AJAX capabilities into your web pages. The Dojo Toolkit is more than just AJAX, but that is our primary focus here. In reality, Dojo is a DHTML toolkit. Because Dojo is open source, it is free to use in your projects, and many large organizations contribute to Dojo itself.

JavaScript, DHTML, and AJAX are complicated. Dojo encapsulates complex JavaScript capability with predefined components and APIs. Of course, Dojo has a learning curve; however, the gains obtained by focusing at a higher level of abstraction can be enormous. In addition, while some optimization can be obtained, using Dojo libraries implies heavier pages in the form of JavaScript libraries that need to be transmitted to the user's browser to enable all the cool functionality that you will build. It is worth the tradeoff, but I don't want you to think that you get something for free.

Several AJAX libraries are available on the market today. Many of them are open source. IBM has opted to support Dojo by contributing to the community and building Dojo into WebSphere Portal 6.1.

More Stories By Joey Bernal

Anthony (Joey) Bernal is a Senior Consulting IT Specialist with IBM Software Services for Lotus. Working with IBM WebSphere Portal since its initial release, he has worked with dozens of customers helping them be successful with their portal projects. In addition to writing articles and books, he is a frequent speaker on portal topics. Joey is also a co-author of Programming Portlets, and the author of the WebSphere Portal in Action blog.

Armed with a BS in computer science from the University of Montana, Joey started out working primarily with Microsoft technologies, programming with Visual Basic, FoxPro and later Active Server Pages, and Microsoft Site Server. Prior to joining IBM, he was the IT Director for a performance improvement and incentive company in Minneapolis, Minnesota.

Comments (0)

Share your thoughts on this story.

Add your comment
You must be signed in to add a comment. Sign-in | Register

In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.


@ThingsExpo Stories
Scott Jenson leads a project called The Physical Web within the Chrome team at Google. Project members are working to take the scalability and openness of the web and use it to talk to the exponentially exploding range of smart devices. Nearly every company today working on the IoT comes up with the same basic solution: use my server and you'll be fine. But if we really believe there will be trillions of these devices, that just can't scale. We need a system that is open a scalable and by using the URL as a basic building block, we open this up and get the same resilience that the web enjoys.
The Internet of Things will greatly expand the opportunities for data collection and new business models driven off of that data. In her session at @ThingsExpo, Esmeralda Swartz, CMO of MetraTech, discussed how for this to be effective you not only need to have infrastructure and operational models capable of utilizing this new phenomenon, but increasingly service providers will need to convince a skeptical public to participate. Get ready to show them the money!
The Industrial Internet revolution is now underway, enabled by connected machines and billions of devices that communicate and collaborate. The massive amounts of Big Data requiring real-time analysis is flooding legacy IT systems and giving way to cloud environments that can handle the unpredictable workloads. Yet many barriers remain until we can fully realize the opportunities and benefits from the convergence of machines and devices with Big Data and the cloud, including interoperability, data security and privacy.
The 3rd International Internet of @ThingsExpo, co-located with the 16th International Cloud Expo - to be held June 9-11, 2015, at the Javits Center in New York City, NY - announces that its Call for Papers is now open. The Internet of Things (IoT) is the biggest idea since the creation of the Worldwide Web more than 20 years ago.
Cloud Expo 2014 TV commercials will feature @ThingsExpo, which was launched in June, 2014 at New York City's Javits Center as the largest 'Internet of Things' event in the world.
"People are a lot more knowledgeable about APIs now. There are two types of people who work with APIs - IT people who want to use APIs for something internal and the product managers who want to do something outside APIs for people to connect to them," explained Roberto Medrano, Executive Vice President at SOA Software, in this SYS-CON.tv interview at Cloud Expo, held Nov 4–6, 2014, at the Santa Clara Convention Center in Santa Clara, CA.
SYS-CON Media announced that Splunk, a provider of the leading software platform for real-time Operational Intelligence, has launched an ad campaign on Big Data Journal. Splunk software and cloud services enable organizations to search, monitor, analyze and visualize machine-generated big data coming from websites, applications, servers, networks, sensors and mobile devices. The ads focus on delivering ROI - how improved uptime delivered $6M in annual ROI, improving customer operations by mining large volumes of unstructured data, and how data tracking delivers uptime when it matters most.
DevOps Summit 2015 New York, co-located with the 16th International Cloud Expo - to be held June 9-11, 2015, at the Javits Center in New York City, NY - announces that it is now accepting Keynote Proposals. The widespread success of cloud computing is driving the DevOps revolution in enterprise IT. Now as never before, development teams must communicate and collaborate in a dynamic, 24/7/365 environment. There is no time to wait for long development cycles that produce software that is obsolete at launch. DevOps may be disruptive, but it is essential.
Wearable devices have come of age. The primary applications of wearables so far have been "the Quantified Self" or the tracking of one's fitness and health status. We propose the evolution of wearables into social and emotional communication devices. Our BE(tm) sensor uses light to visualize the skin conductance response. Our sensors are very inexpensive and can be massively distributed to audiences or groups of any size, in order to gauge reactions to performances, video, or any kind of presentation. In her session at @ThingsExpo, Jocelyn Scheirer, CEO & Founder of Bionolux, will discuss ho...
We’re no longer looking to the future for the IoT wave. It’s no longer a distant dream but a reality that has arrived. It’s now time to make sure the industry is in alignment to meet the IoT growing pains – cooperate and collaborate as well as innovate. In his session at @ThingsExpo, Jim Hunter, Chief Scientist & Technology Evangelist at Greenwave Systems, will examine the key ingredients to IoT success and identify solutions to challenges the industry is facing. The deep industry expertise behind this presentation will provide attendees with a leading edge view of rapidly emerging IoT oppor...
“With easy-to-use SDKs for Atmel’s platforms, IoT developers can now reap the benefits of realtime communication, and bypass the security pitfalls and configuration complexities that put IoT deployments at risk,” said Todd Greene, founder & CEO of PubNub. PubNub will team with Atmel at CES 2015 to launch full SDK support for Atmel’s MCU, MPU, and Wireless SoC platforms. Atmel developers now have access to PubNub’s secure Publish/Subscribe messaging with guaranteed ¼ second latencies across PubNub’s 14 global points-of-presence. PubNub delivers secure communication through firewalls, proxy ser...
The 3rd International Internet of @ThingsExpo, co-located with the 16th International Cloud Expo - to be held June 9-11, 2015, at the Javits Center in New York City, NY - announces that its Call for Papers is now open. The Internet of Things (IoT) is the biggest idea since the creation of the Worldwide Web more than 20 years ago.
Connected devices and the Internet of Things are getting significant momentum in 2014. In his session at Internet of @ThingsExpo, Jim Hunter, Chief Scientist & Technology Evangelist at Greenwave Systems, examined three key elements that together will drive mass adoption of the IoT before the end of 2015. The first element is the recent advent of robust open source protocols (like AllJoyn and WebRTC) that facilitate M2M communication. The second is broad availability of flexible, cost-effective storage designed to handle the massive surge in back-end data in a world where timely analytics is e...
"There is a natural synchronization between the business models, the IoT is there to support ,” explained Brendan O'Brien, Co-founder and Chief Architect of Aria Systems, in this SYS-CON.tv interview at the 15th International Cloud Expo®, held Nov 4–6, 2014, at the Santa Clara Convention Center in Santa Clara, CA.
The Internet of Things will put IT to its ultimate test by creating infinite new opportunities to digitize products and services, generate and analyze new data to improve customer satisfaction, and discover new ways to gain a competitive advantage across nearly every industry. In order to help corporate business units to capitalize on the rapidly evolving IoT opportunities, IT must stand up to a new set of challenges. In his session at @ThingsExpo, Jeff Kaplan, Managing Director of THINKstrategies, will examine why IT must finally fulfill its role in support of its SBUs or face a new round of...
The BPM world is going through some evolution or changes where traditional business process management solutions really have nowhere to go in terms of development of the road map. In this demo at 15th Cloud Expo, Kyle Hansen, Director of Professional Services at AgilePoint, shows AgilePoint’s unique approach to dealing with this market circumstance by developing a rapid application composition or development framework.

ARMONK, N.Y., Nov. 20, 2014 /PRNewswire/ --  IBM (NYSE: IBM) today announced that it is bringing a greater level of control, security and flexibility to cloud-based application development and delivery with a single-tenant version of Bluemix, IBM's platform-as-a-service. The new platform enables developers to build ap...

Building low-cost wearable devices can enhance the quality of our lives. In his session at Internet of @ThingsExpo, Sai Yamanoor, Embedded Software Engineer at Altschool, provided an example of putting together a small keychain within a $50 budget that educates the user about the air quality in their surroundings. He also provided examples such as building a wearable device that provides transit or recreational information. He then reviewed the resources available to build wearable devices at home including open source hardware, the raw materials required and the options available to power s...
An entirely new security model is needed for the Internet of Things, or is it? Can we save some old and tested controls for this new and different environment? In his session at @ThingsExpo, New York's at the Javits Center, Davi Ottenheimer, EMC Senior Director of Trust, reviewed hands-on lessons with IoT devices and reveal a new risk balance you might not expect. Davi Ottenheimer, EMC Senior Director of Trust, has more than nineteen years' experience managing global security operations and assessments, including a decade of leading incident response and digital forensics. He is co-author of t...
The Internet of Things promises to transform businesses (and lives), but navigating the business and technical path to success can be difficult to understand. In his session at @ThingsExpo, Sean Lorenz, Technical Product Manager for Xively at LogMeIn, demonstrated how to approach creating broadly successful connected customer solutions using real world business transformation studies including New England BioLabs and more.