Archive

Archive for the ‘Mobile’ Category

XPages for the Domino Developer

February 23, 2012 1 comment

Ann Hamm

 by Ann Hamm, Senior Lotus Developer

 

As a seasoned developer since the early days of Lotus, I look around and see an emerging new market for my skill set. I’ve been programming in Lotus Notes for years and I know formula language and LotusScript but have never really coded a web application.  If you’re like me, you’ve noticed the buzz around the business implications of smart devices, coined by IBM as Social Business.

So, I went investigating to find the best resources to get involved in this evolving Social Business. For me, Lotus XPages was the way to go. XPages allows you to take your Domino application and present it on mobile devices. Obviously, my first question was:  “What resources are available to get me up and running quickly?”

The capabilities of XPages are still growing, so there is information about XPages in classes, online tutorials, books, wikis, and even YouTube videos.  There is a plethora of information.  Therefore, if you’re looking to start down the road I did consider the following path of resources:

  1. The Learning Continuum Company, offers a free course called “Introduction to XPages Development.”  It’s a great way to get one’s feet wet and to start to get comfortable with the XPages development environment.  Exercises are used to reinforce the concepts being learned.
  2. Print out David Leedy’s Cheat Sheet and keep by your side.
  3. Purchase Mastering XPages:  A Step-by-Step Guide to XPages Application Development and the XSP Language by Martin Donnelly, Mark Wallace, and Tony McGuckin.   This book is a must if you want to understand what’s really happening.   As a Domino developer I tried lots of different paths to make sense of XPages, and this is the first book that I found that actually explains things.  It’s also the first book that I found that helped me totally understand the source code that I was looking at.  It is well worth the money.  I bought the Kindle version and read it on my IPad as I’m manipulating the downloaded exercise files (there is a link that comes with the purchase).
  4. Watch the Notes In Nine” videosDavid Leedy has created a series of videos that typically are very short (9 minutes or less) that explain one technique or one control.  He’s easy to follow and very informative.  You will have links to all the videos and they are divided between the typical short videos and the extended videos.  The videos are also available on YouTube.
  5. Try to create Declan Lynch’s phone book application(final version is on OpenNTF.org).  You have to search his blog by going to the bottom of a current post and clicking “older Entries” enough times until you find them, but they are still available.   This particular series was written when XPages first came out, so some of the interfaces may be different, but there’s still a lot of good information here.

And FINALLY, when you are ready for more check out the IBM Lotus XPages resource center.

———————————————————————————————————————————————————————————————-
This article is from our monthly resource e-Newsletter. Did you miss it in your inbox? Visit our eNewsletter archives for past editions or if you want to receive our monthly newsletter automatically, simply write to Ruth Jarvis and request to be added to our E-Newsletter list. Thank you!

Using WEF to Add Mobility to Your Web Applications

February 21, 2012 Leave a comment

Justin McGarvie

 by Justin McGarvie, Junior Web Experience Factory Developer

 

With smart devices emerging as the go-to source for information, mobilizing your web application has become a new obsession. As the need for mobilized web apps grows, so too does the importance of taking advantage of the expanding market. Recognizing this, discussion at conferences such as the Lotusphere and the Exceptional Web Experience has turned to the all-important question—how can IBM based products be used to tap into this growing market?

Being leading experts at Web Experience Factory (WEF), Davalen has already begun work on mobilizing web/portal applications using built-in templates and profiles in WEF. Davalen created a new assignment to publish a portal to a mobile device. No bells and whistles, just a basic portal to show that it could be done quickly with current data. To demonstrate additional business value, Davalen chose me to implement mobility—a newly hired junior developer and recent college graduate. Although I came to Davalen with a good technology background, my only experience with WEF was a week-long self-paced study of portal administration and how to develop web and portal applications using WEF, with Davalen’s WEF course (WPC52) as my study guide. However, combining my knowledge from the course and my own research focused on WEF for mobility, I was able to successfully create an outward facing portal in its basic form.

So, how did I do it?

Luckily, I kept notes on my process in order to share with others. At this point, the solution is not very glamorous but does show how to use WEF to add mobility to a web or portal application. The next stage of the project is to add a mobile-based landing page utilizing style sheets for the organization of data, navigation, and overall look and feel. There are three builders that are essential to creating a mobile portlet using the WEF’s 7.0.1’s mobile themes and templates.

  1. The View and Form builder (Figure 1) allows data to be organized into tables similar to the Data Page/Page builders, however, it is not as flexible as the Data Page is.

Figure 1: View and Form Builder.

2. The next builder that is essential is the Data Layout Builder (Figure 2) which allows the choice between several different layout templates. This allows you to map the data from the View and Form page that was created to the certain layout that is chosen. You can also choose different styles from the Styles column.

Figure 2: Data Layout Builder.

