Can your UI change colors like chameleon? Vikrant Patil 1 Whats - - PowerPoint PPT Presentation

▶
can your ui change colors like chameleon vikrant patil
SMART_READER_LITE
LIVE PREVIEW

Can your UI change colors like chameleon? Vikrant Patil 1 Whats - - PowerPoint PPT Presentation

Jun 11, 2023 156 likes •633 views

Can your UI change colors like chameleon? Vikrant Patil 1 Whats in? 2 Whats in? The talk isnt really about changing colors! But its about rapid UI development. 3 Whats in? The talk isnt really about changing colors! But its

slide-1
SLIDE 1

Can your UI change colors like chameleon? Vikrant Patil

1

slide-2
SLIDE 2

Whats in?

2

slide-3
SLIDE 3

Whats in?

  • The talk isn’t really about changing colors! But its

about rapid UI development.

3

slide-4
SLIDE 4

Whats in?

  • The talk isn’t really about changing colors! But its

about rapid UI development.

  • At Strand we have build various products on

underlying data analysis and visualization platform, avadis(TM). We usually need different wrappers of UI in different products. Although many of them have same underlying core functionality.

4

slide-5
SLIDE 5

Whats in?

  • The talk isn’t really about changing colors! But its

about rapid UI development.

  • At Strand we have build various products on

underlying data analysis and visualization platform, avadis(TM). We usually need different wrappers of UI in different products. Although many of them have same underlying core functionality.

  • I would like to share tips and tricks that we use at

Strand to do rapid UI development.

5

slide-6
SLIDE 6

Patterns in User Interface

6

slide-7
SLIDE 7

Patterns in User Interface: Menus

7

slide-8
SLIDE 8

Patterns in User Interface: Toolbar/Menubar

8

slide-9
SLIDE 9

Patterns in User Interface: Parameters

9

slide-10
SLIDE 10

Patterns in User Interface: Parameters

10

slide-11
SLIDE 11

Patterns in User Interface: Parameters

11

slide-12
SLIDE 12

Patterns in User Interface: Custom

12

slide-13
SLIDE 13

Patterns in User Interface

Find most commonly used components. Some of them are as listed below

13

slide-14
SLIDE 14

Patterns in User Interface

Find most commonly used components. Some of them are as listed below

  • Menus/Menubars

14

slide-15
SLIDE 15

Patterns in User Interface

Find most commonly used components. Some of them are as listed below

  • Menus/Menubars
  • Commandbars

15

slide-16
SLIDE 16

Patterns in User Interface

Find most commonly used components. Some of them are as listed below

  • Menus/Menubars
  • Commandbars
  • Parameters input/output

string parameters numeric parameters logical/boolean parameters/checkbox Dropdown menus etc.

16

slide-17
SLIDE 17

Patterns in User Interface

Find most commonly used components. Some of them are as listed below

  • Menus/Menubars
  • Commandbars
  • Parameters input/output

string parameters numeric parameters logical/boolean parameters/checkbox Dropdown menus etc.

  • Other custom UI components

17

slide-18
SLIDE 18

Automating the patterns

18

slide-19
SLIDE 19

Automating the patterns

19

slide-20
SLIDE 20

Automating the patterns

  • Abstract out common parts as core java classes

e.g Menu, Menubar, Commandbar

20

slide-21
SLIDE 21

Automating the patterns

  • Abstract out common parts as core java classes

e.g Menu, Menubar, Commandbar

  • Let the core classes be driven by

specifications to create the actual UI item.

21

slide-22
SLIDE 22

Automating the patterns

  • Abstract out common parts as core java classes

e.g Menu, Menubar, Commandbar

  • Let the core classes be driven by

specifications to create the actual UI item. These two things will allow us automated UI

  • creation. To generate any UI with new

specifications, We need not create the the UI item using basic swing component. What we need is new specification file or whatever way of specifying specifications.

22

slide-23
SLIDE 23

Automating the patterns: Menu

Let us automate the pattern Menu. If we want to create new Menu item, what we need is a core java class for Menu and a specification file. What specifications do you think we will need?

23

slide-24
SLIDE 24

Automating the patterns: Menu

Let us automate the pattern Menu. If we want to create new Menu item, what we need is a core java class for Menu and a specification file. What specifications do you think we will need?

  • Name of menu

