Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its...

28
Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Accelerated Oracle JET – Visual JavaScript/HTML5 Cloud Development - The Low Code Way Susan Duncan - @SusanDuncanOr Senior Principal Product Manager Oracle Cloud Development Tools

Transcript of Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its...

Page 1: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

AcceleratedOracleJET–VisualJavaScript/HTML5CloudDevelopment-TheLowCodeWay

SusanDuncan-@SusanDuncanOrSeniorPrincipalProductManagerOracleCloudDevelopmentTools

Page 2: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.| OracleConfidential–Internal/Restricted/HighlyRestricted 2

SafeHarborStatement

Thefollowingisintendedtooutlineourgeneralproductdirection.Itisintendedforinformationpurposesonly,andmaynotbeincorporatedintoanycontract.Itisnotacommitmenttodeliveranymaterial,code,orfunctionality,andshouldnotberelieduponinmakingpurchasingdecisions.Thedevelopment,releaseandtimingofanyfeaturesorfunctionalitydescribedforOracle’sproductsremainsatthesolediscretionofOracle

Page 3: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

WhatAreDevelopersDoing?

Page 4: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

It’saJungleOutThere

Page 5: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

OracleJETAmodular,enterprise-ready,open-sourcedtoolkitthatsimplifiesdevelopmentwithaJavaScript/HTML5/RESTstack

Page 6: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

OracleJETAmodular,enterprise-ready,open-sourcedtoolkitthatsimplifiesdevelopmentwithaJavaScript/HTML5/RESTstack

Page 7: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

OracleJETArchitecture

7

ViewWeb

Components SASS

View-Model

Model

RequireJS

OracleJETRouting

Client

Server

OracleJETUIComponents

Hammer

KnockoutJS

OracleJETCommonModelAPI

REST WebSockets

CCA

CustomComponents

Page 8: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

OracleJETArchitecture

8

ViewWeb

Components SASS

View-Model

Model

RequireJS

OracleJETRouting

Client

Server

OracleJETUIComponents

Hammer

KnockoutJS

OracleJETCommonModelAPI

REST WebSockets

CCA

CustomComponents

Page 9: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

OracleJET–OpenSourceLibraries

Hammer

RequireJS

jQueryUI

jQuery

Knockout.js

Twowaybinding

ResourceManagement

WidgetFactory

DOMmanipulation+Ajax

TouchGestureSupport

Page 10: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

OracleJET–OracleLibraries

UIComponents

ResponsiveLayout

Commonmodel

AdvancedRouting

Validation&Converters Internationalization

Page 11: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

• HybridarchitecturewithCordova•  Scaffoldsforfastappcreation• Buildandserveapps• Nativelookandfeel

– iOS,Android• Mobileparadigmssupport

– Animation,navigationdrawer,swipe,pulltorefresh

• Cordovaplugins– Offline,security

OracleJETforOn-DeviceMobileApps

Page 12: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

QuickJET“Demo”

Page 13: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

FullStackDevelopment–AToDoList

• CreateBackendbusinessobjects(chooseyourweapon)•  ExposeRESTServices• CreateHTMLUI• Definevariables• BindvariablestoUI•  FetchREST,processit,putintovariables• Addclientsidebusinesslogic

13

Page 14: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

What’sTheProblem?

Page 15: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

IsDevelopmentProductivityRegressing?

Page 16: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

•  Low-codeplatforms– ThenewnameforRADtools

• Bringingdevelopmentwithnewtechnologiestoaboarderaudience– Rapiddevelopers,businessanalysts

•  FocusesonBusinessApplications

It’sTimeforVisualDevToolsforJavaScript/HTML/REST

Page 17: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

Oracle Visual Builder Cloud Service Build and host web and mobile applications in a faster and simpler way with zero install and visual development experience

Page 18: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

• UI–OracleJET• Backend–RESTServices• Database–Oracle

OurTechnologyStackandArchitecture

WebApplications

MobileApplications

BusinessObjects

ThirdPartyServices

LocalDBServices

Builder

UIComponents

Page 19: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

• VisualPageLayout• VisualPageFlowDiagram• VisualActionDefinition• VisualRESTConnection• VisualBusinessObjectCreation• VisualBusinessObjectsLogic

