What we develop and showcase in this guide
The use cases developed in this guide are part of a simulated Government Portal (Your City) demo leveraging WebSphere Portal Server v220.127.116.11 and Content Template Catalog (CTC4). We used pre-released version of both to build this demo site. This website is fully responsive based on WebSphere Portal Server v18.104.22.168 responsive theme and can be accessed from desktop browsers, phone, and tablet devices. In addition, when using the "Check In" and "Citizen Reports" applications, you can access the native camera on the mobile device using Worklight client side architecture.
The following is the list of use cases (portlets and hybrid mobile applications) implemented as part of government website demo.
Use case: Check In
Social collaboration is a concept that has gained popularity and is now increasingly used in the workplace. One component of collaboration is the sharing of a person's location at a venue, commonly referred to as check-in
. This use case showcases how a check-in application can be developed for WebSphere Portal using IBM Web Experience Factory. This single application supports three different execution environments: desktop environment, mobile browser environment, and hybrid mobile environment.
For implementation detail, see Use case: Check In
For information on Worklight, refer to the following links:
Use case: Citizen Reports
A citizen (any user whose authentication is not required) can file a report on the web browser or using their mobile device and view existing reports. City government workers can update and assign reports. When the hybrid mobile application (developed using Worklight) is installed on a mobile device, the citizen can use the camera to take a picture of the location where a problem occurs and post it to the server database in the back-end.
For implementation detail, see Use case: Citizen Reports
Use case: Find Parks and Landmarks
Users can search the parks in the city by facility (for example, walkways, baseball fields, and barbecue). For mobile web application or hybrid mobile application, users can also find nearby parks using geolocation. Logged-in users can also add landmarks. The data is stored in back-end database.
For implementation detail, see Use case: Find Parks and Landmarks.
The geolocation techniques shown here is also demonstrated in the mobile sample applications on the WEF wiki.
Use case: Events
Events of a conference or any other type of gatherings are stored as content in IBM Web Content Manager (WCM). Users can browse through all the conference events. If a user is interested in a particular event, they can click on the recommend link. This adds the selected event to a list of recommended events for this user and it allows the user to easily manage and view his or her own personalized list of events for the conference. This use case leverages WCM features via CTC4. The use case shows how content from WCM can be integrated into a WEF application that uses responsive web design.
For implementation detail, see Use case: Events.
Use case: News
The News section of the website displays a list of news items. The content for the news item is fetched from IBM Connections Blog service using the REST API.
For implementation detail, see Use case: News.
To build the multi-channel use case applications as described in this guide, you must have the following software products and features properly installed and operational
WebSphere Portal 22.214.171.124
See the WebSphere Portal documentation for installation instructions.
IBM Web Experience Factory 8.0
See the Web Experience Factory product documentation for the download and installation instructions.
IBM Worklight 5.0
You can download IBM Worklight Developer Edition 5.0 for development use at no cost.
DO NOT modify the WebSphere Portal theme directly because it can be updated by service fixpacks. Instead, follow the instructions in this article to create a copy of the theme.
Content template catalog (CTC 4)
You can download CTC4 from the Portal solutions catalog.
Use case development
In the earlier section, we provide links that cover implementation detail for each use case. In addition, to develop these use cases, many IBM products and tools are used. Since their general usage are covered extensively in existing wiki and product documentation, we do not cover them in detail in this wiki. However, for completeness of this wiki, we briefly discuss their development in the following articles: