The document provides an introduction to customizing and extending the Weblogic Console. It discusses reasons for customization such as rebranding to match corporate identity or differentiating environments. It describes extension points in the Weblogic Console UI hierarchy that allow for replacing or adding content. The document outlines steps to build a new Look and Feel including modifying configuration files, compiling JSPs, and creating a WAR file. It also discusses more complex customizations like using MBeans and adding new portlets.

1. WEBLOGIC CONSOLE
CUSTOMIZATION
An introduction to customizing and extending the Weblogic Console
1

2. • The Future Group
–TFG is a strong ICT entrepreneurs collective,
consisting of several partnerships. The largest
network of exclusively linked independent experts in
the Netherlands. Consists of 9 different collectives
each with its own specific knowledge area.
• Peter van Nes
– Partner within TFG and focussed on Oracle
technologies. Main expertise on Oracle middleware
(SOA, IDM, Weblogic, FMW) and Java.
2
ABOUT

3. • Rebrand
– Match Weblogic Console to the Corporate Identity
• Differentiate
– Dynamically adjust Look And Feel (LAF) to
environment (DTAP)
– Adjust Look And Feel to WL Role
• Extending with new functionality
3
REASONS TO CUSTOMIZE

4. • Extension point
–Location in Admin Console where content can be
replaced or added
• UI Control
–Has a unique label
–Each labeled UI Control is an Extension point
4
EXTENSION POINTS

5. • Provided by WebLogic Portal framework
– Supports (limited) extension of Weblogic Console
– No support for
• personalization (although we will see otherwise)
• interaction management
• content management
• etc.
5
WEBLOGIC CONSOLE

6. • Extensions are safe!
• Can be enabled/disabled anytime
– Preferences > Extensions
• Are merged with console.app in-memory
6
WEBLOGIC CONSOLE

7. – Open Preferences
– Tab extensions
– Select Show
Definition Labels
SHOW UI CONTROL LABELS
7
EXTENSION POINTS

8. – Open Preferences
– Tab extensions
– Select Show
Definition Labels
SHOW UI CONTROL LABELS
7
EXTENSION POINTS

9. – Open Preferences
– Tab extensions
– Select Show
Definition Labels
SHOW UI CONTROL LABELS
7
EXTENSION POINTS

10. – Open Preferences
– Tab extensions
– Select Show
Definition Labels
SHOW UI CONTROL LABELS
7
EXTENSION POINTS

11. 8
UI CONTROL HIERARCHY

12. 8
UI CONTROL HIERARCHY
DESKTOP
– top level UI hierarchy
DESKTOP

13. 8
UI CONTROL HIERARCHY
DESKTOP
– top level UI hierarchy
DESKTOP
LOOK AND FEEL
– images
– CSS
– XML files
LOOK AND FEEL

14. 8
UI CONTROL HIERARCHY
DESKTOP
– top level UI hierarchy
DESKTOP
LOOK AND FEEL
– images
– CSS
– XML files
LOOK AND FEEL
BOOK
– pages
– books
– menu control
BOOK

15. 8
UI CONTROL HIERARCHY
DESKTOP
LOOK AND FEEL BOOK
PAGE
– layout
– portlets
– books
PAGE

16. 8
UI CONTROL HIERARCHY
DESKTOP
LOOK AND FEEL BOOK
PAGE
– layout
– portlets
– books
PAGE
LAYOUT
– placeholders
LAYOUT

17. 8
UI CONTROL HIERARCHY
DESKTOP
LOOK AND FEEL BOOK
PAGE
– layout
– portlets
– books
PAGE
LAYOUT
– placeholders
LAYOUT
PLACEHOLDER
– portlets
– books
PLACEHOLDER

18. 8
UI CONTROL HIERARCHY
DESKTOP
LOOK AND FEEL BOOK
PAGE
LAYOUT
PLACEHOLDER
PORTLET
– Content
PORTLET

19. • Start with laftemplate.zip
– located at
${wl.home}/server/lib/console-ext/templates/
– Specific for a Weblogic version
– Initial set of Look and Feel files
– Extract to working directory
• Create netuix-extension.xml
– Copy to WEB-INF folder
– Modify netuix-extension.xml
– Oracle published version is incorrect!
9
BUILDING A NEW LOOK AND FEEL
.
├── css
├── errors
├── framework
├── images
├── javascript
├── layouts
├── login
└── WEB-INF
LAFTEMPLATE

20. • netuix-extension.xml
• Modify provider-info elements
• title
• version
• description
• author
• support-url
• All optional, not influencing functionality
10
BUILDING A NEW LOOK AND FEEL
<provider-info>
<title>Reddipped 11g LAF</title>
<version>1.0</version>
<description>A customized look and feel for WLS 11g Weblogic Console</description>
<author>Peter van Nes</author>
<support-url>http://www.reddipped.com/</support-url>
</provider-info>

21. • netuix-extension.xml
• Modify desktop-extension elements
• attribute title, skin and attribute
• value same as extension name and war-file
• attribute definitionLabel and markupName
• Any value, not used
11
BUILDING A NEW LOOK AND FEEL
<desktop-extension>
<look-and-feel-content title="MyFirstLAF"
definitionLabel="MyFirstLAF"
markupName="myLookAndFeel"
skin="MyFirstLAF"
skin-path="framework/skins"
skeleton="MyFirstLAF"
skeleton-path="framework/skeletons"
default-window-icon="window-icon.gif"
default-window-icon-path="images/"/>
</desktop-extension>

22. 12
BUILDING A NEW LOOK AND FEEL
• Compile jsp files
• Create tmp folder
• Copy from ${wl_home}/server/lib/consoleapp/
webapp
• .jar, .tld, .jsp files and web.xml
• Keep directory structure from laf working
directory!
• Copy from working directory
• .jsp files and .java classes (optional)
.
├── errors
├── framework
│ ├── features
│ └── skeletons
│ ├── default
│ │ └── wlsworkspace
│ └── MyFirstLAF
├── layouts
├── login
└── WEB-INF
└── lib
JSP COMPILE DIR

23. 13
BUILDING A NEW LOOK AND FEEL
• Setup classpath, all jars in
• ${wl.home}/server/lib
• ${wl.home}/server/lib/consoleapp/APP-INF/lib
• ${wl.home}/server/lib/consoleapp/webapp/WEB-
INF/lib
.
├── errors
├── framework
│ ├── features
│ └── skeletons
│ ├── default
│ │ └── wlsworkspace
│ └── MyFirstLAF
├── layouts
├── login
└── WEB-INF
└── lib
JSP COMPILE DIR

24. 14
BUILDING A NEW LOOK AND FEEL
• Compile jsp files
• Execute wlappc
• wlappc source="{tmpdir}"
keepgenerated="true" classPath=“{classpath}”
• Copy compiled classes to laf working directory
• Create Look And Feel WAR
• jar -cf {laf name} {laf working dir}
.
├── errors
├── framework
│ ├── features
│ └── skeletons
├── layouts
├── login
└── WEB-INF
├── classes
│ └── jsp_ext
└── lib
JSP COMPILE DIR
.
├── css
├── errors
├── framework
├── images
├── javascript
├── layouts
├── login
└── WEB-INF
└── classes
└── jsp_ext
LAF WORKING DIR

