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

Size: px
Start display at page:

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

Transcription

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

2 Agenda The 2015 web development landscape and IBM Digital Experience Modern web applications and frameworks with Script Portlet Application services and the Web 2.0 runtime architecture Node.js web developer tools and the latest Node-based tools for IBM Digital Experience Site design and responsive mobile web with Digital Experience themes Content management and modular design with Web Content Manager (WCM) 2

3 The 2015 web development landscape The world of web development and design has been advancing rapidly in recent months JavaScript frameworks and libraries are rapidly evolving and improving These provide a rich set of capabilities to let developers focus on their application functionality Powerful development, build, and test tools such as Node-based tools give developers and designers big boosts in productivity In the developer marketplace, web development and JavaScript skills are the most prevalent skills today There are more new Github repositories for JavaScript than any other language

4 The IBM Digital Experience framework in 2015 The IBM Digital Experience framework has shifted over the past 1-2 years, from a Java developer focus to a web developer focus With today s IBM Digital Experience, developers and designers can work with standard modern web technology: HTML, JS, and CSS files JS libraries and frameworks (Angular, Bootstrap, Handlebars, jquery, etc., etc.) and standard modern web development and design tools: Editors, source code management, Node-based build/test tools, automated integration/build systems but all the Java features are still available if/when you want them

5 IBM Digital Experience the complete framework for managing all your web sites and content Gives you an out-of-the-box framework to deliver and manage all your content and applications Lets developers and designers use modern web tools and technology (the focus of this presentation) Lets business users and page authors manage and customize all the web site content and pages Lets IT focus on other work performance, back end integration, etc. Provides a simple browser UI for working with business content: authoring, reviewing/previewing, digital asset management, etc. Lets you deliver business content to all sites and platforms including mobile apps

6 What we ll cover in this presentation We ll look at how modern web development tools and technologies are used with IBM Digital Experience We ll look at three aspects of your Digital Experience (DX) development: Applications, with script applications Site design, with DX themes Content and content design, with Web Content Manager Content Theme Content Applications

7 IBM Digital Experience Modern Web Applications and Frameworks with Script Portlet

8 Script Portlets: web applications built with standard frameworks and tools, running as components on a Digital Experience site Use JavaScript libraries and frameworks of your choice Applications are stored in Web Content Manager and available on site toolbar Rich applications on a DX site, leveraging DX value-add features Applications can be built and edited with browser-based editor Build/test applications with your preferred tools, then push to server

9 Why web developers like Script Portlet They can build standard web applications ( Single Page Applications ) that run alongside other content and applications as part of the complete Digital Experience site No Java development or server code deployment is needed They can use their favorite libraries and frameworks Angular, Bootstrap, Handlebars, Backbone, jquery They can use their favorite modern web development tools Text editors, Node.js tools (Bower, grunt/gulp, Yeoman, etc.), and any other tools for working with HTML/JS/CSS Applications can be instantly updated on a local or remote server over HTTP Applications can be tested standalone outside of Digital Experience

10 Building simple applications with the browser-based editor JavaScript and CSS tabs Tree view of files and folders HTML editing tab Preview window

11 Building applications with standard web development tools, then pushing to a Digital Experience server Build applications with your favorite editors (Sublime Text shown here) and other tools such as Node.js-based tools Push the application folder to a Digital Experience server where it runs as a component Test and debug applications standalone in browser

12 JavaScript frameworks and Single Page Applications Modern web applications use JavaScript frameworks to structure the application and provide valuable common functionality Angular, Backbone, ExtJS, Ember, React, etc. Frameworks include features such as data binding, views, controllers, HTML templates, and storage The Single Page Application (SPA) model is used A main HTML page provides the shell where all interaction takes place JavaScript handles all dynamic interaction and accessing data from server With Script Portlet, a single page application runs as one component within a Digital Experience site Don t be confused by the terminology the site still has many pages

13 Angular Single Page Application running alongside other applications or content List view Detail view Update view The single page application runs as one component on a site along with other applications and content About view All the dynamic views for the SPA will be displayed within this component area The Angular framework dynamically displays different screens within the main shell HTML, fetching data via REST/JSON when necessary

14 Examples of JS frameworks used with Script Portlet

15 IBM Digital Experience Application Services and the Web 2.0 Runtime Architecture

16 Application services and the Web 2.0 runtime architecture With script applications, data access is done using REST services with JSON format data Any number of tools, frameworks, and services can provide the REST/JSON services: Cloud-based services such as Bluemix services IBM CastIron platform or DataPower appliance IBM StrongLoop IBM Business Process Manager External services can go through Portal s built-in Ajax proxy The trend for application architecture is to have a four-tier architecture (see next slide)

17 Four tier architecture and data services Service calls Client Tier Desktop or mobile browser HTML, JS, CSS Client-side interaction uses data from JSON/REST services REST/JSON services Delivery Tier IBM Digital Experience REST (JSON or XML) services Business Services Tier CastIron, DataPower, StrongLoop Dynamically assembles and delivers complete site to all devices REST calls from Client Tier can go through Portal s Ajax Proxy Provides compact services that are suited for use in UI layer, using REST/JSON Transforms and aggregates services from Back End Services Tier Any type of services or remote interfaces WSDL/SOAP, SQL Back End Services Tier Existing cloud or on-premises systems of record, services, or data External third-party services

