<Insert Picture Here>




Oracle Universal Content Management 11g:
Manage Web Content II
Lee Klement
Senior Principal Instructor
Oracle University
Welcome!                                I’m Lee.

• Name: Lee Klement
                                                          <Insert Picture Here>
• Residence: Minneapolis, Minnesota
             Minneapolis
• Workplace: Everywhere!
• Experience: 16 Years with Stellent, now Oracle
  • Spent time in Support, Consulting, and QA/Web Group
  • 8 Years as a Trainer on Content Server
• Lead Instructor on Content Server Products (UCM / WCM / URM)
• Now also teaching Oracle Classes on:
  • Introduction to Java
  • Java EE
  • XML
  • Web services
Introduce Yourself!

                                             <Insert Picture Here>
• Wh t’ your name?
  What’s         ?
• What do you do?
• What experience or training do you have with
  Content Server?
• What experience or training do you have with Site
  Studio?
• What will you be doing with Site Studio?
• Tell us two facts about yourself.
Introduce Yourself!

• What’s your name?                         <Insert Picture Here>


• Where are you today?
• What do you do?
• What experience or training do you have with
  Site Studio?
• Tell me about your installation
• Wh t will you b d i with Sit St di ?
  What ill      be doing ith Site Studio?
• Tell us two facts about yourself.
WCM II: Monday's Lessons