25. 15
BUILDING A NEW LOOK AND FEEL
• build.laf.xml
• Ant build file to build look and feel war-file
• Contains all necessary targets to build and compile
• targets
• laf.project.initialize
• laf.build
• laf.deploy
• other supporting targets
.
├── errors
├── framework
│ ├── features
│ └── skeletons
├── layouts
├── login
└── WEB-INF
├── classes
│ └── jsp_ext
└── lib
JSP COMPILE DIR
.
├── css
├── errors
├── framework
├── images
├── javascript
├── layouts
├── login
└── WEB-INF
└── classes
└── jsp_ext
LAF WORKING DIR

26. • Setup Weblogic Domain
• Configure Netbeans
• Setup Look And Feel Project
• Customize Look And Feel
• Deploy and Test customization
16
LAB 1

27. • Learn from the code
• Dynamic HTML
– Java Server Pages (JSP)
– Java Standard Tag Library (JSTL)
– Javascript
• JD-GUI is your friend!
17
MORE COMPLEX CUSTOMIZATIONS

28. 18
MORE COMPLEX CUSTOMIZATIONS
• Goal: Dynamic LAF based on environment
• Recognize environment based on domain name
• Dynamic color LAF login page border
• Dynamic toolbar color

29. 18
MORE COMPLEX CUSTOMIZATIONS
• Goal: Dynamic LAF based on environment
• Recognize environment based on domain name
• Dynamic color LAF login page border
• Dynamic toolbar color

30. • How to get the domain name ?
• Explore MBeanUtils
– Imported with import attribute in page directive of
LoginForm.jsp
– Find jar with ‘grep -Ri “com/bea/console/utils/
MBeanUtils” *’.
19
MORE COMPLEX CUSTOMIZATIONS

31. • Use JD GUI to decompile console.jar
• Expand MBeanUtils class to show all methods
• getDomainName
• Returns String containing domain name
• getDomainRuntimeMBeanServerConnection
• Returns MBeanServerConnection
• Enables you to access Runtime MBeans
• MBean Reference
• Weblogic Server MBean Reference
20
MORE COMPLEX CUSTOMIZATIONS

32. • WL Server contains MBeans to
configure, monitor and manage
Weblogic Server resources
• Attributes
– Set / Read values
• Operations
– Execute actions
21
MBEANS AND JMX

33. • Organized into
– Runtime MBeans
•Info about runtime state of server and resource
•Non persistent, volatile
– Configuration Means
• Representation of config xml files
• Accessed through JMX (Java Management Extension)
22
MBEANS AND JMX

34. • Registered in an MBean server
– Domain Runtime MBean Server
•Domain-wide services
– Runtime MBean Server
•Service instance
23
MBEANS AND JMX

35. • Lab 2
– Retrieve domain name
– Make login page border color dependent on
domain name
– Domain name convention [DTAP]_{domain name}
•Test domain : T_MyDomain
•Production domain : P_MyDomain
– Make toolbar color depend on domain name
• Lab 3
– Using MBeans
– List Managed Servers and state on login page
24
LAB 2 & 3

36. • Webserver
• JSONP format
MESSAGE SOURCE
• jQuery vTicker
• AngularJS
EXTENSION
25
LAB 4
CALLBACK([
{“MSG”:”Some customers in domain OBIEE_1 ….”}
]};
LAB
• Broadcasting
messages to admins

37. BEEHIVE PAGE FLOW
STRUTS ACTION
26
ADDING PORTLETS
NETUIX-EXTENSION.XML
SOME.PORTLET
JAVA SERVER PAGE (JSP)
• Extends
console.portal
• Adds Portlet to
desktop
• (sub)Tab to
ContentBook
Defines data to load Adds business and
navigation logic

38. <page-extension>
<page-location>
<parent-label-location
label="page"/>
<page-insertion-point
layout-location="1"
placeholder-position="0"/>
</page-location>
<portlet-content
content-uri=“demo.portlet"
title="Demo title"
orientation="top" default-
minimized="false"
instance-label="demo-
portlet"/>
</page-extension>
27
ADDING PORTLETS TO THE DESKTOP
NETUIX-EXTENSION.XML

39. <page-extension>
<page-location>
<parent-label-location
label="page"/>
<page-insertion-point
layout-location="1"
placeholder-position="0"/>
</page-location>
<portlet-content
content-uri=“demo.portlet"
title="Demo title"
orientation="top" default-
minimized="false"
instance-label="demo-
portlet"/>
</page-extension>
27
ADDING PORTLETS TO THE DESKTOP
NETUIX-EXTENSION.XML
LAYOUT
LOCATION
0

40. <page-extension>
<page-location>
<parent-label-location
label="page"/>
<page-insertion-point
layout-location="1"
placeholder-position="0"/>
</page-location>
<portlet-content
content-uri=“demo.portlet"
title="Demo title"
orientation="top" default-
minimized="false"
instance-label="demo-
portlet"/>
</page-extension>
27
ADDING PORTLETS TO THE DESKTOP
NETUIX-EXTENSION.XML
LAYOUT
LOCATION
0
LAYOUT
LOCATION
1

41. <page-extension>
<page-location>
<parent-label-location
label="page"/>
<page-insertion-point
layout-location="1"
placeholder-position="0"/>
</page-location>
<portlet-content
content-uri=“demo.portlet"
title="Demo title"
orientation="top" default-
minimized="false"
instance-label="demo-
portlet"/>
</page-extension>
27
ADDING PORTLETS TO THE DESKTOP
NETUIX-EXTENSION.XML
LAYOUT
LOCATION
0
LAYOUT
LOCATION
1

42. <page-extension>
<page-location>
<parent-label-location
label="page"/>
<page-insertion-point
layout-location="1"
placeholder-position="0"/>
</page-location>
<portlet-content
content-uri=“demo.portlet"
title="Demo title"
orientation="top" default-
minimized="false"
instance-label="demo-
portlet"/>
</page-extension>
27
ADDING PORTLETS TO THE DESKTOP
NETUIX-EXTENSION.XML
LAYOUT
LOCATION
0
LAYOUT
LOCATION
1
PLACEHOLDER
POSITION 0

43. <page-extension>
<page-location>
<parent-label-location
label="page"/>
<page-insertion-point
layout-location="1"
placeholder-position="0"/>
</page-location>
<portlet-content
content-uri=“demo.portlet"
title="Demo title"
orientation="top" default-
minimized="false"
instance-label="demo-
portlet"/>
</page-extension>
27
ADDING PORTLETS TO THE DESKTOP
NETUIX-EXTENSION.XML
LAYOUT
LOCATION
0
LAYOUT
LOCATION
1
PLACEHOLDER
POSITION 0
PLACEHOLDER
POSITION 1

