SlideShare a Scribd company logo
1 of 28
WaveMaker Visual AJAX Studio 4.0 Training Basics: Building Your First Application Designer Basics
Building your First Application Import data in Live Tables Drag-n-drop widgets in Page Designer Connect data to widgets in Page Designer 3. Bind data    to GUI Can also import Java and Web Services Can deploy app to any Java server **  Steps 1 and 2 can be reversed – you can design first then add data ,[object Object],2. Build    GUI
Page Designer Overview Variable  Editor Studio Version Design  Toolbar Palette Canvas Property  Editor 2. Build    GUI
Commonly Used Widgets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Using a Panel Widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Panel Properties ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Panel Properties ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Panel Properties ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Setting Widget Size ,[object Object],[object Object],[object Object],2. Build    GUI
Arranging Widgets ,[object Object]
Arranging Widgets ,[object Object]
Sizing Widgets: Flex ,[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Changing the Look and Feel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Using the Label widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Using the Editor widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Using the Editor Widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Using the Editor Widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
What’s the difference ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Using the Button Widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Using the Spacer Widget ,[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Using the Bevel widget ,[object Object],[object Object],2. Build    GUI
Using the Splitter widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Using the Picture widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Using the Content widget ,[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Keyboard Shortcuts ,[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
Keyboard Shortcuts ,[object Object],[object Object],[object Object],[object Object],[object Object],2. Build    GUI
[object Object]
Exercise 3 ,[object Object],[object Object],[object Object],[object Object]

More Related Content

Similar to Wavemaker AJAX

9awt Components
9awt Components9awt Components
9awt Components
Adil Jafri
 
Binding,context mapping,navigation exercise
Binding,context mapping,navigation exerciseBinding,context mapping,navigation exercise
Binding,context mapping,navigation exercise
Kranthi Kumar
 

Similar to Wavemaker AJAX (20)

9awt Components
9awt Components9awt Components
9awt Components
 
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
 
Why NextCMS: Layout Editor
Why NextCMS: Layout EditorWhy NextCMS: Layout Editor
Why NextCMS: Layout Editor
 
Chapter 02
Chapter 02Chapter 02
Chapter 02
 
VB.Net-Controls and events
VB.Net-Controls and eventsVB.Net-Controls and events
VB.Net-Controls and events
 
Hats tutorial custom widget
Hats tutorial   custom widgetHats tutorial   custom widget
Hats tutorial custom widget
 
Create New Android Layout
Create New Android LayoutCreate New Android Layout
Create New Android Layout
 
Visual Basic.pptx
Visual Basic.pptxVisual Basic.pptx
Visual Basic.pptx
 
java swing
java swingjava swing
java swing
 
Intake 38 9
Intake 38 9Intake 38 9
Intake 38 9
 
Visual basic
Visual basicVisual basic
Visual basic
 
Data binding
Data bindingData binding
Data binding
 
Binding,context mapping,navigation exercise
Binding,context mapping,navigation exerciseBinding,context mapping,navigation exercise
Binding,context mapping,navigation exercise
 
Intake 37 9
Intake 37 9Intake 37 9
Intake 37 9
 
Keynote + Next Gen UIs.pptx
Keynote + Next Gen UIs.pptxKeynote + Next Gen UIs.pptx
Keynote + Next Gen UIs.pptx
 
lecture_slides_esteem2019-231.pdf
lecture_slides_esteem2019-231.pdflecture_slides_esteem2019-231.pdf
lecture_slides_esteem2019-231.pdf
 
Scmad Chapter05
Scmad Chapter05Scmad Chapter05
Scmad Chapter05
 
Chapter2.ppt
Chapter2.pptChapter2.ppt
Chapter2.ppt
 
Dnn developer slider module user manual
Dnn developer slider module user manualDnn developer slider module user manual
Dnn developer slider module user manual
 
GWT Training - Session 2/3
GWT Training - Session 2/3GWT Training - Session 2/3
GWT Training - Session 2/3
 

Recently uploaded

Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 

Recently uploaded (20)

Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
Your enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jYour enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4j
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Portal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russePortal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russe
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 

Wavemaker AJAX

  • 1. WaveMaker Visual AJAX Studio 4.0 Training Basics: Building Your First Application Designer Basics
  • 2.
  • 3. Page Designer Overview Variable Editor Studio Version Design Toolbar Palette Canvas Property Editor 2. Build GUI
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.