Modules of Content Management Systems and their Reusability

Similar documents
Modeling Systems Using Design Patterns

Improving Adaptive Hypermedia by Adding Semantics

Techniques for Optimizing Reusable Content in LibGuides

Specification of web applications design in CASE using UML and its mapping to an implementation environment

Complexity Analysis of Routing Algorithms in Computer Networks

Similarities in Source Codes

Complex event processing in reactive distributed systems

Transformation from the Heavy Desktop Client to the Lightweight Web Application

FROM 4D WRITE TO 4D WRITE PRO INTRODUCTION. Presented by: Achim W. Peschke

Personalized Navigation in the Semantic Web

Personalized Faceted Navigation in the Semantic Web

Caching Spreading Activation Search

LizardThemes.com Free & Premium WordPress Themes. LizardThemes. User Guide. First Edition

}w!"#$%&'()+,-./012345<ya

ORB Education Quality Teaching Resources

Hello, welcome to creating a widget in MyUW. We only have 300 seconds, so let s get going.

Mobile & More: Preparing for the Latest Design Trends

SiteAssist Professional - Getting Started Guide

Add Your Product to Clickbank

WebRTC: Possible? Don McGregor Research Associate MOVES Institute.

Key questions to ask before commissioning any web designer to build your website.

Creating Accessible Microsoft Word 2003 Documents Table of Contents

How To Get Your Word Document. Ready For Your Editor

RESEARCH PAPERS FACULTY OF MATERIALS SCIENCE AND TECHNOLOGY IN TRNAVA, 1 SLOVAK UNIVERSITY OF TECHNOLOGY IN BRATISLAVA,

Web Design and Implementation

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links

Dreamweaver Basics Workshop

Call: SharePoint 2013 Course Content:35-40hours Course Outline

Magnetize Your. Website. A step-by-step action guide to attracting your perfect clients. Crystal Pina. StreamlineYourMarketing.com

HTML Forms. 10 September, Dr Derek Peacock. This is a short introduction into creating simple HTML forms. Most of the content is

Fundamentals of Web Design

Using Dreamweaver CS6

CSE 374 Programming Concepts & Tools. Hal Perkins Spring 2010

Job Aid. Remote Access BAIRS Printing and Saving a Report. Table of Contents

Using Microsoft Word. Paragraph Formatting. Displaying Hidden Characters

Micronet International College

how about a combination of self-service bi and guided analytics for your customers? become a partner be part of our jomash success

<title> An XML based web service for an electronic logbook </title>

On Finding Power Method in Spreading Activation Search

Building Better s. Contents

Chapter 16: PAGE LAYOUT WITH CSS

It is written in plain language: no jargon, nor formality. Information gets across faster when it s written in words that our users actually use.

A Quick-Reference Guide. To access reddot:

Creating and Updating Websites In-Service Training Supplement

Exploring Possibilities for Symmetric Implementation of Aspect-Oriented Design Patterns in Scala

Using Dreamweaver. 4 Creating a Template. Logo. Page Heading. Home About Us Gallery Ordering Contact Us Links. Page content in this area

Karlen Communications Add Accessible PowerPoint Placeholders. Karen McCall, M.Ed.

Creating dependent menus with Moodle Database activity. William Lu

Prototyping Navigation in Web-Based Information Systems Using WebML

CSE 374 Programming Concepts & Tools. Hal Perkins Fall 2015 Lecture 19 Introduction to C++

NDARC Web Refresh 2011

Quick Start Guide. This guide will help you get started with Kentico CMS for ASP.NET. It answers these questions:

College of Arts & Sciences

Designing the Home Page and Creating Additional Pages

Collage II Tips and Tricks

ASYNCHRONOUS PROGRAMMING IN C# 5 WITHOUT USE OF MULTIPLE THREADS

TOP DEVELOPERS MINDSET. All About the 5 Things You Don t Know.

Viewports. Peter-Paul Koch CSS Day, 4 June 2014

Evaluation Guide for ASP.NET Web CMS and Experience Platforms

Disambiguating Search by Leveraging a Social Context Based on the Stream of User s Activity

SEO WITH SHOPIFY: DOES SHOPIFY HAVE GOOD SEO?

Introduction to Internet Applications

How Information Architecture can improve in SharePoint 2013

Full Website Audit. Conducted by Mathew McCorry. Digimush.co.uk

Browser caching problems

CSS Layout Part I. Web Development

Adobe CC as Wireframe and Web Design Tool

Table of Contents Headings:... 2 Changing text to a heading... 2 Modifying Style settings for current and future documents... 2

Content Management Web Page Editing:

Become the Policy Management Guru for Your Organization

Advanced Network Approaches for Wireless Environment

Word Training - Maintaining Consistency Supporting Handout Designing Styles within a Word Template Version: Mac

TYPO3 Editing Guide Contents

HTML5 & CSS 8 th Edition. Chapter 2 Building a Webpage Template with HTML5

Fish Eye Menu DMXzone.com Fish Eye Menu Manual

Karlen Communications Citations and Bibliography in Word. Karen McCall, M.Ed.

Data acquisition from educational plants over USB in GNU/Linux

Architectural Engineering Senior Thesis CPEP Webpage Guidelines and Instructions

9+2 Often-Overlooked Features In Flare s Target Editor

A Closer Look at XPages in IBM Lotus Domino Designer 8.5 Ray Chan Advisory I/T Specialist Lotus, IBM Software Group

Exploring the Commonality in Feature Modeling Notations

USER MANUAL FILLING COMMON APPLICATION FORM (CAF) HEADING 1. Heading 2

C1 CMS User Guide Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone

Classroom Blogging. Training wiki:

Complete How-To Guide. Part IV: Variable Handling

