background preloader

Dynpro

Facebook Twitter

The Signature Design under the Microscope. By Esther Blankenship, SAP User Experience, SAP AG – August 6, 2008 In this article, I’d like to briefly describe the design process we followed to arrive at the Signature design and take you on a tour of the key visual aspects of the design. The Design Process When we kicked off the Signature design project back in early 2007, we compiled a team made up of two development architects (Peer Hilgers and Leif Jensen-Pistorius) with a long history of visual design expertise, two new in-house visual designers (Vera Legisa and James Morrison) and one visual design manager (myself). Next, we chucked everything aside except for our vision and mission statements.

The designers then scoured the internet, hunted through magazines and photographed real world objects in an initial exploration phase. Figure 1: An example of the Signature design, here for SAP Business ByDesign The team also examined the mood board images for their qualities as real physical products. The Materials The SAP “Home” Icon top. Code Commit: Techniques of Java UI Development. 18 Feb 2008 Too often these days I see Java developers new to the psuedo-science of UI development finding themselves completely lost before they even get started. There are a lot of misconceptions about the “best” and “easiest” way to create a professional UI in Java, and precious few resources which attempt to clear up the confusion. In this article, I’m going to make use of the Swing framework simply because it’s more widely known.

All of the same techniques and processes apply to SWT with equal validity. Note: These steps will obviously be different if you’re working in a team or with a designer. Design It may surprise you, but the very first step in creating a UI is design. This is what my diagram would look like, but it’s important to note that this isn’t a “one size fits all” style. The important thing about this diagram is that it is annotated.

There are two directions which need to be considered: vertical and horizontal resize. Notice what we didn’t annotate here. First Steps. Web Dynpro for Java - UI Elements: Methods, Properties. WDJ - A Generic Java Class for Filtering Web Dynpro Tables. Network Blogs - Enhanced Web Dynpro Java TableSorter for SAP Net. Within SAP NetWeaver 04s the Web Dynpro Table UI element was significantly enhanced with additional features like grouped columns, cell variants, single markable cells, standard cells with adaptable designs or table popins. You can find more detailed information about the extended Table UI element within theSAP Online Help documentation.

Before we will publish an updated version of theWeb Dynpro table tutorial on SDN we want to provide an enhanced version of the highly useful TableSorter class which can be reused in all Web Dynpro applications running in SAP NetWeaver 04s. Functionality of the NW04s-adapted TableSorter class Adapted to SAP NetWeaver 04s the enhanced TableSorter class provides the following functionality: Adapted Table UI element event binding: In NW04 the TableSorter implements the functionality to display the sort icons in the column headers and to store the sort state for each column.

In NW04s this functionality is generically provided by the Table-UIElement itself.