18 A few service examples with script applications IBM Business Process Manager Node.js Service on Bluemix IBM Forms Experience Builder IBM WebSphere Commerce Yahoo Finance Service Flickr Photos

19 IBM Digital Experience Node.js Web Developer Tools and the Latest Node-Based Tools for IBM Digital Experience

20 The Node.js ecosystem and web development tools Node.js use has taken off in the web development community Npm registry has 145,000 packages, 1.2 billion downloads/month Node-based tools are widely used by web developers and designers Developers can easily download and run these tools on their workstations Tools can be customized and combined/chained using JS Tools are mostly open source and are being rapidly enhanced and expanded

21 Node.js tools for web development and design Valuable Node-based tools such as these can be used with your IBM Digital Experience applications and designs Grunt and Gulp: automate build tasks Yeoman: generate application project with sensible defaults and best practices Bower: package manager for libraries Express: implement a local test server with just a few lines of JS LESS and SASS: use CSS preprocessors to compile high-level style files to CSS Uglify: minify and combine JS and CSS files JSHint: do static analysis of JS code to check for errors/warnings and many more

22 Example of gulp build with script application https://github.com/openntf/script-portlet-node-samples Automates the script application build process, including: finding errors and poor code quality in JavaScript using JSHint compiling LESS to CSS combining JavaScript and CSS source files compressing and minifying JavaScript and CSS source pushing the application to a Digital Experience server watching the application file folder for changes, automatically performing all these tasks whenever the code is changed

23 Web Developer Toolkit for IBM Digital Experience https://github.com/openntf/webdevtoolkitfordx Node-based tools for working with script applications, DX themes, and WCM designs Provides a Dashboard UI for working with applications and designs Manages push/pull/watch for synchronizing local files with server Includes other useful tools such as a script application test server and tools for working with theme modules and profiles Lets designers work with WCM design artifacts locally as plain HTML and image files (more on this later )

24 Web Developer Toolkit Dashboard Work with script applications, DX themes, and WCM design elements in a simple UI Click to push or watch/sync applications and designs to a local or remote server Select themes and WCM design libraries and pull from server Work with theme modules and profiles Run script applications locally on a test server Script Applications Themes WCM Libraries

25 IBM Digital Experience File Sync (DX Sync) https://github.com/digexp/dxsync A Node.js-based WebDAV client for synchronizing theme design files to a workstation Supports watching of files and directories in the background Lets you work on a local file system with your favorite editor, automatically synchronizing with a remote server This is used under the covers by the theme support of the Web Developer Toolkit 2015 IBM Corporation 25

26 Web UI Prototyping Toolkit https://github.com/openntf/web-ui-prototyping-toolkit Tools for easy creation of HTML prototypes for UX designs Provides web server rendering with live editing of text Supports modular design with reusable artifacts for fragments & layouts Avoids duplication Can export static HTML pages of the designs Can automatically generate DX theme artifacts and push to server Generates responsive screenshots at multiple sizes Generates navigation UI 2015 IBM Corporation 26

27 Using source code management with Digital Experience applications and designs All the HTML/JS/CSS/etc. for Script applications, theme designs, and WCM designs can be maintained in a source code repository Command line or GUI tools can push files to a development or staging server Script applications and WCM designs can be syndicated from staging to production server Source Code Repository Developer or designer workstation Push to server Developer Test Portal WCM or WebDAV Git, SVN, RTC, etc. Build or integration Staging/Integration Portal system (Jenkins) Push to server Syndication with automated tools WCM or WebDAV Production Portal WCM or WebDAV

28 IBM Digital Experience Site Design and Responsive Mobile Web with Digital Experience Themes

29 Responsive and adaptive design Out-of-the-box themes use responsive web design and adaptive techniques for great appearance on all devices Layout and navigation are optimized for device size and class Bootstrap theme is also available for download

30 Theme architecture key principles Allow complete flexibility for theme implementation, while providing a prescriptive best practice starting point Support all devices (mobile and desktop) using responsive web design and adaptive techniques Use standard HTML/CSS for branding and design, with dynamic content spots for dynamic elements such as navigation Any editors and other web development tools can be used Provide a module structure for JS/CSS libraries, so you can easily specify which features to include for different pages or site areas Build everything for maximum performance: minimize number of requests and download size

31 New theme development tools Theme Manager provides easy 1- click create, copy, or export of themes IBM Digital Experience File Sync (DX Sync) see slide 25 Web Developer Toolkit optionally provides a GUI for DX Sync see slide IBM Corporation 31

32 Simple Theme Simple Themes provide a great starting point for theme development They contain a minimal set of artifacts for an easy starting point and quick learning curve Fluid responsive design supports all mobile devices Themes are easily branded and customized using CSS/JS/HTML and editable via WebDAV and DX Sync A number of generic dynamic content spots are available Top Navigation, Mega Menu, etc IBM Corporation 32

33 IBM Digital Experience Content Management and Modular Design with IBM Web Content Manager (WCM)