44. <page-extension>
<page-location>
<parent-label-location
label="page"/>
<page-insertion-point
layout-location="1"
placeholder-position="0"/>
</page-location>
<portlet-content
content-uri=“demo.portlet"
title="Demo title"
orientation="top" default-
minimized="false"
instance-label="demo-
portlet"/>
</page-extension>
27
ADDING PORTLETS TO THE DESKTOP
NETUIX-EXTENSION.XML
LAYOUT
LOCATION
0
LAYOUT
LOCATION
1
PLACEHOLDER
POSITION 0
PLACEHOLDER
POSITION 1
PLACEHOLDER
POSITION 2

45. <page-extension>
<page-location>
<parent-label-location
label="page"/>
<page-insertion-point
layout-location="1"
placeholder-position="0"/>
</page-location>
<portlet-content
content-uri=“demo.portlet"
title="Demo title"
orientation="top" default-
minimized="false"
instance-label="demo-
portlet"/>
</page-extension>
27
ADDING PORTLETS TO THE DESKTOP
NETUIX-EXTENSION.XML
LAYOUT
LOCATION
0
LAYOUT
LOCATION
1

46. 27
ADDING PORTLETS TO THE DESKTOP
NETUIX-EXTENSION.XML
LAYOUT
LOCATION
0
LAYOUT
LOCATION
1
<page-extension>
<page-location>
<parent-label-location
label="page"/>
<page-insertion-point
layout-location="0"
placeholder-position="0"/>
</page-location>
<portlet-content
content-uri=“demo.portlet"
title="Demo title"
orientation="top" default-
minimized="false"
instance-label="demo-
portlet"/>
</page-extension>

47. DEMO.PORTLET
<netuix:portlet
definitionLabel=“DemoPortlet”
title=“DemoPortlet"
presentationClass="">
<netuix:titlebar/>
<netuix:content>
<netuix:jspContent
contentUri="/jspext/demo.jsp"/>
</netuix:content>
</netuix:portlet>
28
PORTLET STYLES

48. DEMO.PORTLET
<netuix:portlet
definitionLabel=“DemoPortlet”
title=“DemoPortlet"
presentationClass="">
<netuix:titlebar/>
<netuix:content>
<netuix:jspContent
contentUri="/jspext/demo.jsp"/>
</netuix:content>
</netuix:portlet>
28
PORTLET STYLES

49. DEMO.PORTLET
28
PORTLET STYLES
<netuix:portlet
definitionLabel=“DemoPortlet”
title=“DemoPortlet"
presentationClass="wlsc-frame">
<netuix:titlebar/>
<netuix:content>
<netuix:jspContent
contentUri="/jspext/demo.jsp"/>
</netuix:content>
</netuix:portlet>

50. DEMO.PORTLET
28
PORTLET STYLES
<netuix:portlet
definitionLabel=“DemoPortlet”
title=“DemoPortlet"
presentationClass="wlsc-layout-cell">
<netuix:titlebar/>
<netuix:content>
<netuix:jspContent
contentUri="/jspext/demo.jsp"/>
</netuix:content>
</netuix:portlet>

51. DEMO.PORTLET
28
PORTLET STYLES
<netuix:portlet
definitionLabel=“DemoPortlet”
title=“DemoPortlet"
presentationClass="wlsc-frame">
<!— <netuix:titlebar/> —>
<netuix:content>
<netuix:jspContent
contentUri="/jspext/demo.jsp"/>
</netuix:content>
</netuix:portlet>

52. DEMO.PORTLET
28
PORTLET STYLES
<netuix:portlet
definitionLabel=“DemoPortlet”
title=“DemoPortlet"
presentationClass="wlsc-frame">
<netuix:titlebar>
<netuix:minimize/>
<netuix:maximize/>
</netuix:titlebar>
<netuix:content>
<netuix:jspContent

53. <book-extension>
<book-location>
<parent-label-location
label="CoreDomainConfigGenera
lBook"/>
<book-insertion-point
action="append"/>
</book-location>
<book-content content-uri=“/
controls/demo.book”/>
</book-extension>
29
ADDING PORTLETS AS A TAB OF CONTENTBOOK
NETUIX-EXTENSION.XML

54. <book-extension>
<book-location>
<parent-label-location
label="CoreDomainConfigGenera
lBook"/>
<book-insertion-point
action="append"/>
</book-location>
<book-content content-uri=“/
controls/demo.book”/>
</book-extension>
29
ADDING PORTLETS AS A TAB OF CONTENTBOOK
NETUIX-EXTENSION.XML

55. <book-extension>
<book-location>
<parent-label-location
label="CoreDomainConfigGenera
lBook"/>
<book-insertion-point
action="append"/>
</book-location>
<book-content content-uri=“/
controls/demo.book”/>
</book-extension>
29
ADDING PORTLETS AS A TAB OF CONTENTBOOK
NETUIX-EXTENSION.XML

56. <book-extension>
<book-location>
<parent-label-location
label="CoreDomainConfigGenera
lBook"/>
<book-insertion-point
action="append"/>
</book-location>
<book-content content-uri=“/
controls/demo.book”/>
</book-extension>
29
ADDING PORTLETS AS A TAB OF CONTENTBOOK
NETUIX-EXTENSION.XML

57. 30
ADDING TAB WITHOUT SUBTABS
<netuix:page markupName="page"
markupType="Page"
definitionLabel="DomainDemoPage1"
title="Demo Tab 1"
presentationClass="page-content">
<netuix:meta
name="skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet"
instanceLabel="demoportlet"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
DEMO.BOOK
– definitionLabel
– instanceLabel
UNIQUENESS

58. 30
ADDING TAB WITHOUT SUBTABS
<netuix:page markupName="page"
markupType="Page"
definitionLabel="DomainDemoPage1"
title="Demo Tab 1"
presentationClass="page-content">
<netuix:meta
name="skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet"
instanceLabel="demoportlet"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
DEMO.BOOK
– definitionLabel
– instanceLabel
UNIQUENESS

59. 30
ADDING TAB WITHOUT SUBTABS
<netuix:page markupName="page"
markupType="Page"
definitionLabel="DomainDemoPage1"
title="Demo Tab 1"
presentationClass="page-content">
<netuix:meta
name="skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet"
instanceLabel="demoportlet"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
DEMO.BOOK
– definitionLabel
– instanceLabel
UNIQUENESS

60. 30
ADDING TAB WITHOUT SUBTABS
<netuix:page markupName="page"
markupType="Page"
definitionLabel="DomainDemoPage1"
title="Demo Tab 1"
presentationClass="page-content">
<netuix:meta
name="skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet"
instanceLabel="demoportlet"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
DEMO.BOOK
– definitionLabel
– instanceLabel
UNIQUENESS

61. 30
ADDING TAB WITHOUT SUBTABS
<netuix:page markupName="page"
markupType="Page"
definitionLabel="DomainDemoPage1"
title="Demo Tab 1"
presentationClass="page-content">
<netuix:meta
name="skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet"
instanceLabel="demoportlet"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
DEMO.BOOK
– definitionLabel
– instanceLabel
UNIQUENESS