ESIGATE MODULE DOCUMENTATION DIGITAL EXPERIENCE MANAGER 7.2

Building a Large, Successful Web Site on a Shoestring: A Decade of Progress

Avancier Methods. Very basic design patterns. It is illegal to copy, share or show this document

Introduction. SmartArt Graphics. Word 2010 SmartArt Graphics. Video: SmartArt Graphics in Word To Insert a SmartArt Illustration: Page 1

John W. Jacobs Technology Center 450 Exton Square Parkway Exton, PA Introduction to

A Guide to CMS Functions

Pootle Tutorial! Guide for translators and developers!

HTML Advanced Portlets. Your Guides: Ben Rimmasch, Rahul Agrawal

Viewports. Peter-Paul Koch DevReach, 13 November 2017

EXPLORE MODERN RESPONSIVE WEB DESIGN TECHNIQUES

Seminar 1, HTML and CSS

CSCI 1320 Creating Modern Web Applications. Content Management Systems

SharePoint Designer Customizing and Branding SharePoint 2010 and Office 365

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping

Network Management Utility

Transcription:

Modules of Content Management Systems and their Reusability Michal JAKUBÍK Slovak University of Technology Faculty of Informatics and Information Technologies Ilkovičova 3, 842 16 Bratislava, Slovak republic michal.jakubik@ae-design.sk Abstract. There are a lot of theories about reusability of parts of information systems. Narrower sphere of reusability of software components is websystems module reusability and concrete using done modules of content management systems. And where are the bounds of using components with content management systems? What are advantages and disadvantages of reusability components of CMS to generate front end designs and how to prepare component to make it easy to reuse. All these questions are very subjective and not easy to answer. 1 At the beginning In the context of reusability we should distinguish reusability in websystems and websites. When you are creating website, first thing you have to create for your customer is a graphic layout. In this phase your client says OK, start working. Now begins phase of your developers. There are two possible views of reusable templates. Graphic template and its reusability is a little bit hard to reuse, because every costumer wants to have original layout and original styling of his website or intranet websystem. Supervisor: RNDr. Valéria Šimáková, Institute of Informatics and Software Engineering, Faculty of Informatics and Information Technologies STU in Bratislava M. Bieliková (Ed.), IIT.SRC 2005, April 27, 2005, pp. 224-228.

2 Templates Modules of Content Management Systems and their Reusability 225 2.1 Programming template Programming template is something different. Here are modules that are always used and you can use this template every time and on every project. For example let s talk about menu. In every application there have to be menu. Without menu is the application and especially websystem unusable. Concerning to the website, simply said, the menu is listing of all available and accessible sites and subsites of your web. Fig. 1. Part of sitetree of website When you have more languages in your web, alternation of sites-listing in levels is required. When you created a complex template for creating the sitemenu you won. Because if in your complex template you separated generating front-end part (HTML code) and logical part - database queries and their processing, reusability of this module is finished. When you want to reuse this module you just copy logical part and front-end part will be changed and styled another way. The next example that is in CMS systems used very often. This module is news content part. The logical functionality is here nearly every time the same. Here is valid the first rule of reusability of modules separate front-end part from logical part. In modules like news or events there are sometimes needs to change logical or database part, because every costumer wants to store another data or a little bit other functionality. But mostly changes are not bigger than add one column into database and generate this column on front-end.

226 Michal Jakubík On every CMS site there you can always find module called sitemap. This module generates list of structured names of sites and subsites. Fig. 2. CMS sitemap module in default language In default language there are names in default language in this case there is German. But most of sites there are more than one default languages. On this site there are two languages. The second one is English. Fig. 3. CMS sitemap module in English This case is very similar to the module menu. The same is logical functionality, different is only HTML code. What will happen when we use the same module to generate menu and sitemap? The answer, in this case, is nothing. When our menu

Modules of Content Management Systems and their Reusability 227 module is done really completely, you have to create only a HTML class that calls logical part (classes) of module implementation. So the reusability of module is here completed twice. Because there are two functionalities in one project for nearly zero costs (the costs of reuse development). 2.2 Graphical template And what about development of graphical template of a website? The whole website in most cases we can shift into 4 parts. The top, menu (mostly on left site), the content part and footer. In the top there is a transcription image. When in the top part there is defined functionality then it is mostly only an image changer. The menu part is described by its name menu part. In the content we can find all information of the website and the footer is some kind of menu which is not included in menu part. This is word described graphic template of most websites. This is easy to implement in HTML with place holders of functionality. Fig. 4. Classic HTML template

228 Michal Jakubík Instead of place holders will be generated functionality. For example placeholder for menu module is <!-- ###MENU### -->. The CMS parser takes the template and these places will be replaced with code which is generated by module. If we want to create another project with the same layout (not styling) we will use this template and the only thing to change will be css file and the top image. This way is cheaper than to create a new HTML code for whole template and we are 100% sure that the old template was optimized for alternate browsers. 3 Conclusions Finaly the result is that the well made template is useable every time. Possibly one template is useable in one project twice or more times. Functionality of one module can be used more than once. The best case is when the template is made complex and universal and the possibility of resell to another costumer is high. Difference between programming template and graphical template is only in multitude of usability. You cannot use one graphical template in one project more than once. So why don t we reuse components by websystems too? It spares time and money. References 1. Cohen, M.: Typo3 Template Basics. 2003. 2. Skårhøj, K.: Modern Template Building (Part 1). 2003. http://typo3.jweiland.net/uploads/media/modern_template_building Part_1.pdf 3. Skårhøj, K.: Modern Template Building (Parts 2 and 3). 2003. http://typo3.jweiland.net/uploads/media/modern_template_building Part_2-3.pdf 4. Skårhøj, K.: TypoScript reference. 2002. http://www.mgwebservice.de/uploads/media/tsref.pdf