Develop IBM i Mobile and Desktop Applications with a Single Code Base. BCD Software, LLC. All rights reserved.

Size: px
Start display at page:

Download "Develop IBM i Mobile and Desktop Applications with a Single Code Base. BCD Software, LLC. All rights reserved."

Transcription

1 Develop IBM i Mobile and Desktop Applications with a Single Code Base

2 About the Presenters Greg Patterson Technical Sales Engineer BCD and Quadrant Software - A Division of Fresche

3 Maximize Your Investment in IBM i

4 Responsive Web Applications

5 Agenda What is Responsive Web Design Introduction to Bootstrap Rapid Development with WebSmart

6 What is Responsive Web Design Make web pages look good on all devices

7 What is Responsive Web Design Uses CSS and HTML Hide, move, stack, resize Grid layout Responds to device screen One code base

8 Live Example - Wenger

9 Media Queries Dimensions 480px 768px 992px 1200px Orientation Browser OS

10 B2B ecommerce on IBM i

11 B2B on IBM i

12 Dashboard on IBM i

13 IBM i Document Portal

14 Alternatives? Desktop only Mobile only Native Mobile App Hybrid (app wrapper) Article on Responsive Design on Smashing Magazine from 2011: https://www.smashingmagazine.com/2011/01/guidelines-forresponsive-web-design/

15 Agenda What is Responsive Web Design Introduction to Bootstrap Rapid Development with WebSmart

16 What is Bootstrap Most popular HTML, CSS, and JS framework for developing responsive web applications Build sleek sites quickly and easily Single code base Free Open Source getbootstrap.com

17 Why Use Bootstrap Ease of use basic HTML/CSS skills Responsivity phones, tablets, desktops Mobile-First Approach Cross-browser compatibility Theming

18 Grid Layout

19 Media Queries xs - 480px s - 768px m - 992px l px Class =.hidden-xs

20 CSS Styles and Components

21 JavaScript and Plug-ins

22 Other Advantages Popular Saves Time What Other Platforms Use Cross Browser Attract New Developers

23 Bootstrap Site Example

24 Resources https://bootswatch.com/ https://wrapbootstrap.com

25 Agenda What is Responsive Web Design Introduction to Bootstrap Rapid Development with WebSmart

26 Rapid Development with WebSmart Overview Live demo Tour of IDE

27 Rapid Web Development Tool

28 Three Editions

29 WebSmart Benefits See results in minutes Reduce web development learning curve Leverage existing RPG code and resources Attract new developers Strategic web applications

30 Any Application

31 Other IDEs

32 Templates Create Program in Minutes PHP, ILE, Node.js HTML CSS JavaScript

33 Live Demo

34 ecommerce

35 B2B on IBM i

36 Dashboard on IBM i

37 Tour of IDE

38 Technical Resources WebSmart Examples mybcdsoftware.com User Guide and KB Training

39 Professional Services

40 Maximize Your Investment in IBM i

41 Questions? For more information or a free trial visit: bcdsoftware.com/responsive (630)

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

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

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

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

Petroleum Web Applications to Support your Business. David Jacob & Vanessa Ramirez Esri Natural Resources Team

Petroleum Web Applications to Support your Business. David Jacob & Vanessa Ramirez Esri Natural Resources Team Petroleum Web Applications to Support your Business David Jacob & Vanessa Ramirez Esri Natural Resources Team Agenda Petroleum Web Apps to Support your Business The ArcGIS Location Platform Introduction

More information

Mobile apps development for Joomla

Mobile apps development for Joomla Mobile apps development for Joomla Learn Connect Share Anibal Sánchez @anibal_sanchez @extly @joomgap Extly leading developer Aníbal Sánchez 15+ years dev experience Integrating Joomla since 2007 Marketing

More information

Responsive Introduction Presented By

Responsive Introduction Presented By Responsive Introduction Presented By RESPONSIVE WEB DESIGN WHAT IS RESPONSIVE WEB DESIGN? Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience

More information

DESIGNING MOBILE FRIENDLY EMAILS

DESIGNING MOBILE FRIENDLY EMAILS DESIGNING MOBILE FRIENDLY EMAILS MAKING MOBILE EMAILERS SELECT PLAN CONTEXT CONTENT DESIGN DELIVERY Before you go mobile For optimal usage PICTURES OF DESKTOP VS MOBILE SAME SAME BUT DIFFERENT EMAIL CLIENTS