3. The third builder would be the Theme builder to implement one of the Mobile Themes that are included in the WEF or to use a theme that was created.

It is possible to create a Layout Template for the Data Layout Builder by placing it in the data_layout_templates folder. It is possible to view and copy and modify the provided templates (Figure 3).

Figure 3: The Multi-Line List template.

It is possible to use other builders with these to modify look and feel of the portlets such as using the Text Builder to place a Header text for each page. The final Look and feel of the Customer List and Detail portlets with the use of a modified Multi-Line List layout to add the column headers to the table is shown in Figure 4.

Figure 4: Completed Customer List and Details Portlets.

As the need for mobilized web apps grows, so too does the importance of taking advantage of the expanding market.Combining my knowledge from the Davalen course and my own research focused on WEF for mobility, I was able to successfully create an outward facing portal. At the conclusion of this stage of the project, I have proof that an IBM based product, IBM Web Experience Factory, can easily be utilized to tap into the growing mobile market, even by those who are new to the toolset.

———————————————————————————————————————————————————————————————-
This article is from our monthly resource e-Newsletter. Did you miss it in your inbox? Visit our eNewsletter archives for past editions or if you want to receive our monthly newsletter automatically, simply write to Ruth Jarvis and request to be added to our E-Newsletter list. Thank you!

Old Spice blows your mind

January 20, 2012 Leave a comment

Dave Jacob at Lotusphere 2012

 by Dave Jacob 

After most of a week of listening to the push for how social media and mobile applications will affect your life, I started looking for examples that mean something to me. It didn’t take long.

 

The first instance occurred at the conference. One of the sessions on security was cancelled by IBM legal 30 minutes before the session. Of course, those interested started tweeting and a small cancellation turned into a cause – #occupypelican - the room for the session. Social in action. I was in already in another session so I couldn’t go see what happened first hand but I bet the session was held and the room was probably full of those interested in the topic but also those who wanted to see how IBM handled the push back. If you were one of the tweeters or attended, post your impressions on the blog. I’m curious as to what really happened.

 

The next instance is an observation as the Super Bowl approaches and the ad campaigns gear up in earnest. Ads are now being pre-posted on YouTube and other media sites and are being spread by interested parties (like me) and are changing the way ads are sold. There is the initial development of the ad and eventual playing of the ad at the Super Bowl, but the real value comes later in the after market. Couple this with comments, blogs and other electronic distribution and you begin to see the potential power of social.Of course, these ads are also meant to be seen on your smart phone, iPhone and lots of other devices. Google “Old Spice super bowl ads” and look for the athlete who loses his mind (or wait for the super bowl ads).

 

This viral marketing approach is changing how we all do business and presents incredible opportunities for those of us who try and figure out how to bring these systems to market.

I read the sign at your Lotusphere 2012 booth. What’s this about Social, Mobile and Staffing Support?

January 10, 2012 Leave a comment

So, you’re walking around the Solution Showcase at Lotusphere 2012 next week, trying to take in all the people, signs, and overall scale of the room when you walk past Exhibitor booth #312. “Davalen”, you might read, “hmmm… let’s see, RapidValue… a huh, social development… mobile…staffing support… interesting… I wonder what that all means?”

Well, of course, you’re more then welcome to ask one of the lovely Davalen staff members but maybe you’re in a rush to get to the next session and are dreading the walk between the Dolphin and Swan again because you forgot your comfy shoes. Have no fear… my Lotusphere Marketing Mashup is here!

Infrastructure for Social Development

Social business software and services help you become a social business and Davalen provides support infrastructure for social development with market leading technology, extensive expertise, and a lengthy track record for solving challenging problems. Davalen provides the latest solutions that offer an integrated, extensible set of capabilities utilizing IBM Connections, IBM Sametime®, and IBM Lotus Quickr®.

Connections is a social software designed for business, while Sametime® provides an integrated, real-time communications services. To round it out, Quickr® provides team collaboration and content management software.

Extend User Access to Mobile

Davalen understands everyone is on the go and therefore can extend user access to mobile devices for IBM Lotus Notes®, IBM Sametime®, and IBM Connections so your employees can access their information wherever they might end up.

Mobile access to existing web applications is accomplished using IBM Web Experience Factory. Davalen mobile design patterns allow a single code base to be used to serve up an application to web browsers or mobile devices.

IBM/ISS Tier I Staffing Support

Davalen provides subject matter expert (SME) resources nationally across all of the IBM Software Services (ISS) portfolios. And, our clients utilize and rely on those very same Davalen technologists for help with their projects. Our IBM certified technologists specialize in the latest IBM software products and solutions, from cradle to grave; including environment assessments and recommendations for a higher return on your IBM software investment (ROI). We provide our clients with experienced technologists who truly understand IBM software, from architecture, design, administration and implementation, to custom development.

