Develop IBM i Mobile and Desktop Applications with a Single Code Base. BCD Software, LLC. All rights reserved.
|
|
|
- Alice Pierce
- 9 years ago
- Views:
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:
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
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)
Responsive Web Design in Application Express
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
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
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
Building Responsive Websites with the Bootstrap 3 Framework
Building Responsive Websites with the Bootstrap 3 Framework Michael Slater and Charity Grace Kirk [email protected] 888.670.6793 1 Today s Presenters Michael Slater President and Cofounder of Webvanta
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
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
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
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
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,
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
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
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
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
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
How To Develop A Mobile App With Phonegap
Introduction to Mobile Development with PhoneGap Yeah it s pretty awesome. Who is this guy? Andrew Trice Technical Evangelist, Adobe [email protected] http://tricedesigns.com @andytrice http://github.com/triceam
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
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
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
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
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 [email protected] 801-808-5622 11/11/2010 1 RPG Web Development Agenda My experience
MAGENTO THEME SHOE STORE
MAGENTO THEME SHOE STORE Developer: BSEtec Email: [email protected] Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1
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
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
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
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
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
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
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
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.
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
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
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
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
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
Responsive Web Design for Drupal
Responsive Web Design for Drupal www.responsivewebdesignguild.com @emmajanedotnet [email protected] I am IAM Sorry A boot eh? Drupal drupal.org/user/1773 Photo: morten.dk Legs: walkah Author / Trainer
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
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
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
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
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
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 [email protected] http://www.seventablets.com
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:
CREATING RESPONSIVE UI FOR WEB STORE USING CSS
CREATING RESPONSIVE UI FOR WEB STORE USING CSS Magdalena Wiciak Bachelor s Thesis May 2014 Degree Programme in Information Technology Technology, communication and transport DESCRIPTION Author(s) WICIAK,
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
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
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
JD Edwards EnterpriseOne Mobile Solutions
Specialists ORACLE / JD Edwards JD Edwards EnterpriseOne Mobile Solutions 1 Agenda Mobile Computing Smart Phones Oracle ADF Overview Tablets Industrial Mobile Applications Summary 2 Mobile Computing 3
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
Additional information >>> HERE CROSS PLATFORM DEVELOPMENT The HTML5 Way
CROSS PLATFORM DEVELOPMENT The HTML5 Way A Whitepaper by Rahul Joshi Business Analysis & Consulting Division Abstract With over half a dozen mobile platforms out there and more in line to come up, it has
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
Version 1.0 OFFICIAL THEME USER GUIDE. reva. HTML5 - Responsive One Page Parallax Theme
Version 1.0 OFFICIAL THEME USER GUIDE reva HTML5 - Responsive One Page Parallax Theme G R EE T I NG S FR OM DESIG NO VA Thank You For Purchasing Our Product. Important - FAQ: 1) What is this User Guide
AxiomEPM Training Axiom Dashboards Darryl Fleck
AxiomEPM Training Axiom Dashboards Darryl Fleck 1 Housekeeping Maximize your viewing window Q&A: submit any number of questions 2012 Axiom EPM All rights reserved Housekeeping Asking Questions We will
Take full advantage of IBM s IDEs for end- to- end mobile development
Take full advantage of IBM s IDEs for end- to- end mobile development ABSTRACT Mobile development with Rational Application Developer 8.5, Rational Software Architect 8.5, Rational Developer for zenterprise
WebSphere Commerce Overview for Vector. 2014 IBM Corporation
WebSphere Commerce Overview for Vector Agenda WebSphere Commerce Overview Starter Stores Extended Sites Mobile Commerce Tooling Precision Marketing Promotions Search Solr Summary Capabilities References
Figure 1 responsive grid system for all view ports, from desktops, tablets and smart phones
Pimp your SharePoint with Uihiro our front-end framework for developing responsive, on-prem, hybrid, pure Office 365 and mobile ready projects. Our theming engine provides a rich repeatable design experience
Responsive Web Design (RWD) Best Practices Guide Version: 2013.11.20
Responsive Web Design (RWD) Best Practices Guide Version: 2013.11.20 This document includes best practices around responsive web design (RWD) when developing hybrid applications. Details on each checklist
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...
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
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.
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
5 Immediate Tactics to Create a Seamless Responsive Experience
5 Immediate Tactics to Create a Seamless Responsive Experience Today s Speakers Speakers Ken Burke Founder and CEO MarketLive Jeff Hawley Director, Customer Experience Group Yamaha 2 MarketLive Customer
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
CommonTime Making Business Mobile. Enterprise. CommonTime. Mobile Solutions. mdesign Platform. www.commontime.com
Enterprise Mobile Solutions Platform www.commontime.com Platform - Overview All Businesses Are Unique At we understand that no two businesses are the same. We believe that a mobile solution should be designed
Overview: Technologies:
Matt Renfro Frisco, TX [email protected] www.mattrenfro.com 214-727-3992 Overview: I have over 10 years experience in IT, Web development, Web Design, and Server administration, in LAMP and Windows
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
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
HTML5. Turn this page to see Quick Guide of CTTC
Programming SharePoint 2013 Development Courses ASP.NET SQL TECHNOLGY TRAINING GUIDE Visual Studio PHP Programming Android App Programming HTML5 Jquery Your Training Partner in Cutting Edge Technologies
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
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 [email protected] @ActiveNick www.activenick.net Who is ActiveNick?
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
HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI TOOLKITS
HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI TOOLKITS RAJESH KUMAR Technical Lead, Aricent PUNEET INDER KAUR Senior Software Engineer, Aricent HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI
Mobile development with Apache OFBiz. Ean Schuessler, co-founder @ Brainfood
Mobile development with Apache OFBiz Ean Schuessler, co-founder @ Brainfood Mobile development For the purposes of this talk mobile development means mobile web development The languages and APIs for native
Volkov Vyacheslav. Summary. Saransk, 430005, Mordovia, Russian Federation Moscow, Russian Federation +7(925) 022-57- 82.
Volkov Vyacheslav Birthday: Birthplace: Location: E- mail: Skype: Phone: Homepage: CV profiles 10 April 1988 Saransk, 430005, Mordovia, Russian Federation Moscow, Russian Federation [email protected] vexellz
AJAX Toolkit Framework
IBM Software Group AJAX Toolkit Framework Emerging Internet Technologies Group Ajax - What s our vision Grow Ajax adoption to the next phase Evolve tools that significantly reduce the development costs
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