More information

HTML5, The Future of App Development

HTML5, The Future of App Development HTML5, The Future of App Development Gautam Agrawal Director, Product Management 3 June 2015 Copyright Sencha Inc. 2015 Fragmentation on Steroids The Global 2000 8,000,000 +1,000,000 Source: IDG Research,

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

What s New in IBM Web Experience Factory 8.5. 2014 IBM Corporation

What s New in IBM Web Experience Factory 8.5. 2014 IBM Corporation What s New in IBM Web Experience Factory 8.5 2014 IBM Corporation Recent history and roadmap Web Experience Factory 8.0 2012 Multi-channel Client-side mobile Aligned with Portal 8 Developer productivity

More information

Introduction to Mobile Development with PhoneGap

Introduction to Mobile Development with PhoneGap Introduction to Mobile Development with PhoneGap Yeah it s pretty awesome. Who is this guy? Andrew Trice Technical Evangelist, Adobe atrice@adobe.com http://tricedesigns.com @andytrice http://github.com/triceam

More information

Accelerating ebook Discovery & Reader Engagement with HTML5

Accelerating ebook Discovery & Reader Engagement with HTML5 Accelerating ebook Discovery & Reader Engagement with HTML5 Steve Potash IDPF Digital Book May2013 2013 OverDrive, Inc. Page 1 v.10012010 v.11012010 OverDrive, Inc. 2010 Page 1 1 Session Agenda 1. Why

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

ios Hybrid Mobile Application Development

ios Hybrid Mobile Application Development ios Hybrid Mobile Application Development Siva RamaKrishna Ravuri Oct 06, 2012 2000 West Park Drive Westborough MA 01581 USA Phone:5083897300Fax:5083669901 The entire contents of this document are subject

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

A Short Term E-commerce Course

A Short Term E-commerce Course ADMEC TM Multimedia Institute A Short Term E-commerce Course E-commerce Standard Duration: 03 Months w [Class Room Online Training] TM An ISO 9001:2008 Institute w Drupal Magento WordPress Basics of E-commerce

More information

IBM Digital Experience. Using Modern Web Development Tools and Technology with IBM Digital Experience

IBM Digital Experience. Using Modern Web Development Tools and Technology with IBM Digital Experience IBM Digital Experience Using Modern Web Development Tools and Technology with IBM Digital Experience Agenda The 2015 web development landscape and IBM Digital Experience Modern web applications and frameworks

More information

Building and Deploying Web Applications

Building and Deploying Web Applications Building and Deploying Web Applications Dal Hunter and Jeff Shaner Friday, Nov 6 10:30-12:00 Agenda Product overview Web AppBuilder for ArcGIS tour What s New July 2015 ArcGIS Online update Customization

More information

RPG Web Development. Salt Lake Midrange Users Group Meeting November 10, 2010. Presented by: Keith Day President Apps ON i

RPG Web Development. Salt Lake Midrange Users Group Meeting November 10, 2010. Presented by: Keith Day President Apps ON i RPG Web Development Salt Lake Midrange Users Group Meeting November 10, 2010 Presented by: Keith Day President Apps ON i kday@appsoni.com 801-808-5622 11/11/2010 1 RPG Web Development Agenda My experience

More information

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 Design: A Crash Course and Demo

Responsive Design: A Crash Course and Demo Responsive Design: A Crash Course and Demo Using some styling techniques, you can add responsive design to a WordPress theme or standard HTML and CSS website. Responsive design is a new trend in web development

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

Making Mobile a Reality

Making Mobile a Reality Making Mobile a Reality KIEFER CONSULTING CALIFORNIA DEPARTMENT OF TECHNOLOGY Introductions Scott Paterson California Department of Technology, Enterprise Solutions Harkeerat Toor Kiefer Consulting, Consultant

More information

Mobile Apps, Mobile Web, and Other Cool Tools. Thursday, November 9, 2012 3:00pm 4:00pm Michael Hostad and Scott Owczarek

Mobile Apps, Mobile Web, and Other Cool Tools. Thursday, November 9, 2012 3:00pm 4:00pm Michael Hostad and Scott Owczarek Mobile Apps, Mobile Web, and Other Cool Tools Thursday, November 9, 2012 3:00pm 4:00pm Michael Hostad and Scott Owczarek Overview Trends in mobile Different mobile strategies UW-Madison mobile approach

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