34 IBM Web Content Manager Allows business users to author, preview/review, and publish content from a simple browser UI Enables rapid development of sites through reusable components and templates Separates content from design/presentation, allowing web designers to control the display, independently of content Delivers your business content dynamically to all your sites and applications including mobile apps Content as a Service (CaaS) Provides an optimal customer experience through dynamic content delivery with a high level of personalization

35 IBM Web Content Manager for sites and applications Use simple authoring UI in browser and to applications Deliver managed content to sites

36 Working with WCM designs using modular design principles WCM design elements use standard HTML, with WCM tags for dynamic content CSS provides styling and is delivered via theme modules WCM Components let designers assemble designs from modular pieces This supports best practice Atomic Design or Modular Design principles, for maximum reuse with minimal duplication Atomic Design

37 Reusable design components: Content Template Catalog (CTC) example Components are classified and organized into folders for maximum reuse

38 Using the new Web Developer Toolkit with WCM designs Designers can work with WCM Components and Presentation Templates as plain HTML files HTML, Image, Style Sheet, File, Text, and Rich Text components are supported Run from Dashboard UI or from command line Pull: pulls Components and Presentation Templates from a WCM library into a local folder Push: pushes all changed or new files to a server

39 Working with WCM designs: get design elements as local HTML, CSS, and image files 1. Click Get Libraries 3. Library files are downloaded into folders for Components and Presentation Templates 2. Select a library from the server 4. Work with plain.html files, using any editors or other tools

40 Update or create new local files, then push updates to server 7. Updates are seen in WCM authoring and on live site 5. Use editors or other tools to create/modify files 6. Click Push Updated to push new or modified files

41 IBM Digital Experience Wrapping Up

42 A final summary to leave you with IBM Digital Experience provides a great framework for managing and delivering complete web sites that use the latest modern web technology Web developers and designers can use their favorite modern tools and technology with Digital Experience You get out-of-the-box support for all the DX value-add features such as content management with WCM, responsive/adaptive design, security, dynamic delivery with personalization, etc. IBM will continue to deliver frequent updates to support modern web development Some features will be delivered in a product CF as part of our continuous delivery approach Other features such as Node-based tools will be delivered on GitHub 42

43 For Additional Information IBM Digital Experience Developer WebSphere Portal and IBM Web Content Manager Information Center Wiki IBM Digital Experience Demonstrations: IBM Corporation 43

Web Developer Toolkit for IBM Digital Experience

Web Developer Toolkit for IBM Digital Experience Web Developer Toolkit for IBM Digital Experience Open source Node.js-based tools for web developers and designers using IBM Digital Experience Tools for working with: Applications: Script Portlets Site

More information

IBM Script Portlet for WebSphere Portal Release 1.1

IBM Script Portlet for WebSphere Portal Release 1.1 IBM Script Portlet for WebSphere Portal Release 1.1 Topics Why script applications for WebSphere Portal The Script Portlet approach and its benefits Using Script Portlet Accessing data and services Downloadable

More information

IBM Script Portlet for WebSphere Portal

IBM Script Portlet for WebSphere Portal IBM Script Portlet for WebSphere Portal Release 1.2 Beta, with key enhancements for: Multi-file editing with tabbed UI in Script Portlet Editor Command line support and integration with external tools

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

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

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

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

CTC 4.1 - What's New?

CTC 4.1 - What's New? Digital Experience CTC 4.1 - What's New? WebSphere User Group 24 th Sept - Royal Society Edinburgh Agenda A reminder, What is the Content Template Catalog A reminder, What is the Site Builder Demo! CTC

More information

An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0

An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0 An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0 September 2010 Copyright IBM Corporation 2010. 1 Overview Rational Application Developer, Version 8.0, contains

More information

Lucy Zhang UI Developer Lucyzhang3630@gmail.com/sales@besthtech.net Contact: 646-896-9088

Lucy Zhang UI Developer Lucyzhang3630@gmail.com/sales@besthtech.net Contact: 646-896-9088 Lucy Zhang UI Developer Lucyzhang3630@gmail.com/sales@besthtech.net Contact: 646-896-9088 SUMMARY Over 7 years of extensive experience in the field of front-end Web Development including Client/Server

More information

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 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

More information

Software Development Kit

Software Development Kit Open EMS Suite by Nokia Software Development Kit Functional Overview Version 1.3 Nokia Siemens Networks 1 (21) Software Development Kit The information in this document is subject to change without notice

More information

Content Management Systems: Drupal Vs Jahia

Content Management Systems: Drupal Vs Jahia Content Management Systems: Drupal Vs Jahia Mrudula Talloju Department of Computing and Information Sciences Kansas State University Manhattan, KS 66502. mrudula@ksu.edu Abstract Content Management Systems

More information

MODERN WEB APPLICATION DEVELOPMENT WORKFLOW

MODERN WEB APPLICATION DEVELOPMENT WORKFLOW MODERN WEB APPLICATION DEVELOPMENT WORKFLOW FIRST, LET S LOOK AT THE PAST THROW A BUNCH OF HTML FILES THROW A BUNCH OF ADD A COUPLE OF HTML FILES CSS FILES THROW A BUNCH OF ADD A COUPLE OF PUT SOME HTML

More information

Cross-platform Programming Lecture 3