ProductivityThroughVisualization

Page 20: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

• Directlymanipulatecode• Addyourownlogic•  Extendableplatform

– UIComponents– JavaScriptLibraries– Styles

20

FlexibilityThroughCoding

Page 21: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

OracleVisualBuilderCloudServiceDemo

Page 22: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

BreakingItDown

22

Page 23: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

• ReduxInsteadofKnockout• Declarativevariableinsteadofcodebased

• VisualActionflowsinsteadofcode

23

SomeDifferencesfromOracleJETDevelopment

Page 24: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

• DefineJavaScriptFunctions• Variousscopes• Callfromactionchains• Callfromcomponentsproperties

24

WhatAboutComplexLogic?

Page 25: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

• AddOracleJETCCA• AddOracleJETThemes

25

EnhancingVBCSwithOracleJET

Page 26: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

• OracleJETCCA–WebComponentsbasedUIcomponentswithlogic

• Optionallypublishintoacomponentexchange

• AddtoVisualBuilderComponentPalette

•  Setpropertiesinadeclarativeway

26

VisualBuilderandtheOracleJETComponentsExchange

Page 27: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

TryItToday–https://cloud.oracle.com/visual-builder

Page 28: Accelerated Oracle JET Visual JavaScript/HTML5 …...Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted

Copyright©2017,Oracleand/oritsaffiliates.Allrightsreserved.|

Q&A


Oracle Enterprise Manager 13c - Amazon S3 · Oracle Enterprise Manager 13c Cloud Management Pack For Oracle Database Oracle Confidential – Internal/Restricted/Highly Restricted

Oracle Enterprise Manager 13c - Amazon S3 · Oracle Enterprise Manager 13c Cloud Management Pack For Oracle Database Oracle Confidential – Internal/Restricted/Highly Restricted

Oracle HTML5 Rich Web Application - Worcester Polytechnic

Oracle HTML5 Rich Web Application - Worcester Polytechnic

JavaFX - Oracle · Supported Features of HTML5 3-1 3 Supported Features of HTML5 This chapter describes the scope of HTML5 features supported by the JavaFX web component. The majority

JavaFX - Oracle · Supported Features of HTML5 3-1 3 Supported Features of HTML5 This chapter describes the scope of HTML5 features supported by the JavaFX web component. The majority

Licensing Oracle Database Appliance X7-2 - Exitas · Confidential –Oracle Internal/Restricted/Highly Restricted 7 * Oracle DB Price: 8 cores * .5 * $47,500 = $190,000 ** Oracle

Licensing Oracle Database Appliance X7-2 - Exitas · Confidential –Oracle Internal/Restricted/Highly Restricted 7 * Oracle DB Price: 8 cores * .5 * $47,500 = $190,000 ** Oracle

OK OK Unlocking the Java Ee Platform With Html5 Geertjan Wielenga Oracle

OK OK Unlocking the Java Ee Platform With Html5 Geertjan Wielenga Oracle

JavaFX Versus HTML5 Ryan Cuprak, Dassault Systemès David Grieve, Oracle.

JavaFX Versus HTML5 Ryan Cuprak, Dassault Systemès David Grieve, Oracle.

Security Target for Oracle Business Intelligence ... · Oracle Restricted Evaluation of Oracle Business Intelligence OBIEE (10.1.3.3.2) with Quick Fix 090406 Security Target/Issue

Security Target for Oracle Business Intelligence ... · Oracle Restricted Evaluation of Oracle Business Intelligence OBIEE (10.1.3.3.2) with Quick Fix 090406 Security Target/Issue

Oracle and 3 R’s - University of California, Santa Barbara · Oracle Confidential – Internal/Restricted/Highly Restricted 17 Age Severity ... Support.oracle.com Oracle Confidential

Oracle and 3 R’s - University of California, Santa Barbara · Oracle Confidential – Internal/Restricted/Highly Restricted 17 Age Severity ... Support.oracle.com Oracle Confidential

Installation Manual Oracle Financial Services Credit Risk ... Credit Risk... · Oracle Financial Services Software Confidential - Restricted Installation Manual Oracle Financial Services