ArcGIS 10.1 Web Apps and APIs. John Hasthorpe & Kai Hübner

ArcGIS 10.1 Web Apps and APIs. John Hasthorpe & Kai Hübner ArcGIS 10.1 Web Apps and APIs John Hasthorpe & Kai Hübner Overview Options for leveraging ArcGIS Server using Esri s Web APIs Alternatives to the Web ADF application builder (Gone in 10.1) When and how

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

Google Web Toolkit. Introduction to GWT Development. Ilkka Rinne & Sampo Savolainen / Spatineo Oy

Google Web Toolkit. Introduction to GWT Development. Ilkka Rinne & Sampo Savolainen / Spatineo Oy Google Web Toolkit Introduction to GWT Development Ilkka Rinne & Sampo Savolainen / Spatineo Oy GeoMashup CodeCamp 2011 University of Helsinki Department of Computer Science Google Web Toolkit Google Web

More information

Responsive Web Design: Is It Worth It?

Responsive Web Design: Is It Worth It? Responsive Web Design: Is It Worth It? (Adapted from " Responsive Web Design," by EyeImagine, LLC, December 2012, www.eyeimaginetech.com) Introduction Responsive Web Design is generating a lot of buzz

More information

Basic Trends of Modern Software Development

Basic Trends of Modern Software Development DITF LDI Lietišķo datorsistēmu programmatūras profesora grupa e-business Solutions Basic Trends of Modern Software Development Mobile Development Trends Need an App... 3 4 Popular Devices in Latvia

More information

Responsive Design How to get started

Responsive Design How to get started Responsive Design How to get started Website traffic from mobile devices has grown significantly year over year prompting marketers to include responsive website design into their digital marketing strategy.

More information

MAGENTO THEME SHOE STORE

MAGENTO THEME SHOE STORE MAGENTO THEME SHOE STORE Developer: BSEtec Email: support@bsetec.com Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1

More information

Evaluating Enterprise Mobile Platforms Go Big or Go Small?

Evaluating Enterprise Mobile Platforms Go Big or Go Small? Evaluating Enterprise Mobile Platforms Go Big or Go Small? Theresa Regli Principal Analyst & Managing Partner tregli@realstorygroup.com Twitter: @theresaregli @realstorygroup Real Story Group: What We

More information

WELCOME TO CORNERSTONE ONDEMAND LMS FUNCTIONALITY TRAINING

WELCOME TO CORNERSTONE ONDEMAND LMS FUNCTIONALITY TRAINING Slide 1 WELCOME TO CORNERSTONE ONDEMAND LMS FUNCTIONALITY TRAINING UI Maintenance: How To Edit The Interface, The Navigation And Custom Pages Slide 2 OBJECTIVES At the end of this session, you should be

More information

Putting the Design in Responsive Design Best Practices Guide

Putting the Design in Responsive Design Best Practices Guide Putting the Design in Responsive Design Best Practices Guide Putting the Design in Responsive Design Best Practices Table of Contents Introduction....3 Understanding Responsive Website Design....4 User

More information

Republic Polytechnic School of Infocomm C308 Web Framework. Module Curriculum

Republic Polytechnic School of Infocomm C308 Web Framework. Module Curriculum Republic Polytechnic School of Infocomm C308 Web Framework Module Curriculum This document addresses the content related abilities, with reference to the module. Abilities of thinking, learning, problem

More information

Toolkit for Implementing Sites & Apps

Toolkit for Implementing Sites & Apps Toolkit for Implementing Sites & Apps Choosing the right product, design and development paths Stephen Griffiths, Mobile Transformation Expert, Google EMEA @_steve_griff Choosing the right paths for your

More information

Business Intelligence in the Mobile World. Dr. Rado Kotorov

Business Intelligence in the Mobile World. Dr. Rado Kotorov Business Intelligence in the Mobile World Dr. Rado Kotorov 1 Agenda Mobile BI Trends: Hype vs. Reality Market Trends Devices Trends BI adoption Mobile BI Considerations: What Matters Developing Enterprise

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

RIA Technologies Comparison

RIA Technologies Comparison RIA Technologies Comparison Focus Since the subject is huge I will first present a general view and then focus on more ( hopefully ) interesting parts Also, some key points need to be established: Technologies

More information

Libraries Workshop Catalog

Libraries Workshop Catalog Libraries Workshop Catalog DrupalEasy library training encompasses a gamut of need-to-know Drupal topics for key library professionals. We pride ourselves on being accessible to libraries anywhere, through

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

