Modular templating running demo
Download
1 / 28

Modular Templating Running demo - PowerPoint PPT Presentation


  • 46 Views
  • Uploaded on

Modular Templating Running demo. Process Flow. The demo will follow these steps: The Web master changes a template for the Web site The designer changes the design of the template The developer creates new functionality The Web master adds the new functionality to the template

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Modular Templating Running demo' - renee-solomon


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Modular templating running demo

Modular TemplatingRunning demo


Process flow
Process Flow

  • The demo will follow these steps:

    • The Web master changes a template for the Web site

    • The designer changes the design of the template

    • The developer creates new functionality

    • The Web master adds the new functionality to the template

    • He previews the page until he is happy with the result

    • The Designer modifies the design for a local brand

  • Three different roles collaborate to deliver the end result!

    • Web master

    • Designer

    • Developer

      The running demo will only take 4 minutes



He finds it consists of three different modules. Template Builder.

He runs the template to see how it will look on the Web site.




He chooses to view the result in a bigger screen. Builder shows its progress…

And allows the Web master to view the result.


Since he is not very satisfied with the visual design, he will ask the Designer to change the design module.


The Designer uses will ask the Designer to change the design module.Dreamweaver to change the design module. She can use all standard Dreamweaver functionality, and needs no specific knowledge of SDL Tridion R5 templates.

The Designer can open and check out the template directly from R5.


She makes the desired changes… will ask the Designer to change the design module.



The Web master runs the template again within who can now review the changes.Template Builder…

… and views the result in a bigger screen in order to see the changes


The Developer can use any .NET language to write the functionality. In this case, he uses C#, and he can easily write code using IntelliSense.

In the mean time, the team’s Developer is creating new functionality using Visual Studio.NET. In this case, he builds a bread crumb trail.


Using remote debugging, the Developer can execute the code on the server while doing his debugging work within Visual Studio. While he debugs the code, other users can continue to work on the server.

To start the debugging process, he runs the template from Template Builder, and uses breakpoints to bring him to the right part of his code inside Visual Studio.


After building his .NET assembly, the assembly and its associated classes are automatically saved in R5 so they can be used.



The Web master runs the template again but sees that the bread crumb has not been added to the page yet…


However, he sees that the bread crumb has not been added to the page yet…BreadCrumb assembly itself gives a correct result. He therefore asks the Designer to add the BreadCrumb to the design module.


The Designer uses bread crumb has not been added to the page yet…Dreamweaver to add a simple tag to the design, and saves it.


The Web master runs the template again… bread crumb has not been added to the page yet…

…and sees the bread crumb is now displayed correctly.

He is now happy with the design and starts using he template for the Web site!


As a next step, he needs to modify the design for Switzerland, that uses a separate brand.


To achieve this, he only needs to localize the design module of the modular template. After doing this, he asks the Designer to apply the local brand.



The changes include a new logo and a different it to match the local brand.color scheme.



All functionality in the modular template works correctly. If the Developer decides to change for example the bread crumb functionality, the Swiss template will automatically pick up those changes, since only the design module was changed.


Modular templating benefits
Modular Templating If the Developer decides to change for example the bread crumb functionality, the Swiss template will automatically pick up those changes, since only the design module was changed.Benefits

  • Modular design: separate visual design, content and code

    • Different roles can work on different modiules

  • Reusable building blocks

    • BreadCrumb assembly can be used in many templates

  • Choose, combine and extend technologies

    • Modules can be written in Dreamweaver, XSLT, VBScript, JavaScript or any .NET language

    • Organizations can leverage the skills they have available

  • BluePrinting & brand management

    • Modules can be localized to allow for variation in brands

  • Support for industry-standard tools

    • Dreamweaver, Visual Studio

  • Shorter time to market

    • Drag and drop template development!


ad