Installation Manual Oracle Financial Services Credit Risk ... Credit Risk... · Oracle Financial Services Software Confidential - Restricted Installation Manual Oracle Financial Services

2009 Wipro Ltd Internal Restricted Oracle Business Intelligence Sub-text Lakshmi Krishna.

2009 Wipro Ltd Internal Restricted Oracle Business Intelligence Sub-text Lakshmi Krishna.

Installation Manual Oracle Financial Services Economic ... Economic... · Oracle Financial Services Software Confidential -Restricted Installation Manual Oracle Financial Services

Installation Manual Oracle Financial Services Economic ... Economic... · Oracle Financial Services Software Confidential -Restricted Installation Manual Oracle Financial Services

Dealing with JSON data in Oracle: DOs and DON'Ts · Confidential – Oracle Internal/Restricted/Highly Restricted X Student Instructor Course id first grade empno name salary bank

Dealing with JSON data in Oracle: DOs and DON'Ts · Confidential – Oracle Internal/Restricted/Highly Restricted X Student Instructor Course id first grade empno name salary bank

Copyright © 2019, Oracle and/or its affiliates. All rights ...€¦ · Confidential – Oracle Internal/Restricted/Highly Restricted 5 Se você respondeu “não” mais de duas

Copyright © 2019, Oracle and/or its affiliates. All rights ...€¦ · Confidential – Oracle Internal/Restricted/Highly Restricted 5 Se você respondeu “não” mais de duas

MDM Partner Summit 2015 - Oracle · Summary: Oracle Investing to Exploit Expanding DQ Market Oracle Confidential – Internal/Restricted/Highly Restricted 14 Cloud Services 1. Matching

MDM Partner Summit 2015 - Oracle · Summary: Oracle Investing to Exploit Expanding DQ Market Oracle Confidential – Internal/Restricted/Highly Restricted 14 Cloud Services 1. Matching

Dawn Baker Oracle JD Edwards Matt Geffken SNP GL Associates Oracle Confidential – Internal/Restricted/Highly RestrictedCopyright © 2014, Oracle and/or.

Dawn Baker Oracle JD Edwards Matt Geffken SNP GL Associates Oracle Confidential – Internal/Restricted/Highly RestrictedCopyright © 2014, Oracle and/or.

Oracle Retail Merchandising Batch Schedule …...Restricted Rights (June 1987). Oracle Corporation, 500 Oracle Parkway, Redwood City, CA 94065 Oracle Corporation, 500 Oracle Parkway,

Oracle Retail Merchandising Batch Schedule …...Restricted Rights (June 1987). Oracle Corporation, 500 Oracle Parkway, Redwood City, CA 94065 Oracle Corporation, 500 Oracle Parkway,

Oracle Cloud: Tips to Maximize(any) Cloud Management Challenges Confidential – Oracle Internal/Restricted/Highly Restricted 10 Automation for ITOps, DevOps Security & Compliance

Oracle Cloud: Tips to Maximize(any) Cloud Management Challenges Confidential – Oracle Internal/Restricted/Highly Restricted 10 Automation for ITOps, DevOps Security & Compliance

Copyright © 2014 Oracle and/or its affiliates. All rights reserved. |Oracle Confidential – Internal/Restricted/Highly Restricted Digital Disruption Driving.

Copyright © 2014 Oracle and/or its affiliates. All rights reserved. |Oracle Confidential – Internal/Restricted/Highly Restricted Digital Disruption Driving.

Oracle® Transportation Management...Sourcing; Oracle Fleet Management; Oracle Logistics Inventory Visibility; Oracle Logistics Inventory Visibility; Restricted Use Licenses A license

Oracle® Transportation Management...Sourcing; Oracle Fleet Management; Oracle Logistics Inventory Visibility; Oracle Logistics Inventory Visibility; Restricted Use Licenses A license

Oracle Enterprise Data Quality - Overview and …...Oracle OpenWorld 2014Oracle Confidential – Internal/Restricted/Highly Restricted 2222 2012 January 2013 November 2014 June 2015

Oracle Enterprise Data Quality - Overview and …...Oracle OpenWorld 2014Oracle Confidential – Internal/Restricted/Highly Restricted 2222 2012 January 2013 November 2014 June 2015