62. 30
ADDING TAB WITHOUT SUBTABS
<netuix:page markupName="page"
markupType="Page"
definitionLabel="DomainDemoPage1"
title="Demo Tab 1"
presentationClass="page-content">
<netuix:meta
name="skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet"
instanceLabel="demoportlet"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
DEMO.BOOK
– definitionLabel
– instanceLabel
UNIQUENESS

63. 31
ADDING PORTLETS AS (SUB-)TABS
<netuix:book
markupName=“book"
markupType=“Book”
definitionLabel=“domainDemoSubTabs"
title="Demo Tab 2">
<netuix:singleLevelMenu
markupType=“Menu”
markupName=“singleLevelMenu"
presentationClass=“multi-level1”/>
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:page markupName=“page"
….
</netuix:page>
<netuix:page markupName=“page"
….
</netuix:page>
</netuix:content>
</netuix:book>
DEMO.BOOK

64. 31
ADDING PORTLETS AS (SUB-)TABS
<netuix:book
markupName=“book"
markupType=“Book”
definitionLabel=“domainDemoSubTabs"
title="Demo Tab 2">
<netuix:singleLevelMenu
markupType=“Menu”
markupName=“singleLevelMenu"
presentationClass=“multi-level1”/>
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:page markupName=“page"
….
</netuix:page>
<netuix:page markupName=“page"
….
</netuix:page>
</netuix:content>
</netuix:book>
DEMO.BOOK

65. 31
ADDING PORTLETS AS (SUB-)TABS
<netuix:book
markupName=“book"
markupType=“Book”
definitionLabel=“domainDemoSubTabs"
title="Demo Tab 2">
<netuix:singleLevelMenu
markupType=“Menu”
markupName=“singleLevelMenu"
presentationClass=“multi-level1”/>
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:page markupName=“page"
….
</netuix:page>
<netuix:page markupName=“page"
….
</netuix:page>
</netuix:content>
</netuix:book>
DEMO.BOOK

66. 31
ADDING PORTLETS AS (SUB-)TABS
<netuix:book
markupName=“book"
markupType=“Book”
definitionLabel=“domainDemoSubTabs"
title="Demo Tab 2">
<netuix:singleLevelMenu
markupType=“Menu”
markupName=“singleLevelMenu"
presentationClass=“multi-level1”/>
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:page markupName=“page"
….
</netuix:page>
<netuix:page markupName=“page"
….
</netuix:page>
</netuix:content>
</netuix:book>
DEMO.BOOK

67. 31
ADDING PORTLETS AS (SUB-)TABS
<netuix:book
markupName=“book"
markupType=“Book”
definitionLabel=“domainDemoSubTabs"
title="Demo Tab 2">
<netuix:singleLevelMenu
markupType=“Menu”
markupName=“singleLevelMenu"
presentationClass=“multi-level1”/>
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:page markupName=“page"
….
</netuix:page>
<netuix:page markupName=“page"
….
</netuix:page>
</netuix:content>
</netuix:book>
DEMO.BOOK
THIS IS A BOOK !

68. 31
ADDING PORTLETS AS (SUB-)TABS
<netuix:book
markupName=“book"
markupType=“Book”
definitionLabel=“domainDemoSubTabs"
title="Demo Tab 2">
<netuix:singleLevelMenu
markupType=“Menu”
markupName=“singleLevelMenu"
presentationClass=“multi-level1”/>
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:page markupName=“page"
….
</netuix:page>
<netuix:page markupName=“page"
….
</netuix:page>
</netuix:content>
</netuix:book>
DEMO.BOOK

69. 31
ADDING PORTLETS AS (SUB-)TABS
<netuix:book
markupName=“book"
markupType=“Book”
definitionLabel=“domainDemoSubTabs"
title="Demo Tab 2">
<netuix:singleLevelMenu
markupType=“Menu”
markupName=“singleLevelMenu"
presentationClass=“multi-level1”/>
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:page markupName=“page"
….
</netuix:page>
<netuix:page markupName=“page"
….
</netuix:page>
</netuix:content>
</netuix:book>
DEMO.BOOK
‘ SKELETONURI=“SINGLELEVELMENU_CHILDREN.JSP" ‘ IS DEPRECATED.
USE PRESENTATIONCLASS ATTRIBUTE WITH VALUE MULTI-LEVEL1

70. 31
ADDING PORTLETS AS (SUB-)TABS
<netuix:book
markupName=“book"
markupType=“Book”
definitionLabel=“domainDemoSubTabs"
title="Demo Tab 2">
<netuix:singleLevelMenu
markupType=“Menu”
markupName=“singleLevelMenu"
presentationClass=“multi-level1”/>
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:page markupName=“page"
….
</netuix:page>
<netuix:page markupName=“page"
….
</netuix:page>
</netuix:content>
</netuix:book>
DEMO.BOOK

71. 31
ADDING PORTLETS AS (SUB-)TABS
DEMO.BOOK
<netuix:book
…
<netuix:content>
<netuix:page markupName=“page"
markupType=“Page"
definitionLabel=“domainDemoSubPage2_1"
title="Demo Sub Tab 1”
presentationClass="page-content">
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet”
instanceLabel=“demoportlet2_1"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
<netuix:page markupName="page"
markupType=“Page"
definitionLabel=“domainDemoSubPage2_2"
title="Demo Sub Tab 2”
…
</netuix:page>
</netuix:content>
</netuix:book>

72. 31
ADDING PORTLETS AS (SUB-)TABS
DEMO.BOOK
<netuix:book
…
<netuix:content>
<netuix:page markupName=“page"
markupType=“Page"
definitionLabel=“domainDemoSubPage2_1"
title="Demo Sub Tab 1”
presentationClass="page-content">
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet”
instanceLabel=“demoportlet2_1"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
<netuix:page markupName="page"
markupType=“Page"
definitionLabel=“domainDemoSubPage2_2"
title="Demo Sub Tab 2”
…
</netuix:page>
</netuix:content>
</netuix:book>

73. 31
ADDING PORTLETS AS (SUB-)TABS
DEMO.BOOK
<netuix:book
…
<netuix:content>
<netuix:page markupName=“page"
markupType=“Page"
definitionLabel=“domainDemoSubPage2_1"
title="Demo Sub Tab 1”
presentationClass="page-content">
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet”
instanceLabel=“demoportlet2_1"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
<netuix:page markupName="page"
markupType=“Page"
definitionLabel=“domainDemoSubPage2_2"
title="Demo Sub Tab 2”
…
</netuix:page>
</netuix:content>
</netuix:book>

74. 31
ADDING PORTLETS AS (SUB-)TABS
DEMO.BOOK
<netuix:book
…
<netuix:content>
<netuix:page markupName=“page"
markupType=“Page"
definitionLabel=“domainDemoSubPage2_1"
title="Demo Sub Tab 1”
presentationClass="page-content">
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet”
instanceLabel=“demoportlet2_1"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
<netuix:page markupName="page"
markupType=“Page"
definitionLabel=“domainDemoSubPage2_2"
title="Demo Sub Tab 2”
…
</netuix:page>
</netuix:content>
</netuix:book>

