IBM Worklight: Responsive Design for Mul8- Channel Applica8on Development

Size: px
Start display at page:

Download "IBM Worklight: Responsive Design for Mul8- Channel Applica8on Development"

Transcription

1 IBM Worklight: Responsive Design for Mul8- Channel Applica8on Development

2 Please Note IBM s statements regarding its plans, directions, and intent are subject to change or withdrawal without notice at IBM s sole discretion. Information regarding potential future products is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information mentioned regarding potential future products is not a commitment, promise, or legal obligation to deliver any material, code or functionality. Information about potential future products may not be incorporated into any contract. The development, release, and timing of any future features or functionality described for our products remains at our sole discretion. Performance is based on measurements and projections using standard IBM benchmarks in a controlled environment. The actual throughput or performance that any user will experience will vary depending upon many factors, including considerations such as the amount of multiprogramming in the user s job stream, the I/O configuration, the storage configuration, and the workload processed. Therefore, no assurance can be given that an individual user will achieve results similar to those stated here.

3 Credits Gang Chen ISSW Tech Practice Lead for Mobile Christopher Mitchell STSM, IBM Multi-channel Strategy

4 Agenda Why Responsive Design Fluid Grid Flexible Images CSS Media Query Responsive Design Best Practice Beyond Responsive Design

5 Multi Form Factors Different Screen Sizes Different Screen Densities Different Input Methods Support for HTML5

6 Different Platform ios 4 and later Android 2.1 and later BlackBerry OS 5 and later Windows Phone 7 and later Modern browsers supporting HTML4, CSS2.1 and JavaScript 1.5 at a minimum Browsers supporting HTML5 and CSS3 ios 4.x and later Android 2.1 and later Win Gadgets: XP, Vista and 7, Mac Widgets: OSX 10 Facebook apps and igoogle gadgets Embedded as an iframe in web pages Browsers: IE 7and later, latest Chrome, Firefox and Safari

7 Substantially different screen sizes (iphone versus ipad)

8 Why Architectural Strategies Multi-channel rendering facilitate the rendering of multiple channels via Responsive Design, Feature Detection, and the Worklight Optimization framework. Mobile First Build on form factor (phone or tablet) as first channel. Extend to support other devices and form factors

9 Why Responsive Design (1 of 2) Ethan Marcotte coined the term responsive web design (RWD) in a May 2010 article in A List Part Responsive design ingredients: Fluid grid Responsive images CSS3 Media queries Design for the smallest viewport first and then progressively enhance the design and content for larger viewports. Do not use fixed width desktop site design

10 Why Responsive Design (2 of 2) Viewport is the content area within the browser window, excluding the toolbars, tabs, and so on. Minimum screen resolution cause clipped viewport Devices becoming smaller and larger simultaneously Small: Mobile devices, smart phones Large: Web gets into Game Console, TV Somewhere in between: Tablet We are designing for more: Devices Input type Resolution Landscape vs. Portrait Reduce development cost 30% ~ 50% less coding

11 For example

12 UX Design phase Responsive design pattern should be considered even in the early phase of User Interface/Experience (UX) design Design UX component that can be easily expand or subtracted. Etc. List, Grid Design/Wireframe one flow (use case) for multi-form factor (phone -> tablet) Prescriptive vs. Responsive design Prescriptive design: design targets specific device form factor without considering multi-channel or multi form factors. It ends up developing functional components for each device type or form factors Instead of reusing most of the existing component with Responsive Design Decide the major breakpoints smartphone <480px Tablets portrait <768px Tablets landscape >768px Desktop >1024px

13 Responsive Web Design Principals Fluid Grid Responsive Images CSS Media Queries

14 Fluid Grid (1 of 2) Avoid table-based layouts and pixels and use proportional-based layouts Elements scale relative to the viewport until one media query or another modifies the styling. Convert from fixed to proportional Step 1: Use outermost div as the context and set the percentage, i.e. width: 96% Step 2: Any inner div conversion is performed by dividing current div px with parent div px

15 Fluid Grid (2 of 2) How to design a responsive layout First float the content Each section uses percentage width (relative)

16 Fluid Grid font-size Set body font size to 100%, so later can use ems to size the font. Allows changing of different font sizes universally in the page Use em for font-size em is notation of the letter M, which is standard character to display text because it is the widest character Most of browser default size is 16px, use that as base for em calculation. Browser converts em to pixel internally Compounding effect: because it is relative to the font-size of the parent Modern desktop browsers use 16 px as the default font size font-size: 100% 16px 1em Use rem Introduced in CSS3 Root em relative to the root html element html { font-size: 100%; } h1 { font-size: 1.4rem; }

17 Responsive images Why - prevents images from exceeding the width of their container Max-width Discovered by Richard Rutter Use max-width : 100% Can be applied to: img, embed, object, video Alternative: overflow: hidden Make flexible background image background-size Immature browser support For information/content rich images Multi-resolution images img { max-width: 100%; }.sideblock img { max-width: 45%; }

18 CSS3 Media Query Applying rendering rules by inspecting devices and browser physical characteristics Apply generic styles at top of stylesheet and override with media queries 3 ways of applying Media screen and (orientation: portrait) <link rel="stylesheet" href= portrait.css media= screen and (orientation: portrait) url("portrait.css") screen (orientation: portrait); Two parts in a Media query: Type (screen) Query (orientation: portrait)

19 CSS3 Media Query It s all about test your browser and device: width, height, device-width, device-height (pay attention on differences between the browser viewport and device rendering surface) orientation aspect-ration, device-aspect-ratio color, color-index, monochrome resolution scan grid

20 CSS3 Media Query Media Query can be screen and (min-width: 480px) and (orientation: portrait) Set the viewport <meta name="viewport" content="width=320" /> First introduced by Apple in Mobile Safari Use it to control the rendering canvas size and override default behavior You want to get resolution-agnostic viewport (stops Mobile browsers from auto-resizing): <meta name="viewport" content="initial-scale=1.0, width=device-width" />