1. Introduction                      <Insert Picture Here>

   (& Let's Build a Classroom)
2. Deploying a Dynamic Web Site
3. Site Studio Administration Page
4. Creating Custom Elements
WCM II: Tuesday's Lessons

5.   Using Idoc Script
         g                           <Insert Picture Here>


6.   Adding Navigation
7.   Adding Parameters to
          g
     Custom Elements
8.   Using a Cascading Style Sheet
     with Dynamic Converter
WCM II: Wednesday's Lessons

9.   Options Available               <Insert Picture Here>

     Only in Contribution Mode
10. Extending Your Web Page with
    Custom Section P
    C t     S ti Properties
                        ti
11. Creating a Custom Dynamic List
12. Working with Site Studio for
    External Applications (SSXA)
Site Studio isn't Site Studio

• Site Studio is the WCM add-on to Oracle Content
  Server
• Content Server is changing it's name.
• W Fusion Middleware Ui
  Was F i Middl           Uinversal C t t
                                    l Content
  Management (UCM)
• Site Studio was FMW UCM Web Content
  Management
• UCM Is Becoming: Oracle WebCenter Content
• Site Studio is becoming Oracle WebCenter Content:
  Site Studio
WCM II: Possible Bonus Lessons


•    Creating Fragments
            g    g                   <Insert Picture Here>


•    Going Deeper With Idoc Script
•    Site Studio Services
•    Creating Static Lists
<Insert Picture Here>




Build A Class
Build-A-Class
(a.k.a. Practice 2...)
Big Changes!

• Oracle Universal Content Management (
                                  g       (UCM) 11g is
                                                ) g
  the first version to be implemented as a Java
  Enterprise Edition (Java EE) Application
• That means UCM 11g (a.k.a. Content Server) runs
  inside a Java EE Application Server
• Oracle's Flagship Java EE Server is the Weblogic
  Application Server
Connections...

• Weblogic Admin Console:
       g
 http://hostname.us.oracle.com:7001/console


• C t t Server:
  Content S
 http://hostname.us.oracle.com:16200/cs
Build-Out, Part I
• Lee's Part:
  • Lesson 1
• Your Part:
  • Practice 1-1 to 1-3: Starting Servers & Configuring WLS
  • Practice 2-1: Installing Components
                           g     p
• Verify:
  • Components Enabled:
     •   ContentTracker
     •   ContentTrackerReports
     •   DynamicConverter
     •   DBSearchContainsOpSupport
                             p pp
     •   SiteStudio
     •   Folders_g
     •   SiteStudioExternalApplications
     •   SiteStudioPublisher
Build-Out, Part II
• Lee's Part:
  • Lesson 2; to page 2-7
• Your Part:
  • Practice 2-2 to 2-5:
       CMU, Metadata, Admin Tray, Import Content, & Rebuild Index
• Verify:
  • Metadata on Checkin Page
  • Content Visible in Search Results
Build-Out, Part III
• Lee's Part:
  • Lesson 2; 2-8 to end + demo replication
• Your Part:
  • Practice 2-6: Installing and Configuring Site Studio Designer
  • Practice 2-7: Unpack the lab files for this class
                     p
• Verify:
  • Designer Starts
  • Lab Files visible at d:labsWCM II
<Insert Picture Here>




Lesson 3
Site Studio Admin Page
Site Studio & DNS
<Insert Picture Here>




Interlude:
Site Studio Review
Site Studio Purpose

• Build a system that allows websites to be maintained
           y
  with minimal intervention from the web team.
• Web team creates the design, infrastructure, and
  process for the sites.
                  sites
• Contributors create & maintain the content.
• Site managers use existing design elements to create
  and maintain sections of the website.
Site Studio Design Principles

• A strong separation of presentation & content &
          g
  control file
  • Presentation and content are stored in separate files
  • Control files control the contribution process
  • That makes presentation and content independently
    reuseable elements.
  • These reuseable elements are all combined dynamically on
                                                   dynamically, on-
    demand.
3 Kinds of Files

• Content
  • Contributor Data Files: XML / HTML
  • Native Content: Word, Wordperfect, Powerpoint, etc.
• Presentation
  • Templates
     • Page Template: Top-Level Structure Page
     • Region Template: Presentation for a contribution region
          g       p                                       g
     • Subtemplate: Reuseable modules that fit inside a page
       template.
• Control
  • Most have 'definition' in their name (i.e. Element Definition,
    Region Definition, Placeholder Definition)
  • All stored as XML
         t d
Placeholders & Contribution Regions

In a page
template, a
placeholder may
reference a
contribution
    t ib ti
region.

A contribution
region is an
editable area of
the page
    page.
What's a Placeholder?

• A placeholder is a named insertion point in a pageg
  template or a subtemplate.
• At each placeholder you can assign either a region
  definition / template to make a contribution region OR
  a subtemplate. The subtemplate would then typically
  carry more placeholders.
Presentation Model
Contribution Model
Region Definitions Define a 'Type' of Datafile


• Region Definition defines what data will be in a data
      g
  file (it's structure)
• Region Template provides a presentation for that data
• D t fil h
  Data files have a structure th t matches th d fi iti
                        t t   that   t h the definition
  they were created from
Content Re-Use
                       ...can look different...


The same datafile...

                       ...on different pages
                          on
Site Studio Parts...
Site Studio Parts - v2
Site Studio Parts, v3
Naming Scheme for Class

• 2-Letter Code for what kind of thing it is, i.e.
                                     g
  •   PT - Page Template
  •   RT - Region Template
  •   ED - Element Definition
  •   RD - Region Definition
• Followed by a functional description, i.e.
  • ED-WYSIWYG-CSSBodyStyles
<Insert Picture Here>




Lesson 5
Idoc Script
Idoc Script Is...

•   Server-Side
•   Tag-Based
•   Case Sensitive
•   Simple
•   Constrained
    C    t i d
    • In Time
    • In Functionality
•   Secure
•   Exensible
•   Mature
•   Powerful
•   Complete
Variables

• Loosely typed - essentially all strings
         y y                y          g
• Undeclared - use its yours
• Set a value in a web page like this:
  <!--$MyVariable = "Lee"-->
• Set a value in a config file or URL like this:
  MyVariable Lee
  MyVariable=Lee
• Reference a variable in a web page like this:
  <!--$MyVariable-->
• Scope is controlled by where value set.
Metadata = Variables

• Every metadata field (
       y               (like Title) has a standard
                                  )
  variable name (like dDocTitle)
• Prefixes indicate what 'kind' of metadata field it is:
  • d - system / standard content metadata
           t      t d d      t t    t d t
  • x - custom / extended content metadata
  • u - user metadata




• See section 2 of the Idoc Script Reference Guide
• Beware of data pollution!
Variables


•   UserName
•   isLoggedIn
•   UserIsAdmin
•   siteId / nodeId
•   SS_DATAFILE
•   SSContributor
Functions

• Simple:
  • dateCurrent()
  • formatDateOnly()
  • isTrue()
Functions

• Security & Users
         y

  • userHasRole()
Functions

• Site Studio Specific
  •   wcmElement()
  •   ssGetNodeLabel()
  •   ssGetWebsiteName()
  •   wcmUrl()
  •   ssGetDocInfo()
  •   ssIsNativeDoc()
<Insert Picture Here>




Lesson 6
Navigation
Understanding and Creating Navigation

We've got three main topics to cover:
      g

  • Site Studio Navigation Basics
  • How to Write Navigation Code in Site Studio
  • How to Package Navigation Code in Site Studio
Site Studio Navigation Basics

• Navigation is automatically kept up to date
• Site stucture is stored in the project file
                                 p j
• Site Studio publishes site structure and key section
  properties to JavaScript and XML data files
• Navigation data is also available via Webservices and
  Idoc Script APIs
• Your navigation code reads that data and presents it
Where's that Data?

• Site Studio publishes navigation and section property
                              g                       y
  to a Site Studio directory in the weblayout.

• I the classroom th path i
  In th l         the th is:
  D:OracleMiddlewareuser_projectsdomainsbase_domainucmcsweblayoutwebsites




• Below that there is a separate directory per website

• Th
  There is a JavaScript and an XML fil with much th
        i    J   S i t d           file, ith   h the
  same data in each.
Writing Navigation Code

• The data is there, we just need to read it and present it.
                        j

• You can do it in JavaScript, IdocScript, or whatever

• I will demonstrate getting the data from the server via an
  Idoc Script function and building the nav with Idoc Script

• For you act ty you work with a Ja aSc pt based
   o your activity you'll o t    JavaScript-based
  version.
Packaging Navigation Code

• Now we've got it, where do we put it?
            g
Where do I put my Navigation Code

 In a Page Template?
   Bad h i because:
   B d choice b
   Not very reuseable
   No way to set parameters
   Against general Site Studio design principles
 In a Subtemplate
   Not the best
   More resuable (than PT)
   No way to set parameters
 In a Region Template
 In a Fragment
2 Ways to Package Navigation

• In a Fragment
  •   Parameters set ONLY by designers i SS D i
      P       t      t       b d i         in    Designer A
                                                          App
  •   Assets store in Fragment library - always there
  •   Can insert cordinated code snippets in head & body
  •   Easier for web designer to use


• In a Region Template
  • Parameters set by designers or contributors in SS Contributor
  • Assets are separate content items and may or may not be
    loaded ith the
    l d d with th RT code  d
  • Only 'drop point' insertion in body
<Insert Picture Here>




Lesson 8
Using CSS with Dynamic Converter
Dynamic Converter Basics

• Dynamic Converter does a template-controlled
    y
  conversion of native content to web content.
• A Dynamic Converter template is a collection of rules
  for converting parts of a native document to web
  formats
• A Dynamic Converter element is one of those rules
      y
• A Dynamic Converter Layout defines the
  characteristics of the page that is 'wrapped around'
  the converted content
                 content.
Dynamic Converter Basics

Dynamic Converter does a template-controlled
conversion of native content to web content.
Role of Template & Layout




 The Native File is processed by rules
 in the DC Template to produce HTML
                                HTML.
 That HTML is merged into the DC
 Layout to produce a finished p g
    y      p                  page.
Dynamic Conversion: What You Need

• A Dynamic Converter Template
• A Dynamic Converter Layout
 (always use the snippet layout)
• Some Native Content
 (with styles & wsot = native document & rd field pointing to a region def)
• A CSS Stylesheet
• A Conversions Definition
 (be sure to reference this in the site properties)
• A Region Definition
      g
 (may be blank)
• A Region Template
 (
 (with a dynamic conversion object)
          y                   j )
CSS: 3 Ways to Apply A Style

• With a span tag:
                g
        <span class="myStyle"><h1>Some Text</h1></span>


• With a class selector:
        <h1 class = "myStyle">Some Text</h1>


• With a type selector:
        <h1>Some Text</h1>



See the 'Selectutorial' at:
    http://css.maxdesign.com.au/selectutorial/selectors_type.htm
                                                       _
Code to link to a CSS File from a Template



Ideally this code would all be on one line in your template:

<link media="screen" href="
  <!--$wcmUrl('resource', 'groups/public/documents/dDocType/dDocName.css')-->"
  type="text/css" rel="stylesheet" />


Replace the relative URL of the content (second parameter of wcmUrl function) with a
  value copied from y
          p          your stylesheet's Document Information p g
                            y                               page.
Region Template Code for
 Data file or Dynamic Conversion

<!-- Inside a Region Template SS_DATAFILE will carry the dDocName
     of the content to be displayed -->



<!--$if ssIsNativeDoc( SS_DATAFILE )-->
                         _
  <!-- Code for processing dynamic conversion here-->
  <!--$wcmDynamicConversion("Main")-->
<!--$else-->
  <!-- Code for processing contributor datafile here -->
  <h1><!--$wcmElement("Headline")--></h1>
  <!--$wcmElement("Body")-->
<! $endif >
<!--$endif-->
<Insert Picture Here>




Lesson 10
Custom Section Properties
What are they good for?

• Accessible from SS Designer and SS Manager tools
                         g               g
• Allow some bit of data to be attached to the section
• Template code can reference the property to look up
  parameters that will change its appearance or
  behavior
  • Supplemental CSS for Section

  • Query to Drive Section-Specific Dynamic List
        y                   p        y
<Insert Picture Here>




Lesson 11
Dynamic Lists
RT Code for Simple Dynamic List

<span class = "Heading3"><!--$wcmElement("heading")--></span></br>

<!--$if wcmDynamicList("pagenavlist")-->
<!-- wcmDynamicList loads the parameters from the RD / ED and returns true -->
  <!--$executeService("SS_GET_SEARCH_RESULTS")-->
<ul>
< l>
  <!--$loop SearchResults-->
         <li><a href="<!--$ssUrl-->"><!--$xml(dDocTitle)--></a>&nbsp;
         <a href = "<!--$URL-->"><img src="<!--$wcmUrl('resource',
           'groups/public/documents/web_asset/doc_icon.gif')-->" /></a></li>
  <!--$endloop-->
</ul>
<!--$endif-->
<Insert Picture Here>




Lesson 12
Site Studio for External Applications
SSXA?

• What is it?
  An extension or re-implementation of Site Studio with a goal of
   integration with other applications using industry standard
   technology (SOAP/XML Web Services and JSP/JSPX)


• Why would I want it?
  Because you want to use Site Studio with another application or
  B                   tt    Sit St di  ith    th      li ti
    portal to deliver Web Content Management.
What Do You Know About Java EE?
<Insert Picture Here>


Bonus
Key UCM Resources
Oracle Technology Network

• Downloads:
 http://www.oracle.com/technetwork/middleware/content-
 management/downloads/index-085241.html

• Documents:
 http://www.oracle.com/technetwork/middleware/content-
 http://www oracle com/technetwork/middleware/content-
 management/documentation

• Discussion:
 http://www.oracle.com/technetwork/middleware/content-
 management/community/
The Yahoo Group

• Intradoc_Users
  The oldest and largest community of Content Server
  users and experts.
The Book:

The Definitive Guide to
Stellent Content Server
Development
By Brian Huff
3 Key Blogs...

• Kyle's Blog:
   y        g
 http://blogs.oracle.com/kyle/

• WebMonkeyMagic:
 http://webmonkeymagic.blogspot.com/

• Bex Huff's Blog:
 http://bexhuff.com/


• O More?
  One M ?
 Content on Content Management
 http://contentoncontentmanagement.com/
The Videos (...and another book)

• StellentExperts channel with titles like:
 (search for "Stellent")
  • "How to become clear on ECM Role-Based Security in 15
    min or less"
  • "How to install Oracle UCM 11gR1 on your laptop in a short
    afternoon"

 • Dmitri Khanine (the man behind the videos)
   also has a book; "The Oracle UCM
   Handbook
   Handbook" though it has had mixed
   reviews...
Classroom URLs:


eAttendance:
 Att d
  http://education.oracle.com/eattendance.html


Evaluations:
 http://education.oracle.com/pls/eval-eddap-
 http://education oracle com/pls/eval-eddap-
 dcd/eval_common_hdr.n_osevalsearch


On-Site Evaluations:
 http://education.oracle.com/eval-eddap-dcd/plsql/oseval_pack.home
<Insert Picture Here>




Thank You!
 • You can contact me at:
                lee.klement@oracle.com
                lee klement@oracle com
Advanced Site Studio Class, June 18, 2012

Advanced Site Studio Class, June 18, 2012

  • 2.
    <Insert Picture Here> OracleUniversal Content Management 11g: Manage Web Content II Lee Klement Senior Principal Instructor Oracle University
  • 3.
    Welcome! I’m Lee. • Name: Lee Klement <Insert Picture Here> • Residence: Minneapolis, Minnesota Minneapolis • Workplace: Everywhere! • Experience: 16 Years with Stellent, now Oracle • Spent time in Support, Consulting, and QA/Web Group • 8 Years as a Trainer on Content Server • Lead Instructor on Content Server Products (UCM / WCM / URM) • Now also teaching Oracle Classes on: • Introduction to Java • Java EE • XML • Web services
  • 4.
    Introduce Yourself! <Insert Picture Here> • Wh t’ your name? What’s ? • What do you do? • What experience or training do you have with Content Server? • What experience or training do you have with Site Studio? • What will you be doing with Site Studio? • Tell us two facts about yourself.
  • 5.
    Introduce Yourself! • What’syour name? <Insert Picture Here> • Where are you today? • What do you do? • What experience or training do you have with Site Studio? • Tell me about your installation • Wh t will you b d i with Sit St di ? What ill be doing ith Site Studio? • Tell us two facts about yourself.
  • 6.
    WCM II: Monday'sLessons 1. Introduction <Insert Picture Here> (& Let's Build a Classroom) 2. Deploying a Dynamic Web Site 3. Site Studio Administration Page 4. Creating Custom Elements
  • 7.
    WCM II: Tuesday'sLessons 5. Using Idoc Script g <Insert Picture Here> 6. Adding Navigation 7. Adding Parameters to g Custom Elements 8. Using a Cascading Style Sheet with Dynamic Converter
  • 8.
    WCM II: Wednesday'sLessons 9. Options Available <Insert Picture Here> Only in Contribution Mode 10. Extending Your Web Page with Custom Section P C t S ti Properties ti 11. Creating a Custom Dynamic List 12. Working with Site Studio for External Applications (SSXA)
  • 9.
    Site Studio isn'tSite Studio • Site Studio is the WCM add-on to Oracle Content Server • Content Server is changing it's name. • W Fusion Middleware Ui Was F i Middl Uinversal C t t l Content Management (UCM) • Site Studio was FMW UCM Web Content Management • UCM Is Becoming: Oracle WebCenter Content • Site Studio is becoming Oracle WebCenter Content: Site Studio
  • 10.
    WCM II: PossibleBonus Lessons • Creating Fragments g g <Insert Picture Here> • Going Deeper With Idoc Script • Site Studio Services • Creating Static Lists
  • 12.
    <Insert Picture Here> BuildA Class Build-A-Class (a.k.a. Practice 2...)
  • 13.
    Big Changes! • OracleUniversal Content Management ( g (UCM) 11g is ) g the first version to be implemented as a Java Enterprise Edition (Java EE) Application • That means UCM 11g (a.k.a. Content Server) runs inside a Java EE Application Server • Oracle's Flagship Java EE Server is the Weblogic Application Server
  • 14.
    Connections... • Weblogic AdminConsole: g http://hostname.us.oracle.com:7001/console • C t t Server: Content S http://hostname.us.oracle.com:16200/cs
  • 15.
    Build-Out, Part I •Lee's Part: • Lesson 1 • Your Part: • Practice 1-1 to 1-3: Starting Servers & Configuring WLS • Practice 2-1: Installing Components g p • Verify: • Components Enabled: • ContentTracker • ContentTrackerReports • DynamicConverter • DBSearchContainsOpSupport p pp • SiteStudio • Folders_g • SiteStudioExternalApplications • SiteStudioPublisher
  • 16.
    Build-Out, Part II •Lee's Part: • Lesson 2; to page 2-7 • Your Part: • Practice 2-2 to 2-5: CMU, Metadata, Admin Tray, Import Content, & Rebuild Index • Verify: • Metadata on Checkin Page • Content Visible in Search Results
  • 17.
    Build-Out, Part III •Lee's Part: • Lesson 2; 2-8 to end + demo replication • Your Part: • Practice 2-6: Installing and Configuring Site Studio Designer • Practice 2-7: Unpack the lab files for this class p • Verify: • Designer Starts • Lab Files visible at d:labsWCM II
  • 18.
    <Insert Picture Here> Lesson3 Site Studio Admin Page
  • 19.
  • 20.
  • 21.
    Site Studio Purpose •Build a system that allows websites to be maintained y with minimal intervention from the web team. • Web team creates the design, infrastructure, and process for the sites. sites • Contributors create & maintain the content. • Site managers use existing design elements to create and maintain sections of the website.
  • 22.
    Site Studio DesignPrinciples • A strong separation of presentation & content & g control file • Presentation and content are stored in separate files • Control files control the contribution process • That makes presentation and content independently reuseable elements. • These reuseable elements are all combined dynamically on dynamically, on- demand.
  • 23.
    3 Kinds ofFiles • Content • Contributor Data Files: XML / HTML • Native Content: Word, Wordperfect, Powerpoint, etc. • Presentation • Templates • Page Template: Top-Level Structure Page • Region Template: Presentation for a contribution region g p g • Subtemplate: Reuseable modules that fit inside a page template. • Control • Most have 'definition' in their name (i.e. Element Definition, Region Definition, Placeholder Definition) • All stored as XML t d
  • 24.
    Placeholders & ContributionRegions In a page template, a placeholder may reference a contribution t ib ti region. A contribution region is an editable area of the page page.
  • 25.
    What's a Placeholder? •A placeholder is a named insertion point in a pageg template or a subtemplate. • At each placeholder you can assign either a region definition / template to make a contribution region OR a subtemplate. The subtemplate would then typically carry more placeholders.
  • 26.
  • 27.
  • 28.
    Region Definitions Definea 'Type' of Datafile • Region Definition defines what data will be in a data g file (it's structure) • Region Template provides a presentation for that data • D t fil h Data files have a structure th t matches th d fi iti t t that t h the definition they were created from
  • 29.
    Content Re-Use ...can look different... The same datafile... ...on different pages on
  • 30.
  • 31.
  • 32.
  • 33.
    Naming Scheme forClass • 2-Letter Code for what kind of thing it is, i.e. g • PT - Page Template • RT - Region Template • ED - Element Definition • RD - Region Definition • Followed by a functional description, i.e. • ED-WYSIWYG-CSSBodyStyles
  • 35.
  • 36.
    Idoc Script Is... • Server-Side • Tag-Based • Case Sensitive • Simple • Constrained C t i d • In Time • In Functionality • Secure • Exensible • Mature • Powerful • Complete
  • 37.
    Variables • Loosely typed- essentially all strings y y y g • Undeclared - use its yours • Set a value in a web page like this: <!--$MyVariable = "Lee"--> • Set a value in a config file or URL like this: MyVariable Lee MyVariable=Lee • Reference a variable in a web page like this: <!--$MyVariable--> • Scope is controlled by where value set.
  • 38.
    Metadata = Variables •Every metadata field ( y (like Title) has a standard ) variable name (like dDocTitle) • Prefixes indicate what 'kind' of metadata field it is: • d - system / standard content metadata t t d d t t t d t • x - custom / extended content metadata • u - user metadata • See section 2 of the Idoc Script Reference Guide • Beware of data pollution!
  • 39.
    Variables • UserName • isLoggedIn • UserIsAdmin • siteId / nodeId • SS_DATAFILE • SSContributor
  • 40.
    Functions • Simple: • dateCurrent() • formatDateOnly() • isTrue()
  • 41.
    Functions • Security &Users y • userHasRole()
  • 42.
    Functions • Site StudioSpecific • wcmElement() • ssGetNodeLabel() • ssGetWebsiteName() • wcmUrl() • ssGetDocInfo() • ssIsNativeDoc()
  • 43.
  • 44.
    Understanding and CreatingNavigation We've got three main topics to cover: g • Site Studio Navigation Basics • How to Write Navigation Code in Site Studio • How to Package Navigation Code in Site Studio
  • 45.
    Site Studio NavigationBasics • Navigation is automatically kept up to date • Site stucture is stored in the project file p j • Site Studio publishes site structure and key section properties to JavaScript and XML data files • Navigation data is also available via Webservices and Idoc Script APIs • Your navigation code reads that data and presents it
  • 46.
    Where's that Data? •Site Studio publishes navigation and section property g y to a Site Studio directory in the weblayout. • I the classroom th path i In th l the th is: D:OracleMiddlewareuser_projectsdomainsbase_domainucmcsweblayoutwebsites • Below that there is a separate directory per website • Th There is a JavaScript and an XML fil with much th i J S i t d file, ith h the same data in each.
  • 47.
    Writing Navigation Code •The data is there, we just need to read it and present it. j • You can do it in JavaScript, IdocScript, or whatever • I will demonstrate getting the data from the server via an Idoc Script function and building the nav with Idoc Script • For you act ty you work with a Ja aSc pt based o your activity you'll o t JavaScript-based version.
  • 48.
    Packaging Navigation Code •Now we've got it, where do we put it? g
  • 49.
    Where do Iput my Navigation Code In a Page Template? Bad h i because: B d choice b Not very reuseable No way to set parameters Against general Site Studio design principles In a Subtemplate Not the best More resuable (than PT) No way to set parameters In a Region Template In a Fragment
  • 50.
    2 Ways toPackage Navigation • In a Fragment • Parameters set ONLY by designers i SS D i P t t b d i in Designer A App • Assets store in Fragment library - always there • Can insert cordinated code snippets in head & body • Easier for web designer to use • In a Region Template • Parameters set by designers or contributors in SS Contributor • Assets are separate content items and may or may not be loaded ith the l d d with th RT code d • Only 'drop point' insertion in body
  • 51.
    <Insert Picture Here> Lesson8 Using CSS with Dynamic Converter
  • 53.
    Dynamic Converter Basics •Dynamic Converter does a template-controlled y conversion of native content to web content. • A Dynamic Converter template is a collection of rules for converting parts of a native document to web formats • A Dynamic Converter element is one of those rules y • A Dynamic Converter Layout defines the characteristics of the page that is 'wrapped around' the converted content content.
  • 54.
    Dynamic Converter Basics DynamicConverter does a template-controlled conversion of native content to web content.
  • 55.
    Role of Template& Layout The Native File is processed by rules in the DC Template to produce HTML HTML. That HTML is merged into the DC Layout to produce a finished p g y p page.
  • 56.
    Dynamic Conversion: WhatYou Need • A Dynamic Converter Template • A Dynamic Converter Layout (always use the snippet layout) • Some Native Content (with styles & wsot = native document & rd field pointing to a region def) • A CSS Stylesheet • A Conversions Definition (be sure to reference this in the site properties) • A Region Definition g (may be blank) • A Region Template ( (with a dynamic conversion object) y j )
  • 57.
    CSS: 3 Waysto Apply A Style • With a span tag: g <span class="myStyle"><h1>Some Text</h1></span> • With a class selector: <h1 class = "myStyle">Some Text</h1> • With a type selector: <h1>Some Text</h1> See the 'Selectutorial' at: http://css.maxdesign.com.au/selectutorial/selectors_type.htm _
  • 58.
    Code to linkto a CSS File from a Template Ideally this code would all be on one line in your template: <link media="screen" href=" <!--$wcmUrl('resource', 'groups/public/documents/dDocType/dDocName.css')-->" type="text/css" rel="stylesheet" /> Replace the relative URL of the content (second parameter of wcmUrl function) with a value copied from y p your stylesheet's Document Information p g y page.
  • 59.
    Region Template Codefor Data file or Dynamic Conversion <!-- Inside a Region Template SS_DATAFILE will carry the dDocName of the content to be displayed --> <!--$if ssIsNativeDoc( SS_DATAFILE )--> _ <!-- Code for processing dynamic conversion here--> <!--$wcmDynamicConversion("Main")--> <!--$else--> <!-- Code for processing contributor datafile here --> <h1><!--$wcmElement("Headline")--></h1> <!--$wcmElement("Body")--> <! $endif > <!--$endif-->
  • 60.
    <Insert Picture Here> Lesson10 Custom Section Properties
  • 61.
    What are theygood for? • Accessible from SS Designer and SS Manager tools g g • Allow some bit of data to be attached to the section • Template code can reference the property to look up parameters that will change its appearance or behavior • Supplemental CSS for Section • Query to Drive Section-Specific Dynamic List y p y
  • 63.
  • 64.
    RT Code forSimple Dynamic List <span class = "Heading3"><!--$wcmElement("heading")--></span></br> <!--$if wcmDynamicList("pagenavlist")--> <!-- wcmDynamicList loads the parameters from the RD / ED and returns true --> <!--$executeService("SS_GET_SEARCH_RESULTS")--> <ul> < l> <!--$loop SearchResults--> <li><a href="<!--$ssUrl-->"><!--$xml(dDocTitle)--></a>&nbsp; <a href = "<!--$URL-->"><img src="<!--$wcmUrl('resource', 'groups/public/documents/web_asset/doc_icon.gif')-->" /></a></li> <!--$endloop--> </ul> <!--$endif-->
  • 66.
    <Insert Picture Here> Lesson12 Site Studio for External Applications
  • 67.
    SSXA? • What isit? An extension or re-implementation of Site Studio with a goal of integration with other applications using industry standard technology (SOAP/XML Web Services and JSP/JSPX) • Why would I want it? Because you want to use Site Studio with another application or B tt Sit St di ith th li ti portal to deliver Web Content Management.
  • 68.
    What Do YouKnow About Java EE?
  • 70.
  • 71.
    Oracle Technology Network •Downloads: http://www.oracle.com/technetwork/middleware/content- management/downloads/index-085241.html • Documents: http://www.oracle.com/technetwork/middleware/content- http://www oracle com/technetwork/middleware/content- management/documentation • Discussion: http://www.oracle.com/technetwork/middleware/content- management/community/
  • 72.
    The Yahoo Group •Intradoc_Users The oldest and largest community of Content Server users and experts.
  • 73.
    The Book: The DefinitiveGuide to Stellent Content Server Development By Brian Huff
  • 74.
    3 Key Blogs... •Kyle's Blog: y g http://blogs.oracle.com/kyle/ • WebMonkeyMagic: http://webmonkeymagic.blogspot.com/ • Bex Huff's Blog: http://bexhuff.com/ • O More? One M ? Content on Content Management http://contentoncontentmanagement.com/
  • 75.
    The Videos (...andanother book) • StellentExperts channel with titles like: (search for "Stellent") • "How to become clear on ECM Role-Based Security in 15 min or less" • "How to install Oracle UCM 11gR1 on your laptop in a short afternoon" • Dmitri Khanine (the man behind the videos) also has a book; "The Oracle UCM Handbook Handbook" though it has had mixed reviews...
  • 76.
    Classroom URLs: eAttendance: Attd http://education.oracle.com/eattendance.html Evaluations: http://education.oracle.com/pls/eval-eddap- http://education oracle com/pls/eval-eddap- dcd/eval_common_hdr.n_osevalsearch On-Site Evaluations: http://education.oracle.com/eval-eddap-dcd/plsql/oseval_pack.home
  • 77.
    <Insert Picture Here> ThankYou! • You can contact me at: lee.klement@oracle.com lee klement@oracle com