So, those are my three bullet points explained and while, of course, we still have our large focus on collaborative software solutions for the enterprise in other ways (Lotus Domino, WebSphere Portal, Retail & Enterprise Search and Web Content Management) we’d love to chat with you about all of these services, software, trends, and more!

Come visit us at Booth #312 at Lotusphere 2012 this year. We’ll have recent projects showcased at our booth so you can see what we’ve been working on this past year and we invite you to share what you have been working on with us. See you there!

Building a Successful Mobile Search Interface: Part II

September 20, 2011 Leave a comment

The New Mobile Search Metaphor: Simpler Interfaces/Smarter Apps

by Peter Wilkerson, Search and Discovery Practice Area Manager

The direction I was heading towards in the earlier article in the series, Understanding the Coming Problem, is this: mobile interfaces will be driven by search engines but the fact that search is driving them will not be immediately obvious to end-users. We already see this in portal websites, sites with web content management applications, as well as commerce/retail websites. So, while current mobile sites may or may not be search driven, at some point Mobile interfaces for content-rich sites will, in some form, be search-driven. The key will be designing the search interface to be “smart.” The jury is still out as to what that will look like. I am going to look into my crystal ball and share what I see.

Simplification of Search UI

Search apps will become much simpler. The number of options available to a user for filtering and sorting results will be reduced significantly compared to a traditional website-based search interface. The lack of screen real estate and difficulty typing will drive this.

Smarter Search Apps

To drive simpler Search UI’s the search apps themselves will have to be much smarter than they are now. Search Apps will have advanced features employed behind the scenes than was ever employed by 90% of current websites users. I believe users will be able to select one or more “search user profiles” each of which representing preset filters and keywords for enriching each query submitted. Domain experts, who know what filters to apply to get the best results in different scenarios, will manage these profiles.

Specialization of Search Apps

Currenlty search engines on retail web site’s will let you search entire inventories.  Mobile search apps will be different. Instead of letting a user search the entire inventory of a store,  we will start seeing apps that focus on a department. Already we see mobile apps give users access to only a subset of data limited according to an app’s purpose.

In the retail space we will see separate apps for selecting and purchasing jewelry, women’s clothes, men’s clothes, lawn equipment, recreation equipment, etc. Why? Because developers are trying to limit the number of choices that a user needs to make because of the small screen real estate and the perceived focus of mobile users that they are focused on completing a task at hand rather than “surfing” for information in general (We’ll postpone thinking about how users will find the right app until later in the series).

Individual Result Views will use “Informatics Graphs”

Information listed about individual documents listed in search results will have to go beyond the snippet of text highlighting search terms used. Snippets alone do not present enough information in many cases, especially in the context of a mobile device. What I see happening, driven by limited screen real estate and compounded by users brief attention spans, is that there will be better representations of the information contained in the documents returned.

Happily I don’t have to give you theoretical applications of this approach. I can point you to restaurant menus. When I look at menus at my favorite restaurants, I see dish after dish listed. I am interested in knowing aspects about each dish that go beyond what they contain. I am also interested in knowing which ones are “heart-healthy.” Many restaurant menus have a small heart-shaped symbol, an icon, to give me a quick and easy way to identify which of the dishes meet my criteria. I’ve seen some restaurants use other icons to help people find vegetarian dishes or to signify some other characteristic in which people might be interested.

With mobile search each document returned will also have an “informatics graph” of what that document is about. It might be that the graph would be displayed on the search results page itself. However, it might be that when a user clicks on a document in a search result list they will be taken to a document’s informatics graph – and this is the “cool” part – they will be able to “swipe” from one document’s graph to the next like you do between panels on mobile apps.

There are many ways to make mobile search even cooler – and this case “cooler” means keeping the interface simple while making the search app smarter.   I look forward to thinking about that together as we continue the series.

———————————————————————————————————————————————————————————————-
This article is from our monthly resource e-Newsletter. Did you miss it in your inbox? Visit our eNewsletter archives for past editions or if you want to receive our monthly newsletter automatically, simply write to Ruth Jarvis and request to be added to our E-Newsletter list. Thank you!


A Series on Building a Successful Mobile Search Interface

July 19, 2011 1 comment

Peter Wilkerson

 by  Peter WilkersonSearch & Discovery Practice Area Manager

Part 1. Understanding the Coming Problem

The primary goal of a mobile site or app is to deliver the right content in bite-sized chunks to the right person. Understanding the problem and exploring different options will establish a good foundation for understanding why a well-designed Mobile Search Interface is required and why it isn’t enough to just have a search bar.

Content Navigation Patterns

Top Category Navigation Pattern