75. 31
ADDING PORTLETS AS (SUB-)TABS
DEMO.BOOK
<netuix:book
…
<netuix:content>
<netuix:page markupName=“page"
markupType=“Page"
definitionLabel=“domainDemoSubPage2_1"
title="Demo Sub Tab 1”
presentationClass="page-content">
<netuix:meta
name=“skeleton-resource-bundle"
content="Bundle"/>
<netuix:content>
<netuix:portletInstance
markupType=“Portlet”
instanceLabel=“demoportlet2_1"
contentUri="/portlets/demo.portlet"/>
</netuix:content>
</netuix:page>
<netuix:page markupName="page"
markupType=“Page"
definitionLabel=“domainDemoSubPage2_2"
title="Demo Sub Tab 2”
…
</netuix:page>
</netuix:content>
</netuix:book>

76. LAYOUTS
32
PAGE LAYOUTS

77. onecolumnflow
LAYOUTS
32
PAGE LAYOUTS
singlecolumnLayout

78. onecolumnflow
LAYOUTS
32
PAGE LAYOUTS
singlecolumnLayout
twoColumnLayout

79. onecolumnflow
LAYOUTS
32
PAGE LAYOUTS
singlecolumnLayout
threeColumnLayout
twoColumnLayout

80. onecolumnflow
LAYOUTS
32
PAGE LAYOUTS
singlecolumnLayout
threeColumnLayout
fourColumnLayout
twoColumnLayout

81. <netuix:gridLayout columns="2"
markupType="Layout"
markupName="twoColumnLayout">
<netuix:placeholder
flow="vertical"
usingFlow="true"
width=“30%"
markupType="Placeholder"
markupName="twoColumn_left">
<netuix:portletInstance markupType=“Portlet"
instanceLabel="demoportlet"
contentUri="/portlets/demo.portlet"/>
</netuix:placeholder>
<netuix:placeholder …
…
</netuix:placeholder>
</netuix:gridLayout>
33
PAGE LAYOUTS gridlayout
markupname
columns
placeholder
markupnames
oneColumnFlowLayout n/a oneColumnFlow_center
singleColumnLayout 1 singleColumn_columnOne
twoColumnLayout 2 twoColumn_left,twoColumn_right
threeColumnLayout 3
threeColumn_left,threeColumn_center,
threeColumn_right
fourColumnLayout 4
fourColumn_left, fourColumn_leftCenter,
fourColumn_rightCenter, fourColumn_right
Example layouts;
{weblogic.home}/lib/consoleapp/webapp/framework/markup/layout

82. 34
ADDING NODES TO DOMAINSTRUCTURE
• Add backingFile attribute
•Java backing class name
•Added to Book or Page
• Create backing Class
•Initialized by backingFile
attribute
•Passes pagebacking
context and page URL
STEPS

83.
BOOK FILE
<netuix:page markupName="page" markupType=“Page"
definitionLabel="DomainDemoPage1"
title="Demo Tab 1"
presentationClass=“page-content"
backingFile=“com.reddipped.DemoNavTreeExtension">
<netuix:meta name="skeleton-resource-bundle"
content=“Bundle"/>
<netuix:content>
…
35
ADDING NODES TO DOMAINSTRUCTURE
com.reddipped.DemoNavTreeExtension
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx, String extensionUrl
PageBackingContext
markupName
markupType
title
definitionLabel
String
http://localhost:7002/console/console.portal?_nfpb=true&amp;_pageLabel=DomainDemoPage1
NavTreePortlet

84.
BOOK FILE
<netuix:page markupName="page" markupType=“Page"
definitionLabel="DomainDemoPage1"
title="Demo Tab 1"
presentationClass=“page-content"
backingFile=“com.reddipped.DemoNavTreeExtension">
<netuix:meta name="skeleton-resource-bundle"
content=“Bundle"/>
<netuix:content>
…
35
ADDING NODES TO DOMAINSTRUCTURE
com.reddipped.DemoNavTreeExtension
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx, String extensionUrl
PageBackingContext
markupName
markupType
title
definitionLabel
String
http://localhost:7002/console/console.portal?_nfpb=true&amp;_pageLabel=DomainDemoPage1
NavTreePortlet

85.
BOOK FILE
<netuix:page markupName="page" markupType=“Page"
definitionLabel="DomainDemoPage1"
title="Demo Tab 1"
presentationClass=“page-content"
backingFile=“com.reddipped.DemoNavTreeExtension">
<netuix:meta name="skeleton-resource-bundle"
content=“Bundle"/>
<netuix:content>
…
35
ADDING NODES TO DOMAINSTRUCTURE
com.reddipped.DemoNavTreeExtension
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx, String extensionUrl
PageBackingContext
markupName
markupType
title
definitionLabel
String
http://localhost:7002/console/console.portal?_nfpb=true&amp;_pageLabel=DomainDemoPage1
NavTreePortlet

86.
BOOK FILE
<netuix:page markupName="page" markupType=“Page"
definitionLabel="DomainDemoPage1"
title="Demo Tab 1"
presentationClass=“page-content"
backingFile=“com.reddipped.DemoNavTreeExtension">
<netuix:meta name="skeleton-resource-bundle"
content=“Bundle"/>
<netuix:content>
…
35
ADDING NODES TO DOMAINSTRUCTURE
com.reddipped.DemoNavTreeExtension
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx, String extensionUrl
PageBackingContext
markupName
markupType
title
definitionLabel
String
http://localhost:7002/console/console.portal?_nfpb=true&amp;_pageLabel=DomainDemoPage1
NavTreePortlet