Responsive Design for Email

Responsive Design for Email Good to Know Guide: Responsive Design for Email INSIDE YOU LL FIND... Responsive Design Overview Media Queries Explained Best Practices How It Works Samples of Design Approach Responsive vs. Predictive

More information

Rajeev Ranjan. Summary. Experience. Lead Engineer at Altisource Labs

Rajeev Ranjan. Summary. Experience. Lead Engineer at Altisource Labs Rajeev Ranjan raajeew@gmail.com Summary My name is Rajeev Ranjan. I'm a web developer based in Bangalore. I've designed and developed sites for almost 9 years now. In that time I have had worked with various

More information

BASIC COMPONENTS. There are 3 basic components in every Apache Cordova project:

BASIC COMPONENTS. There are 3 basic components in every Apache Cordova project: Apache Cordova is a open-source mobile development framework. It allows you to use standard web technologies such as HTML5, CSS3 and JavaScript for cross-platform development, avoiding each mobile platform

More information

AUTOMATED CONFERENCE CD-ROM BUILDER AN OPEN SOURCE APPROACH Stefan Karastanev

AUTOMATED CONFERENCE CD-ROM BUILDER AN OPEN SOURCE APPROACH Stefan Karastanev International Journal "Information Technologies & Knowledge" Vol.5 / 2011 319 AUTOMATED CONFERENCE CD-ROM BUILDER AN OPEN SOURCE APPROACH Stefan Karastanev Abstract: This paper presents a new approach

More information

Responsive Design How to get started

Responsive Design How to get started Best Practices Guide Responsive Design How to get started oho.com 617 499 4900 @ohointeractive Website traffic from mobile devices has grown significantly year over year prompting marketers to include

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

The Mobile Developer Debate: Web, Hybrid, or Native?

The Mobile Developer Debate: Web, Hybrid, or Native? The Mobile Developer Debate: Web, Hybrid, or Native? The mobile marketplace is a vast and rapidly changing area. One of the biggest arguments since 2008 has been native app versus mobile web. It s time

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

research: technical implemenation

research: technical implemenation research: technical implemenation topic: digital publication of the annually c/kompass information brochure on iphone/ipod touch with the target to have an advantage over the printed version possible solutions:

More information

Mobile Learning Application Based On Hybrid Mobile Application Technology Running On Android Smartphone and Blackberry

Mobile Learning Application Based On Hybrid Mobile Application Technology Running On Android Smartphone and Blackberry Mobile Learning Application Based On Hybrid Mobile Application Technology Running On Android Smartphone and Blackberry Djoni Haryadi Setiabudi, Lady Joanne Tjahyana,Winsen Informatics Department Petra

More information

How-to Guide: Creating a Mobile Website Using bmobilized

How-to Guide: Creating a Mobile Website Using bmobilized Mobile Websites How-to Guide: Creating a Mobile Website Using Content Provided by Mobile Websites Content 1. What is a mobile website? 2. Why you need a mobile website? 3. Who is? 4. How to create a mobile

More information

c r a f t i n g a m o b i l e e x p e r i e n c e w i t h o u t b u i l d i n g a s e p a r a t e m o b i l e s i t e

c r a f t i n g a m o b i l e e x p e r i e n c e w i t h o u t b u i l d i n g a s e p a r a t e m o b i l e s i t e c r a f t i n g a m o b i l e e x p e r i e n c e w i t h o u t b u i l d i n g a s e p a r a t e m o b i l e s i t e Ryan Huber School of Medicine Web Development c r a f t i n g a t a b l e t e x p e

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

SQL Server 2016 BI Any Data, Anytime, Anywhere. Phua Chiu Kiang PCK CONSULTING MVP (Data Platform)

SQL Server 2016 BI Any Data, Anytime, Anywhere. Phua Chiu Kiang PCK CONSULTING MVP (Data Platform) SQL Server 2016 BI Any Data, Anytime, Anywhere Phua Chiu Kiang PCK CONSULTING MVP (Data Platform) SQL Server 2016 Pin paginated report items to Power BI dashboards Visualization Mobile and paginated reports

More information

Interactive solutions

Interactive solutions Website design Our design team is made up of specialists who provide expert knowledge and insight in their area of expertise whilst driving quality and innovation within their respective areas on a project.