Cross-platform Programming Lecture 3 Crossplatform Programming Lecture 3 Introduction to Titanium http://dsg.ce.unipr.it/ http://dsg.ce.unipr.it/?q=node/37 alessandro.grazioli81@gmail.com 2015 Parma Outline Introduction Installation and Configuration

More information

Continuous Integration and Delivery. manage development build deploy / release

Continuous Integration and Delivery. manage development build deploy / release Continuous Integration and Delivery manage development build deploy / release test About the new CI Tool Chain One of the biggest changes on the next releases of XDK, will be the adoption of the New CI

More information

Learning Web App Development

Learning Web App Development Learning Web App Development Semmy Purewal Beijing Cambridge Farnham Kbln Sebastopol Tokyo O'REILLY Table of Contents Preface xi 1. The Workflow 1 Text Editors 1 Installing Sublime Text 2 Sublime Text

More information

NetBeans IDE Field Guide

NetBeans IDE Field Guide NetBeans IDE Field Guide Copyright 2005 Sun Microsystems, Inc. All rights reserved. Table of Contents Introduction to J2EE Development in NetBeans IDE...1 Configuring the IDE for J2EE Development...2 Getting

More information

Placing customers in the driver s seat to deliver amazing user experiences

Placing customers in the driver s seat to deliver amazing user experiences SAP Solution Brief SAP Web IDE Objectives Solution Benefits Quick Facts Placing customers in the driver s seat to deliver amazing user experiences Build applications with consumergrade UX using SAP Web

More information

IBM Digital Experience meets IBM WebSphere Commerce

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

More information

IBM Rational Web Developer for WebSphere Software Version 6.0

IBM Rational Web Developer for WebSphere Software Version 6.0 Rapidly build, test and deploy Web, Web services and Java applications with an IDE that is easy to learn and use IBM Rational Web Developer for WebSphere Software Version 6.0 Highlights Accelerate Web,

More information

Oracle Application Express 4.0

<Insert Picture Here> Oracle Application Express 4.0 Oracle Application Express 4.0 The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any

More information

JBoss Portal 2.4. Quickstart User Guide

JBoss Portal 2.4. Quickstart User Guide Portal 2.4 Quickstart User Guide Table of Contents Portal - Overview... iii 1. Tutorial Forward...1 2. Installation...2 2.1. Downloading and Installing...2 2.2. Starting Portal...3 3. Portal Terminology...5

More information

SUHAIL DAWOOD. me@suhaildawood.com suhaildawood.com @suhaildawood. 647-526-0601 Toronto, Ontario 2013-2017

SUHAIL DAWOOD. me@suhaildawood.com suhaildawood.com @suhaildawood. 647-526-0601 Toronto, Ontario 2013-2017 SUHAIL DAWOOD me@ 2013-2017 (Expected) BSc. Computer Science Specialist: Focus in Web and Internet Technologies & Artificial Intelligence Major in Statistics Minor in Mathematics Minor in Near and Middle

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

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

SharePoint 2013. A Ten-Point Review of SharePoint 2013 vs. 2010 NICOLAS LAGROTTA NICOLAS LAGROTTA

SharePoint 2013. A Ten-Point Review of SharePoint 2013 vs. 2010 NICOLAS LAGROTTA NICOLAS LAGROTTA SharePoint 2013 A Ten-Point Review of SharePoint 2013 vs. 2010 NICOLAS LAGROTTA NICOLAS LAGROTTA Contents Introduction... 1 1. Development-Related Changes... 1 2. Licensing... 2 3. Site/Library Template

More information

Rich Media & HD Video Streaming Integration with Brightcove

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

More information

Introduction to apps for Office 2013 Preview

Introduction to apps for Office 2013 Preview Introduction to apps for Office 2013 Preview This document is provided as-is. Information and views expressed in this document, including URL and other Internet Web site references, may change without

More information

Programming Fundamentals of Web Applications Course 10958A; 5 Days

Programming Fundamentals of Web Applications Course 10958A; 5 Days Lincoln Land Community College Capital City Training Center 130 West Mason Springfield, IL 62702 217-782-7436 www.llcc.edu/cctc Programming Fundamentals of Web Applications Course 10958A; 5 Days Course

More information

Wakanda Studio Features

Wakanda Studio Features Wakanda Studio Features Discover the many features in Wakanda Studio. The main features each have their own chapters and other features are documented elsewhere: Wakanda Server Administration Data Browser

More information

Mobile development with Apache OFBiz. Ean Schuessler, co-founder @ Brainfood

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

More information

SPELL Tabs Evaluation Version

SPELL Tabs Evaluation Version SPELL Tabs Evaluation Version Inline Navigation for SharePoint Pages SPELL Tabs v 0.9.2 Evaluation Version May 2013 Author: Christophe HUMBERT User Managed Solutions LLC Table of Contents About the SPELL

More information

Dynamic Web Programming BUILDING WEB APPLICATIONS USING ASP.NET, AJAX AND JAVASCRIPT

