- \n\t\t\t
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/landingpage-150x150.png\")
<\/a>\n\t\t\t<\/dt><\/dl>- \n\t\t\t
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/klassendiagramm-150x150.png\")
<\/a>\n\t\t\t<\/dt>\n\t\t\t\t- \n\t\t\t\tAbbildung 2: fachliche Struktur des Dokumentenmodells\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/teaser-150x150.png\")
<\/a>\n\t\t\t<\/dt>\n\t\t\t\t- \n\t\t\t\tAbbildung 3: Auszug aus dem technischen Dokumentenmodell\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/ast-150x150.png\")
<\/a>\n\t\t\t<\/dt>\n\t\t\t\t- \n\t\t\t\tAbbildung 4: Abstract Syntax Tree\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/metamodell-150x150.png\")
<\/a>\n\t\t\t<\/dt>\n\t\t\t\t- \n\t\t\t\tAbbildung 5: Auszug aus dem Metamodell der UML\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/metafacades-150x150.png\")
<\/a>\n\t\t\t<\/dt>\n\t\t\t\t- \n\t\t\t\tAbbildung 6: Zugriff auf Metaobjekte \u00fcber AndroMDA Metafacaden \n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/aufbau-150x150.png\")
<\/a>\n\t\t\t<\/dt>\n\t\t\t\t- \n\t\t\t\tAbbildung 7: schematischer Aufbau der CoreMedia Cartridge\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/profil-150x150.png\")
<\/a>\n\t\t\t<\/dt>\n\t\t\t\t- \n\t\t\t\tAbbildung 8: UML-Profil f\u00fcr die CoreMedia Cartridge\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/teaser-taggedvalues-150x150.png\")
<\/a>\n\t\t\t<\/dt>\n\t\t\t\t- \n\t\t\t\tAbbildung 9: TaggedValue-Ansicht des Teasers\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/teaser-bild-taggedvalues-150x150.png\")
<\/a>\n\t\t\t<\/dt>\n\t\t\t\t- \n\t\t\t\tAbbildung 10: : TaggedValue-Ansicht der Teasers-Property: incImage\n\t\t\t\t<\/dd><\/dl>\n\t\t\t
\n\t\t<\/div>\n<\/p>\nFachliche Beschreibung des Contents am Beispiel einer Teaserseite (Landing Page)<\/h2>\n
In unserem gew\u00e4hlten Beispiel gibt es 3 konkrete Klassen: eine Seite, einen Teaser und ein Bild. Der Aufbau und das Layout ist in Abbildung 1 dargestellt. Die Seite, aus inhaltlicher Sicht, ist der wei\u00dfe Bereich in der Mitte. Linke Spalte, Top- und Fu\u00dfbereich werden hier in diesem Beispiel nicht betrachtet.<\/p>\n
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/landingpage-297x300.png\" "\\"landingpage\\"")
<\/a>Abbildung 1 Layout Teaserseite<\/p><\/div>\n
In Abbildung 2 ist die fachliche Struktur des Seitenaufbaus dargestellt. Wir unterschieden dabei in zwei Typen: Contenttypen und verlinkbare Typen. Wobei die Contenttypen auch eine Untergruppe der verlinkbaren Typen sind. Damit sind alle konkreten Klassen (Bild, Teaser und Seite) verlinkbar und ich kann Links darauf bauen. Die Links haben einen dargestellten Text und ggf. eine Beschreibung.<\/p>\n
Die Seite stellt den Rahmen f\u00fcr die Inhalte bereit. Sie kann auf eine Elternseite verlinken. Dies wird z.B. f\u00fcr die Navigation verwendet. Des Weiteren werden die verschiedenen Inhalte mit der Seite verkn\u00fcpft. In unserem Beispiel sind das 1 Bild (Top-Teaser oder Emotional) und 3 einspaltige Teaser. Ein Teaser kann wiederum auch auf ein Bild verlinken, das Teaserbild. Ein Teaser hat normalerweise auch noch einen \u201emehr\u201c-Link zur Detailseite und ggf. Links zu verwandten Dokumenten.<\/p>\n
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/klassendiagramm.png\" "\\"klassendiagramm\\"")
<\/a>Abbildung 2: fachliche Struktur des Dokumentenmodells<\/p><\/div>\n
CoreMedia Cartridge<\/h2>\n
Die CoreMedia Cartridge basiert auf dem MDA-Framework AndroMDA und generiert aus den Modellen Komponenten f\u00fcr das CoreMedia CMS. F\u00fcr einfache CMS-Systeme (wie im Beispiel) kann damit ein komplettes CMS aufgebaut werden, ohne eine Zeile Code zu schreiben (mit Ausnahme CSS). F\u00fcr komplexere CMS-Systeme (der Normalfall)\u00a0 stellt der generierte Code einen guten Rahmen f\u00fcr manuelle Entwicklung dar. Anhand des Teasers soll nun der Aufbau und die Funktionsweise der CoreMedia Cartridge erl\u00e4utert werden.<\/p>\n
Das fachliche Modell (siehe Abbildung 2) ist f\u00fcr die modellgetriebene Softwareentwicklung nicht detailliert genug. Es muss in ein technisches Dokumentenmodell \u00fcberf\u00fchrt werden. In Abbildung 3 ist ein Auszug (der Teaser) aus dem technischen Dokumentenmodell dargestellt. Durch Stereotypen gruppiert man Komponenten, die durch ihre Aufgabe in der Architektur zusammengeh\u00f6ren (z.B. Entity, Service, ValueObject). In unserm Fall beschreiben die Klassen des Dokumentenmodells die Struktur des Contents im CoreMedia CMS. Sie erhalten den Stereotyp \u00abDocType\u00bb<\/em>. Die zugeh\u00f6rigen Attribute erhalten den Stereotyp \u00abDocTypeAttribute\u00bb<\/em>.<\/p>\n
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/teaser.png\" "\\"teaser\\"")
<\/a>Abbildung 3: Auszug aus dem technischen Dokumentenmodell<\/p><\/div>\n
Das fertige Modell wird als XMI exportiert. Dieses wird von AndroMDA geladen und validiert. F\u00fcr jedes Element aus dem Modell wird ein Metaobjekt durch das MOF[1]<\/a> Repository erzeugt. Die Klassen der Objekte sind Teile des Metamodells der UML. In Abbildung 5 ist ein Auszug daraus zu sehen. Dieser Metaobjekt-Graph wird Abstract Syntax Tree (AST) genannt. In Abbildung 4 ist er am vereinfachten Beispiel des Teasers zu sehen.<\/p>\n
\n![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/ast.png\" "\\"ast\\"")
<\/a>Abbildung 4: Abstract Syntax Tree<\/p><\/div>\n
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/metamodell.png\" "\\"metamodell\\"")
<\/a>Abbildung 5: Auszug aus dem Metamodell der UML<\/p><\/div>\n
Die Anbindung der Sprache Java an die MOF-Spezifikation ist das Java Metadata Interface (JMI). Die Implementierungen werden bei der UML 1.4 dynamisch zur Laufzeit durch Netbeans MDR erzeugt (byte code generation). Eine Erweiterung des Metamodells ist somit nicht so einfach m\u00f6glich. Das AndroMDA-Framework kapselt darum den Zugriff auf Metaobjekte durch eigene Facaden, sogenannte Metafacaden (siehe Abbildung 6). F\u00fcr jede Metaklasse gibt es eine Metafacade. \u00dcber die Konfiguration der Cartridge wird festgelegt, \u00fcber welche Facade ich im Template auf die Metaobjekte zugreife. Damit habe ich die M\u00f6glichkeit, eigene abgeleitete Facaden zu schreiben, die z.B. komplexere Logik enthalten.<\/p>\n
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/metafacades.png\" "\\"metafacades\\"")
<\/a>Abbildung 6: Zugriff auf Metaobjekte \u00fcber AndroMDA Metafacaden<\/p><\/div>\n
Die CoreMedia Cartridge besteht aus 2 Metafacaden: die Doctype- und die View-Metafacade. F\u00fcr die Generierung des Codes werden folgende Velocity-Templates verwendet:<\/p>\n
- \n
- Contentbeans<\/strong> \u2013 generiert die Interfaces f\u00fcr die Contentbeans<\/li>\n
- ContentbeansBase<\/strong> \u2013 generiert die abstrakten ContentbeansBase-Klassen<\/li>\n
- ContentbeansImpl<\/strong> \u2013 generiert die Implementierungsklasse f\u00fcr die Contentbeans<\/li>\n
- Dataviews<\/strong> \u2013 generiert die Caching-Anweisung in den dataviews.xml<\/li>\n
- Editor.labels<\/strong> \u2013 generiert die Label-Dateien f\u00fcr Java- und Webeditor<\/li>\n
- JSPTemplates<\/strong> \u2013 generiert aus den View-Modell die JSP-Templates zu den Dokumenten aus dem Dokumentenmodell<\/li>\n<\/ul>\n
Der schematische Aufbau der CoreMedia Cartridge ist in Abbildung 7 dargestellt.<\/p>\n
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/aufbau.png\" "\\"aufbau\\"")
<\/a>Abbildung 7: schematischer Aufbau der CoreMedia Cartridge<\/p><\/div>\n
\u00dcber entsprechende Getter-Methoden der Metafacaden kann so in den Templates auf Attribute, Operationen, Stereotypen oder TaggedValues zugegriffen werden. Letzter werden verwendet, um das Model noch detaillierter zu beschreiben, was z.B. beim Caching oder bei den Views notwendig ist.<\/p>\n
Dazu wurde ein UML-Profil im Enterprise Architect erstellt, was die Zusammenh\u00e4nge von Stereotypen, TaggedValues und Wertebereiche definiert. In Abbildung 8 ist ein Auszug davon dargestellt.<\/p>\n
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/profil.png\" "\\"profil\\"")
<\/a>Abbildung 8: UML-Profil f\u00fcr die CoreMedia Cartridge<\/p><\/div>\n
In der CoreMedia Cartridge ist das Caching f\u00fcr Klassen vom Stereotyp \u00abDocType\u00bb<\/em> per default eingeschalten. Das Profil hat dazu im Stereotyp \u00abDocType\u00bb<\/em> ein Attribute dataview.caching hat. Dieses ist vom Typ\u00a0 boolean und hat den initialen Wert true. In der TaggedValue-Ansicht der Klasse Teaser sieht das wie in Abbildung 9 aus.<\/p>\n
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/teaser-taggedvalues.png\" "\\"teaser-taggedvalues\\"")
<\/a>Abbildung 9: TaggedValue-Ansicht des Teasers<\/p><\/div>\n
Weiterhin sieht man darin editor.label<\/em> mit dem Wert \u201eTeaser\u201c. Dieser Eintrag f\u00fcr das Editor.labels-Template verwendet. Das Caching der Attribute ist per default ausgeschalten muss (dataview.caching initial=false<\/em>) und muss explizit eingeschalten werden.<\/p>\n
Bei Verlinkung auf andere Dokumente \u00fcber LinklistPropeties\u00a0 kann zus\u00e4tzlich der dataview.associationType angegeben werden. Dieser hat den Wertebereich {COMPOSITION, AGGREGATION, STATIC, DYNAMIC}<\/em> und wird \u00fcber Enumeration modelliert (siehe Abbildung 8). In der TaggedValue-Ansicht des Attributs incImage des Teasers (siehe Abbildung 10) sieht man, dass das Caching eingeschalten ist und dass der AssociationType Aggregation ist.<\/p>\n
- ContentbeansBase<\/strong> \u2013 generiert die abstrakten ContentbeansBase-Klassen<\/li>\n
- \n\t\t\t\tAbbildung 10: : TaggedValue-Ansicht der Teasers-Property: incImage\n\t\t\t\t<\/dd><\/dl>\n\t\t\t
- \n\t\t\t\tAbbildung 9: TaggedValue-Ansicht des Teasers\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t\tAbbildung 8: UML-Profil f\u00fcr die CoreMedia Cartridge\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t\tAbbildung 7: schematischer Aufbau der CoreMedia Cartridge\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t\tAbbildung 6: Zugriff auf Metaobjekte \u00fcber AndroMDA Metafacaden \n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t\tAbbildung 5: Auszug aus dem Metamodell der UML\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t\tAbbildung 4: Abstract Syntax Tree\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t\tAbbildung 3: Auszug aus dem technischen Dokumentenmodell\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t\tAbbildung 2: fachliche Struktur des Dokumentenmodells\n\t\t\t\t<\/dd><\/dl>
- \n\t\t\t\t
![\"\"](\"http:\/\/marko-seifert.de\/blog\/wp-content\/uploads\/2012\/09\/teaser-bild-taggedvalues.png\" "\\"teaser-bild-taggedvalues\\"")
<\/a>