21 Mobile Device Orientation Change Need to design for orientation change CSS media query based Proper HTML mockup change (duplicate components for landscape, portrait) CSS Media Query is much faster in handling orientation change than JavaScript CSS Media Query following style will be screen and (orientation: portrait) { JavaScript can subscribe to following event: window.addeventlistener("orientationchange", function() {} Subscribing to orientation change event may still needed.

22 Best Practices (1 of 2) Start and stay with simple layout Basic HTML5 element A reset stylesheet (provide standard styling point across all browsers) Start the design figuring out the key breakpoints to support smartphone <480px Tablets portrait <768px Tablets landscape >768px Desktop >1024px Use smaller images and background repeat to decrease the size of the images Avoid separating styles into different stylesheets since it increases the number of requests to the server For production, minify/build css into single file

23 Best Practices (2 of 2) Set body font size to 100%, so later can use ems to size the font. <meta name="viewport" content="width=device-width"/> Create duplicate content to show and hide for orientation change Use relative size for block element Be aware of generated DOM nodes by JavaScript framework may need extra work to work with relative height

24 Beyond Responsive Design Responsive Design can t solve all the multi-channel challenges platform. Dramatic different design for Web vs. Mobile channel. Need for different landing page URL (m.mycompany.com) Alternatives to Responsive Design facade for component with different implementations on different devices Server side dynamic CSS using Sass

25 Environment Awareness Problems How to design user interfaces that can dynamically adapt to varying capabilities available on devices? Input methods (Keyboard, Touch, Mouse, Headtrack, etc.) Capabilities (SVG vs. Canvas, Camera/Video, Secure storage) How to allow different UI controls on different device types? How allow different UI controls to be used in different form factors, with very different behaviors (eg. Popover dialogs for tablet, slide-in overlays for phone) Keeping loaded JavaScript code limited to only what s needed

26 Environment Aware Conditional Loading A controller can perform feature detection, then dynamically load appropriate child controller module (or switch between views already loaded). This allows the controller to: Swap in different controls for different device types (Android/iOS/etc.) Swap in different controls for different form factors A similar technique can be used to dynamically load feature modules for Certain types of interaction, only when needed (eg. mouse or touch support)

27 Device Awareness and Feature Detection Process/Render different content based on device type and feature detection Inspecting the User-agent header property of HTTP request Mozilla/5.0 (iphone; CPU iphone OS 5_0_1 like Mac OS X) AppleWebKit/ (KHTML, like Gecko) Mobile/9A405 Device OS Browser Existing framework and API simplify the task Dojo dojo.has, dojox.mobile.devicetheme IBM Worklight - WL.Client.getEnvironment

28 IBM Worklight Technologies Environment Optimization Skin The Worklight application structure is divided into environment folders (iphone, Android, BlackBerry, and so on). Each environment folder contains the resources (CSS, JS, images, and so on) that are relevant for that specific environment. Customization can be made for a specific environment Skins provide support for multiple form factors in a single executable file for devices of the same OS family. Skins are a sub-variant of an environment. Skins are packaged together in one app. The decision on which skin to use is made automatically at runtime

29 Thank You

30 IBM Corporation

31 Legal Disclaimer IBM Corporation All Rights Reserved. The information contained in this publication is provided for informational purposes only. While efforts were made to verify the completeness and accuracy of the information contained in this publication, it is provided AS IS without warranty of any kind, express or implied. In addition, this information is based on IBM s current product plans and strategy, which are subject to change by IBM without notice. IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, this publication or any other materials. Nothing contained in this publication is intended to, nor shall have the effect of, creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software. References in this presentation to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product release dates and/or capabilities referenced in this presentation may change at any time at IBM s sole discretion based on market opportunities or other factors, and are not intended to be a commitment to future product or feature availability in any way. Nothing contained in these materials is intended to, nor shall have the effect of, stating or implying that any activities undertaken by you will result in any specific sales, revenue growth or other results. If the text contains performance statistics or references to benchmarks, insert the following language; otherwise delete: Performance is based on measurements and projections using standard IBM benchmarks in a controlled environment. The actual throughput or performance that any user will experience will vary depending upon many factors, including considerations such as the amount of multiprogramming in the user's job stream, the I/O configuration, the storage configuration, and the workload processed. Therefore, no assurance can be given that an individual user will achieve results similar to those stated here. If the text includes any customer examples, please confirm we have prior written approval from such customer and insert the following language; otherwise delete: All customer examples described are presented as illustrations of how those customers have used IBM products and the results they may have achieved. Actual environmental costs and performance characteristics may vary by customer. Please review text for proper trademark attribution of IBM products. At first use, each product name must be the full name and include appropriate trademark symbols (e.g., IBM Lotus Sametime Unyte ). Subsequent references can drop IBM but should include the proper branding (e.g., Lotus Sametime Gateway, or WebSphere Application Server). Please refer to for guidance on which trademarks require the or symbol. Do not use abbreviations for IBM product names in your presentation. All product names must be used as adjectives rather than nouns. Please list all of the trademarks that you use in your presentation as follows; delete any not included in your presentation. IBM, the IBM logo, Lotus, Lotus Notes, Notes, Domino, Quickr, Sametime, WebSphere, UC2, PartnerWorld and Lotusphere are trademarks of International Business Machines Corporation in the United States, other countries, or both. Unyte is a trademark of WebDialogs, Inc., in the United States, other countries, or both. If you reference Adobe in the text, please mark the first use and include the following; otherwise delete: Adobe, the Adobe logo, PostScript, and the PostScript logo are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States, and/or other countries. If you reference Java in the text, please mark the first use and include the following; otherwise delete: Java and all Java-based trademarks are trademarks of Sun Microsystems, Inc. in the United States, other countries, or both. If you reference Microsoft and/or Windows in the text, please mark the first use and include the following, as applicable; otherwise delete: Microsoft and Windows are trademarks of Microsoft Corporation in the United States, other countries, or both. If you reference Intel and/or any of the following Intel products in the text, please mark the first use and include those that you use as follows; otherwise delete: Intel, Intel Centrino, Celeron, Intel Xeon, Intel SpeedStep, Itanium, and Pentium are trademarks or registered trademarks of Intel Corporation or its subsidiaries in the United States and other countries. If you reference UNIX in the text, please mark the first use and include the following; otherwise delete: UNIX is a registered trademark of The Open Group in the United States and other countries. If you reference Linux in your presentation, please mark the first use and include the following; otherwise delete: Linux is a registered trademark of Linus Torvalds in the United States, other countries, or both. Other company, product, or service names may be trademarks or service marks of others. If the text/graphics include screenshots, no actual IBM employee names may be used (even your own), if your screenshots include fictitious company names (e.g., Renovations, Zeta Bank, Acme) please update and insert the following; otherwise delete: All references to [insert fictitious company name] refer to a fictitious company and are used for illustration purposes only.

Understanding Responsive Web Design (RWD) & Environment Aware Component Design Version: 2013.11.21

Understanding Responsive Web Design (RWD) & Environment Aware Component Design Version: 2013.11.21 Understanding Responsive Web Design (RWD) & Environment Aware Component Design Version: 2013.11.21 Contents Contents Checklist Planning Responsive Web Design Overview What is responsive design? When should

More information

Responsive Web Design (RWD) Best Practices Guide Version: 2013.11.20

Responsive Web Design (RWD) Best Practices Guide Version: 2013.11.20 Responsive Web Design (RWD) Best Practices Guide Version: 2013.11.20 This document includes best practices around responsive web design (RWD) when developing hybrid applications. Details on each checklist

More information

IBM Software Services for Collaboration

IBM Software Services for Collaboration An introduction to: IBM Collaboration Services for ProjExec ProjExec is easy to use professional project management software that is combined with innovative social features to provide project teams a

More information

Mobile Application Development Track Keynote. Leigh Williamson, IBM Distinguished Engineer IBM Software Group, Rational CTO Team

Mobile Application Development Track Keynote. Leigh Williamson, IBM Distinguished Engineer IBM Software Group, Rational CTO Team Mobile Application Development Track Keynote Leigh Williamson, IBM Distinguished Engineer IBM Software Group, Rational CTO Team The Mobile Shift is what happens when people adopt and use mobile devices

More information

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory. 2012 IBM Corporation 1

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory. 2012 IBM Corporation 1 Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory 1 Agenda Mobile web applications and Web Experience Factory High-level tour of Web Experience Factory automation

More information

Why Finance Should Automate Management & Regulatory Reporting Processes

Why Finance Should Automate Management & Regulatory Reporting Processes May 25, 2016 Why Finance Should Automate Management & Regulatory Reporting Processes connecting senior-level financial executives since 1931 CPE Credits Today s webcast is worth 1 Continuing Professional

More information

IBM Digital Experience meets IBM WebSphere Commerce

IBM Digital Experience meets IBM WebSphere Commerce Portal Arbeitskreis - 27.10.2014 IBM Digital Experience meets IBM WebSphere Commerce Stefan Koch Chief Programmer IBM Digital Experience 2013 IBM Corporation 2 2013 IBM Corporation Integration Pattern

More information

The predictive power of Big Data in healthcare

The predictive power of Big Data in healthcare Charlie Schick, PhD Big Data, Healthcare and Life Sciences The predictive power of Big Data in healthcare 2012 IBM Corporation Market Forces Driving Health Care Transformation Increasing incidence and

More information

Ubiquitous Computing, Pervasive Risk: Securely Deploy and Manage Enterprise Mobile Devices

Ubiquitous Computing, Pervasive Risk: Securely Deploy and Manage Enterprise Mobile Devices Ubiquitous Computing, Pervasive Risk: Securely Deploy and Manage Enterprise Mobile Devices S. Rohit rohits@sg.ibm.com Trends in Enterprise Mobility The need for business agility along with changing employee

More information

Using computing resources with IBM ILOG CPLEX CO@W2015

Using computing resources with IBM ILOG CPLEX CO@W2015 CPLEX Optimization IBM Germany 2015-10-06 Using computing resources with IBM ILOG CPLEX CO@W2015 Hardware resources Multiple cores/threads Multiple machines No machines Software resources Interfacing with

More information

SAML and OAUTH Technologies WebSphere Application Server

SAML and OAUTH Technologies WebSphere Application Server SAML and OAUTH Technologies WebSphere Application Server Bill O'Donnell STSM WebSphere Foundation Security Architect Session TAW-1701 Session TAW-1698 Please Note IBM s statements regarding its plans,

More information

IBM MOBILE SECURITY SOLUTIONS - Identity and Access Management Focus

IBM MOBILE SECURITY SOLUTIONS - Identity and Access Management Focus IBM MOBILE SECURITY SOLUTIONS - Identity and Access Focus May 2012 Executive Overview Mobile devices are pervasive in our daily lives and increasingly coming to work Bring Your Own Device (BYOD) IBM is

More information

IBM MobileFirst Analytics: Discover what s working, what s not, and why

IBM MobileFirst Analytics: Discover what s working, what s not, and why IBM MobileFirst Analytics: Discover what s working, what s not, and why Rüdiger Reh, Senior Solution Consultant Tealeaf, D/A/CH, IBM IBM MobileFirst Offering Portfolio Industry Solutions Banking Insurance

More information

You can use percentages for both page elements and text. Ems are used for text,

You can use percentages for both page elements and text. Ems are used for text, By Megan Doutt Speaking broadly, responsive web design is about starting from a reference resolution, and using media queries to adapt it to other contexts. - Ethan Marcotte (creator of the term Responsive

More information

New Single Sign-on Options for IBM Lotus Notes & Domino. 2012 IBM Corporation

New Single Sign-on Options for IBM Lotus Notes & Domino. 2012 IBM Corporation New Single Sign-on Options for IBM Lotus Notes & Domino 2012 IBM Corporation IBM s statements regarding its plans, directions, and intent are subject to change or withdrawal without notice at IBM s sole

More information

The Vision of modern (Cloud) Computing within Financial Services Business

The Vision of modern (Cloud) Computing within Financial Services Business The Vision of modern (Cloud) Computing within Financial Services Business Michael Schüttler (MBA) - Leader Cloud Solution Sales The reality of living in a globally integrated world is upon us Economic

More information

A Strategic Guide to Enterprise Mobility

A Strategic Guide to Enterprise Mobility A Strategic Guide to Enterprise Mobility Dirk Nicol Director Practitioner Outreach and Mobile Developer Community IBM 2013 IBM Corporation Introducing the Mobile Enterprise The next era of computing Builds

More information

Big Data: Modern Ecosystems for Data Warehousing and Analytics. James Kobielus IBM Big Data Evangelist. 2014 IBM Corporation

Big Data: Modern Ecosystems for Data Warehousing and Analytics. James Kobielus IBM Big Data Evangelist. 2014 IBM Corporation Big Data: Modern Ecosystems for Data Warehousing and Analytics James Kobielus IBM Big Data Evangelist Insight-driven Client-centric Four Technologies Help Define the Smarter All Enterprise Embracing Data

More information

Principles of Web Design 6 th Edition. Chapter 12 Responsive Web Design

Principles of Web Design 6 th Edition. Chapter 12 Responsive Web Design Principles of Web Design 6 th Edition Chapter 12 Responsive Web Design Objectives Recognize the need for responsive web design Use media queries to apply conditional styles Build a basic media query Create

More information

Responsive and Adaptive Web Design. Responsive & Adaptive websites-respond to the user s device by showing an optimized view.

Responsive and Adaptive Web Design. Responsive & Adaptive websites-respond to the user s device by showing an optimized view. Responsive and Adaptive Web Design Responsive & Adaptive websites-respond to the user s device by showing an optimized view. Web Design Assumptions Are Changing Rapidly Making a desktop layout small is

More information

Responsive Web Design: Media Types/Media Queries/Fluid Images

Responsive Web Design: Media Types/Media Queries/Fluid Images HTML Media Types Responsive Web Design: Media Types/Media Queries/Fluid Images Mr Kruyer s list of HTML Media Types to deliver CSS to different devices. Important note: Only the first three are well supported.

More information

Responsive Web Design. birds of feather

Responsive Web Design. birds of feather Responsive Web Design birds of feather Approaches to Mobile Development 1. No Mobile Approach 2. Native Mobile Applications 3. Mobile Websites 4. Responsive (universal) design No Mobile Approach Website

More information

IBM Systems Director Navigator for i5/os New Web console for i5, Fast, Easy, Ready

IBM Systems Director Navigator for i5/os New Web console for i5, Fast, Easy, Ready Agenda Key: Session Number: 35CA 540195 IBM Systems Director Navigator for i5/os New Web console for i5, Fast, Easy, Ready 8 Copyright IBM Corporation, 2008. All Rights Reserved. This publication may refer

More information

2792 - Leveraging WebSphere Commerce for Search Engine Optimization (SEO)

2792 - Leveraging WebSphere Commerce for Search Engine Optimization (SEO) 2792 - Leveraging WebSphere Commerce for Search Engine Optimization (SEO) Walfrey Ng, Development Manger, WebSphere Commerce Srini Rangaswamy, Product Manager, WebSphere Commerce IBM s statements regarding

More information

Reinventing business operations with Smarter Process

Reinventing business operations with Smarter Process Reinventing business operations with Smarter Process Dr. Stefan Kollakowski IBM Partner & Leader Smarter Process DACH BPM ist mehr als eine Technologie - BPM ist ein Managementkonzept zur prozessorientierten

More information

Going Beyond SAP ITS Mobile Apps to a Responsive Design Mobile Apps. JK (JayaKumar Pedapudi) Principal Consultant NTT DATA, Inc.

Going Beyond SAP ITS Mobile Apps to a Responsive Design Mobile Apps. JK (JayaKumar Pedapudi) Principal Consultant NTT DATA, Inc. Going Beyond SAP ITS Mobile Apps to a Responsive Design Mobile Apps JK (JayaKumar Pedapudi) Principal Consultant NTT DATA, Inc. Introduction. Learning Points. What is Responsive Design and its Role? Design

More information

Maximo Business Intelligence Reporting Roadmap Washington DC Users Group

Maximo Business Intelligence Reporting Roadmap Washington DC Users Group Maximo Business Intelligence Reporting Roadmap Washington DC Users Group Pam Denny, IBM Email: pdenny@us.ibm.com Twitter: andbflo_denny May 2014 Please note IBM s statements regarding its plans, directions,

More information

IBM MQ Disaster Recovery

IBM MQ Disaster Recovery IBM MQ Disaster Recovery Mark Taylor marke_taylor@uk.ibm.com IBM Hursley Please Note IBM s statements regarding its plans, directions, and intent are subject to change or withdrawal without notice at IBM

More information

Managing and Securing the Mobile Device Invasion. 2012 IBM Corporation

Managing and Securing the Mobile Device Invasion. 2012 IBM Corporation Managing and Securing the Mobile Device Invasion 2012 IBM Corporation Please Note: IBM s statements regarding its plans, directions, and intent are subject to change or withdrawal without notice at IBM

More information

Driving Innovation and Results-Based Government with Smarter Analytics. 2012 IBM Corporation

Driving Innovation and Results-Based Government with Smarter Analytics. 2012 IBM Corporation Driving Innovation and Results-Based Government with Smarter Analytics Today, we see analytics moving from advancing single organizations i to transforming entire industries Government is no exception

More information

Responsive Design for Enterprise. July 2012

Responsive Design for Enterprise. July 2012 Responsive Design for Enterprise July 2012 Contents Progressive enhancement 3 Responsive design 6 Combine the two 23 Lessons Learned: Deloitte Digital website 27 Impact on Time and Cost 39 Responsive Design

More information

Why? Mobile. 0Your content is no more than 3 taps away from Angry Birds. 0 Many people access your website via smartphones and other mobile devices

Why? Mobile. 0Your content is no more than 3 taps away from Angry Birds. 0 Many people access your website via smartphones and other mobile devices Why? Mobile 0 Many people access your website via smartphones and other mobile devices 0Your content is no more than 3 taps away from Angry Birds Image src: http://www.angrybirds.com/ It is 2013? 0 Which

More information

WebSphere Application Server Development Environment. Anita Rass Wan anitar@ca.ibm.com WebSphere Foundation Product Manger

WebSphere Application Server Development Environment. Anita Rass Wan anitar@ca.ibm.com WebSphere Foundation Product Manger WebSphere Application Server Development Environment Anita Rass Wan anitar@ca.ibm.com WebSphere Foundation Product Manger Please Note IBM s statements regarding its plans, directions, and intent are subject

More information

Oleksandr Romanko, Ph.D. Senior Research Analyst, Risk Analytics Business Analytics, IBM Canada October 8, 2013. Business Analytics and Optimization

Oleksandr Romanko, Ph.D. Senior Research Analyst, Risk Analytics Business Analytics, IBM Canada October 8, 2013. Business Analytics and Optimization Oleksandr Romanko, Ph.D. Senior Research Analyst, Risk Analytics Business Analytics, IBM Canada October 8, 2013 Business Analytics and Optimization Please note: IBM Risk Analytics statements regarding

More information

How to make a website mobile ready and Responsive in 6 steps.

How to make a website mobile ready and Responsive in 6 steps. How to make a website mobile ready and Responsive in 6 steps. First, lets review the three most common types of layouts being used in Web Design. Fixed design uses fixed layouts using specific pixel dimensions

More information

Performance Management for Power Systems

Performance Management for Power Systems Performance Management for Power Systems Philippe Joudrain; IBM senior IT specialist. Historique, PM400 dans les années 90 Utilité Côté client, la collecte des données de performance Transmission des données

More information

Development for Mobile Devices Tools from Intel, Platform of Your Choice!

Development for Mobile Devices Tools from Intel, Platform of Your Choice! Development for Mobile Devices Tools from Intel, Platform of Your Choice! Sergey Lunev, Intel Corporation HTML5 Tools Development Manager Optional: Download App Preview Android bit.ly/1i8vegl ios bit.ly/1a3w7bk

More information

CREATING RESPONSIVE UI FOR WEB STORE USING CSS

CREATING RESPONSIVE UI FOR WEB STORE USING CSS CREATING RESPONSIVE UI FOR WEB STORE USING CSS Magdalena Wiciak Bachelor s Thesis May 2014 Degree Programme in Information Technology Technology, communication and transport DESCRIPTION Author(s) WICIAK,

More information

How to Deliver Measurable Business Value with the Enterprise CMDB

How to Deliver Measurable Business Value with the Enterprise CMDB How to Deliver Measurable Business Value with the Enterprise CMDB James Moore jdmoore@us.ibm.com Product Manager, Business Service, Netcool/Impact 2010 IBM Corporation Agenda What is a CMDB? What are CMDB

More information

Energy Management in a Cloud Computing Environment

Energy Management in a Cloud Computing Environment Hans-Dieter Wehle, IBM Distinguished IT Specialist Virtualization and Green IT Energy Management in a Cloud Computing Environment Smarter Data Center Agenda Green IT Overview Energy Management Solutions

More information

Energy Management in a Cloud Computing Environment

Energy Management in a Cloud Computing Environment Hans-Dieter Wehle, IBM Distinguished IT Specialist Virtualization and Green IT Energy Management in a Cloud Computing Environment Smarter Data Center Agenda Green IT Overview Energy Management Solutions

More information

Quick Start Guide Mobile Entrée 4

Quick Start Guide Mobile Entrée 4 Table of Contents Table of Contents... 1 Installation... 2 Obtaining the Installer... 2 Installation Using the Installer... 2 Site Configuration... 2 Feature Activation... 2 Definition of a Mobile Application

More information

z/osmf Software Deployment Application- User Experience Enhancement Update

z/osmf Software Deployment Application- User Experience Enhancement Update z/osmf Software Deployment Application- User Experience Enhancement Update Greg Daynes IBM Corporation August 8, 2012 Session Number 11697 Agenda Recent Enhancements Support for unmounted z/os UNIX file

More information

Title. Click to edit Master text styles Second level Third level

Title. Click to edit Master text styles Second level Third level Title Click to edit Master text styles Second level Third level IBM s Vision For The New Enterprise Data Center Subram Natarajan Senior Consultant, STG Asia Pacific subram.natarajan@in.ibm.com Multiple

More information

User Experience Enhancements...2 New Mobile and Social...3. Click to Cloud Connectors...3 Media Gallery...4 Mobile...5

User Experience Enhancements...2 New Mobile and Social...3. Click to Cloud Connectors...3 Media Gallery...4 Mobile...5 June 2013 Update Table of Contents User Experience Enhancements...2 New Mobile and Social...3 Click to Cloud Connectors...3 Media Gallery...4 Mobile...5 Chat Enhancements Rich Client...6 Screen capture...6

More information

IBM TRIRIGA Anywhere Version 10 Release 4. Installing a development environment

IBM TRIRIGA Anywhere Version 10 Release 4. Installing a development environment IBM TRIRIGA Anywhere Version 10 Release 4 Installing a development environment Note Before using this information and the product it supports, read the information in Notices on page 9. This edition applies

More information

Copyright 2012, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 13

Copyright 2012, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 13 Insert Information Protection Policy Classification from Slide 13 1 Responsive Web Design in Application Express using HTML5 and CSS3 Shakeeb Rahman @shakeeb Principal Member of Technical Staff Oracle

More information

Mobile Optimise your Emails. Code & examples to make your email campaigns mobile friendly

Mobile Optimise your Emails. Code & examples to make your email campaigns mobile friendly Mobile Optimise your Emails Code & examples to make your email campaigns mobile friendly Email Marketing Guide June 2013 CONTENTS Introduction...01 The Growing Importance of Mobile...02 Key Mobile Devices...03

More information

Positioning the Roadmap for POWER5 iseries and pseries

Positioning the Roadmap for POWER5 iseries and pseries Positioning the Roadmap for POWER5 iseries and pseries Guy Paradise Larry Amy Ian Jarman Agenda The Case For Common Platforms Diverse Markets: the pseries and iseries Common Platform: the Roadmap for pseries

More information

THE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC.

THE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC. THE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC. Copyright 2012, SAS Institute Inc. All rights reserved. Overview Mobile

More information

Is a GIS platform good enough for end-to-end Enterprise Asset Managem ent?

Is a GIS platform good enough for end-to-end Enterprise Asset Managem ent? Tivoli/Maximo Is a GIS platform good enough for end-to-end Enterprise Asset Managem ent? Bartosz Soroczyński Sales Executive Worldwide Service Management Tiger Team Bartosz Soroczyński IBM, Sales Executive,

More information

Cloud Computing with xcat on z/vm 6.3

Cloud Computing with xcat on z/vm 6.3 IBM System z Cloud Computing with xcat on z/vm 6.3 Thang Pham z/vm Development Lab thang.pham@us.ibm.com Trademarks The following are trademarks of the International Business Machines Corporation in the

More information

Examples and Best Practices in Responsive Web Design

Examples and Best Practices in Responsive Web Design Examples and Best Practices in Responsive Web Design WHAT IS RESPONSIVE DESIGN? What is Responsive Design? fluid grid flexible images media queries Ethan Marcotte, 2010 What is Responsive Design? Responsive

More information

Cisco is a registered trademark or trademark of Cisco Systems, Inc. and/or its affiliates in the United States and certain other countries.

Cisco is a registered trademark or trademark of Cisco Systems, Inc. and/or its affiliates in the United States and certain other countries. Legal Notices Copyright 1999, 2009 BMC Software, Inc. Copyright 1996-2014 Numara Software, Inc. BMC, BMC Software, and the BMC Software logo are the exclusive properties of BMC Software, Inc., are registered

More information

Data Transfer Tips and Techniques

Data Transfer Tips and Techniques Agenda Key: Session Number: System i Access for Windows: Data Transfer Tips and Techniques 8 Copyright IBM Corporation, 2008. All Rights Reserved. This publication may refer to products that are not currently

More information

Big Data at the Speed of Business - IBM Innovationen für eine neue Ära

Big Data at the Speed of Business - IBM Innovationen für eine neue Ära Big Data at the Speed of Business - IBM Innovationen für eine neue Ära Udo Hertz, Director of Information Management Development IBM Deutschland 13. Juni 2013 2013 IBM Corporation Agenda 1 IBM s viewpoint

More information

AT&T Connect System Requirements for End Users v9.5. March 2013

AT&T Connect System Requirements for End Users v9.5. March 2013 AT&T Connect System Requirements for End Users v9.5 March 2013 Product: AT&T Connect Title: System Requirements for End Users Version: v9.5 Publication date: 3/6/2013 Reference number: CONSYSCL01012 Revision

More information

Business Process Management IBM Business Process Manager V7.5

Business Process Management IBM Business Process Manager V7.5 Business Process Management IBM Business Process Manager V7.5 Federated task management overview This presentation gives you an overview on the federated task management feature in IBM Business Process

More information

GUIDE TO CODE KILLER RESPONSIVE EMAILS

GUIDE TO CODE KILLER RESPONSIVE EMAILS GUIDE TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 Create flawless emails with the proper use of HTML, CSS, and Media Queries. But this is only possible if you keep attention

More information

Responsive Web Design for Drupal

Responsive Web Design for Drupal Responsive Web Design for Drupal www.responsivewebdesignguild.com @emmajanedotnet emma@designtotheme.com I am IAM Sorry A boot eh? Drupal drupal.org/user/1773 Photo: morten.dk Legs: walkah Author / Trainer

More information

An Oracle White Paper May 2013. Creating Custom PDF Reports with Oracle Application Express and the APEX Listener

An Oracle White Paper May 2013. Creating Custom PDF Reports with Oracle Application Express and the APEX Listener An Oracle White Paper May 2013 Creating Custom PDF Reports with Oracle Application Express and the APEX Listener Disclaimer The following is intended to outline our general product direction. It is intended

More information

Sizmek Formats. IAB Mobile Pull. Build Guide

Sizmek Formats. IAB Mobile Pull. Build Guide Sizmek Formats IAB Mobile Pull Build Guide Table of Contents Overview...3 Supported Platforms... 6 Demos/Downloads... 6 Known Issues... 6 Implementing a IAB Mobile Pull Format...6 Included Template Files...

More information

Introduction to IBM Worklight Mobile Platform

Introduction to IBM Worklight Mobile Platform Introduction to IBM Worklight Mobile Platform The Worklight Mobile Platform The Worklight Mobile Platform is an open, complete and advanced mobile application platform for HTML5, hybrid and native apps.

More information

TSplus User Guide. Administration and Configuration for TSplus Remote Desktop Software. TSplus - www.terminalserviceplus.

TSplus User Guide. Administration and Configuration for TSplus Remote Desktop Software. TSplus - www.terminalserviceplus. TSplus User Guide Administration and Configuration for TSplus Remote Desktop Software TSplus - www.terminalserviceplus.com Page 1 Contents TSplus User Guide... 1 Administration and Configuration for TSplus

More information

<Insert Picture Here> Oracle Application Express: Mobile User Interfaces Marc Sewtz Senior Software Development Manager Oracle Application Express Oracle USA Inc. 520 Madison Avenue,

More information

WebCenter User experience. John Sim @JRSim_UIX

WebCenter User experience. John Sim @JRSim_UIX WebCenter User experience ipads - Xbox John Sim @JRSim_UIX About Fishbowl Solutions Specializing on portals & content management for 13 years Customers throughout North America & EMEA Enterprise-wide consulting

More information

Responsive Versus Adaptive Web Design

Responsive Versus Adaptive Web Design White Paper Responsive Versus Adaptive Web Design A development approach comparison Authors Sriram Ramanathan, Chief Technology Officer Matthew Trevathan, Director of Product Platform Development Amit

More information

Professional iphone and ipod touch Programming. Building Applications for Mobile Safari

Professional iphone and ipod touch Programming. Building Applications for Mobile Safari Professional iphone and ipod touch Programming Building Applications for Mobile Safari Richard Wagner WILEY Wiley Publishing, Inc. Acknowledgments Introduction xvii xix Chapter 1: Introducing the iphone

More information

Version 8.2. Tivoli Endpoint Manager for Asset Discovery User's Guide

Version 8.2. Tivoli Endpoint Manager for Asset Discovery User's Guide Version 8.2 Tivoli Endpoint Manager for Asset Discovery User's Guide Version 8.2 Tivoli Endpoint Manager for Asset Discovery User's Guide Note Before using this information and the product it supports,

More information

Featuring: GUI screen designer to edit DDS source for 5250 Display Files

Featuring: GUI screen designer to edit DDS source for 5250 Display Files IBM Software Group Rational Developer for IBM i (RDi) Screen Designer Technology Preview Featuring: GUI screen designer to edit DDS source for 5250 Display Files Last Update: 11/25/2009 2009 IBM Corporation

More information

Service Component Architecture, Apache Tuscany & WebSphere SOA Feature Pack Beta

Service Component Architecture, Apache Tuscany & WebSphere SOA Feature Pack Beta Service Component Architecture, Apache Tuscany & WebSphere SOA Feature Pack Beta Simon Laws Open Source SOA WebSphere UK User Group 3/11/2008 2008 IBM Corporation IBM Corporation 2008. All Rights Reserved.

More information

Endpoint Manager for Mobile Devices Setup Guide

Endpoint Manager for Mobile Devices Setup Guide Endpoint Manager for Mobile Devices Setup Guide ii Endpoint Manager for Mobile Devices Setup Guide Contents Endpoint Manager for Mobile Devices Setup Guide............. 1 Components.............. 1 Architecture..............

More information

PLAYER DEVELOPER GUIDE

PLAYER DEVELOPER GUIDE PLAYER DEVELOPER GUIDE CONTENTS CREATING AND BRANDING A PLAYER IN BACKLOT 5 Player Platform and Browser Support 5 How Player Works 6 Setting up Players Using the Backlot API 6 Creating a Player Using the

More information

Accessing Websites. Mac/PC Compatibility: QuickStart Guide for Business

Accessing Websites. Mac/PC Compatibility: QuickStart Guide for Business Accessing Websites Mac/PC Compatibility: QuickStart Guide for Business 2 Accessing Websites QuickStart Guide for Business The Basics People use the web for research, entertainment, and business. And it

More information

Building Responsive Websites with the Bootstrap 3 Framework

Building Responsive Websites with the Bootstrap 3 Framework Building Responsive Websites with the Bootstrap 3 Framework Michael Slater and Charity Grace Kirk michael@webvanta.com 888.670.6793 1 Today s Presenters Michael Slater President and Cofounder of Webvanta

More information

Tivoli Automation for Proactive Integrated Service Management

Tivoli Automation for Proactive Integrated Service Management Tivoli Automation for Proactive Integrated Service Management Gain advantage with Tivoli Automation portfolio Optimizing the World s Infrastructure 24 October 2012, Moscow 2012 IBM Corporation Acknowledgements,

More information

Rich Media & HD Video Streaming Integration with Brightcove

Rich Media & HD Video Streaming Integration with Brightcove Rich Media & HD Video Streaming Integration with Brightcove IBM Digital Experience Version 8.5 Web Content Management IBM Ecosystem Development 2014 IBM Corporation Please Note IBM s statements regarding

More information

Concur Travel & Expense

Concur Travel & Expense Concur Travel & Expense Supported Configurations Client Version Contents Supported Configurations... 1 Section 1: About Concur Travel & Expense... 1 Section 2: Read This First... 1 Browser Settings General...

More information

Supported Client Devices: - SIP/H.323 hardware and software end-points

Supported Client Devices: - SIP/H.323 hardware and software end-points Zeenov Agora is a scalable and high-performance video, audio, desktop sharing, data collaboration and communication platform that we offer as a service for hosting all your online meetings. Zeenov Agora

More information

Statement of Direction

Statement of Direction Mobile First: Taking Mobile CRM to the Next Level 1 January 2013 Mobile First: Taking Mobile CRM to the Next Level Whitepaper Mobile First: Taking Mobile CRM to the Next Level 2 Table of Contents Notes...

More information

Web Publishers Group. Tuesday 13 March 2012

Web Publishers Group. Tuesday 13 March 2012 Web Publishers Group Tuesday 13 March 2012 Responsive Web Design Mobilising the Internet Scott O Brien Technical Web Coordinator ANU Marketing Office 3 Responsive web design Designing a website in a manner

More information

Sizmek Formats. HTML5 Page Skin. Build Guide

Sizmek Formats. HTML5 Page Skin. Build Guide Formats HTML5 Page Skin Build Guide Table of Contents Overview... 2 Supported Platforms... 7 Demos/Downloads... 7 Known Issues:... 7 Implementing a HTML5 Page Skin Format... 7 Included Template Files...

More information

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory IBM Corporation 2011 Web Experience Factory formerly known as WebSphere Portlet Factory Note we are currently

More information

Hardware, Software & Network Requirements

Hardware, Software & Network Requirements Hardware, & Network Requirements System requirements for the Enterprise application, including Business Objects, are provided in this document. These requirements include hardware, software, and network

More information

IBM Rational Asset Manager

IBM Rational Asset Manager Providing business intelligence for your software assets IBM Rational Asset Manager Highlights A collaborative software development asset management solution, IBM Enabling effective asset management Rational

More information

Lotus Sametime. FIPS Support for IBM Lotus Sametime 8.0. Version 8.0 SC23-8760-00

Lotus Sametime. FIPS Support for IBM Lotus Sametime 8.0. Version 8.0 SC23-8760-00 Lotus Sametime Version 8.0 FIPS Support for IBM Lotus Sametime 8.0 SC23-8760-00 Disclaimer THE INFORMATION CONTAINED IN THIS DOCUMENTATION IS PROVIDED FOR INFORMATIONAL PURPOSES ONLY. WHILE EFFORTS WERE

More information

Web Conferencing Version 8.3 Troubleshooting Guide

Web Conferencing Version 8.3 Troubleshooting Guide System Requirements General Requirements Web Conferencing Version 8.3 Troubleshooting Guide Listed below are the minimum requirements for participants accessing the web conferencing service. Systems which

More information

Web Designing with UI Designing

Web Designing with UI Designing Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing

More information

Session Title: Cloud Computing 101 What every z Person must know

Session Title: Cloud Computing 101 What every z Person must know 2009 System z Expo October 5 9, 2009 Orlando, FL Session Title: Cloud Computing 101 What every z Person must know Session ID: ZDI08 Frank J. De Gilio - degilio@us.ibm.com 2 3 View of Cloud Computing Application

More information

Blueball Design Dynamic Content 2 Stack Readme Manual v1.0

Blueball Design Dynamic Content 2 Stack Readme Manual v1.0 Blueball Design Dynamic Content 2 Stack Readme Manual v1.0 A unique responsive stack that dynamically populates and updates a content area within the stack using a warehoused external XML flat text file

More information

JavaFX Session Agenda

JavaFX Session Agenda JavaFX Session Agenda 1 Introduction RIA, JavaFX and why JavaFX 2 JavaFX Architecture and Framework 3 Getting Started with JavaFX 4 Examples for Layout, Control, FXML etc Current day users expect web user

More information

separate the content technology display or delivery technology

separate the content technology display or delivery technology Good Morning. In the mobile development space, discussions are often focused on whose winning the mobile technology wars how Android has the greater share of the mobile market or how Apple is has the greatest

More information

Web Dashboard User Guide

Web Dashboard User Guide Web Dashboard User Guide Version 10.2 The software supplied with this document is the property of RadView Software and is furnished under a licensing agreement. Neither the software nor this document may

More information

IBM Tivoli Remote Control

IBM Tivoli Remote Control Robust remote desktop management across the enterprise IBM Tivoli Remote Control Highlights Enables organizations to Supports Federal Desktop Core remotely manage thousands of Configuration (FDCC) and

More information

Looking Good! Troubleshooting Email Display Problems

Looking Good! Troubleshooting Email Display Problems E-mail Direct Mail Digital Marketing Sales Tools Funding Data Creative Services Looking Good! Troubleshooting Email Display Problems November 19, 2014 Today s Speaker Geoff Phillips Senior Editor & Email

More information

Operating Instructions Software (Device Monitor)

Operating Instructions Software (Device Monitor) Operating Instructions Software (Device Monitor) For Digital Imaging Systems General Description Before using this software, please carefully read these instructions completely and keep these operating

More information

Name: Srinivasan Govindaraj Title: Big Data Predictive Analytics

Name: Srinivasan Govindaraj Title: Big Data Predictive Analytics Name: Srinivasan Govindaraj Title: Big Data Predictive Analytics Please note the following IBM s statements regarding its plans, directions, and intent are subject to change or withdrawal without notice

More information

Single Sign-on (SSO) technologies for the Domino Web Server

Single Sign-on (SSO) technologies for the Domino Web Server Single Sign-on (SSO) technologies for the Domino Web Server Jane Marcus December 7, 2011 2011 IBM Corporation Welcome Participant Passcode: 4297643 2011 IBM Corporation 2 Agenda USA Toll Free (866) 803-2145

More information

Requirements for Developing WebWorks Help

Requirements for Developing WebWorks Help WebWorks Help 5.0 Originally introduced in 1998, WebWorks Help is an output format that allows online Help to be delivered on multiple platforms and browsers, which makes it easy to publish information

More information

Take Your Rocket U2 Apps Mobile with Rocket LegaSuite. Greg Mummah, Product Manager Rocket Software

Take Your Rocket U2 Apps Mobile with Rocket LegaSuite. Greg Mummah, Product Manager Rocket Software Take Your Rocket U2 Apps Mobile with Rocket LegaSuite Greg Mummah, Product Manager Rocket Software Greg Mummah Product Manager Managed application modernization team at municipal government software vendor

More information