Dynamic Web Programming BUILDING WEB APPLICATIONS USING ASP.NET, AJAX AND JAVASCRIPT Dynamic Web Programming BUILDING WEB APPLICATIONS USING ASP.NET, AJAX AND JAVASCRIPT AGENDA 1. Introduction to Web Applications and ASP.net 1.1 History of Web Development 1.2 Basic ASP.net processing (ASP

More information

Course Code NCS2013: SharePoint 2013 No-code Solutions for Office 365 and On-premises

Course Code NCS2013: SharePoint 2013 No-code Solutions for Office 365 and On-premises 4 DAYS SHAREPOINT FOR THE POWER USER AND SOLUTIONS BUILDER Course Code NCS: SharePoint No-code Solutions for Office 365 and On-premises AUDIENCE FORMAT COURSE DESCRIPTION Power Users Instructor led training

More information

Designing portal site structure and page layout using IBM Rational Application Developer V7 Part of a series on portal and portlet development

Designing portal site structure and page layout using IBM Rational Application Developer V7 Part of a series on portal and portlet development Designing portal site structure and page layout using IBM Rational Application Developer V7 Part of a series on portal and portlet development By Kenji Uchida Software Engineer IBM Corporation Level: Intermediate

More information

Getting Started Developing JavaScript Web Apps. this = that. VT Geospatial Forum 2015

Getting Started Developing JavaScript Web Apps. this = that. VT Geospatial Forum 2015 Getting Started Developing JavaScript Web Apps this = that VT Geospatial Forum 2015 GCS = Geographic Communication Systems GCS specializes in location technology development, working with GIS and other

More information

Sisense. Product Highlights. www.sisense.com

Sisense. Product Highlights. www.sisense.com Sisense Product Highlights Introduction Sisense is a business intelligence solution that simplifies analytics for complex data by offering an end-to-end platform that lets users easily prepare and analyze

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

Telerik: Develop Experiences

Telerik: Develop Experiences Telerik: Develop Experiences Laurent KIEFFER Ateliers Progress Octobre 2015 1 Telerik Customers Across Key Verticals FINANCIAL SERVICES GOVERNMENT RETAIL HEALTHCARE MANUFACTURING ENERGY and UTILITIES 2

More information

CREATE A CUSTOM THEME WEBSPHERE PORTAL 8.0.0.1

CREATE A CUSTOM THEME WEBSPHERE PORTAL 8.0.0.1 CREATE A CUSTOM THEME WEBSPHERE PORTAL 8.0.0.1 WITHOUT TEMPLATE LOCALIZATION, WITHOUT WEBDAV AND IN ONE WAR FILE Simona Bracco Table of Contents Introduction...3 Extract theme dynamic and static resources...3

More information

Making System z Sexy Again with Social and Collaboration Software

Making System z Sexy Again with Social and Collaboration Software Making System z Sexy Again with Social and Collaboration Software Tuesday, August 9, 2011: 4:30 PM-5:30 PM Paul Houde Client Technical Professional for Collaboration Solutions on System z Agenda Importance

More information

Developing Microsoft SharePoint Server 2013 Core Solutions

Developing Microsoft SharePoint Server 2013 Core Solutions Course 20488B: Developing Microsoft SharePoint Server 2013 Core Solutions Course Details Course Outline Module 1: SharePoint as a Developer Platform This module examines different approaches that can be

More information

ORACLE WEBCENTER PORTAL

ORACLE WEBCENTER PORTAL ORACLE WEBCENTER PORTAL A MODERN ENTERPRISE PORTAL WITH INTUITIVE TOOLS FOR COMPOSING CONTENT-RICH SELF- SERVICE PORTALS WITH INTEGRATED SOCIAL AND COLLABORATION SERVICES KEY FEATURES Enterprise-Grade

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

Release 2.1 of SAS Add-In for Microsoft Office Bringing Microsoft PowerPoint into the Mix ABSTRACT INTRODUCTION Data Access

Release 2.1 of SAS Add-In for Microsoft Office Bringing Microsoft PowerPoint into the Mix ABSTRACT INTRODUCTION Data Access Release 2.1 of SAS Add-In for Microsoft Office Bringing Microsoft PowerPoint into the Mix Jennifer Clegg, SAS Institute Inc., Cary, NC Eric Hill, SAS Institute Inc., Cary, NC ABSTRACT Release 2.1 of SAS

More information

MarkLogic Server. Reference Application Architecture Guide. MarkLogic 8 February, 2015. Copyright 2015 MarkLogic Corporation. All rights reserved.

MarkLogic Server. Reference Application Architecture Guide. MarkLogic 8 February, 2015. Copyright 2015 MarkLogic Corporation. All rights reserved. Reference Application Architecture Guide 1 MarkLogic 8 February, 2015 Last Revised: 8.0-1, February, 2015 Copyright 2015 MarkLogic Corporation. All rights reserved. Table of Contents Table of Contents

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

SENSE/NET 6.0. Open Source ECMS for the.net platform. www.sensenet.com 1

SENSE/NET 6.0. Open Source ECMS for the.net platform. www.sensenet.com 1 SENSE/NET 6.0 Open Source ECMS for the.net platform www.sensenet.com 1 ABOUT THE PRODUCT: SENSE/NET 6.0 About the product 2 KEY FEATURES Workspaces-based collaboration Document management Office integration

More information

SOA REFERENCE ARCHITECTURE: WEB TIER

SOA REFERENCE ARCHITECTURE: WEB TIER SOA REFERENCE ARCHITECTURE: WEB TIER SOA Blueprint A structured blog by Yogish Pai Web Application Tier The primary requirement for this tier is that all the business systems and solutions be accessible

More information

SAP HANA Cloud Platform, Portal Service: Overview SAP Cloud Experience and SAP Portal Product Management May 2016

SAP HANA Cloud Platform, Portal Service: Overview SAP Cloud Experience and SAP Portal Product Management May 2016 SAP HANA Cloud Platform, Portal Service: Overview SAP Cloud Experience and SAP Portal Product Management May 2016 Agenda The SAP HANA Cloud Platform Introducing Portal Service Use Cases & Positioning Cloud

More information

Sitecore Dashboard User Guide

Sitecore Dashboard User Guide Sitecore Dashboard User Guide Contents Overview... 2 Installation... 2 Getting Started... 3 Sample Widgets... 3 Logged In... 3 Job Viewer... 3 Workflow State... 3 Publish Queue Viewer... 4 Quick Links...

More information

Using GitHub for Rally Apps (Mac Version)

Using GitHub for Rally Apps (Mac Version) Using GitHub for Rally Apps (Mac Version) SOURCE DOCUMENT (must have a rallydev.com email address to access and edit) Introduction Rally has a working relationship with GitHub to enable customer collaboration

More information

DreamFactory & Modus Create Case Study

DreamFactory & Modus Create Case Study DreamFactory & Modus Create Case Study By Michael Schwartz Modus Create April 1, 2013 Introduction DreamFactory partnered with Modus Create to port and enhance an existing address book application created

More information

Structured Content: the Key to Agile. Web Experience Management. Introduction

Structured Content: the Key to Agile. Web Experience Management. Introduction Structured Content: the Key to Agile CONTENTS Introduction....................... 1 Structured Content Defined...2 Structured Content is Intelligent...2 Structured Content and Customer Experience...3 Structured

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

Web Cloud Architecture

Web Cloud Architecture Web Cloud Architecture Introduction to Software Architecture Jay Urbain, Ph.D. urbain@msoe.edu Credits: Ganesh Prasad, Rajat Taneja, Vikrant Todankar, How to Build Application Front-ends in a Service-Oriented

More information

White Paper On. Single Page Application. Presented by: Yatin Patel

White Paper On. Single Page Application. Presented by: Yatin Patel White Paper On Single Page Application Presented by: Yatin Patel Table of Contents Executive Summary... 3 Web Application Architecture Patterns... 4 Common Aspects... 4 Model... 4 View... 4 Architecture

More information

Google Web Toolkit (GWT)

Google Web Toolkit (GWT) IMPORTANT NOTICE TO STUDENTS These slides are NOT to be used as a replacement for student notes. These slides are sometimes vague and incomplete on purpose to spark class discussions Google Web Toolkit

More information

Art of Code Front-end Web Development Training Program

Art of Code Front-end Web Development Training Program Art of Code Front-end Web Development Training Program Pre-work (5 weeks) Codecademy HTML5/CSS3 and JavaScript tracks HTML/CSS (7 hours): http://www.codecademy.com/en/tracks/web JavaScript (10 hours):

More information

Rich Internet Applications

Rich Internet Applications Document Reference TSL-SES-WP-0001 Date 4 January 2008 Issue 1 Revision 0 Status Final Document Change Log Version Pages Date Reason of Change 1.0 Draft 17 04/01/08 Initial version The Server Labs S.L

More information

Configuring Apache HTTP Server as a Reverse Proxy Server for SAS 9.3 Web Applications Deployed on Oracle WebLogic Server

Configuring Apache HTTP Server as a Reverse Proxy Server for SAS 9.3 Web Applications Deployed on Oracle WebLogic Server Configuration Guide Configuring Apache HTTP Server as a Reverse Proxy Server for SAS 9.3 Web Applications Deployed on Oracle WebLogic Server This document describes how to configure Apache HTTP Server

More information

Hybrid for SharePoint Server Yammer Reference Architecture

Hybrid for SharePoint Server Yammer Reference Architecture Hybrid for SharePoint Server 2013 Yammer Reference Architecture Contents About this white paper... 3 Who this white paper is for... 3 Overview... 4 SharePoint Newsfeed... 5 SharePoint Community Sites...

More information

Configuring Apache HTTP Server as a Reverse Proxy Server for SAS 9.2 Web Applications Deployed on BEA WebLogic Server 9.2

Configuring Apache HTTP Server as a Reverse Proxy Server for SAS 9.2 Web Applications Deployed on BEA WebLogic Server 9.2 Configuration Guide Configuring Apache HTTP Server as a Reverse Proxy Server for SAS 9.2 Web Applications Deployed on BEA WebLogic Server 9.2 This document describes how to configure Apache HTTP Server

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

Load and Performance Load Testing. RadView Software October 2015 www.radview.com

Load and Performance Load Testing. RadView Software October 2015 www.radview.com Load and Performance Load Testing RadView Software October 2015 www.radview.com Contents Introduction... 3 Key Components and Architecture... 4 Creating Load Tests... 5 Mobile Load Testing... 9 Test Execution...

More information

Dev01: Kentico CMS 7 Developer Essentials Syllabus

Dev01: Kentico CMS 7 Developer Essentials Syllabus Dev01: Kentico CMS 7 Developer Essentials Syllabus About This Course [Elements of this syllabus are subject to change] This three-day, instructor-led course teaches Web Developers the introductory fundamentals

More information

OpenText Information Hub (ihub) 3.1 and 3.1.1

OpenText Information Hub (ihub) 3.1 and 3.1.1 OpenText Information Hub (ihub) 3.1 and 3.1.1 OpenText Information Hub (ihub) 3.1.1 meets the growing demand for analytics-powered applications that deliver data and empower employees and customers to

More information

Actuate Business Intelligence and Reporting Tools (BIRT)

Actuate Business Intelligence and Reporting Tools (BIRT) Product Datasheet Actuate Business Intelligence and Reporting Tools (BIRT) Eclipse s BIRT project is a flexible, open source, and 100% pure Java reporting tool for building and publishing reports against

More information

James Singletary IV :: Front End Web Developer located in Tampa, Florida

James Singletary IV :: Front End Web Developer located in Tampa, Florida James Singletary IV :: Front End Web Developer located in Tampa, Florida (813) 843 5176 :: jsingletaryiv@gmail.com :: jamessingletaryiv.com Technical Summary HTML5, CSS3, JavaScript / jquery, Ajax, JSON,

More information

Office 365 SharePoint Online White Paper

Office 365 SharePoint Online White Paper Office 365 SharePoint Online White Paper Introduction Overview Cloud computing is slowly changing the way IT companies are offering their software solutions and services. Through cloud computing, IT companies

More information

DEVELOPMENT OF AN ANALYSIS AND REPORTING TOOL FOR ORACLE FORMS SOURCE CODES

DEVELOPMENT OF AN ANALYSIS AND REPORTING TOOL FOR ORACLE FORMS SOURCE CODES DEVELOPMENT OF AN ANALYSIS AND REPORTING TOOL FOR ORACLE FORMS SOURCE CODES by Çağatay YILDIRIM June, 2008 İZMİR CONTENTS Page PROJECT EXAMINATION RESULT FORM...ii ACKNOWLEDGEMENTS...iii ABSTRACT... iv

More information

Welcome The webinar will begin shortly

Welcome The webinar will begin shortly Welcome The webinar will begin shortly Angela Chumley Angela.Chumley@crownpeak.com 08.18.15 Engagement Tip Mute Button Listen Actively Ask Questions 2 AGENDA Getting Started Web Content Management (WCMS)

More information

ICON UK 2015 node.js for Domino developers. Presenter: Matt White Company: LDC Via

ICON UK 2015 node.js for Domino developers. Presenter: Matt White Company: LDC Via ICON UK 2015 node.js for Domino developers Presenter: Matt White Company: LDC Via September 2012 Agenda What is node.js? Why am I interested? Getting started NPM Express Domino Integration Deployment A

More information

Developing ASP.NET MVC 4 Web Applications Online Training

Developing ASP.NET MVC 4 Web Applications Online Training Course Outline Plan the Application Layers Plan data access Plan for separation of concern Appropriate use of models, views, and controllers Choose between client-side and server-side processing Design

More information

Communiqué 4. Standardized Global Content Management. Designed for World s Leading Enterprises. Industry Leading Products & Platform

Communiqué 4. Standardized Global Content Management. Designed for World s Leading Enterprises. Industry Leading Products & Platform Communiqué 4 Standardized Communiqué 4 - fully implementing the JCR (JSR 170) Content Repository Standard, managing digital business information, applications and processes through the web. Communiqué

More information

AJAX. Gregorio López López glopez@it.uc3m.es Juan Francisco López Panea 100032757@alumnos.uc3m.es

AJAX. Gregorio López López glopez@it.uc3m.es Juan Francisco López Panea 100032757@alumnos.uc3m.es AJAX Gregorio López López glopez@it.uc3m.es Juan Francisco López Panea 100032757@alumnos.uc3m.es Departamento de Ingeniería Telemática Universidad Carlos III de Madrid Contents 1. Introduction 2. Overview

More information

Introduction to IBM Worklight Mobile Platform

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

More information

Next Gen Web Architecture for the Cloud Era

Next Gen Web Architecture for the Cloud Era UNCLASSIFIED Next Gen Web Architecture for the Cloud Era Chief Scientist, Raytheon Saturn 2013 28 Apr - 3 May Copyright (2013) Raytheon Agenda Existing Web Application Architecture SOFEA Lessons learned

More information

How is it helping? PragmatiQa XOData : Overview with an Example. P a g e 1 12. Doc Version : 1.3

How is it helping? PragmatiQa XOData : Overview with an Example. P a g e 1 12. Doc Version : 1.3 XOData is a light-weight, practical, easily accessible and generic OData API visualizer / data explorer that is useful to developers as well as business users, business-process-experts, Architects etc.

More information

Is Liferay Right for Your Organization? Seven Things to Consider When Choosing a Portal Platform

Is Liferay Right for Your Organization? Seven Things to Consider When Choosing a Portal Platform Is Liferay Right for Your Organization? Seven Things to Consider When Choosing a Portal Platform BY DAN LILIEDAHL, CTO, TANDEMSEVEN The outcome of your portal initiative and its success is directly related

More information

Developing ASP.NET MVC 4 Web Applications MOC 20486

Developing ASP.NET MVC 4 Web Applications MOC 20486 Developing ASP.NET MVC 4 Web Applications MOC 20486 Course Outline Module 1: Exploring ASP.NET MVC 4 The goal of this module is to outline to the students the components of the Microsoft Web Technologies

More information

ArcGIS Viewer for Silverlight An Introduction

ArcGIS Viewer for Silverlight An Introduction Esri International User Conference San Diego, California Technical Workshops July 26, 2012 ArcGIS Viewer for Silverlight An Introduction Rich Zwaap Agenda Background Product overview Getting started and

More information

This course provides students with the knowledge and skills to develop ASP.NET MVC 4 web applications.

This course provides students with the knowledge and skills to develop ASP.NET MVC 4 web applications. 20486B: Developing ASP.NET MVC 4 Web Applications Course Overview This course provides students with the knowledge and skills to develop ASP.NET MVC 4 web applications. Course Introduction Course Introduction

More information

Lab 1 Whatsup Watson Hands-On Lab

Lab 1 Whatsup Watson Hands-On Lab Lab 1 Whatsup Watson Hands-On Lab Table of contents 1. Create the Whatsup Watson Bluemix Application... Error! Bookmark not defined. 2 Step 1. Deploy to Bluemix using DevOps GUI This procedure provides

More information

THIS IS ONLY SAMPLE RESUME - DO NOT COPY AND PASTE INTO YOUR RESUME. WE ARE NOT RESPONSIBLE

THIS IS ONLY SAMPLE RESUME - DO NOT COPY AND PASTE INTO YOUR RESUME. WE ARE NOT RESPONSIBLE [Email ID] [Name] [Contact Number] SUMMARY: 8 years of experience in Requirement Analysis, Design, Development, Testing & Implementation of complete software development life cycle projects for Multi-tier

More information

Putting the power of Web 2.0 into practice.

Putting the power of Web 2.0 into practice. White paper July 2008 Putting the power of Web 2.0 into practice. How rich Internet applications can deliver tangible business benefits Page 2 Contents 2 Introduction 3 What Web 2.0 technology can do for

More information

Create apps with the efficiency of a cold blooded cyborg

Create apps with the efficiency of a cold blooded cyborg IBM Bluemix TM Create apps with the efficiency of a cold blooded cyborg IBM Ecosystem Development Dan O Riordan #gotoaar goto conference AARHUS @danoriordan IBM Bluemix Registration Go to bluemix.net and

More information

The Great Office 365 Adventure

The Great Office 365 Adventure COURSE OVERVIEW The Great Office 365 Adventure Duration: 5 days It's no secret that Microsoft has been shifting its development strategy away from the SharePoint on-premises environment to focus on the

More information

place/business fetch details, 184 185 removefromfavorite () function, 189 search button handler bind, 190 191 B BlackBerry build environment

place/business fetch details, 184 185 removefromfavorite () function, 189 search button handler bind, 190 191 B BlackBerry build environment Index A addtofavorite() method, 175 177, 188 189 Android ADT Plugin for Eclipse installation, 22 24 application, GWT Build Path, 244 device info, 247 directory structure, 244, 245 Eclipse classpath, 244

More information

Enterprise Portal Built by and for Higher Education

Enterprise Portal Built by and for Higher Education www.apereo.org/uportal Enterprise Portal Built by and for Higher Education Now Responsive for All Devices along with Native App Experience There is a growing demand for higher education institutions to

More information

Enterprise Service Bus

Enterprise Service Bus We tested: Talend ESB 5.2.1 Enterprise Service Bus Dr. Götz Güttich Talend Enterprise Service Bus 5.2.1 is an open source, modular solution that allows enterprises to integrate existing or new applications

More information

Google Web Toolkit (GWT) Architectural Impact on Enterprise Web Application

Google Web Toolkit (GWT) Architectural Impact on Enterprise Web Application Google Web Toolkit (GWT) Architectural Impact on Enterprise Web Application First Generation HTTP request (URL or Form posting) W HTTP response (HTML Document) W Client Tier Server Tier Data Tier Web CGI-Scripts

More information

SAP FIORI / HR Renewal

SAP FIORI / HR Renewal SAP FIORI / HR Renewal (HR Renewal) http://help.sap.com/fiori_bs2013/ General Overview A History of User Interfaces & Technical Architecture User Interface SAP GUI ITS BSP/Web Dynpro for Java WD for ABAP

More information

Performance Testing for Ajax Applications

Performance Testing for Ajax Applications Radview Software How to Performance Testing for Ajax Applications Rich internet applications are growing rapidly and AJAX technologies serve as the building blocks for such applications. These new technologies

More information

Collaborative Open Market to Place Objects at your Service

Collaborative Open Market to Place Objects at your Service Collaborative Open Market to Place Objects at your Service D6.2.1 Developer SDK First Version D6.2.2 Developer IDE First Version D6.3.1 Cross-platform GUI for end-user Fist Version Project Acronym Project

More information

Using Microsoft Azure for Students

Using Microsoft Azure for Students Using Microsoft Azure for Students Dive into Azure through Microsoft Imagine s free new offer and learn how to develop and deploy to the cloud, at no cost! To take advantage of Microsoft s cloud development

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

Web Dashboard User Guide

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

More information

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