|Create a modular single-page app with Vue.js and Bluemix,
Part 1: Develop and test the front end
|Tutorial||03 Feb 2016|
|Notes from developerWorks Technology: Top Web development tutorials from 2015
The developerWorks Technology editor showcases the top tutorials published in 2015 for web developers.
|Tutorial||18 Nov 2015|
|Playful web development, Part
1: Manage user authentication with the Play Framework and Scala
Implement user management for your Play Framework applications and put your Scala skills to work. Pablo Pedemonte takes you through building a basic Play application that handles authentication and authorization. You can even use the application code as a starter for your own Play projects to shorten user-management development time.
|Articles||12 Nov 2015|
|Articles||09 Oct 2015|
|Develop full-stack Java apps with Vaadin in the cloud
Use the Vaadin Rich Web Starter boilerplate to deploy a customized DB2-backed, three-tier order-desk web app to the Bluemix cloud in minutes.
|Articles||30 Sep 2015|
|Join the Web Components revolution with Polymer
The Polymer library uses Web Components technology supported by all modern browsers, including mobile browsers on iOS and Android. Add custom web elements that encapsulate a complete user interface
|Tutorial||02 Sep 2014|
|HTML5 2D game development: Wrapping up the game
In this series, HTML5 maven David Geary shows you how to implement an HTML5 2D video game one step at a time. This installment concludes the series by rounding out Snail Bail with important features and some aesthetic polish. Learn how to replace the game's background, fine-tune gameplay, keep score, dim controls, monitor frame rate, track lives, display credits, tweet scores, and deploy the game to a server.
|Articles||23 Jul 2013|
|Working with jQuery UI themes
The jQuery UI is now the industry standard for theme implementation because of its support for widgets. Dive into the jQuery UI platform with Java architect Ken Ramirez to learn how to use jQuery UI's native themes and design custom themes for your site.
|Articles||04 Apr 2013|
|Introduction to jQuery Mobile
Get an introduction to the jQuery Mobile framework. Learn the basics of the framework and how to write a functional mobile web application user interface. In this article, an example guides you through basic pages, navigation, toolbars, list views, form controls, and transition effects.
|Articles||29 May 2012|
|Using Dojo to extend business processes to the mobile space
This article illustrates an example of how to build a simple mobile user interface that interacts with a business process. The implementation of the mobile UI uses Dojo with the IBM WebSphere Application Server Feature Pack for Web 2.0 and Mobile, and the sample business process is implemented with IBM Business Process Manager V7.5. The mobile web application built here renders with a native look and feel on webkit-enabled mobile devices such as iPhone, iPad, Android, and RIM smartphones and tablets.
|Articles||14 Mar 2012|
|Get started with Selenium 2
Selenium is a well-known web application testing framework used for functional testing. The new version, Selenium 2, merges the best features of Selenium 1 and WebDriver (a parallel project to Selenium). In this article, learn how to make the easy transition from Selenium 1 to Selenium 2. Examples show how to use Selenium 2, how to test remotely, and how to migrate your written tests from Selenium 1 to Selenium 2.
|Articles||06 Mar 2012|
|Comment lines: Tools for modernizing enterprise applications and the way you develop them
The newly announced IBM Rational Developer for System z Unit Test can dramatically enhance the way you develop, maintain, and test mainframe applications. This article explains how this solution, along with other Rational Enterprise Modernization products, can be used in a typical scenario to transform an existing mainframe "green screen" application into a smartphone interface using modern techniques.
|Articles||21 Sep 2011|
|Create an ILOG Dojo Diagrammer application for touch-enabled mobile devices
This article introduces both Dojo Mobile and IBM ILOG Dojo Diagrammer, and explains how you can create a diagram application for mobile devices with the Dojo Toolkit and IBM ILOG Dojo Diagrammer. In addition, you'll see how the application can add custom actions invoked by a touch gesture.
|Articles||21 Sep 2011|
|Comment lines: You can influence WebSphere products through the Client Experience
The Client Experience Program for IBM WebSphere Products brings clients and IBM product development teams together to share information about products, usage experience, requirements, and best practices. Through no-charge activities and events, you can improve your understanding of WebSphere products and contribute feedback so that the products you use can continue to meet your future needs.
|Articles||03 Aug 2011|
|User interface design for the mobile web
Web application technology reduces the cost of creating multiplatform applications. Developers can create applications that run on mobile platforms that differ in development technology, user interface style, input mechanisms, display form factor, size, and resolution. To design applications that are easy to use, and that integrate well across diverse platforms and devices, you need to consider several factors beyond conventional web applications and native mobile applications. This article explores the usability challenges of the mobile web, and provides several best practices for designing mobile web applications.
|Articles||26 Jul 2011|
|Using the WebSphere Application Server Feature Pack for Web 2.0 and Mobile
to view web application usage patterns and other analytics data
Knowing how users navigate and browse through your website can be valuable in guiding and justifying efforts to improve the site. For example, knowledge about page statistics might guide you to move the most frequently accessed pages to higher levels in the site, statistics on mouse clicks can identify rarely-used buttons, and long idle times could point to pages needing simplification. This article explains how to make use of new features in the Dojo Toolkit and IBM WebSphere Application Server Feature Pack for Web 2.0 and Mobile to generate analytics data, and offers advice on presenting the data in your own application.
|Articles||22 Jun 2011|
|Integrating WebSphere CloudBurst capabilities in an iPhone
solution, Part 4: Extending classes to manage HTTPS syndication
This series of articles walks you through the process of creating a full client application for an Apple iPhone device that collaborates with an IBM WebSphere CloudBurst Appliance using a REST API. Using the vast REST-based APIs provided, WebSphere CloudBurst offers many integration opportunities for a Web 2.0 environment, such as with a smartphone. Building on the previous articles, Part 4 concludes this series showing how you can extend a class to manage the HTTPS protocol, including security management.
|Articles||22 Jun 2011|
|CodeIgniter and Ajax using jQuery
|Articles||11 May 2010|
|Extending widgets in the WebSphere Application Server Feature Pack for
Communications Enabled Applications
|Tutorial||17 Mar 2010|
|Next-generation banking with Web 2.0
Web 2.0 brings innovative design ideas and methodologies to the financial industry and improves considerably the development of business applications in this competitive market environment. This article explains how Web 2.0 influences the design of financial applications. Examine trends in Internet banking and how Web 2.0 practices influence those trends.
Also available in: Portuguese
|Articles||01 Dec 2009|
|Managing your private cloud, Part 2: Using the WebSphere CloudBurst REST API interface
Several interface options are available to help you to interact with the IBM WebSphere CloudBurst Appliance, which provides functionality for creating, deploying, and managing IBM WebSphere Application Server virtual systems in a private cloud. These interfaces include a Web 2.0 graphical user interface, a Jython command line interface, and an HTTP REST API. This article discusses the HTTP REST API, which provides a language-neutral interface that is ideal for integrating WebSphere CloudBurst capabilities into existing applications or user interfaces.
|Articles||04 Nov 2009|
|Using Apache Pivot to build an iTunes search client
Apache Pivot is an open source platform for building rich internet applications (RIAs) in a Java environment. It combines the enhanced productivity and usability features of a modern RIA toolkit with the robustness of the industry-standard Java platform. Apache Pivot applications take advantage of WTKX, an XML-based language for user interface design, which makes the application's output easy to visualize. In this tutorial, you will follow the implementation of a simple but practical Pivot application that allows a user to execute searches against the contents of the iTunes Store.
|Tutorial||13 Oct 2009|
|Creating a declarative XML UI language
Writing GUIs in program code can often lead to messy design choices, which in turn results in a blurring between business logic and UI code. Discover how to create a declarative XML UI tag set with an accompanying Java(TM) framework that parses, validates, constructs, and finally binds the declared GUI components to business logic at runtime.
|Articles||01 Sep 2009|
The mashup development model enables a vast array of possibilities for the Web landscape. This openness, however, presents a plethora of new security vulnerabilities. Discover tips and techniques for addressing some of these problems.
|Articles||04 Aug 2009|
|Leveraging Amazon Web Services for enterprise application integration
Discover how to leverage XML and Amazon Web Services to integrate enterprise applications, and to build cross-platform application-integration capabilities using the Microsoft(R) .NET C#) and Java(TM) platforms.
|Articles||16 Jun 2009|
|Implement roles-based authorization
Learn how to implement a dynamic user interface through user authentication. Authentication is often the requirement for applications with multiple groups of users. Each group may require access to application functionality that may need to be withheld from other groups. The authentication mechanism must validate user credentials and control access to application functionality based on the user's credentials. This article shows how to implement a basic authentication mechanism using OpenLDAP and Tomcat. It compares the OpenLDAP and Tomcat implementation to an OpenLDAP and WASCE implementation. And finally, code examples show the implementation of the dynamic UI using Java code and JSTL.
|Articles||14 Apr 2009|
|Implementing Enterprise 2.0
The term Enterprise 2.0 is gaining traction in organizations across the globe. This article investigates the underlying concepts of Enterprise 2.0, its relationship with Web 2.0, and the various tools and services that apply to it. Examine the benefits of employing Enterprise 2.0 in your business, and explore some of the potential drawbacks associated with it. Use this article to help you decide how to best implement Enterprise 2.0 in your organization.
|Articles||17 Feb 2009|
|Creating mashups with JavaFX
Are you a Java developer who wants to leverage the open Web to create Rich Internet Applications (RIAs)? You are in luck. Now JavaFX empowers developers to leverage the Java platform to create RIAs. In this article, learn how you can use JavaFX to create mashups. See how JavaFX lets you tap into popular Web services such as Flickr and how you can use it to create interactive user interfaces. Along the way, get a taste of the new capabilities that JavaFX brings to client-side development.
|Articles||10 Feb 2009|
|Adaptive user interfaces for health care
Adaptive user interfaces assist users in accomplishing tasks in an application and construct a model of the user's preferences so as to serve them better in the future. Examples include systems that filter news stories, recommend products, and so on. This approach to personalized services is relatively new but has great potential for improving the effectiveness of human-computer interfaces. Health care is a significant area where adaptive user interfaces can be of great use. Health care users range from having little computer knowledge (for example, some nurses or doctors) to having expert computer knowledge (for example, system administrators). And, there can be many other distinguishing factors when it comes to patients. Therefore, adapting a computer application's interface to different types of users is important to improve the usability of such applications. Two major techniques used for adaptation are adaptive presentation and adaptive navigation. Adaptive presentation involves personalizing the contents presented to the user. Adaptive navigation involves customizing ways by which users complete their tasks in the application. These techniques can be used to enhance the usability of health care applications, thereby contributing to their success.
|Articles||20 Jan 2009|
|Localized client-side validation messaging using Ajax
|Articles||13 Jan 2009|
|Articles||28 Oct 2008|
|Real Web 2.0: Practical linked, open data with Exhibit
In the previous installment of this column you learned about Linking Open Data (LOD), a community initiative for moving the Web from separated documents to a broad information space of data. That article covered the main ideas of LOD, and in this article you will see how to quickly put these ideas to use. Learn about the Exhibit Web library from the MIT Simile project, which allows you to construct functional and visually attractive user interfaces without much work, once you have good LOD available.
|Articles||13 May 2008|
|An introduction to RichFaces
|Articles||25 Mar 2008|
|Web development tips: Pay attention to the CSS @media rule
The CSS "@media" rule is a useful way to target an HTML or XML document to an intended output device. Use of the "print" media is now fairly widespread, and provides a much cleaner means of creating printer-friendly pages than does a separate "printable version." The use of the "screen" media has been somewhat underused, perhaps because of an overly general assumption that screen is merely the "default rendering." However, in regard to positioning--especially absolute positioning--the screen media type has an important meaning that is not covered by media-free stylesheet rules.
|Articles||18 Sep 2007|
|Web development tips: Ten (or a few more) files every Web site needs
Regardless of what sort of Content Management System or Web application framework you might use to develop your Web site, there are some basics you should cover. A sophisticated user interface and rich content is great to have, but before you get to that, you should provide the basic files that users anticipate finding and that tell both humans and machines what your site does.
|Articles||11 Sep 2007|
|Real Web 2.0: Wikipedia, champion of user-generated content
Encourage user contribution to your Web site by learning from Wikipedia. Wikipedia builds on open source and respects the geographical variety and potential accessibility needs of its users. It provides tools to help users contribute, but also fosters an atmosphere where contributions are verified and discussed by the community.
|Articles||04 Sep 2007|
|The cranky user: What ever happened to Web engineering?
Does it ever occur to you that today's Web developers could learn a thing or two from traditional computer programming? The cranky user talks about the foundations of software engineering and asks where in the Web those best practices have disappeared to.
|Articles||24 Jul 2007|
|Real world Rails, Part 2: Advanced page caching
|Articles||26 Jun 2007|
|The W3C Multimodal Architecture, Part 2: The XML specification stack
Gerald McCobb continues his introduction to the forthcoming W3C Multimodal Architecture with a survey of the many XML languages that you can use to author multimodal applications. He then shows how several specifications -- SCXML, XHTML, REX, and XML Events -- could work together in a complete multimodal application.
|Articles||31 May 2007|
|The W3C Multimodal Architecture, Part 1: Overview and challenges
The W3C Multimodal Interaction Working Group has been refining its proposal for a Multimodal Architecture since 2002. In this first article in a three-part series, Gerald McCobb of IBM presents an overview of the group's progress. Get an early look at the emerging architecture and learn about the challenges Web developers should consider when deciding whether to implement it.
Also available in: Japanese
|Articles||08 May 2007|
|Take a legacy path to advanced GWT controls
|Articles||24 Apr 2007|
|Implementing client-side interportlet communication with Dojo and WebSphere Portal
|Articles||14 Mar 2007|
|Develop Web applications for local use
Writing local Web applications can be quick, easy, and efficient for solving specific Intranet problems. Understand why a Web browser is sometimes a better interface than a GUI application, and when a CGI script may be the simplest and most elegant solution.
Also available in: Russian
|Articles||27 Feb 2007|
|The cranky user: Do you really expect me to believe that?
Peter talks playground rules to corporate liars, big and small.
|Articles||02 Feb 2006|
|The cranky user: Watchen das blinkenlichten
Usability suffers when the design of computer interfaces is driven by the need to make a good first impression. This month the cranky user talks about the relationship between form and substance.
|Articles||03 Oct 2005|
|Ajax for Java developers: Build dynamic Java applications
|Articles||20 Sep 2005|
|The cranky user: Ergonomics, Part 2: Ergonomic devices
Following up on "Part 1: The science of not hurting the user," the cranky user looks at the various tools and devices marketed to solve ergonomic problems.
|Articles||01 Jun 2005|
|The cranky user: Ergonomics, Part 1: The science of not hurting the user
With aching hands and wrists, the cranky user writes about ergonomics, from in-home doctor visits to the proper time for font smoothing.
|Articles||04 May 2005|
|When Web pages don't work
Puzzled why your site is not living up to your expectations? The problem may not lie with your content or products, but rather in your site's user experience. Find out what common pitfalls to avoid by following a few simple guidelines to improve the user experience and transform surfers into customers.
|Articles||09 Feb 2005|
|The cranky user: Everything's automated!
Today's user interfaces are so eager to please that sometimes they're downright pushy. In this month's The cranky user, Peter calls for more tough love in UI design and less overcompensation for user ignorance, confusion, and error.
|Articles||13 Jan 2005|
|Quality busters: Make your error messages meaningful
Many applications treat users as if they were programmers. Messages that report errors are often cryptic, contain meaningless codes, and provide no help regarding what to do next. While the developers who wrote the application can use those messages, most users are left with one option: call the help desk. This article describes a more appropriate kind of error message for users: one that includes description, cause, and recovery steps.
|Articles||20 Oct 2004|
|Quality busters: Don't violate the principle of locality
Modern applications are highly distributed, with components residing on many systems. These components consist of many application objects, such as program modules, databases, and configuration files. Improperly distributing application objects increases the number of necessary maintenance tasks; this in turn increases the likelihood that a task might be performed incorrectly, which increases the probability of an application failure. In this installment of Quality busters, you'll look at some of the ways in which application objects are improperly distributed.
|Articles||06 Oct 2004|
|The cranky user: To err(or) is human
Writing informative, useful software error reports is the topic tackled by cranky user Peter Seebach.
|Articles||06 Oct 2004|
|Quality busters: The files that ate the disk
Nearly every application creates by-products which must be managed. These by-products include log files, tracings for debugging problems, intermediate files, data transfer files, temporary tables, and more. Failure to manage these transient objects can result in the application's failure due to limited disk space or other resource conflicts.
|Articles||23 Aug 2004|
|Quality busters: Forget the environment
The quality of an application depends on more than how well it satisfies user-functional requirements. Even an application that successfully makes it through development and deployment can encounter grumblings from users and system operators if it is hard to use, keeps failing, is difficult to diagnose, or consumes excessive resources. In addition to user-functional requirements, you must also consider how well the application satisfies the non-functional requirements and fits into the organization's operational environment.
|Articles||10 Aug 2004|
|The cranky user: All I want is a quick, easy install, Part 2
Peter adds a few finishing touches to his thoughts on what does and does not befit a well-mannered software installer.
|Articles||02 Jun 2004|
|The cranky user: Mixed signals on the high-tech highway
Mixed signals have become a fixture on the user landscape that most of you just ignore. Whether you're pressing Start to shut down a computer operating system or marveling at privacy-policy doublespeak, you've become so inured that you barely notice how exhausting and irritating it all is. Not so for the cranky user. This month's column reveals both the madness and the method behind the seemingly random insanity that most computer users are soaking in.
|Articles||02 Apr 2004|
|The cranky user: You don't exist. Go away.
People were mistakenly declared dead long before people had computers. Frustration results when something or someone tells you that you don't exist, an experience the cranky user examines in this month's column.
|Articles||02 Feb 2004|
|The cranky user: The importance of documentation
Computer documentation is shoddy, or more often absent. Missing information amplifies usability problems, leaving users stuck calling unfriendly technical support lines. In this installment of The cranky user, Peter Seebach explains what's missing in the documentation effort and why it is gone.
|Articles||14 Nov 2003|
|The cranky user: Strategies for handling customer feedback
If your Web site doesn't include a feedback mechanism, it probably should. In this month's Cranky User column, Peter explains the importance of listening to the customer, and helps you develop strategies for dealing with the different types of feedback you will receive.
|Articles||03 Jul 2003|
|Learn from your customers for usable Web apps
Usability consultant Paul Englefield takes you on a journey to demonstrate that listening to your customers is the only way to provide the ultimate usability when designing an e-commerce site or Web-based applications. Through examples, the article weaves user-centered design techniques into the steps of designing an effective business site, focusing on gathering data about your customers' (and their customers') usage behaviors, offers two design models, and demonstrates how to integrate customers' input into the testing and evaluation process.
|Articles||10 Jun 2003|
|The cranky user: The cranky user recants
As time goes on, we all have to admit our mistakes; even columnists at respected Web sites like this one. Perhaps it's time I addressed a few of the gaffes I've made during the history of this column. Really, it's not that bad; one column of recanting for more than twenty columns that were entirely flawless. I hope this column is enlightening, as it's a bit hard to back down from my earlier positions. Luck being on my side, my readers will meet me halfway.
|Articles||01 Apr 2003|
|The cranky user: Customer service -- it matters
Usability testing on phone systems is a valuable lesson for Web developers. After all, happy customers help with happy business growth.
|Articles||10 Mar 2003|
|The cranky user: Pigeonholed
Web sites often try to categorize visitors, transactions, questions, and more. These categories can be unnatural or limiting to the user -- as well as annoying. How can online sites please their visitors, while extracting needed information from them?
|Articles||01 Jan 2003|
|Experience remote usability testing, Part 1
Two Pervasive Computing specialists explain why and when remote usability testing is a benefit, illuminate application-sharing tools used for testing, and offer insights into their experiences and the sometimes hard lessons they've learned. (Part 1 of 2.)
|Articles||01 Jan 2003|
|Crafting a wizard
Designing an effective wizard is no magician's trick. Even though wizards are intended to make complex tasks appear easy, shielding users from complex details is real work to designers and developers. This article will share 15 dos and don'ts gleaned from the author's experience to help you create a wizard that works.
|Articles||01 Sep 2001|
|The cranky user: The Principle of Least Astonishment
When computers are at their most usable, we don't even notice them; when they are at their least, they astonish us. Here, Peter explores the Principle of Least Astonishment, and how it can help you develop better interfaces.
|Articles||01 Aug 2001|
|Fly on the Wall
For developers to make products that delight customers, they need adequate information about who exactly the customers are and what their requirements are. The User-Centered Design (UCD) process provides numerous options for gathering both customer and user input, with wide variation regarding the time involved, labor required, overhead costs, and validity of the information collected. The "Fly on the Wall" (FOTW) technique is a low-cost, low-overhead method of collecting valid customer data. The method is illustrated here through a pilot study that used first-hand, unobtrusive observations by UCD practitioners to collect valid customer data in a timely, cost-effective manner in collaboration with development and marketing staff.
|Articles||01 Aug 2001|
|The cranky user: Respecting user privacy, Part 2
|Articles||12 Apr 2001|
|The user experience
In his first column for developers looking for insights into better application design, Dick Berry explains why look and feel is only the tip of the iceberg. Find out why starting with the user experience leads to better application design, whether for Web users or unplugged users.
Also available in: Japanese
|Articles||01 Oct 2000|