87. public class DemoNavTreeExtension extends NavTreeExtensionBacking {
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx,
String extensionUrl){
// Construct the first TreeNode
TreeNode firstLevelNode = new TreeNode("myFirstLevelNode","Demo","") ;
// Add the Page as a child node to the first node
// based on backing context
TreeNode secondLevelNode1 = new TreeNode(ppCtx.getDefinitionLabel(),
ppCtx.getTitle(),extensionUrl,firstLevelNode);
// Add TreeExtension to root of DomainStructure
NavTreeExtensionEvent evt =
new NavTreeExtensionEvent(“/",firstLevelNode,
NavTreeExtensionEvent.APPEND_ACTION);
36
ADDING NODES TO DOMAINSTRUCTURE

88. public class DemoNavTreeExtension extends NavTreeExtensionBacking {
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx,
String extensionUrl){
// Construct the first TreeNode
TreeNode firstLevelNode = new TreeNode("myFirstLevelNode","Demo","") ;
// Add the Page as a child node to the first node
// based on backing context
TreeNode secondLevelNode1 = new TreeNode(ppCtx.getDefinitionLabel(),
ppCtx.getTitle(),extensionUrl,firstLevelNode);
// Add TreeExtension to root of DomainStructure
NavTreeExtensionEvent evt =
new NavTreeExtensionEvent(“/",firstLevelNode,
NavTreeExtensionEvent.APPEND_ACTION);
36
ADDING NODES TO DOMAINSTRUCTURE

89. public class DemoNavTreeExtension extends NavTreeExtensionBacking {
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx,
String extensionUrl){
// Construct the first TreeNode
TreeNode firstLevelNode = new TreeNode("myFirstLevelNode","Demo","") ;
// Add the Page as a child node to the first node
// based on backing context
TreeNode secondLevelNode1 = new TreeNode(ppCtx.getDefinitionLabel(),
ppCtx.getTitle(),extensionUrl,firstLevelNode);
// Add TreeExtension to root of DomainStructure
NavTreeExtensionEvent evt =
new NavTreeExtensionEvent(“/",firstLevelNode,
NavTreeExtensionEvent.APPEND_ACTION);
36
ADDING NODES TO DOMAINSTRUCTURE

90. public class DemoNavTreeExtension extends NavTreeExtensionBacking {
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx,
String extensionUrl){
// Construct the first TreeNode
TreeNode firstLevelNode = new TreeNode("myFirstLevelNode","Demo","") ;
// Add the Page as a child node to the first node
// based on backing context
TreeNode secondLevelNode1 = new TreeNode(ppCtx.getDefinitionLabel(),
ppCtx.getTitle(),extensionUrl,firstLevelNode);
// Add TreeExtension to root of DomainStructure
NavTreeExtensionEvent evt =
new NavTreeExtensionEvent(“/",firstLevelNode,
NavTreeExtensionEvent.APPEND_ACTION);
36
ADDING NODES TO DOMAINSTRUCTURE

91. public class DemoNavTreeExtension extends NavTreeExtensionBacking {
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx,
String extensionUrl){
// Construct the first TreeNode
TreeNode firstLevelNode = new TreeNode("myFirstLevelNode","Demo","") ;
// Add the Page as a child node to the first node
// based on backing context
TreeNode secondLevelNode1 = new TreeNode(ppCtx.getDefinitionLabel(),
ppCtx.getTitle(),extensionUrl,firstLevelNode);
// Add TreeExtension to root of DomainStructure
NavTreeExtensionEvent evt =
new NavTreeExtensionEvent(“/",firstLevelNode,
NavTreeExtensionEvent.APPEND_ACTION);
36
ADDING NODES TO DOMAINSTRUCTURE

92. 36
ADDING NODES TO DOMAINSTRUCTURE
public class DemoNavTreeExtension extends NavTreeExtensionBacking {
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx,
String extensionUrl){
// Construct the first TreeNode
TreeNode firstLevelNode = new TreeNode("myFirstLevelNode","Demo","") ;
// Add the Page as a child node to the first node
// based on backing context
TreeNode secondLevelNode1 = new TreeNode(ppCtx.getDefinitionLabel(),
ppCtx.getTitle(),extensionUrl,firstLevelNode);
// Add TreeExtension to root of DomainStructure
NavTreeExtensionEvent evt =
new NavTreeExtensionEvent(“/Environment",firstLevelNode,
NavTreeExtensionEvent.APPEND_ACTION);

93. public class DemoNavTreeExtension extends NavTreeExtensionBacking {
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx,
String extensionUrl){
// Construct the first TreeNode
TreeNode firstLevelNode = new TreeNode("myFirstLevelNode","Demo","") ;
// Add the Page as a child node to the first node
// based on backing context
TreeNode secondLevelNode1 = new TreeNode(ppCtx.getDefinitionLabel(),
ppCtx.getTitle(),extensionUrl,firstLevelNode);
// Add additional pages using a hardcoded definitionLabel, title and url
TreeNode secondLevelNode2 = new TreeNode(“domainDemoSubPage2_1",
"Demo Sub Tab 1","/console/console.portal?
_nfpb=true&_pageLabel=domainDemoSubPage2_1",firstLevelNode);
TreeNode secondLevelNode3 = new TreeNode("domainDemoSubPage2_2",
"Demo Sub Tab 2”,"/console/console.portal?
_nfpb=true&_pageLabel=domainDemoSubPage2_2",firstLevelNode
37
ADDING NODES TO DOMAINSTRUCTURE

94. public class DemoNavTreeExtension extends NavTreeExtensionBacking {
public NavTreeExtensionEvent getTreeExtension(PageBackingContext ppCtx,
String extensionUrl){
// Construct the first TreeNode
TreeNode firstLevelNode = new TreeNode("myFirstLevelNode","Demo","") ;
// Add the Page as a child node to the first node
// based on backing context
TreeNode secondLevelNode1 = new TreeNode(ppCtx.getDefinitionLabel(),
ppCtx.getTitle(),extensionUrl,firstLevelNode);
// Add additional pages using a hardcoded definitionLabel, title and url
TreeNode secondLevelNode2 = new TreeNode(“domainDemoSubPage2_1",
"Demo Sub Tab 1","/console/console.portal?
_nfpb=true&_pageLabel=domainDemoSubPage2_1",firstLevelNode);
TreeNode secondLevelNode3 = new TreeNode("domainDemoSubPage2_2",
"Demo Sub Tab 2”,"/console/console.portal?
_nfpb=true&_pageLabel=domainDemoSubPage2_2",firstLevelNode
37
ADDING NODES TO DOMAINSTRUCTURE

95. NavTreeExtensionEvent evt = new NavTreeExtensionEvent(“/Environment”,
firstLevelNode,
NavTreeExtensionEvent.INSERT_ACTION);
NavTreeExtensionEvent evt = new NavTreeExtensionEvent(“/Environmet”,
firstLevelNode,
NavTreeExtensionEvent.APPEND_ACTION);
NavTreeExtensionEvent evt = new NavTreeExtensionEvent(“/Environment”,
firstLevelNode,
NavTreeExtensionEvent.REPLACE_ACTION);
38
ADDING NODES TO DOMAINSTRUCTURE

96. NavTreeExtensionEvent evt = new NavTreeExtensionEvent(“/Environment”,
firstLevelNode,
NavTreeExtensionEvent.INSERT_ACTION);
NavTreeExtensionEvent evt = new NavTreeExtensionEvent(“/Environmet”,
firstLevelNode,
NavTreeExtensionEvent.APPEND_ACTION);
NavTreeExtensionEvent evt = new NavTreeExtensionEvent(“/Environment”,
firstLevelNode,
NavTreeExtensionEvent.REPLACE_ACTION);
38
ADDING NODES TO DOMAINSTRUCTURE

97. NavTreeExtensionEvent evt = new NavTreeExtensionEvent(“/Environment”,
firstLevelNode,
NavTreeExtensionEvent.INSERT_ACTION);
NavTreeExtensionEvent evt = new NavTreeExtensionEvent(“/Environmet”,
firstLevelNode,
NavTreeExtensionEvent.APPEND_ACTION);
NavTreeExtensionEvent evt = new NavTreeExtensionEvent(“/Environment”,
firstLevelNode,
NavTreeExtensionEvent.REPLACE_ACTION);
38
ADDING NODES TO DOMAINSTRUCTURE

98. • Webserver
• JSONP format
MESSAGE SOURCE
• jQuery vTicker
• AngularJS
EXTENSION
39
LAB5
JSON_CALLBACK({
"P_MyDomain":{
"Description":"Development domain for Oracle FMW Technical team",
LAB
• Adding support info
pages based on
domain name

99. 40
LAB6
LAB
• Add a tab
• Add a node to
Domain Structure

100. • System Statistics Graphs
• Show real-time system information in WL Console
• Historical view over last 15 minutes
• CPU load/#CPU
• Heapsize allocation
• Loaded classes
• All Managed Servers in one view
41
MORE ADVANCED EXTENSION

101. • System Statistics Graphs
• Show real-time system information in WL Console
• Historical view over last 15 minutes
• CPU load/#CPU
• Heapsize allocation
• Loaded classes
• All Managed Servers in one view
41
MORE ADVANCED EXTENSION

102. • Data collection
– MXBean SysStats
• SimpleType Attributes
– NumCPUs
– Architecture
– CPULoadAverage
• ArrayType Attributes
– AvgCPULoadHistory
– LoadedClassesHistory
– HeapUsageHistory
42
MORE ADVANCED EXTENSION

103. 43
MORE ADVANCED EXTENSION
SysStats
ATTRIBUTES
OPERATIONS
CPULoadAverage
AvgCPULoadHistory
takeAvgCPULoadHistorySample
AvgCPULoadHistory
Time Value
124232 1.4
124292 1.1

104. 43
MORE ADVANCED EXTENSION
SysStats
ATTRIBUTES
OPERATIONS
CPULoadAverage
AvgCPULoadHistory
takeAvgCPULoadHistorySample
1.2
AvgCPULoadHistory
Time Value
124232 1.4
124292 1.1

105. 43
MORE ADVANCED EXTENSION
SysStats
ATTRIBUTES
OPERATIONS
CPULoadAverage
AvgCPULoadHistory
takeAvgCPULoadHistorySample
1.2
AvgCPULoadHistory
Time Value
124232 1.4
124292 1.1

106. 43
MORE ADVANCED EXTENSION
SysStats
ATTRIBUTES
OPERATIONS
CPULoadAverage
AvgCPULoadHistory
takeAvgCPULoadHistorySample
1.2
AvgCPULoadHistory-
Time Value
124232 1.4
124292 1.1
124352 1.2

107. SysStats.ear
SysStats.war
44
MORE ADVANCED EXTENSION
SysStats
<listener-class>SystemInfoCollectorExecutor</listener-class>
web.xml
public class SystemInfoCollectorExecutor {
public void contextInitialized(ServletContextEvent sce) {
systemInfoCollectorHandle = scheduler.scheduleAtFixedRate(new
SystemInfoCollector(), 1, 1, TimeUnit.MINUTES);
public class SystemInfoCollector implements Runnable {
OperationsAttributes
SysStats.ear has Java
EE Module
SystStats.war
SysStats.war includes
listener class
Class executed by
scheduler invokes Take
operations on SysStats
MXBean.
Listener class initiates
scheduler on context
initalization

108. SysStats.ear
SysStats.war
44
MORE ADVANCED EXTENSION
SysStats
<listener-class>SystemInfoCollectorExecutor</listener-class>
web.xml
public class SystemInfoCollectorExecutor {
public void contextInitialized(ServletContextEvent sce) {
systemInfoCollectorHandle = scheduler.scheduleAtFixedRate(new
SystemInfoCollector(), 1, 1, TimeUnit.MINUTES);
public class SystemInfoCollector implements Runnable {
OperationsAttributes
SysStats.ear has Java
EE Module
SystStats.war
SysStats.war includes
listener class
Class executed by
scheduler invokes Take
operations on SysStats
MXBean.
Listener class initiates
scheduler on context
initalization

109. SysStats.ear
SysStats.war
44
MORE ADVANCED EXTENSION
SysStats
<listener-class>SystemInfoCollectorExecutor</listener-class>
web.xml
public class SystemInfoCollectorExecutor {
public void contextInitialized(ServletContextEvent sce) {
systemInfoCollectorHandle = scheduler.scheduleAtFixedRate(new
SystemInfoCollector(), 1, 1, TimeUnit.MINUTES);
public class SystemInfoCollector implements Runnable {
OperationsAttributes
SysStats.ear has Java
EE Module
SystStats.war
SysStats.war includes
listener class
Class executed by
scheduler invokes Take
operations on SysStats
MXBean.
Listener class initiates
scheduler on context
initalization

110. SysStats.ear
SysStats.war
44
MORE ADVANCED EXTENSION
SysStats
<listener-class>SystemInfoCollectorExecutor</listener-class>
web.xml
public class SystemInfoCollectorExecutor {
public void contextInitialized(ServletContextEvent sce) {
systemInfoCollectorHandle = scheduler.scheduleAtFixedRate(new
SystemInfoCollector(), 1, 1, TimeUnit.MINUTES);
public class SystemInfoCollector implements Runnable {
OperationsAttributes
SysStats.ear has Java
EE Module
SystStats.war
SysStats.war includes
listener class
Class executed by
scheduler invokes Take
operations on SysStats
MXBean.
Listener class initiates
scheduler on context
initalization

111. 45
LAB7A
LAB
• Deploy SysStats.ear
• Explore the SystStats
MXBean

112. • Data presentation
•Chart.js for graphs
•HTML 5 based
•Require JSON datastructure
•BXSlider for sliding multiple graphs
• 3 different graphs
• CPU load/#CPU
• Heapsize allocation
• Loaded classes
46
MORE ADVANCED EXTENSION

113. 47
MORE ADVANCED EXTENSION
• CPU Load
•#Processes running or
runnable
•Differs from CPU
Utilization
•Better indication user wait
time
• Graph
•CPU Load/CPUs
•Load per CPU
•15 min. timeframe
•One layer per Server
•Consolidate view
•Easy to detect anomalies
CPU LOAD/#CPU

114. 48
MORE ADVANCED EXTENSION
MEMORY POOL

115. 48
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP

116. 48
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP NON-HEAP

117. 48
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP NON-HEAP
EDEN SPACE

118. 48
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP NON-HEAP
EDEN SPACE
SURVIVOR
SPACE

119. 48
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP NON-HEAP
EDEN SPACE
SURVIVOR
SPACE
TENURED

120. 48
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP NON-HEAP
EDEN SPACE
SURVIVOR
SPACE
TENURED
PERM GEN

121. 48
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP NON-HEAP
EDEN SPACE
SURVIVOR
SPACE
TENURED
PERM GEN
CODE CACHE

122. 49
MORE ADVANCED EXTENSION
MEMORY POOL

123. 49
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP

124. 49
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP NON-HEAP

125. 49
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP NON-HEAP
EDEN SPACEMemory Pool

126. 49
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP NON-HEAP
EDEN SPACE
SURVIVOR
SPACEMemory Pool
Memory Pool

127. 49
MORE ADVANCED EXTENSION
MEMORY POOL
HEAP NON-HEAP
EDEN SPACE
SURVIVOR
SPACE
PERM GENMemory Pool
Memory Pool
Memory Pool

128. 50
MORE ADVANCED EXTENSION
Memory Pool
Maximum
Init
Used
Committed

129. 50
MORE ADVANCED EXTENSION
Memory Pool
Maximum
Init
Used
Committed

130. HEAP
51
MORE ADVANCED EXTENSION
Memory Pool
Maximum
Init
Used
Committed
Maximum
Init
Used
Committed
Maximum
Init
Used
Committed
Memory Pool
Memory Pool

131. HEAP
51
MORE ADVANCED EXTENSION
Memory Pool
Maximum
Init
Used
Committed
Maximum
Init
Used
Committed
Maximum
Init
Used
Committed
Memory Pool
Memory Pool
USED
COMMITTED - USED

132. HEAP
51
MORE ADVANCED EXTENSION
Memory Pool
Maximum
Init
Used
Committed
Maximum
Init
Used
Committed
Maximum
Init
Used
Committed
Memory Pool
Memory Pool
USED
COMMITTED - USED
USED
COMMITTED - USED

133. HEAP
51
MORE ADVANCED EXTENSION
Memory Pool
Maximum
Init
Used
Committed
Maximum
Init
Used
Committed
Maximum
Init
Used
Committed
Memory Pool
Memory Pool
USED
COMMITTED - USED
USED
COMMITTED - USED
USED
COMMITTED - USED

134. 52
MORE ADVANCED EXTENSION
• Experimental view
•Free %, not allocated
heap
•Committed not used,
committed - used
•Used,
used heap
HEAPSIZE ALLOCATION

135. 53
MORE ADVANCED EXTENSION
• Classes are loaded in
permanent generation
LOADED CLASSES

136. 54
MORE ADVANCED EXTENSION
HTTP://…/JChartJSONObjects?chartType=cpuLoadRadarChart
web.xml
<servlet>
<servlet-name>JChartJSONObjects</servlet-name>
<servlet-class>com.reddipped.controller.json.JChartJSONObjects</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>JChartJSONObjects</servlet-name>
<url-pattern>/JChartJSONObjects</url-pattern>
</servlet-mapping>
SysStats
JChartJSONHelper
JChartJSONObjects

137. 54
MORE ADVANCED EXTENSION
HTTP://…/JChartJSONObjects?chartType=cpuLoadRadarChart
web.xml
<servlet>
<servlet-name>JChartJSONObjects</servlet-name>
<servlet-class>com.reddipped.controller.json.JChartJSONObjects</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>JChartJSONObjects</servlet-name>
<url-pattern>/JChartJSONObjects</url-pattern>
</servlet-mapping>
SysStats
JChartJSONHelper
JChartJSONObjects

138. 54
MORE ADVANCED EXTENSION
HTTP://…/JChartJSONObjects?chartType=cpuLoadRadarChart
web.xml
<servlet>
<servlet-name>JChartJSONObjects</servlet-name>
<servlet-class>com.reddipped.controller.json.JChartJSONObjects</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>JChartJSONObjects</servlet-name>
<url-pattern>/JChartJSONObjects</url-pattern>
</servlet-mapping>
SysStats
JChartJSONHelper
JChartJSONObjects

139. 54
MORE ADVANCED EXTENSION
HTTP://…/JChartJSONObjects?chartType=cpuLoadRadarChart
web.xml
<servlet>
<servlet-name>JChartJSONObjects</servlet-name>
<servlet-class>com.reddipped.controller.json.JChartJSONObjects</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>JChartJSONObjects</servlet-name>
<url-pattern>/JChartJSONObjects</url-pattern>
</servlet-mapping>
SysStats
MBean Server Connection
JChartJSONHelper
JChartJSONObjects

140. 54
MORE ADVANCED EXTENSION
HTTP://…/JChartJSONObjects?chartType=cpuLoadRadarChart
web.xml
<servlet>
<servlet-name>JChartJSONObjects</servlet-name>
<servlet-class>com.reddipped.controller.json.JChartJSONObjects</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>JChartJSONObjects</servlet-name>
<url-pattern>/JChartJSONObjects</url-pattern>
</servlet-mapping>
SysStats
MBean Server Connection
JChartJSONHelper
JChartJSONObjects
JSON

141. 54
MORE ADVANCED EXTENSION
HTTP://…/JChartJSONObjects?chartType=cpuLoadRadarChart
{“labels":
["10:08","10:09","10:10","10:11","10:12","10:13","10:14","10:15","10:16","10:
17","10:18","10:19","10:20","10:21","10:22","10:23"],
“datasets”:[
{"label":"myserver2",
“fillColor":"rgba(165,222,11,0.2)",
“strokeColor":"rgba(165,222,11,1)",
“pointColor":"rgba(165,222,11,1)",
“pointStrokeColor":"#fff",
“pointHighlightFill":"#fff",
“pointHighlightStroke":"rgba(165,222,11,1)",
“data":
[0.06,0.18000000000000005,0.030000000000000027,0.020000000000000018,0.77,0.
19999999999999998,0.56,0.6200000000000001,1.2000000000000002,0.48,0.69,0.05
0000000000000044,0.06,0.13999999999999999,0.68,0.9]},
{"label":"myserver3","fillColor":"rgba(199,193,1,0.2)","strokeColor":"rgba(
199,193,1,1)","pointColor":"rgba(199,193,1,1)","pointStrokeColor":"#fff","p
ointHighlightFill":"#fff","pointHighlightStroke":"rgba(199,193,1,1)","data"
:
[0.35,0.35000000000000003,0.27,0.45000000000000007,0.47000000000000003,0.76
,0.34,0.1399999999999999,0.8200000000000001,0.38,0.07999999999999996,0.4300
0000000000005,0.5900000000000001,0.31,0.18,0.05000000000000002]},
{“label":"myserver",
“fillColor":"rgba(227,158,3,0.2)",
“strokeColor":"rgba(227,158,3,1)",
“pointColor":"rgba(227,158,3,1)",
“pointStrokeColor":"#fff",
“pointHighlightFill":"#fff",
SysStats
MBean Server Connection
JChartJSONHelper
JChartJSONObjects
JSON

142. 55
MORE ADVANCED EXTENSION

143. 55
MORE ADVANCED EXTENSION

144. 56
LAB7B
LAB
• Add Java Classes
• JChartJSONObjects
• JChartJSONHelper
• Create WLC Ext.
• Add Book
• Add JSP

145. TUTORIALSPOINT JAVA SERVER PAGES
57
USEFULL WEBSITES

146. DEVELOPING ENTERPRISE JAVABEANS, VERSION 2.1, FOR ORACLE
EXTENDING THE ADMINISTRATION CONSOLE FOR ORACLE WEBLOGIC SERVER
WEBLOGIC SERVER MBEAN REFERENCE
W3SCHOOLS ANGULARJS
CODESCHOOL SHAPING UP WITH ANGULARJS
BXSLIDER THE RESPONSIVE JQUERY CONTENT SLIDER
CHART.JS
TYPOGRAPHY
TUTORIALSPOINT JAVA SERVER PAGES
57
USEFULL WEBSITES

147. DRIVE
HOME
SAFELY
www.reddipped.com
58
@petervannes