More information

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN WHITE PAPER December 2012 RESPONSIVE WEB DESIGN A QUICK INTRODUCTION Responsive Web Design is generating a lot of buzz among web designers. What s all the fuss about? facing Responsive Design and total

More information

MOTIVE Creative Portfolio New WordPress Theme

MOTIVE Creative Portfolio New WordPress Theme MOTIVE Creative Portfolio New WordPress Theme Motive is new wordpress theme released by teslathemes marketplace in 2015! Very modern and clean design stands out from the rest of their theme in portfolio.

More information

Company Overview and Case Studies. 2006-2014 Byng Systems Limited. All rights reserved.

Company Overview and Case Studies. 2006-2014 Byng Systems Limited. All rights reserved. Company Overview and Case Studies 2006-2014 Byng Systems Limited. All rights reserved. A BIT ABOUT US We help companies digitize by building their business online and mobile We have high performance teams

More information

Advantages of PML as an iseries Web Development Language

Advantages of PML as an iseries Web Development Language Advantages of PML as an iseries Web Development Language What is PML PML is a highly productive language created specifically to help iseries RPG programmers make the transition to web programming and

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

Paul Vincent,

Paul Vincent, Paul Vincent, CEO @ @pcvincent Agenda Why HTML5? HTML5 creative examples Overview - New IAB Canada Creative Guidelines New Smartphone Sizes & cross device Full Screen aspect ratios New scalable HTML5 file

More information

Cross-Platform Phone Apps & Sites with jquery Mobile

Cross-Platform Phone Apps & Sites with jquery Mobile Cross-Platform Phone Apps & Sites with jquery Mobile Nick Landry, MVP Senior Product Manager Infragistics Nokia Developer Champion activenick@infragistics.com @ActiveNick www.activenick.net Who is ActiveNick?

More information

Developing Native JavaScript Mobile Apps Using Apache Cordova. Hazem Saleh

Developing Native JavaScript Mobile Apps Using Apache Cordova. Hazem Saleh Developing Native JavaScript Mobile Apps Using Apache Cordova Hazem Saleh About Me Ten years of experience in Java enterprise, portal, mobile solutions. Apache Committer and an open source fan. Author

More information

Version 1.3 OFFICIAL THEME USER GUIDE. Renova. Unique Creative Portfolio - Responsive HTML5

Version 1.3 OFFICIAL THEME USER GUIDE. Renova. Unique Creative Portfolio - Responsive HTML5 Version 1.3 OFFICIAL THEME USER GUIDE Renova Unique Creative Portfolio - Responsive HTML5 G R EE T I NG S FR OM DESIG NO VA Thank You For Purchasing Our Product. If you like this theme, we really need

More information

Do It Yourself GeoApps Sophia Murage

Do It Yourself GeoApps Sophia Murage Do It Yourself GeoApps Sophia Murage Esri Eastern Africa UC 2015 Technical Workshop Slide 1 Agenda ArcGIS Overview Web App Templates Web AppBuilder - Introduction to Web AppBuilder for ArcGIS - Demo-Building

More information

Adding image galleries inside your Joomla! articles has never been easier!

Adding image galleries inside your Joomla! articles has never been easier! Adding image galleries inside your Joomla! articles has never been easier! Using the "Simple Image Gallery PRO" extension from JoomlaWorks you can quickly display a folder of images on your server as a

More information

ORACLE APPLICATION EXPRESS 5.0

ORACLE APPLICATION EXPRESS 5.0 ORACLE APPLICATION EXPRESS 5.0 Key Features Fully supported nocost feature of the Oracle Database Simple 2-Tier Architecture Develop desktop and mobile applications 100% Browserbased Development and Runtime

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

Additional information >>> HERE <<<

Additional information >>> HERE <<< Additional information >>> HERE http://dbvir.com/valuepaid/pdx/817t175/

More information

Build Angular 2 Apps in Drupal 8. An Introduction to Angular 2 and integration with Drupal 8

Build Angular 2 Apps in Drupal 8. An Introduction to Angular 2 and integration with Drupal 8 Build Angular 2 Apps in Drupal 8 An Introduction to Angular 2 and integration with Drupal 8 Part A Why Angular? Why JS Framework Devices Faster UX More capable browsers Faster Build Native Experience Criteria

More information

HYBRID. Course Packet

