Mobile web developer guide

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Mobile web developer guide"

Transcription

1 DIGITAL FACTORY 7.0 Mobile web developer guide Rooted in Open Source CMS, Jahia s Digital Industrialization paradigm is about streamlining Enterprise digital projects across channels to truly control time-to-market and TCO, project after project. Jahia Solutions Group SA 9 route des Jeunes, CH-1227 Les acacias Geneva, Switzerland

2 Summary 1 Document revisions Introduction Target audience & assumptions Channels What is a channel? Built-in channels Channel selection user interface Content inclusion/exclusion from channels Declaring new channels Implementing a custom channel provider (example: WURFL provider) Previewing pages for a given channel How channel rendering works Example Device orientation Accessing channel capabilities Integration with Digital Factory s front-end cache Mobile rendering frameworks Fluid/responsive layouts jquery Mobile Apache Mobile Filter Re-targeting content Page 2 / 39

3 7.1 Introduction Images Video Flash Additional resources Page 3 / 39

4 1 Document revisions 1.0 Initial release Corrected Apache Mobile filter resource links 1.1 Update for Jahia Digital Factory 7.0 Page 4 / 39

5 2 Introduction This document presents one of the two main possibilities of how to address the mobile rendering needs for your CMS/WCM projects using Jahia s Digital Factory platform. Our product has two technologies that can help in this regard: - Channel-based rendering and editing - REST API to build native clients This guide covers the first technology. If you re interested in the second, building native mobile applications using Digital Factory, please read our companion document: Native mobile developer guide. Here below we present an example of the first approach, meaning that we use different channel renderings to build layouts and navigation that are customized for mobile browsing. Page 5 / 39

6 In this example you can see that the same content may be re-used in different layouts, and these may be shared across devices. Specific renderings may be developed for each class of device. It is also important to note that content may be organized differently even when re-using the same content objects. As you will see, developing mobile applications with Digital Factory is both straightforward and powerful. It is possible to deliver mobile solutions using our default templates without any code modifications, simply by selecting content objects that should appear or not in a page, or dig deeper into the system to customize the look and feel of a mobile sites to your specific requirements. Page 6 / 39

7 3 Target audience & assumptions In this document it is assumed that the reader has a working knowledge of the following: - Java programming - JSP programming - Digital Factory template development If you are not familiar with one of the above-mentioned fields, we recommend you get at least familiar with them. For Jahia template development, please check our documentation on The first chapters will be more focus on presenting some of the concepts behind mobile application development using the Digital Factory platform, but the next ones will go into technical details as how to implement such solutions. A working knowledge of Digital Factory development and integration is therefore strongly recommended. Page 7 / 39

