CINXE.COM
CAA: A Content Adapter Architecture for Content Management Systems | Joselli | INFORMATION TECHNOLOGY IN INDUSTRY
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0063)http://www.it-in-industry.org/index.php/itii/article/view/58/55 --> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="icon" type="image/ico" href="https://it-in-industry.com/index_files/icon.gif"/> <title>CAA: A Content Adapter Architecture for Content Management Systems | Joselli | INFORMATION TECHNOLOGY IN INDUSTRY</title> <meta name="description" content="CAA: A Content Adapter Architecture for Content Management Systems"> <meta name="keywords" content="CMS; content management systems; content adaptation; multimedia; mobile devices; software architectures"> <link rel="schema.DC" href="https://purl.org/dc/elements/1.1/"> <meta name="DC.Contributor.Sponsor" xml:lang="en" content=""> <meta name="DC.Creator.PersonalName" content="Mark Joselli"> <meta name="DC.Creator.PersonalName" content="Micheli Knechtel"> <meta name="DC.Creator.PersonalName" content="Jose Ricardo Silva Junior"> <meta name="DC.Creator.PersonalName" content="Marcelo Zamith"> <meta name="DC.Creator.PersonalName" content="Eduardo Soluri"> <meta name="DC.Date.created" scheme="ISO8601" content="2013-11-11"> <meta name="DC.Date.dateSubmitted" scheme="ISO8601" content="2013-11-11"> <meta name="DC.Date.issued" scheme="ISO8601" content="2013-11-11"> <meta name="DC.Date.modified" scheme="ISO8601" content="2013-11-11"> <meta name="DC.Description" xml:lang="en" content="This paper presents a Content Adapter Architecture (CAA) for Content Management Systems (CMSs). A CMS is a software application that maintains and keeps track of every piece of content of a website. In the past, CMS has been mainly used in developing websites and portals for desktop PCs. For mobile devices such as smart phones and tablets, the web content developed for PCs needs to be adapted in order to provide the best possible user experience due to different characteristics and constraints such as screen dimensions. This adaptation task can be time consuming and resource intensive. Most solutions resolve it by creating different resources or CMS plugins for different devices. This paper proposes a novel approach to adapt CMS content in a non-intrusive way, through the use of templates which specify how the content should be adapted. The CAA consists of a backend server and a front end client. The server is responsible for the adaptation and provides version control of content, amongst other features. The client, built as a web application, is a thin layer which provides interaction with the device features, and acts as a cache system to reduce data transfer. "> <meta name="DC.Format" scheme="IMT" content="application/pdf"> <meta name="DC.Identifier.pageNumber" content="27-37"> <meta name="DC.Identifier.URI" content="http://it-in-industry.com/issue/archive/20.html"> <meta name="DC.Language" scheme="ISO639-1" content="en"> <meta name="DC.Rights" content=" Authors who publish with this journal agree to the following terms: Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal. Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal. Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (See The Effect of Open Access ). "> <meta name="DC.Source" content="INFORMATION TECHNOLOGY IN INDUSTRY"> <meta name="DC.Source.ISSN" content="2203-1731"> <meta name="DC.Source.Issue" content="1"> <meta name="DC.Source.URI" content="http://www.it-in-industry.com"> <meta name="DC.Source.Volume" content="1"> <meta name="DC.Subject" xml:lang="en" content="CMS"> <meta name="DC.Subject" xml:lang="en" content="content management systems"> <meta name="DC.Subject" xml:lang="en" content="content adaptation"> <meta name="DC.Subject" xml:lang="en" content="multimedia"> <meta name="DC.Subject" xml:lang="en" content="mobile devices; software architectures"> <meta name="DC.Title" content="CAA: A Content Adapter Architecture for Content Management Systems"> <meta name="DC.Type" content="Text.Serial.Journal"> <meta name="DC.Type.articleType" content="Peer-Reviewed Articles"> <meta name="gs_meta_revision" content="1.1"> <meta name="citation_journal_title" content="INFORMATION TECHNOLOGY IN INDUSTRY"> <meta name="citation_issn" content="2203-1731"> <meta name="citation_author" content="Mark Joselli"> <meta name="citation_author_institution" content="Escola Polit茅cnica Pontif铆cia Universidade Cat贸lica do Paran谩 - PUCPR"> <meta name="citation_author" content="Micheli Knechtel"> <meta name="citation_author_institution" content="Escola Polit茅cnica Pontif铆cia Universidade Cat贸lica do Paran谩 - PUCPR"> <meta name="citation_author" content="Jose Ricardo Silva Junior"> <meta name="citation_author_institution" content="Esteban Clua MediaLab, IC-UFF, Brazil"> <meta name="citation_author" content="Marcelo Zamith"> <meta name="citation_author_institution" content="Esteban Clua MediaLab, IC-UFF, Brazil"> <meta name="citation_author" content="Eduardo Soluri"> <meta name="citation_author_institution" content="Nullpointer Tecnologias, Brazil"> <meta name="citation_title" content="CAA: A Content Adapter Architecture for Content Management Systems"> <meta name="citation_date" content="2013-11-11"> <meta name="citation_volume" content="1"> <meta name="citation_issue" content="1"> <meta name="citation_firstpage" content="27-37"> <meta name="citation_abstract_html_url" content="http://it-in-industry.com/issue/archive/20.html"> <meta name="citation_language" content="en"> <meta name="citation_keywords" xml:lang="en" content="load-balancing"> <meta name="citation_keywords" xml:lang="en" content="genetic algorithm"> <meta name="citation_keywords" xml:lang="en" content="three-phase power flow"> <meta name="citation_keywords" xml:lang="en" content="voltage unbalance ratio"> <meta name="citation_keywords" xml:lang="en" content="system power loss"> <meta name="citation_pdf_url" content="16.html"> <link rel="stylesheet" href="index_files/pkp.css" type="text/css"> <link rel="stylesheet" href="index_files/common.css" type="text/css"> <link rel="stylesheet" href="index_files/articleView.css" type="text/css"> <link rel="stylesheet" href="index_files/sidebar.css" type="text/css"> <link rel="stylesheet" href="index_files/leftSidebar.css" type="text/css"> <link rel="stylesheet" href="index_files/rightSidebar.css" type="text/css"> <link rel="stylesheet" href="index_files/bothSidebars.css" type="text/css"> <link rel="stylesheet" href="index_files/journalStyleSheet.css" type="text/css"> <!-- Base Jquery --> <script type="text/javascript" src="index_files/jsapi"></script> <script type="text/javascript"> // Provide a local fallback if the CDN cannot be reached if (typeof google == 'undefined') { document.write(unescape("%3Cscript src='http://www.it-in-industry.org/lib/pkp/js/lib/jquery/jquery.min.js' type='text/javascript'%3E%3C/script%3E")); document.write(unescape("%3Cscript src='http://www.it-in-industry.org/lib/pkp/js/lib/jquery/plugins/jqueryUi.min.js' type='text/javascript'%3E%3C/script%3E")); } else { google.load("jquery", "1.4.2"); google.load("jqueryui", "1.8.1"); } </script><script src="index_files/jquery.min.js.download" type="text/javascript"></script><script src="index_files/jquery-ui.min.js.download" type="text/javascript"></script> <script type="text/javascript" src="index_files/jquery.cookie.js.download"></script> <script type="text/javascript" src="index_files/fontController.js.download"></script> <script type="text/javascript"> $(function(){ fontSize("#sizer", "body", 9, 16, 32, ""); // Initialize the font sizer }); </script> <script type="text/javascript" src="index_files/general.js.download"></script> <script language="javascript" type="text/javascript" src="index_files/articleView.js.download"></script> <script language="javascript" type="text/javascript" src="index_files/pdfobject.js.download"></script> </head> <body> <div id="container"> <div id="fade" class="black_overlay"></div> <div id="header"> <div id="headerTitle"> <h1> <img src="index_files/pageHeaderTitleImage_en_US.jpg" width="1080" height="161" alt="Page Header"> </h1> </div> </div> <div id="body"> <div id="sidebar"> <div id="leftSidebar"> <div class="block" id="custom"> <p><a href="http://www.it-in-industry.com/index.html" target="_self"> <img src="index_files/icon_home.jpg" alt="Home" width="154" height="120" /></a></p> </div> <div class="block" id="custom"> <p><a href="http://www.it-in-industry.com/papers.html" target="_self"> <img src="index_files/icon_call_for_papers.jpg" alt="Call for Papers" width="120" height="120" /></a></p> </div> <div class="block" id="custom"> <p><a href="http://www.it-in-industry.com/editors.html" target="_self"> <img src="index_files/icon_call_for_editors.jpg" alt="Call for Editors" width="120" height="120" /></a></p> </div> <div class="block" id="custom"> <p><a href="http://www.it-in-industry.com/reviewers.html" target="_self"> <img src="index_files/icon_call_for_reviewers.jpg" alt="Call for Reviewers" width="120" height="120" /></a></p> </div> <div class="block" id="custom"> <p><a href="http://www.it-in-industry.com/contact.html" target="_blank"> <img src="index_files/icon_contact_us.jpg" alt="Contact Us" width="120" height="120" /></a></p> </div> </div> <div id="rightSidebar"> <div class="block" id="custom"> <p><a href="http://www.latrobe.edu.au" target="_blank"> <img src="index_files/LTU_Logo.gif" alt="La Trobe University" width="115" height="35" /></a></p> </div> <div class="block" id="sidebarNavigation"> <span class="blockTitle">Journal Content</span> <span class="blockSubtitle">Search</span> <form method="post" action="http://www.it-in-industry.com/advancedResults.html"> <table> <tr> <td><input type="text" id="query" name="query" size="15" maxlength="255" value="" class="textField" /></td> </tr> <tr> <td><select name="searchField" size="1" class="selectMenu"> <option label="All" value="">All</option> <option label="Authors" value="1">Authors</option> <option label="Title" value="2">Title</option> <option label="Abstract" value="4">Abstract</option> <option label="Index terms" value="120">Index terms</option> <option label="Full Text" value="128">Full Text</option> </select></td> </tr> <tr> <td><input type="submit" value="Search" class="button" /></td> </tr> </table> </form> <br /> <span class="blockSubtitle">Browse</span> <ul> <li><a href="http://www.it-in-industry.com/archive.html">By Issue</a></li> <li><a href="http://www.it-in-industry.com/byauthors.html">By Author</a></li> <li><a href="http://www.it-in-industry.com/titles.html">By Title</a></li> </ul> </div> <div class="block" id="sidebarInformation"> <span class="blockTitle">Information</span> <ul> <li><a href="http://www.it-in-industry.com/readers.html">For Readers</a></li> <li><a href="http://www.it-in-industry.com/authors.html">For Authors</a></li> <li><a href="http://www.it-in-industry.com/librarians.html">For Librarians</a></li> </ul> </div> <div class="block" id="custom"> <p><a href="http://www.it-in-industry.com/submissions.html" target="_self"> <img src="index_files/icon_paper_submission.jpg" alt="Paper Submission" width="120" height="120" /></a></p> </div> <div class="block" id="custom"> <p><a href="http://www.it-in-industry.com/editorialPolicies.html#custom-4" target="_self"> <img src="index_files/icon_special_issues.jpg" alt="Special Issues" width="120" height="120" /></a></p> </div> </div> </div> <div id="main"> <div id="navbar"> <ul class="menu"> <li id="home"><a href="http://it-in-industry.com">Home</a></li> <li id="about"><a href="http://www.it-in-industry.com/about.html">About</a></li> <li id="login"><a href="http://www.it-in-industry.com/login.html">Log In</a></li> <li id="register"><a href="http://www.it-in-industry.com/register.html">Register</a></li> <li id="announcements"><a href="http://www.it-in-industry.com/announcement.html">Announcements</a></li> </ul> </div> <div id="breadcrumb"> <a href="http://it-in-industry.com" target="_parent">Home</a> > <a href="http://it-in-industry.com/issue/archive/vol101.html" target="_parent">Vol 1, No 1 (2013)</a> > <a href="http://it-in-industry.com/issue/archive/papers/16.html" class="current" target="_parent">Joselli</a> </div> <div id="content"> <script type="text/javascript"><!-- $(document).ready(function(){ if ($.browser.webkit) { // PDFObject does not correctly work with safari's built-in PDF viewer var embedCode = "<object id='pdfObject' type='application/pdf' data='https://it-in-industry.com/itii_papers/2013/1113itii05.pdf' width='99%' height='99%'><div id='pluginMissing'><p>The PDF file you selected should load here if your Web browser has a PDF reader plug-in installed (for example, a recent version of <a href=\"http://www.adobe.com/products/acrobat/readstep2.html\">Adobe Acrobat Reader<\/a>).<\/p> <p>Alternatively, you can also download the PDF file directly to your computer, from where it can be opened using a PDF reader. To download the PDF, click the Download link below.<\/p> <p>If you would like more information about how to print, save, and work with PDFs, Highwire Press provides a helpful <a href=\"http://highwire.stanford.edu/help/pdf-faq.dtl\">Frequently Asked Questions about PDFs<\/a>.<\/p></div></object>"; $("#articlePdf").html(embedCode); if($("#pluginMissing").is(":hidden")) { $('#fullscreenShow').show(); $("#articlePdf").resizable({ containment: 'parent', handles: 'se' }); } else { // Chrome Mac hides the embed object, obscuring the text. Reinsert. $("#articlePdf").html('<p>The PDF file you selected should load here if your Web browser has a PDF reader plug-in installed (for example, a recent version of <a href=\"http://www.adobe.com/products/acrobat/readstep2.html\">Adobe Acrobat Reader<\/a>).<\/p> <p>Alternatively, you can also download the PDF file directly to your computer, from where it can be opened using a PDF reader. To download the PDF, click the Download link below.<\/p> <p>If you would like more information about how to print, save, and work with PDFs, Highwire Press provides a helpful <a href=\"http://highwire.stanford.edu/help/pdf-faq.dtl\">Frequently Asked Questions about PDFs<\/a>.<\/p>'); } } else { var success = new PDFObject({ url: "https://it-in-industry.com/itii_papers/2013/1113itii05.pdf" }).embed("articlePdf"); if (success) { // PDF was embedded; enbale fullscreen mode and the resizable widget $('#fullscreenShow').show(); $("#articlePdfResizer").resizable({ containment: 'parent', handles: 'se' }); } } }); // --> </script> <div id="articlePdfResizer"> <div id="articlePdf" class="ui-widget-content"> <p>The PDF file you selected should load here if your Web browser has a PDF reader plug-in installed (for example, a recent version of <a href="http://www.adobe.com/products/acrobat/readstep2.html">Adobe Acrobat Reader</a>).</p> <p>Alternatively, you can also download the PDF file directly to your computer, from where it can be opened using a PDF reader. To download the PDF, click the Download link below.</p> <p>If you would like more information about how to print, save, and work with PDFs, Highwire Press provides a helpful <a href="http://highwire.stanford.edu/help/pdf-faq.dtl">Frequently Asked Questions about PDFs</a>.</p> </div> </div> <p> <a class="action" target="_parent" href="https://it-in-industry.com/itii_papers/2013/1113itii05.pdf">Download this PDF file</a> <a class="action" href="#" id="fullscreenShow">Fullscreen</a> <a class="action" href="#" id="fullscreenHide">Fullscreen Off</a> </p> <div class="separator"></div> <h3>Refbacks</h3> <ul class="plain"> <li>There are currently no refbacks.</li> </ul> <br /><br /> <a target="_new" rel="license" href="http://creativecommons.org/licenses/by/3.0/"> <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/80x15.png"/> </a> <br/> This work is licensed under a <a rel="license" target="_new" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>. <br /><br /> <p><img src="index_files/blocks_A1_Innovation.jpg" alt="IT in Innovation" width="207" height="46" /> <img src="index_files/blocks_A1_Business.jpg" alt="IT in Business" width="207" height="46" /> <img src="index_files/blocks_A1_Engineering.jpg" alt="IT in Engineering" width="207" height="46" /> <img src="index_files/blocks_A1_Health.jpg" alt="IT in Health" width="207" height="46" /> <img src="index_files/blocks_A1_Science.jpg" alt="IT in Science" width="207" height="46" /> <img src="index_files/blocks_A1_Design.jpg" alt="IT in Design" width="207" height="46" /> <img src="index_files/blocks_A1_Fashion.jpg" alt="IT in Fashion" width="207" height="46" /></p> IT in Industry @ (2012 - ) . <a href="http://www.it-in-industry.com">http://www.it-in-industry.com</a> . ISSN (Online): 2203-1731; ISSN (Print): 2204-0595 <br /> </div><!-- content --> </div><!-- main --> </div><!-- body --> </div> <!-- container --> </body></html>