HYBRID. Course Packet HYBRID Course Packet TABLE OF CONTENTS 2 HYBRID Overview 3 Schedule 4 Prerequisites 5 Admissions Process 6 What is a Full Stack? 7 Why Become a Full Stack Developer? 8 Inside the 3 Full Stacks: LAMP 9

More information

Porting Existing PhoneGap Apps to Tizen OS - Development Story

Porting Existing PhoneGap Apps to Tizen OS - Development Story Porting Existing PhoneGap Apps to Tizen OS - Development Story Anil Kumar Yanamandra Thomas Mitchell ProKarma About ProKarma Who am I? Anil Kumar Yanamandra Mobile Architect & Head CoE for Mobility @ProKarma

More information

Article. One for All Apps in HTML5

Article. One for All Apps in HTML5 One for All Apps The boom of smartphones and tablets in the consumer sector creates new problems for developers of industrial Apps: They have to build Apps quickly that run on any type of smartphone and

More information

MENDIX FOR MOBILE APP DEVELOPMENT WHITE PAPER

MENDIX FOR MOBILE APP DEVELOPMENT WHITE PAPER MENDIX FOR MOBILE APP DEVELOPMENT WHITE PAPER TABLE OF CONTENTS Market Demand for Enterprise Mobile Mobile App Development Approaches Native Apps Mobile Web Apps Hybrid Apps Mendix Vision for Mobile App

More information

Enable Your Automated Web App Testing by WebDriver. Yugang Fan Intel

Enable Your Automated Web App Testing by WebDriver. Yugang Fan Intel Enable Your Automated Web App Testing by WebDriver Yugang Fan Intel Agenda Background Challenges WebDriver BDD Behavior Driven Test Architecture Example WebDriver Based Behavior Driven Test Summary Reference

More information

COMPSCI 326 Web Programming. Lecture 04: Avoiding the Mess with Bootstrap

COMPSCI 326 Web Programming. Lecture 04: Avoiding the Mess with Bootstrap COMPSCI 326 Web Programming Lecture 04: Avoiding the Mess with Bootstrap Goals HTML Examples How to write and view CSS Examples Box model How to write and view Bootstrap A framework to get rid of the boilerplate

More information

Trial version of GADD Dashboards Builder

Trial version of GADD Dashboards Builder Trial version of GADD Dashboards Builder Published 2014-02 gaddsoftware.com Table of content 1. Introduction... 3 2. Getting started... 3 2.1. Start the GADD Dashboard Builder... 3 2.2. Example 1... 3

More information

Native, Hybrid or Mobile Web Application Development

Native, Hybrid or Mobile Web Application Development Native, Hybrid or Mobile Web Application Development Learn more about the three approaches to mobile application development and the pros and cons of each method. White Paper Develop a Mobile Application

More information

Brief Description of project: This project will be an interactive Javascript. 1. What do you want to accomplish by doing this project?

Brief Description of project: This project will be an interactive Javascript. 1. What do you want to accomplish by doing this project? Date: 10/9/2013 Title: History of Web Development Brief Description of project: This project will be an interactive Javascript presentation detailing the history of web development from its early days

More information

Copyright 2012, Oracle and/or its affiliates. All rights reserved.

Copyright 2012, Oracle and/or its affiliates. All rights reserved. 1 Oracle WebCenter Strategy and Vision Rob Schootman Principal Sales Consultant Oracle Fusion Middleware 2 Insert Information Protection Policy Classification from Slide 13 Let s introduce myself... 3

More information

1. About the Denver LAMP meetup group. 2. The purpose of Denver LAMP meetups. 3. Volunteers needed for several positions

1. About the Denver LAMP meetup group. 2. The purpose of Denver LAMP meetups. 3. Volunteers needed for several positions 1. About the Denver LAMP meetup group 1.Host a presentation every 1-3 months 2.Cover 1-3 related topics per meeting 3.Goal is to provide high quality education and networking, for free 2. The purpose of

More information

Spotify Homepage Takeover

Spotify Homepage Takeover Formats Spotify Homepage Takeover Build Guide Table of Contents Overview... 2 Supported Platforms... 3 Known Issues... 3 Implementing a Spotify Homepage Takeover... 3 Included Template Files... 3 HTML...

More information

FINAL PROJECT REPORT

FINAL PROJECT REPORT FINAL PROJECT REPORT AN PICTURES UPLOAD AND AN E-COMMERCE WEBSITES VGTU coordinator and supervisor: Dr. Mindaugas Rybokas and Dr. Lina Pupeikiene IUT A supervisor: Patrick Lebègue Maxime Deroullers Final