First, not having advanced navigation isn’t always a problem. If the volume and variety of content available is small enough, a user can easily navigate a handful of top categories and quickly scroll through lists. Depending on a brief list of top categories is a time-honored approach that works well in many cases. However, if the volume and variety of content is larger than this “Top Category Navigation Pattern” can manage, you have frustrated users. Frustrated users mean people who are going to search for alternate sources to find the information needed. A retailer ought to panic at this idea. After all, if their customers can’t find it, they won’t buy it from your site – but they will go to a competitor’s site. Within an enterprise, staff will look elsewhere for the information. That can have disastrous consequences as well.

Hierarchical Navigation Pattern

What is going on? As a site grows content is being grouped together into increasingly larger chunks. The user is now choking on what were once “bite-sized” chunks of content. In their frustration they look for other sources. The solution is to make content “bite-sized” again. A way to do this is to extend the “Top Category Navigation Pattern” (described above) and divide the Top Categories into sub-categories. This “Hierarchical Navigation Pattern” now presents content in bite-sized chunks again.

 As a side bar, there is often confusion between talking about content navigation patterns and web widgets and techniques used to implement the patterns. For example, the Top Category Navigation and Hierarchical Navigation content patterns can be implemented using a variety of techniques and web widgets. A site might use Horizontal or Vertical Bars with a secondary Sidebar Navigation, Tabs Navigation, Breadcrumb Navigation, Tags Navigation, Fly-Out Menu and Drop-Down Menu Navigation. At the end of the day all these patterns are different ways of implementing the Top Category and Hierarchical Content Navigation Patterns.

For more on mobile widgets and techniques for implementing the Content Navigation Patterns, see the Android [Design] Patterns page . If you want to see similar patterns for web sites check out this page .

Where’s Waldo or Stump the User Game

If you have ever designed a web site’s navigation, you know what comes next. As the volume and variety of content continues to increase, you have to add a combination of top categories and sub-categories so you can present content in bite-sized chunks. At some point, the number of top categories and sub-categories get so large that your users are overwhelmed with all the choices they have to make and their frustration level increases and the site’s success criteria decreases. One of the symptoms is that people have to jump through the hierarchy as riding a pogo stick. They have to navigate through a hierarchy to see if it contains the content they are seeking. If not, they try a different path until they either find what they are looking for or give up. If it weren’t so frustrating, this could almost be a game of “Where’s Waldo?” on your site. Usually users feel as if they are involuntary guests on the game show “Stump the user.”

Guided Facet Navigation Pattern

To avoid the Navigational Pogo Game (aka Stump the User) sites turn to a different Navigation Design pattern: Guided Facet Navigation. Often encountered on retail sites, the pattern can be found on company intranet websites (but not as frequently since access to those sites require passwords). Instead of presenting users with a pre-determined navigational path (as required by Top Category and Hierarchical Navigation patterns), this pattern permits the user to choose a path that makes the most sense to them. This approach is often implemented using a search engine under the covers. An excellent example of this approach is found at Littleton Coin.  Select one of the Top Categories along the top (such as Half Dollars) and the next page shows an example of the Guided Facet Navigation in action.

The Coming Problem for Mobile Devices

A design goal for any mobile app is to get the most relevant content to the user as quickly as possible. We just thought we had to be quick using a desktop web browser. With Mobile Apps and Browsers we have to be even more responsive. Many sites today are depending heavily on various implementations of the Top Navigation and Hierarchical Content Navigation patterns using a combination of toolbars, tabs and lists. Some have developed outstanding implementations. Two of my current favorites are the Amazon app store and the BBC new app – both for Android phones. I find that they are easy to navigate and get me to content quickly. However, they only present a sliver of what they will need or could present in the future. The BBC site is already there. There is far more available via the website than the mobile app. One explanation is that mobile users only want a subset of content rather than all the content.

I predict that this design approach of making only a subset of content accessible is going to be the heart the problem. Users are not going to be satisfied with only a subset of content available through their computer browsers. Adding more and more categories to maintain bite-sized chunks of content will not solve the problem.

The only approach that I see that will meet the needs of users without overwhelming them will be an implementation of the Guided Facet Navigation Pattern. However we won’t be able to easily port the implementation approach taken by many retail sites today. Today users are presented with multiple facets from which to choose. There simply isn’t enough screen real estate on a mobile phone to do that. A different design implementation and user interaction pattern will have to emerge to solve this problem – and that is the problem I will be discussing through this series: How to Build a Successful Mobile Search Interface.

You’ll be able to follow this series through our monthly eNewsletter as well as via our blog The Tech Connection . It’s designed to not only educate but to begin a dialogue related to the fulfilling the demand for effective mobile accessibility.

———————————————————————————————————————————————————————————————-
This article is from our monthly resource e-Newsletter. Did you miss it in your inbox? Visit our eNewsletter archives for past editions or if you want to receive our monthly newsletter automatically, simply write to Ruth Jarvis and request to be added to our E-Newsletter list. Thank you!

Follow

Get every new post delivered to your Inbox.

Join 144 other followers