8 4 Channels 4.1 What is a channel? Before we go any further, it is important to define what we mean by a rendering channel. A channel is identified by a set of properties, or capabilities, that define what the rendering output may be capable of displaying. So this way we could have an ios channel, an Android channel, or be even more precise and have iphone 1, iphone 2, iphone 3GS channels, and differentiate between the different target devices using precise channel definitions. A channel could also be used to define different page rendering for legacy browsers, such as targeting an old Netscape browser or an old browser included in a set-top box. A channel is an object that is resolved at rendering time by Digital Factory s core engine, and this is performed by the channel resolver service. The channel resolver is a pluggable system that may accept one of more channel provider implementations, which makes it easy to customize or extend the resolution of channels. Channel properties may include values such as the screen resolution, different browser plugins that are available (such as Flash, Java, etc ), an icon to display the channel in Digital Factory s user interface or any other informative property. There are also standard sets of capabilities defined by collective Internet efforts such as the Wireless Universal Resource File (WURFL, These sets may be available as free downloads (but beware of the license terms, they might be restrictive) or available as an online resolution web service (for example Detect Right (http://www.detectright.com) or 51Degrees (http://51degrees.mobi)). In the case of an online resolution service, it would be possible to integrate into Digital Factory by implementing a new channel provider for such a service, and therefore benefit from their database of capabilities inside your CMS project. 4.2 Built-in channels Digital Factory s default channel provider implementation is quite basic yet powerful and extensible. It simply uses user agent pattern matching to resolve a channel from the incoming browser using channel definitions declared in an XML file. The default XML channel definition file Page 8 / 39

9 contains channel definitions such as: iphone, ipad, Android and Kindle Fire. Here is an example of the XML channel definition for the iphone: <bean class="org.jahia.services.channels.channel" id="apple_iphone_ver1"> <property name="identifier" value="apple_iphone_ver1"/> <property name="fallback" value="generic_mobile"/> <property name="capabilities"> <map> <entry key="display-name" value="iphone"/> <entry key="template-type-mapping" value="iphone"/> <entry key="variants" value="portrait,landscape"/> <entry key="variants-displaynames" value="portrait,landscape"/> <entry key="usable-resolutions" value="320x356,480x208"/> <entry key="device-image" value="/modules/channels/images/devices/iphonesmall.png"/> <entry key="decorator-images" value="/modules/channels/images/devices/iphoneportrait.png,/modules/channels/images/devices/iphone-landscape.png"/> <entry key="decorator-image-sizes" value="388x738,734x383"/> <entry key="decorator-screen-positions" value="35x216,124x115"/> <entry key="resolution_width" value="320"/> <entry key="resolution_height" value="480"/> <entry key="useragentpattern" value=".*iphone.*"/> </map> </property> </bean> The most important part of a channel capabilities definition when using the default channel provider is the useragentpattern, which is used to match against the incoming browser s user agent string. Some of the entries in the capabilities table are used internally by Jahia to display UI elements, such as the decorator-images property that points to images representing the channel s device. It is of course possible to extend the list of available channels when needed, simply by adding them to the channel definition XML file (deployed in modules/channels/meta- INF/spring/mod-channels.xml). Page 9 / 39

10 4.3 Channel selection user interface Starting with version Enterprise Edition, Digital Factory s user interface introduced the possibility to preview in Edit and Studio modes the layout for a selected channel. Here is an example for the iphone channel: As you can see in the above screenshot, this is actually a live preview, meaning that you can still edit the content inside the device view, and immediately see the result as it would appear on the real hardware. In order to access the channel view, first select the Mobile tab: Page 10 / 39

11 Then select the device and the variant (usually the orientation) you want to display. Variants make it possible to provide multiple rendering alternatives for the same channel, for example different orientations for a device. 4.4 Content inclusion/exclusion from channels Digital Factory provides a very easy way to include or exclude certain content areas from a channel. A new tab in the edit popup window entitled Channels is now available and allows to specify if the content object being edited (in Edit or Studio mode) should be rendered for a specific channel or not. In the above screenshot you can see that the currently edited object has been excluded from the Generic Mobile channel which is the parent channel for all mobile channels, meaning that the content will never be displayed for any channel that is a child of the Generic Mobile channel (this parent-child relationship is defined in the channel definition XML). Page 11 / 39

12 4.5 Declaring new channels As we have quickly presented in the channel introduction, it is of course possible to define new channels, simply by adding additional entries into the modules/channels/meta-inf/spring/modchannels.xml file. Let s look more closely at the iphone definition we had shown previously: <bean class="org.jahia.services.channels.channel" id="apple_iphone_ver1"> <property name="identifier" value="apple_iphone_ver1"/> <property name="fallback" value="generic_mobile"/> <property name="capabilities"> <map> <entry key="display-name" value="iphone"/> <entry key="template-type-mapping" value="iphone"/> <entry key="variants" value="portrait,landscape"/> <entry key="variants-displaynames" value="portrait,landscape"/> <entry key="usable-resolutions" value="320x356,480x208"/> <entry key="device-image" value="/modules/channels/images/devices/iphonesmall.png"/> <entry key="decorator-images" value="/modules/channels/images/devices/iphoneportrait.png,/modules/channels/images/devices/iphone-landscape.png"/> <entry key="decorator-image-sizes" value="388x738,734x383"/> <entry key="decorator-screen-positions" value="35x216,124x115"/> <entry key="resolution_width" value="320"/> <entry key="resolution_height" value="480"/> <entry key="useragentpattern" value=".*iphone.*"/> </map> </property> </bean> Here are the details for the most important channel fields that must be present for mobile edit and preview modes to function: Page 12 / 39

13 - identifier: a unique identifier for the channel. This will also be used to identify the channel uniquely in Digital Factory s data structure so make sure you do not re-used identifiers when defining channels. It is also used in the fallback field. - fallback: the name of an identifier that will be the fallback" for this definition, meaning that anything that applies to the fallback will apply to this definition. If for example exclusions or inclusions are specified in the fallback they will also apply to the current channel definition. All fallbacks must be defined in the XML file except for the root fallback named generic - capabilities : a map of key/values that describe capabilities of the channel, with some specific values that will be used by Digital Factory to build it d user interface, notably: o display-name: a name for the channel that will be displayed to end-users in the UI o template-type-mapping: this is used to specify which template type will be concatenated to the current template type when the channel is resolved, meaning that it will use the value specified here to look for views in the file system by concatenating it to the current template type. So for example for the html template type it will look for a html-iphone template type on disk before falling back to the html template type if no specific channel view has been defined in modules. o variants: this capability defines the identifiers and number of variants available for a channel. Usually for mobile devices this is a list of the supported orientations for the device. Variants also influence other capabilities as they will have values for each variant, as you will see in the various resolution and positioning capabilities below. o variants-displaynames: the names of the variants defined here will be used in the user interface presented to the end users, so make sure to choose variant names that are meaningful and self-explanatory. o usable-resolutions: this is not the full resolution of the device for the current channel, but the actual screen area that is available within the device s web browser. So this is the real screen space a web page will have at disposition to display content since other UI elements may take up screen space such as the location bar, button bars, and so on. This value is multi-valued with a value defined for each declared variant. o device-image: a file that contains an icon (64x64 pixels) that is used to display the channel in the list of available channel in the user interface. o decorator-images: image files for each variant that contain the wrapper image for the device around the usable space. These may be any size, but their size and Page 13 / 39

14 position must be defined in the decorator-image-sizes and decorator-screenpositions capabilities o decorator-image-sizes: for the above image files the size of these images for each variant. This value is mandatory as it is needed for proper positioning of the images on the UI. o decorator-screen-positions: these are actually horizontal and vertical offsets into each decorator image variant as to where the actual web screen will be positioned. The size of the web screen is defined in the usable-resolutions capability. This value is also mandatory. o useragentpattern: this is a Java regular expression pattern that will be used to match the incoming browser s request user agent string against all channels to determine which is the currently active channel. This completes the list of Digital Factory specific capabilities; of course you may add others (as the resolution capabilities in the above example) to fit any specific needs. We will show later how to access the capabilities from content views in order to build custom HTML rendering using capability values. 4.6 Implementing a custom channel provider (example: WURFL provider) By default, Digital Factory comes bundled with it s own default channel provider implementation called UserAgentChannelProvider, that uses the mod-channels.xml XML file to match the incoming browser s user agent string against regular expression patterns. But it is also possible to implement other customer channel providers, as we mentioned in the introduction, to either integrate with external mobile handset databases or with external mobile detection online web services. We actually have an example of a custom channel provider that provides mobile channel resolution against the WURFL dataset. The WURFL dataset is widely used by companies including Facebook or Google and is possibly one of the first comprehensive efforts to track all major mobile handsets. Page 14 / 39

15 To build our custom channel provider, the first thing we need to do is to create a new Spring file in our module and declare the new channel provider class inside of it. This may be done the following way: <?xml version="1.0" encoding="utf-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xsi:schemalocation="http://www.springframework.org/schema/beans <bean id="wurflchannelprovider" class="org.jahia.modules.wurfl.wurflprovider"> <property name="priority" value="0"/> <property name="channelservice" ref="channelservice"/> <property name="wurflmodel" ref="wurflmodel"/> <property name="wurflmanager" ref="wurflmanager"/> </bean> As you can see above, the channelservice bean points to the ChannelService, which regroups all channel providers and uses them for channel resolution. The other two WURFL properties are populated using other beans that we will not detail below but that you may find in our example available online in the following GitHub repository: https://github.com/jahia/wurflprovider. All the code in the repository is only an example and should not be considered production ready, but it gives you a good idea of how to implement your own custom channel provider. The Channel provider class must simply implement an interface named ChannelProvider that looks like this: /** * A channel provider will implement the functionality to resolve and provide list of channels */ public interface ChannelProvider { public int getpriority(); public Map<String,String> getchannelcapabilities(string identifier); Page 15 / 39

16 public String resolvechannel(httpservletrequest request); public List<String> getallchannels(); public String getfallback(string identifier); public boolean isvisible(string identifier); } You can see in the full GitHub project the implementation for the WURFL provider that it is quite straightforward and simply implements the above methods (please note that the getallchannels method in the WURFL example is not implemented, it simply returns an empty list). One important point to remember is that the channel service will merge results from different channel providers, making it possible to use multiple channels provider to provide capabilities for a specific channel. The merging is done based on the channel identifier and so you must make sure that you use the same identifiers across multiple channel providers for the capabilities merging to work. This makes it possible to easily augment data coming from Digital Factory s default channel provider with data coming from external channel providers. In the case of Digital Factory s default provider, we have chosen to match our identifiers with the WURFL identifier but you might want to change that if integrating with another handset database or online web service. 4.7 Previewing pages for a given channel At any time, editors can request a preview of the current page for a given channel. This option is accessible in the View menu (toolbar) > Customized Preview. Here, the editor can choose the desired channel Page 16 / 39

17 then the orientation The result appears in a new window Page 17 / 39

18 Page 18 / 39

19 5 How channel rendering works In order to fully understand the rendering of a mobile page, let s illustrate it with an example of template and view resolution in the case of an ipad accessing the default site s home page. Page 19 / 39

20 Mobile Device Browser 1 Render Servlet 2 Channel Service 1a and 5 2a UserAgentChannelProvider 2b Jackrabbit repository 3 XML Channel definitions Content Objects 4b Templates 4a Jahia Filesystem Views html Template type JSPs html-ipad Template Type JSPs Rendering steps: Page 20 / 39

21 1. Digital Factory receives an URL (http://localhost:8080) from a mobile device, an ipad in this case, for the default s site home page 2. Digital Factory s rendering servlet resolves the channel according to the user agent, and concatenates the value of the template-type-mapping specified in the channel to the current template type. In our example the template-type-mapping is ipad while the current template type is html and therefore the full template-type will be html-ipad. 3. Digital Factory loads the template from the template set for the default site s home page 4. Digital Factory first looks for a view (for the jnt:template type) in Digital Factory s filesystem deployed modules, first by trying to find a file named jnt_template/htmlipad/template.view.jsp (where VIEW is the specified studio-specified view for the currently used jnt:template object). If there is no html-ipad template type available on disk, it will fallback to html for the template-type and try to load a view file using the jnt_template/html/template.view.jsp filesystem location. This lookup process is automatic and requires no user intervention. 5. Digital Factory renders the page by iterating over the content objects in the page, using the template to figure out which views must be used, each time first looking for html-ipad template types to be able to customize the views for a mobile device and falling back to the default template type ( html ) if they don t exist. As you can see this simple yet powerful mechanism makes it possible to do all kinds rendering based on user agent matching. You could even use it to render for specific desktop user agents (such as legacy ones). The fallback mechanism is also important because you do not have to redefine all content views if you just intend to modify a few of them. This enables forking of the some subset of views to implement the required rendering for the target channel. 5.1 Example We will now look at an example of a mobile view located on the filesystem at the location modules/template-web-space/jnt_template/html-mobile/template.templates-web-space.jsp that provides an alternate template type to the default view defined in modules/template-webwebpace/jnt_template/html/template.templates-web-space.jsp and that is packaged with Digital Factory s default template set module package. Page 21 / 39

22 Let s first look at the default standard html/template.templates-web-space.jsp : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> page language="java" contenttype="text/html;charset=utf-8" %> taglib prefix="template" uri="http://www.jahia.org/tags/templatelib" %> taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> taglib prefix="jcr" uri="http://www.jahia.org/tags/jcr" %> id="currentnode" type="org.jahia.services.content.jcrnodewrapper"--%> id="out" type="java.io.printwriter"--%> id="script" type="org.jahia.services.render.scripting.script"--%> id="scriptinfo" type="java.lang.string"--%> id="workspace" type="java.lang.string"--%> id="rendercontext" type="org.jahia.services.render.rendercontext"--%> id="currentresource" type="org.jahia.services.render.resource"--%> id="url" type="org.jahia.services.render.urlgenerator"--%> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${fn:substring(rendercontext.request.locale,0,2)}"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="jcr:description" inherited="true" var="description"/> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="jcr:createdby" inherited="true" var="author"/> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="j:keywords" inherited="true" var="kws"/> <c:set var="keywords" value=""/> <c:foreach items="${kws}" var="keyword"> <c:choose> <c:when test="${empty keywords}"> <c:set var="keywords" value="${keyword.string}"/> </c:when> <c:otherwise> <c:set var="keywords" value="${keywords}, ${keyword.string}"/> </c:otherwise> </c:choose> </c:foreach> <c:if test="${!empty description}"><meta name="description" content="${description.string}" /></c:if> <c:if test="${!empty author}"><meta name="author" content="${author.string}" /></c:if> <c:if test="${!empty keywords}"><meta name="keywords" content="${keywords}" /></c:if> Page 22 / 39

23 <link rel="stylesheet" type="text/css" href="<c:url value='${url.currentmodule}/css/print.css'/>" media="print" /> <title>${fn:escapexml(rendercontext.mainresource.node.displayablename)}</title> </head> <body> <div class="bodywrapper"><!--start bodywrapper--> <template:area path="pagecontent"/> </div> <!--stop bodywrapper--> <c:if test="${rendercontext.editmode}"> <template:addresources type="css" resources="edit.css" /> </c:if> <template:addresources type="css" resources="960.css,01web.css,02mod.css,navigation.css,navigationn2-2.css"/> <template:theme/> </body> </html> In the default template, the important tag to note is the <template:area> one that is included in the bodywrapper DIV tag. This is where all the main page elements will be inserted. Now let s look at the html-iphone/template.template-web-space.jsp view: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> page language="java" contenttype="text/html;charset=utf-8" %> taglib prefix="template" uri="http://www.jahia.org/tags/templatelib" %> taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> taglib prefix="jcr" uri="http://www.jahia.org/tags/jcr" %> id="currentnode" type="org.jahia.services.content.jcrnodewrapper"--%> id="out" type="java.io.printwriter"--%> id="script" type="org.jahia.services.render.scripting.script"--%> Page 23 / 39

24 id="scriptinfo" type="java.lang.string"--%> id="workspace" type="java.lang.string"--%> id="rendercontext" type="org.jahia.services.render.rendercontext"--%> id="currentresource" type="org.jahia.services.render.resource"--%> id="url" type="org.jahia.services.render.urlgenerator"--%> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${fn:substring(rendercontext.request.locale,0,2)}"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name='handheldfriendly' content='true'/> <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="jcr:description" inherited="true" var="description"/> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="jcr:createdby" inherited="true" var="author"/> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="j:keywords" inherited="true" var="kws"/> <c:set var="keywords" value=""/> <c:foreach items="${kws}" var="keyword"> <c:choose> <c:when test="${empty keywords}"> <c:set var="keywords" value="${keyword.string}"/> </c:when> <c:otherwise> <c:set var="keywords" value="${keywords}, ${keyword.string}"/> </c:otherwise> </c:choose> </c:foreach> <c:if test="${!empty description}"><meta name="description" content="${description.string}" /></c:if> <c:if test="${!empty author}"><meta name="author" content="${author.string}" /></c:if> <c:if test="${!empty keywords}"><meta name="keywords" content="${keywords}" /></c:if> <link rel="stylesheet" type="text/css" href="<c:url value='${url.currentmodule}/css/print.css'/>" media="print" /> <title>${fn:escapexml(rendercontext.mainresource.node.displayablename)}</title> </head> Page 24 / 39

25 <body> <div class="bodywrapper"><!--start bodywrapper--> </div> <template:area path="pagecontent"/> <c:if test="${rendercontext.editmode}"> <template:addresources type="css" resources="edit.css" /> </c:if> <template:addresources type="css" resources="960.css,01web.css,02mod.css,navigation.css,navigationn2-2.css,responsive.css"/> <template:theme/> </body> </html> If we look at the differences between the files, the first one is in the header section, specifically in the meta tags: <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> These meta-tags are iphone/android specific, and control how the mobile browser window will be setup. The next difference, and the most important one, is in the template resources section: <template:addresources type="css" resources="960.css,01web.css,02mod.css,navigation.css,navigationn2-2.css,responsive.css"/> Page 25 / 39

26 The most important modification in the CSS file list is the use of the responsive design layout style that makes it easy to build layouts that scale from a mobile device to a desktop one. This is made possible using CSS media queries which are now supported on most mobile and desktop platforms. Using queries it is possible to change any CSS property including font sizes, hiding elements, resizing boxes and so on. Here is an example of a CSS media query that will only apply styles to the body and a specific div tag if the viewing area is less than 765 pixels wide: <style screen and (max-width: 765px){ body{ font-size: 80%; } div#leftcolumn{ display: none; } } </style> 5.2 Device orientation A problem specific to modern mobile devices, especially smartphones, is dealing with device orientation. Because of this it is important to use fluid layouts that will automatically adapt to the changes in screen size when the device is rotated. Again, this happens by default with the templates provided in this example, as you may see in the screenshot below: Page 26 / 39

27 It is also important to always validate layouts on the device itself, instead of using emulators, as sometimes they may differ. 5.3 Accessing channel capabilities Once resolved, the currently active channel is available in Digital Factory s RenderContext so, using Java, it may simply be accessed using the following accessor: RenderContext.getChannel() Or in JSPs it accessible through the global rendercontext variable using the following EL expression: ${rendercontext.channel} The Channel class has the following interface (simplified for readability): /** Page 27 / 39

28 * A channel describes a rendering target, so it may be a mobile device or any other kind of rendering browser * /technologies (RSS), etc... */ public class Channel implements Serializable { public static final String GENERIC_CHANNEL = "generic"; public String getidentifier() { } return identifier; public Map<String, String> getcapabilities() { } return capabilities; public boolean hascapabilityvalue(string capabilityname) { } return capabilities.containskey(capabilityname); public String getcapability(string capabilityname) { } return capabilities.get(capabilityname); public String getfallback() { } return fallback; public boolean isvisible() { } return visible; public boolean isgeneric() { } return identifier.equals(generic_channel); } Page 28 / 39

Building native mobile apps for Digital Factory

Building native mobile apps for Digital Factory DIGITAL FACTORY 7.0 Building native mobile apps for Digital Factory Rooted in Open Source CMS, Jahia s Digital Industrialization paradigm is about streamlining Enterprise digital projects across channels

More information

Esigate Module Documentation

Esigate Module Documentation PORTAL FACTORY 1.0 Esigate Module Documentation Rooted in Open Source CMS, Jahia s Digital Industrialization paradigm is about streamlining Enterprise digital projects across channels to truly control

More information

JTouch Mobile Extension for Joomla! User Guide

JTouch Mobile Extension for Joomla! User Guide JTouch Mobile Extension for Joomla! User Guide A Mobilization Plugin & Touch Friendly Template for Joomla! 2.5 Author: Huy Nguyen Co- Author: John Nguyen ABSTRACT The JTouch Mobile extension was developed

More information

JBoss Portlet Container. User Guide. Release 2.0

JBoss Portlet Container. User Guide. Release 2.0 JBoss Portlet Container User Guide Release 2.0 1. Introduction.. 1 1.1. Motivation.. 1 1.2. Audience 1 1.3. Simple Portal: showcasing JBoss Portlet Container.. 1 1.4. Resources. 1 2. Installation. 3 2.1.

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

Oracle WebCenter Sites Mobility Server Enabling exceptional mobile and tablet web applications and web sites without compromise

Oracle WebCenter Sites Mobility Server Enabling exceptional mobile and tablet web applications and web sites without compromise Oracle WebCenter Sites Mobility Server Enabling exceptional mobile and tablet web applications and web sites without compromise Mobility Server offers state-of-the-art technology and a comprehensive solution

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

Portal Factory 1.0 - CMIS Connector Module documentation

Portal Factory 1.0 - CMIS Connector Module documentation DOCUMENTATION Portal Factory 1.0 - CMIS Connector Module documentation Rooted in Open Source CMS, Jahia s Digital Industrialization paradigm is about streamlining Enterprise digital projects across channels

More information

Responsive Web Design. vs. Mobile Web App: What s Best for Your Enterprise? A WhitePaper by RapidValue Solutions

Responsive Web Design. vs. Mobile Web App: What s Best for Your Enterprise? A WhitePaper by RapidValue Solutions Responsive Web Design vs. Mobile Web App: What s Best for Your Enterprise? A WhitePaper by RapidValue Solutions The New Design Trend: Build a Website; Enable Self-optimization Across All Mobile De vices

More information

Responsive Design Best Practices

Responsive Design Best Practices Responsive Design Best Practices Heather Shore Account Director Silverpop Harlan Cayetano Sr. Email Specialist Silverpop Yin Mac Program Manager Silverpop Andrea Shyrock Production Manager Alchemy Worx

More information

Table of contents. DMXzone Visual App Designer for Framework 7 DMXzone

Table of contents. DMXzone Visual App Designer for Framework 7 DMXzone Visual App Designer for Framework 7 Table of contents Table of contents... 1 About Visual App Designer for Framework 7... 2 Features in Detail... 3 The Basics: Setting Up Visual App Designer... 41 Advanced:

More information

Mobile Application Development

Mobile Application Development Web Engineering Mobile Application Development Copyright 2015 Slides from Federico M. Facca (2010), Nelia Lasierra (updates) 1 2 Where we are? # Date Title 1 5 th March Web Engineering Introduction and

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

Going Mobile-does your website work on mobile devices?

Going Mobile-does your website work on mobile devices? Going Mobile-does your website work on mobile devices? Going Mobile-does your website work on mobile devices? It is unlikely to have escaped your attention that people are now accessing the web from a

More information

LECTORA. Content Planning Guide

LECTORA. Content Planning Guide LECTORA Content Planning Guide Summer 2014 Table of Contents Using Lectora on Your OnPoint Learning Platform... 2 What are the Advantages and Disadvantages of Lectora?... 2 Use Cases for Lectora Where

More information

Sitecore InDesign Connector 1.1

Sitecore InDesign Connector 1.1 Sitecore Adaptive Print Studio Sitecore InDesign Connector 1.1 - User Manual, October 2, 2012 Sitecore InDesign Connector 1.1 User Manual Creating InDesign Documents with Sitecore CMS User Manual Page

More information

Designing for the Mobile Web Lesson 3: HTML5 Web Apps

Designing for the Mobile Web Lesson 3: HTML5 Web Apps Designing for the Mobile Web Lesson 3: HTML5 Web Apps Michael Slater, CEO Andrew DesChenes, Dir. Services course-support@webvanta.com 888.670.6793 www.webvanta.com Welcome! Four sessions 1: The Mobile

More information

Mobile Web Applications using HTML5. L. Cotfas 14 Dec. 2011

Mobile Web Applications using HTML5. L. Cotfas 14 Dec. 2011 Mobile Web Applications using HTML5 L. Cotfas 14 Dec. 2011 Reasons for mobile web development Many different platforms: Android, IPhone, Symbian, Windows Phone/ Mobile, MeeGo (only a few of them) Reasons

More information

Developing and deploying mobile apps

Developing and deploying mobile apps Developing and deploying mobile apps 1 Overview HTML5: write once, run anywhere for developing mobile applications 2 Native app alternative Android -- Java ios -- Objective-C Windows Mobile -- MS tools

More information

Designing for Mobile Devices

Designing for Mobile Devices Designing for Mobile Devices October 2010 Pawel Zareba Table of Contents Mobile market overview... 3 Smartphone penetration... 3 Mobile browsers:... 9 Browser detect techniques... 11 Progressive enhancement:...

More information

Dreamweaver CS5. Module 2: Website Modification

Dreamweaver CS5. Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,

More information

SYST35300 Hybrid Mobile Application Development

SYST35300 Hybrid Mobile Application Development SYST35300 Hybrid Mobile Application Development Native, Web and Hybrid applications Hybrid Applications: Frameworks Native, Web and Hybrid Applications Mobile application development is the process by

More information

White Paper Using PHP Site Assistant to create sites for mobile devices

White Paper Using PHP Site Assistant to create sites for mobile devices White Paper Using PHP Site Assistant to create sites for mobile devices Overview In the last few years, a major shift has occurred in the number and capabilities of mobile devices. Improvements in processor

More information

Locassa App Essentials. Mobile Technology

Locassa App Essentials. Mobile Technology Locassa App Essentials Mobile Technology What you'll learn 1. Native Apps How apps were intended to work 2. Mobile Websites Responsive design, limited scope 3. HTML5 Apps Old technologies, new name 4.

More information

ITD 210 EXAM 1 STUDY GUIDE

ITD 210 EXAM 1 STUDY GUIDE ITD 210 EXAM 1 STUDY GUIDE FINAL EXAM: ADOBE WEB COMMUNICATION USING DREAMWEAVER CS3 OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website.

More information

Edit Mode GUI and Tools overview

Edit Mode GUI and Tools overview DIGITAL FACTORY 7.0 USER GUIDE Edit Mode GUI and Tools overview Rooted in Open Source CMS, Jahia s Digital Industrialization paradigm is about streamlining Enterprise digital projects across channels to

More information

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every

More information

Architecture Guide Jahia EE v6.1

Architecture Guide Jahia EE v6.1 Documentation Architecture Guide Jahia EE v6.1 Jahia delivers the first Web Content Integration Software by combining Enterprise Web Content Management with Document and Portal Management features. Jahia

More information

SmallBiz Dynamic Theme User Guide

SmallBiz Dynamic Theme User Guide SmallBiz Dynamic Theme User Guide Table of Contents Introduction... 3 Create Your Website in Just 5 Minutes... 3 Before Your Installation Begins... 4 Installing the Small Biz Theme... 4 Customizing the

More information

Mobile App Framework For any Website

Mobile App Framework For any Website Mobile App Framework For any Website Presenting the most advanced and affordable way to create a native mobile app for any website The project of developing a Mobile App is structured and the scope of

More information

Kentico CMS, 2011 Kentico Software. Contents. Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1

Kentico CMS, 2011 Kentico Software. Contents. Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1 Contents Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1 Time for action - Viewing the mobile sample site 2 What just happened 4 Time for Action - Mobile device redirection

More information

.NET Best Practices Part 1 Master Pages Setup. Version 2.0

.NET Best Practices Part 1 Master Pages Setup. Version 2.0 .NET Best Practices Part 1 Master Pages Setup Version 2.0 2014 CrownPeak Technology, Inc. All rights reserved. No part of this document may be reproduced or transmitted in any form or by any means, electronic

More information

Configuring the JEvents Component

Configuring the JEvents Component Configuring the JEvents Component The JEvents Control Panel's Configuration button takes you to the JEvents Global Configuration page. Here, you may set a very wide array of values that control the way

More information

Enterprise Mobile Application Development: Native or Hybrid?

Enterprise Mobile Application Development: Native or Hybrid? Enterprise Mobile Application Development: Native or Hybrid? Enterprise Mobile Application Development: Native or Hybrid? SevenTablets 855-285-2322 Contact@SevenTablets.com http://www.seventablets.com

More information

Etanova Enterprise Solutions

Etanova Enterprise Solutions Etanova Enterprise Solutions Mobile Development» 2016-07-01 http://www.etanova.com/technologies/mobile-development Contents ios iphone and ipad... 6 Objective-C Programming Language... 6 Swift Programming

More information

Issues of Hybrid Mobile Application Development with PhoneGap: a Case Study of Insurance Mobile Application

Issues of Hybrid Mobile Application Development with PhoneGap: a Case Study of Insurance Mobile Application DATABASES AND INFORMATION SYSTEMS H.-M. Haav, A. Kalja and T. Robal (Eds.) Proc. of the 11th International Baltic Conference, Baltic DB&IS 2014 TUT Press, 2014 215 Issues of Hybrid Mobile Application Development

More information

Adobe Summit 2015 Lab 718: Managing Mobile Apps: A PhoneGap Enterprise Introduction for Marketers

Adobe Summit 2015 Lab 718: Managing Mobile Apps: A PhoneGap Enterprise Introduction for Marketers Adobe Summit 2015 Lab 718: Managing Mobile Apps: A PhoneGap Enterprise Introduction for Marketers 1 INTRODUCTION GOAL OBJECTIVES MODULE 1 AEM & PHONEGAP ENTERPRISE INTRODUCTION LESSON 1- AEM BASICS OVERVIEW

More information

CLASSROOM WEB DESIGNING COURSE

CLASSROOM WEB DESIGNING COURSE About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered

More information

FUNCTIONAL OVERVIEW VERSION: 1.0

FUNCTIONAL OVERVIEW VERSION: 1.0 FUNCTIONAL OVERVIEW VERSION: 1.0 DATE: 01.04.2015 Table of contents Innovations / changes in Shopware 5 3 Details technical updates 6 Details Shopware Responsive Template 7 2 Innovations / changes in Shopware

More information

This section describes how to organize the templates and the themes for the backend and the frontend.

This section describes how to organize the templates and the themes for the backend and the frontend. DESIGNER S GUIDE This guide is intended for front-end developers and web designers. The guide describes the procedure for creating website templates using Sitefinity and importing already created templates

More information

Adobe Summit 2015 Lab 712: Building Mobile Apps: A PhoneGap Enterprise Introduction for Developers

Adobe Summit 2015 Lab 712: Building Mobile Apps: A PhoneGap Enterprise Introduction for Developers Adobe Summit 2015 Lab 712: Building Mobile Apps: A PhoneGap Enterprise Introduction for Developers 1 Table of Contents INTRODUCTION MODULE 1 AEM & PHONEGAP ENTERPRISE INTRODUCTION LESSON 1- AEM BASICS

More information

Oracle APEX 5.0 Universal Theme & Template Options. Marc Sewtz Senior Software Development Manager Oracle Application Express Oracle, New York, NY

Oracle APEX 5.0 Universal Theme & Template Options. Marc Sewtz Senior Software Development Manager Oracle Application Express Oracle, New York, NY Oracle APEX 5.0 Universal Theme & Template Options Marc Sewtz Senior Software Development Manager Oracle Application Express Oracle, New York, NY The following is intended to outline Oracle s general product

More information

Multi-touch app development with modern web tools. David Reagan, Advanced Visualization Lab

Multi-touch app development with modern web tools. David Reagan, Advanced Visualization Lab Multi-touch app development with modern web tools David Reagan, Advanced Visualization Lab Advanced Visualization Lab A unit of the Research Technologies division of UITS Research Technologies is a PTI

More information

nopcommerce User Guide

nopcommerce User Guide nopcommerce User Guide Open source ecommerce solution Version 2.40 Copyright Notice Information in this document, including URL and other Internet Web site references, is subject to change without notice.

More information

Site Configuration Mobile Entrée 4

Site Configuration Mobile Entrée 4 Table of Contents Table of Contents... 1 SharePoint Content Installed by ME... 3 Mobile Entrée Base Feature... 3 Mobile PerformancePoint Application Feature... 3 Mobile Entrée My Sites Feature... 3 Site

More information

Sage CRM. Sage CRM 7.3 Mobile Guide

Sage CRM. Sage CRM 7.3 Mobile Guide Sage CRM Sage CRM 7.3 Mobile Guide Copyright 2014 Sage Technologies Limited, publisher of this work. All rights reserved. No part of this documentation may be copied, photocopied, reproduced, translated,

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

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,

More information

HTML, XHTML and CSS for Web Designers & Developers

HTML, XHTML and CSS for Web Designers & Developers HTML, XHTML and CSS for Web Designers & Developers Course ISI-1254 - Five Days - Instructor-led - Hands on Introduction This course will give any web programmer an extra edge of effectiveness on the job.

More information

Complete Java Web Development

Complete Java Web Development Complete Java Web Development JAVA-WD Rev 11.14 4 days Description Complete Java Web Development is a crash course in developing cutting edge Web applications using the latest Java EE 6 technologies from

More information

ADOBE CAPTIVATE 8. Content Planning Guide

ADOBE CAPTIVATE 8. Content Planning Guide ADOBE CAPTIVATE 8 Content Planning Guide Summer 2015 Table of Contents Using Captivate 8 on Your OnPoint Learning Platform... 3 What are the Advantages and Disadvantages of Captivate?... 3 Use Cases for

More information

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Macromedia Dreamweaver 8 Developer Certification Examination Specification Macromedia Dreamweaver 8 Developer Certification Examination Specification Introduction This is an exam specification for Macromedia Dreamweaver 8 Developer. The skills and knowledge certified by this

More information

Front-End Performance Testing and Optimization

Front-End Performance Testing and Optimization Front-End Performance Testing and Optimization Abstract Today, web user turnaround starts from more than 3 seconds of response time. This demands performance optimization on all application levels. Client

More information

censhare th February 2015

censhare th February 2015 censhare 5.4.0 19th February 2015 Features Asset Query: Search in dialog censhare 5 Web Search in dialog provides another search option where the user gets input fields in a dialog If an asset type is

More information

Developer Tutorial Version 1. 0 February 2015

Developer Tutorial Version 1. 0 February 2015 Developer Tutorial Version 1. 0 Contents Introduction... 3 What is the Mapzania SDK?... 3 Features of Mapzania SDK... 4 Mapzania Applications... 5 Architecture... 6 Front-end application components...

More information

Mobile App Proposal 0-000-000-000. - Magazine company- email@address.com. January 12, y. Direct Contact. Email

Mobile App Proposal 0-000-000-000. - Magazine company- email@address.com. January 12, y. Direct Contact. Email Mobile App Proposal - Magazine company- January 12, y Direct Contact 0-000-000-000 Email email@address.com TABLE OF CONTENTS 1. Introduction 2. Project Overview & Objectives 3. About Newsboard 4. Analytics

More information

ios App Development Using Cordova

ios App Development Using Cordova ios App Development Using Cordova Created by Todd Treece Last updated on 2015-06-29 08:20:06 AM EDT Guide Contents Guide Contents Overview Installing Dependencies Creating a New App index.html index.css

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

Bitrix Site Manager 4.1. User Guide

Bitrix Site Manager 4.1. User Guide Bitrix Site Manager 4.1 User Guide 2 Contents REGISTRATION AND AUTHORISATION...3 SITE SECTIONS...5 Creating a section...6 Changing the section properties...8 SITE PAGES...9 Creating a page...10 Editing

More information

How Business People can Create Mobile Apps without Programmers

How Business People can Create Mobile Apps without Programmers How Business People can Create Mobile Apps without Programmers Today over 90% of Americans own a Smartphone, and close to half own a Tablet. These mobile devices have become the de facto standard devices

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

Publishing to a Remote Server

Publishing to a Remote Server DOCUMENTATION Publishing to a Remote Server Jahia s next-generation, open source CMS stems from a widely acknowledged vision of enterprise application convergence web, document, search, social and portal

More information

Chapter 4: Website Basics

Chapter 4: Website Basics 1 Chapter 4: In its most basic form, a website is a group of files stored in folders on a hard drive that is connected directly to the internet. These files include all of the items that you see on your

More information

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators Version 1.0 Last Updated on 15 th October 2011 Table of Contents Introduction... 3 File Manager... 5 Site Log...

More information

A7 CSS Review Reviewing examples of all the CSS learned throughout the semester

A7 CSS Review Reviewing examples of all the CSS learned throughout the semester GRC 175 A7 A7 CSS Review Reviewing examples of all the CSS learned throughout the semester Tasks: 1. Please first read CSS tutorial http://multimedia.journalism.berkeley.edu/tutorials/css-intro/printfriendly/

More information

How-to Guide: MIT DLC Drupal Cloud Theme

How-to Guide: MIT DLC Drupal Cloud Theme How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this

More information

Shipbeat Magento Module. Installation and user guide

Shipbeat Magento Module. Installation and user guide Shipbeat Magento Module Installation and user guide This guide explains how the Shipbeat Magento Module is installed, used and uninstalled from your Magento Community Store. If you have questions or need

More information

Beginning Web Development with Node.js

Beginning Web Development with Node.js Beginning Web Development with Node.js Andrew Patzer This book is for sale at http://leanpub.com/webdevelopmentwithnodejs This version was published on 2013-10-18 This is a Leanpub book. Leanpub empowers

More information

Project Proposal. Developing modern E-commerce web application via Responsive Design

Project Proposal. Developing modern E-commerce web application via Responsive Design Project Proposal Developing modern E-commerce web application via Responsive Design Group Members Nattapat Duangkaew (5322793258) Nattawut Moonthep (5322770892) Advisor: Dr. Bunyarit Uyyanonvara School

More information

Best practices building multi-platform apps. John Hasthorpe & Josh Venman

Best practices building multi-platform apps. John Hasthorpe & Josh Venman Best practices building multi-platform apps John Hasthorpe & Josh Venman It s good to have options Android 4.3 10 Tablet Windows 7 14 Laptop Windows 7 15 Laptop Mac OSX 15 Laptop ios 6 4.6 Phone Android

More information

%%NAV_MENU%% - This placeholder will be replaced with the navigation menu for the page. All menus are horizontal.

%%NAV_MENU%% - This placeholder will be replaced with the navigation menu for the page. All menus are horizontal. Building Your Own Web Site Template Introduction Templates are composed of a basic HTML file, 3 stylesheets and 1 mandatory JavaScript file. In this tutorial I ll explain how to build and add your own

More information

ios App for Mobile Website! Documentation!

ios App for Mobile Website! Documentation! ios App for Mobile Website Documentation What is IOS App for Mobile Website? IOS App for Mobile Website allows you to run any website inside it and if that website is responsive or mobile compatible, you

More information

A set-up guide and general information to help you get the most out of your new theme.

A set-up guide and general information to help you get the most out of your new theme. Blox. A set-up guide and general information to help you get the most out of your new theme. This document covers the installation, set up, and use of this theme and provides answers and solutions to common

More information

NextRow - AEM Training Program Course Catalog

NextRow - AEM Training Program Course Catalog NextRow - AEM Training Program Course Catalog Adobe Experience Manager Training Program Course Catalog NextRow provides Adobe CQ training solutions designed to meet your unique project demands. To optimize

More information

A GUIDE TO MOBILE EMAIL

A GUIDE TO MOBILE EMAIL A GUIDE TO MOBILE EMAIL UNDERSTANDING THE WHAT, HOW & WHY TABLE OF CONTENTS EMAILS OPENED ON MOBILE? 1 Email open market share 2011-2013 WHAT DOES THIS MEAN? 2 FIRST THINGS FIRST 2 From and Subject Lines

More information

Starting User Guide 11/29/2011

Starting User Guide 11/29/2011 Table of Content Starting User Guide... 1 Register... 2 Create a new site... 3 Using a Template... 3 From a RSS feed... 5 From Scratch... 5 Edit a site... 6 In a few words... 6 In details... 6 Components

More information

Personal Cloud. Support Guide for Mobile Apple Devices

Personal Cloud. Support Guide for Mobile Apple Devices Personal Cloud Support Guide for Mobile Apple Devices Storing and sharing your content 2 Getting started 2 How to use the application 2 Managing your content 2 Adding content manually 2 Downloading files

More information

Sage CRM. Sage CRM 2016 R1 Mobile Guide

Sage CRM. Sage CRM 2016 R1 Mobile Guide Sage CRM Sage CRM 2016 R1 Mobile Guide Contents Chapter 1: Introduction to Sage CRM Mobile Solutions 1 Chapter 2: Setting up Sage CRM Mobile Apps 2 Prerequisites for Sage CRM mobile apps 3 Enabling users

More information

4.3. Windows. Tutorial

4.3. Windows. Tutorial 4.3 Windows Tutorial May 2013 3 Introduction The best way to get started using Wirecast is to quickly work through all its main features. This tour presents a series of three tutorials, each designed

More information

CMSnipcart Documentation

CMSnipcart Documentation CMSnipcart Documentation Release 1.0.0 CMExtension January 06, 2016 Contents 1 Overview 3 1.1 Technical Requirements......................................... 3 1.2 Features..................................................

More information

BT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com

BT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com BT CONTENT SHOWCASE JOOMLA EXTENSION User guide Version 2.1 Copyright 2013 Bowthemes Inc. support@bowthemes.com 1 Table of Contents Introduction...2 Installing and Upgrading...4 System Requirement...4

More information

Intel HTML5 Development Environment

Intel HTML5 Development Environment Helping Developers Efficiently Produce True Cross-Platform HTML5 Apps Intel HTML5 Development Environment April 2013 Q&A attendee questions that I did not answer in the presentation Q: Is source code of

More information

Joomla! Actions Suite

Joomla! Actions Suite Joomla! Actions Suite The Freeway Actions and this documentation are copyright Paul Dunning 2009 All other trademarks acknowledged. www.actionsworld.com Joomla! and Freeway What are these Actions? The

More information

Responsive design and its role in your ecommerce website plan

Responsive design and its role in your ecommerce website plan WHITE PAPER Responsive design and its role in your ecommerce website plan Practical advice and technical tips to speed your move to multi-channel commerce INTRODUCTION Today, mobility is the way to go.

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

http://ubiqmobile.com

http://ubiqmobile.com Mobile Development Made Easy! http://ubiqmobile.com Ubiq Mobile Serves Businesses, Developers and Wireless Service Providers Businesses Be among the first to enter the mobile market! - Low development

More information

Xtreeme Search Engine Studio Help. 2007 Xtreeme

Xtreeme Search Engine Studio Help. 2007 Xtreeme Xtreeme Search Engine Studio Help 2007 Xtreeme I Search Engine Studio Help Table of Contents Part I Introduction 2 Part II Requirements 4 Part III Features 7 Part IV Quick Start Tutorials 9 1 Steps to

More information

Instructions for Configuring Your Browser Settings and Online Security FAQ s. ios8 Settings for iphone and ipad app

Instructions for Configuring Your Browser Settings and Online Security FAQ s. ios8 Settings for iphone and ipad app Instructions for Configuring Your Browser Settings and Online Security FAQ s ios8 Settings for iphone and ipad app General Settings The following browser settings and plug-ins are required to properly

More information

Committee guide to club features on UWESU Website Version 1.1

Committee guide to club features on UWESU Website Version 1.1 Committee guide to club features on UWESU Website Version 1.1 This guide will help you get the best out of your club pages, whether you are a sport, society or network. 1 Logging on and gaining access

More information

WHAT'S NEW IN SHAREPOINT 2013 WEB CONTENT MANAGEMENT

WHAT'S NEW IN SHAREPOINT 2013 WEB CONTENT MANAGEMENT CHAPTER 1 WHAT'S NEW IN SHAREPOINT 2013 WEB CONTENT MANAGEMENT SharePoint 2013 introduces new and improved features for web content management that simplify how we design Internet sites and enhance the

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

SAP Fiori Client User Guide

SAP Fiori Client User Guide Contents Introduction... 1 Prerequisites... 2 Installing the Application... 2 Launching the Application... 2 Initial Configuration... 3 SAP Fiori Logon... 3 Configuring the Application... 6 Android...

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 DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

Search Engine Optimization Glossary

Search Engine Optimization Glossary Search Engine Optimization Glossary A ALT Text/Tag or Attribute: A description of an image in your site's HTML. Unlike humans, search engines read only the ALT text of images, not the images themselves.

More information

Learning Management System (LMS) Quick Tips. Contents LMS REFERENCE GUIDE

Learning Management System (LMS) Quick Tips. Contents LMS REFERENCE GUIDE Learning Management System (LMS) Quick Tips Contents Process Overview... 2 Sign into the LMS... 3 Troubleshooting... 5 Required Software... 5 Mobile devices are not supported... 5 Using the Check System

More information

DEVELOP MOBILE APPLICATIONS WITH ORACLE ADF MOBILE

DEVELOP MOBILE APPLICATIONS WITH ORACLE ADF MOBILE Disclaimer: The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver

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

PhoneGap Build Starter

PhoneGap Build Starter PhoneGap Build Starter Painless Mobile Apps Development Zainul Setyo Pamungkas This book is for sale at http://leanpub.com/phonegapbuild This version was published on 2015-05-26 This is a Leanpub book.

More information

Building a Simple Mobile optimized Web App/Site Using the jquery Mobile Framework

Building a Simple Mobile optimized Web App/Site Using the jquery Mobile Framework Building a Simple Mobile optimized Web App/Site Using the jquery Mobile Framework pinboard.in tag http://pinboard.in/u:jasonclark/t:amigos-jquery-mobile/ Agenda Learn what a mobile framework is. Understand

More information