More information

Developing multidevice-apps using Apache Cordova and HTML5. Guadalajara Java User Group Guillermo Muñoz (@jkoder) Java Developer

Developing multidevice-apps using Apache Cordova and HTML5. Guadalajara Java User Group Guillermo Muñoz (@jkoder) Java Developer Developing multidevice-apps using Apache Cordova and HTML5 Guadalajara Java User Group Guillermo Muñoz (@jkoder) Java Developer WTF is Apache Cordova? Set of device APIs that allow to access native device

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

Coding for Desktop and Mobile with HTML5 and Java EE 7

Coding for Desktop and Mobile with HTML5 and Java EE 7 Coding for Desktop and Mobile with HTML5 and Java EE 7 Coding for Desktop and Mobile with HTML5 and Java EE 7 Geertjan Wielenga - NetBeans - DukeScript - VisualVM - Jfugue Music Notepad - Java - JavaScript

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

Building Web Applications

Building Web Applications Building Web Applications Mendel Rosenblum CS142 Lecture Notes - Building Web Applications Good web applications: Design + Implementation Some Design Goals: Intuitive to use Don't need to take a course

More information

Mobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue

Mobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue Mobile Web Applications Gary Dubuque IT Research Architect Department of Revenue Summary Times are approximate 10:15am 10:25am 10:35am 10:45am Evolution of Web Applications How they got replaced by native

More information

Developing with the ArcGIS API for JavaScript and HTML5

Developing with the ArcGIS API for JavaScript and HTML5 Developing with the ArcGIS API for JavaScript and HTML5 Agenda This seminar is designed to help you understand: 1) Getting started with the ArcGIS API for JavaScript 2) Writing your first JavaScript application

More information

WHAT S THE CONTEXT? !!!! Responsive Web Design in Real Estate CHAD CURRY, MANAGING DIRECTOR, CENTER FOR REALTOR TECHNOLOGY

WHAT S THE CONTEXT? !!!! Responsive Web Design in Real Estate CHAD CURRY, MANAGING DIRECTOR, CENTER FOR REALTOR TECHNOLOGY WHAT S THE CONTEXT? Responsive Web Design in Real Estate CHAD CURRY, MANAGING DIRECTOR, CENTER FOR REALTOR TECHNOLOGY GREG STINTON, LEAD WEB SOFTWARE DEVELOPER, CENTER FOR REALTOR TECHNOLOGY JOSEPH SULLIVAN,

More information

Scott Moore, Esri April 4, 2016 2016 Intermountain, Great Falls, MT

Scott Moore, Esri April 4, 2016 2016 Intermountain, Great Falls, MT Create Great Web Apps No Coding Required Scott Moore, Esri April 4, 2016 2016 Intermountain, Great Falls, MT Agenda Product overview Web AppBuilder for ArcGIS tour What s New November 2015 ArcGIS Online

More information

Building Great Mobile Sites Quickly Using jquery Mobile

Building Great Mobile Sites Quickly Using jquery Mobile Building Great Mobile Sites Quickly Using jquery Mobile Michael Slater, CEO Christopher Haupt, CTO sales@webvanta.com 888.670.6793 www.webvanta.com Agenda Approaches to mobile web development Responsive

More information

Introduction to Web AppBuilder for ArcGIS: JavaScript Apps Made Easy

Introduction to Web AppBuilder for ArcGIS: JavaScript Apps Made Easy Introduction to Web AppBuilder for ArcGIS: JavaScript Apps Made Easy OKSCAUG Pamela Kersh September 22, 2015 The ArcGIS Platform enables Web GIS Enabling GIS Everywhere Desktop Web Device Simple Integrated

More information

Responsible Web Design A Pragmatic Approach to Website Design for Multiple Devices

Responsible Web Design A Pragmatic Approach to Website Design for Multiple Devices Responsible Web Design A Pragmatic Approach to Website Design for Multiple Devices www..com 2 Responsible Web Design A Pragmatic Approach to Website Design for Multiple Devices Executive Summary There

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

2016 TRAINING CALENDAR

2016 TRAINING CALENDAR 2016 TRAINING CALENDAR Country Course Description Month Date # of Days Course fee (USD) Nigeria Software Testing Boot Camp Course ISTQB Foundation Level Certification (Mon Feb 1-5 5 1, Nigeria Software

More information