24

slide-25
SLIDE 25

Automating the patterns: Menu

Let us automate the pattern Menu. If we want to create new Menu item, what we need is a core java class for Menu and a specification file. What specifications do you think we will need?

  • Name of menu
  • List of menu items

25

slide-26
SLIDE 26

Automating the patterns: Menu

Let us automate the pattern Menu. If we want to create new Menu item, what we need is a core java class for Menu and a specification file. What specifications do you think we will need?

  • Name of menu
  • List of menu items
  • Actions of every menu item

26

slide-27
SLIDE 27

Automating the patterns: Menu

Let us automate the pattern Menu. If we want to create new Menu item, what we need is a core java class for Menu and a specification file. What specifications do you think we will need?

  • Name of menu
  • List of menu items
  • Actions of every menu item

Geting Name and list of menu-item s is easy job. It can be taken from any static file. Taking Action s from specification file is little tricky! Jython being a dynamic language can help here.

27

slide-28
SLIDE 28

Automating the patterns : avadis(TM) Menu

Let us try to create a new menu Python with only

  • ne menu item in it, Hello Pycon

The specification file for this menu in avadis(TM) would look like ...

28

slide-29
SLIDE 29

Automating the patterns : Parameters

specification for various parameters

29

slide-30
SLIDE 30

Automating the patterns : Parameters

specification for various parameters String

  • Description
  • Default value

30

slide-31
SLIDE 31

Automating the patterns : Parameters

specification for various parameters String

  • Description
  • Default value

Drop down menu

  • Description
  • List of items in drop down
  • Default value/selection

31

slide-32
SLIDE 32

Automating the patterns : Parameters

specification for various parameters

32

slide-33
SLIDE 33

Automating the patterns : Parameters

specification for various parameters Checkbox

  • Description
  • Default value

33

slide-34
SLIDE 34

Automating the patterns : Parameters

specification for various parameters Checkbox

  • Description
  • Default value

Slider

  • Maximum value of slider
  • Minimum value of slider
  • Default value

34

slide-35
SLIDE 35

I am reappy not a wizard

But let us do some wizardry using Jython spells and just learnt UI automation.

35

slide-36
SLIDE 36

I am reappy not a wizard

But let us do some wizardry using Jython spells and just learnt UI automation.

  • Parameter dialogs using Plugins

36

slide-37
SLIDE 37

I am reappy not a wizard

But let us do some wizardry using Jython spells and just learnt UI automation.

  • Parameter dialogs using Plugins
  • Pycon profile editing form

From script editor

37

slide-38
SLIDE 38

I am reappy not a wizard

But let us do some wizardry using Jython spells and just learnt UI automation.

  • Parameter dialogs using Plugins
  • Pycon profile editing form

From script editor Add it to menu

38

slide-39
SLIDE 39

I am reappy not a wizard

But let us do some wizardry using Jython spells and just learnt UI automation.

  • Parameter dialogs using Plugins
  • Pycon profile editing form

From script editor Add it to menu

  • More magic using Jython

39

slide-40
SLIDE 40

God and Devil

Good

40

slide-41
SLIDE 41

God and Devil

Good

  • Rapid UI development.

41

slide-42
SLIDE 42

God and Devil

Good

  • Rapid UI development.
  • You can program with efficiency of java and

expressiveness of python.

42

slide-43
SLIDE 43

God and Devil

Good

  • Rapid UI development.
  • You can program with efficiency of java and

expressiveness of python.

  • You can do tons of wizardry runtime.

Bad

43

slide-44
SLIDE 44

God and Devil

Good

  • Rapid UI development.
  • You can program with efficiency of java and

expressiveness of python.

  • You can do tons of wizardry runtime.

Bad

  • There is a chance that your system gets flooded

with orphan code snippets in plugins or specification files

44

slide-45
SLIDE 45

God and Devil

Good

  • Rapid UI development.
  • You can program with efficiency of java and

expressiveness of python.

  • You can do tons of wizardry runtime.

Bad

  • There is a chance that your system gets flooded

with orphan code snippets in plugins or specification files

  • If action code goes in plugins, syntax errors show

up only in runtime

45

slide-46
SLIDE 46

Thank you!

46