Home

CONTENT- & DOKUMENTENMANAGEMENT

1. This week p licrosoft Internet Explorer File Edit View X A P N J Qo Back x vw D 7 Search Ir Favorites a d 1 Address zo http lacalhost quickstart index phip id 13 Favorites Tools Help Results B This week Results Het in hostias pacificorum boves duos al quinque haec fuit oblatio Ahiezer filii Am Fhagaihel filius Ochran obtulit acetabulu siclos fialam argenteam habentem sept plenum simila conspersa oleo in sacrific siclos plenum incenso Beachten Sie wie diese Seite im neuen Fenster gezeigt wird Das Skript quickstart index php idz13 wird hier n mlich aufgerufen 1 In TYPO3 wird jede Seite in der Datenbank gespeichert in einer Tabelle mit Namen pages und jede dieser Page Records hat eine eindeutige Nummer Unique Number uid An dieser Stelle wurde der Parameter id auf den Wert 13 gesetzt und offensichtlich muss dies die uid Nummer der Seite This week im Page Tree sein Au erdem k nnen Sie sehen dass der Seiteninhalt 2 derselbe ist den Sie im rechten Frame des Page Moduls gesehen haben falls Sie ihn bemerkt haben als Sie auf den Seitentitel geklickt haben Darauf kommen wir nochmal zur ck Schauen Sie auf die Seiten berschrift 3 hier wird der Seitentitel der Seite die wir anzeigen gezeigt This week aber die bergeordnete Seite im Page Tree Results wird ebenfalls gezeigt Dies verdeutlicht die Logik des Page Trees n mlich dass
2. Wir haben schon ein allgemeines G stebuch also lassen Sie uns eines f r den Bereich Team Pages erstellen der eine Anmeldung mit Benutzernamen und Passwort erfordert Gehen Sie zum Page Modul klicken Sie auf den Titel der Seite Team pages in dem kleinen Page Tree und w hlen Sie den New page Assistenten wie bereits vorher schon einmal aD Users d Insert the new page here Geben Sie einen Seitentitel ein Pagetitde Member guestbook Mleka Speichern und schlie en Sie die Seite Anschlie end erstellen Sie den Seiteninhalt NORMAL Te Create page content i W hlen Sie das Plugin Guestbook TYP 0 3 Der Einstieg 58 Mini news Mini news Oo S Message board Adds a message board list style for O EN Discussion forum EE Add a threaded discussion forum tre A E Guestbook i Adds a guestbook to the page Und jetzt raten Sie mal wie einfach es ist die Mini News und Message boards zu installieren Speichern Sie das Formular das dann erscheint BEE x OPEN DOCUMENTS v Path FC Bigfeet Team pages Member guest Type Insert plugin ve Plugin Guestbook v cope GUESTBOOK POSTFORM Beachten Sie das CODE Feld es enth lt zwei Befehle die das G stebuch erscheinen lassen ein guter Grund den New content Assistenten zu benutzen weil in diesem Fall die Element schon gleich eingesetzt werden Nat rlich k nnen Si
3. m trininta Diese Aktion m ndet in folgender Ansicht EJ Pagecontent 18 Results Het in hostias pacificorum boves duos arietes quinque hircos quinque agnos anniculos quinque haec fuit oblatio Ahiezer filii amp misaddai die undecimo princeps filiorum Aser Phagaihel filius Ochran obtulit acetabulum argenteum adpendens centum triginta siclos fialam argenteam habentem septuaginta siclos ad pondus sanctuarii utrumque plenurn simila conspersa oleo in sacrificium mortariolum aureum adpendens decem siclos plenum incenso Agnos anniculos quinque haec fuit oblatio Ahiezer filii amp misaddai die undecimo princeps filiorum Aser Phagaihel filius Ochran obtulit acetabulum argenteum adpendens centum triginta siclos fislam argenteam habentem septuaginta siclos ad pondus sanctuarii utrumque plenum simila conspersa oleo in sacrificium mortariolum aureum adpendens decem siclos plenum incenso et in hostias pacificorum boves duos arietes quinque hircos quinque agnos anniculos quinque haec fuit oblatio Ahiezer filii amp misaddai die undecimo princeps filiorum Aser Phagaihel filius Ochran obtulit acetabulum argenteum adpendens centum triginta siclos fialarn argenteam habentem septuaginta siclos ad pondus sanctuarii utrumque plenum simila conspersa oleo in sacrificium mortariolum aureum adpendens decem siclos plenum incenso Zun chst einmal zeigt Ihnen das Feld Type 1 den Typ des Page Content Elements an In diesem Fall Text Er k nnte genauso gu
4. 2 Create a new page und geben die Informationen ein In diesem Fall sind Benutzername Passwort und Gruppe erforderliche Felder X TYPO 3 Der Einstieg 47 El Ec EX x OPEN DOCUMENTS Y menu v Path FC Bigfeet LIsers b newuser 2 Password b goalkeeper 2 Groups Selected J l 2 Lock to domain Speichern Sie den User Wenn Sie auf den Seitentitel des Users sysFolders klicken sollten Sie diese Liste sehen nat rlich vorausgesetzt das List Modul war das letzte Backend Modul mit dem Sie gearbeitet haben Website user 3 Username j bo e john IS je irene mm n newuser Wechseln Sie auf die Seite mit dem Login Formular und testen Sie ob es funktioniert newuser Login Ein Login Formular erstellen Wir haben bereits ein Login Formular Aber was wenn wir noch ein zweites auf der Startseite haben m chten Ist das ein Problem Nein denn wie Sie bereits wissen erzeugt TYPOS3 Seiteninhalte durch eine Reihe von Page Content Elemente also legen wir einfach ein neues Content Element vom Typo Login Box auf der Startseite an Die Frage ist eher wo zwischen all den anderen Elementen wir das neue anlegen sollen Okay hier eine kleine Finger bung f r Sie Page Modul gt FC Bigfeet anklicken gt New content pag es f pum S dece B AG Ft Bigfeet Columns v kal Sasse SREE Biore Path FC Bigfeet ee Be A ne Term A RRA Per B B Youth
5. amp Dokumentenmanagement N ns IN 2 DAS CONTENT MANAGEMENT SYSTEM TYPO3 Das CMS Typo3 ist ein Vertreter der Familie der Open Source Systeme das vom skandinavischen Informatiker Kasper Sk rhej entworfen wurde und im Leistungsum fang mit hochwertigen kommerziellen Produkten mehr als nur Schritt halten kann Im Rahmen der Lehrveranstaltung Content Management und Dokumenten Management soll anhand dieser weit verbreiteten und erfolgreichen Software die unkomplizierte und moderne Verwaltung von Web Inhalten diskutiert und praktisch nachvollzogen werden 2 1 ALLGEMEINE GRUNDS TZE Das CMS Typo3 basiert als Open Source System auf Komponenten die allesamt aus ffentlich zug nglichen Programmkomponenten bestehen Konkret baut Typo3 auf der sogenannten LAMP Architektur auf welche aus den Teilkomponenten Linux Be triebssystem Apache Web Server Mysql Datenbanksystem und PHP serverseiti ge Web Applikationsl sung besteht Die Installation umfasst dabei lediglich das korrekte Kopieren der PHP Programme und Source Dokumente in ein f r den Webserver erreichbares Verzeichnis Aufer ein paar wenigen manuellen Schritten durch den Systemadministrator kann Typo3 voll st ndig von der Web Oberfl che d h mit einem aktuellen Web Browser konfiguriert und damit betriebsbereit gemacht werden Bei der Installation bietet Typo3 dem Administrator drei Schnittstellen an 1 Die Sicht des Systemadministrators der die Datenbankko
6. Button Sie werden nun zur Seite Team pages umgeleitet vorausgesetzt alles hat geklappt Der Einstieg 44 X TYPO3 Sehen einmal in das Men Seiten die vorher versteckt waren sind nun sichtbar Benutzer und Benutzergruppen erzeugen Bevor Sie zugangsbeschr nkte Seiten erzeugen m sste Sie zun chst einmal Frontend Benutzer und Gruppen haben Diese k nnen Sie vor w hrend oder nach dem Erstellen Ihrer Website anlegen die Reihenfolge spielt hier keine Rolle Frontend und Backend User Moment moment wieviele Arten von Benutzern gibt es denn Nun es gibt nur zwei verschiedene Arten Erinnern Sie sich Es gibt zwei grosse Bereiche in TYPO3 das Frontend Website und das Backend Administration Ein Frontend User orangene Symbole kann sich nat rlich auf der Website anmelden Er kann keine Inhalte ver ndern denn er hat nichts mit dem Backend zu tun hat aber trotzdem seine Daseinsberechtigung denn er erlaubt uns auf der Website den Zugang zu Informationen einzuschr nken Frontend User auch Website User genannt k nnen im System berall dort angelegt werden wo wir sie anlegen wollen In unserem Fall haben wir einen h bschen sysFolder Users sowohl f r Benutzer als auch f r Gruppen erstellt Die einzige Voraussetzung zu diesem Speicherort f r Frontend User ist dass wir dem Template sagen dass dies der Ort ist nach Benutzern zu suchen wenn sich jemand anmelden m chte mehr dar ber im Abschnitt
7. LE T X TYPO 3 Der Einstieg 37 Das Ergebnis sollte nach dem Speichern wie erwartet so aussehen This is the second line ite to Raspe ER ein Link welcher das Email Programm des Besuchers ffnet erlaubt Ihnen gleich eine neue Mail zu schreiben To kasperitypo3 com Copy Blind Copy Subject Hi Kasper How are you III send you a donation right away for this great tutorial Content Element Typen Wie Sie bereits wissen gibt es zahlreiche Typen von Page Content Elementen und indem Sie diese kombinieren erreichen Sie vielf ltige Websites auf denen nicht jeder Seite aussieht wie die andere Text w image Image Bullet list Table Filelinks Multimedia Form Search Menu Sitemap Insert records Insert plugin Script Divider HTML Als Daumenregel k nnte man sagen dass je weiter unten in der Liste sich ein Element befindet desto komplexer ist es oder desto seltener wird des benutzt Das absolut am meisten benutzte Element ist Text oder das Text w Image Element Assistenten Beachten Sie auch dass einige Elemente einen kleinen Assistenten zur Verf gung stellen Probieren Sie beispielsweise einmal die Ergebnisliste auf der Seite This week zu bearbeiten Results this week fl Arsenal Liverpool 2 0 SouthH Chelsea 3 2 Das Text Feld welches normalerweise reinen Text enth lt zeigt nun den Tabelleninhalt in einer offensichtlich systematisch angeordneten Weise TYP 0 3
8. Programme einer Website benutzt die eine bestimmte Aufgabe erledigen die die Verarbeitung von Daten in Echtzeit einschlie t Das G stebuch beispielsweise die Suchmaschine das Message Board ein Formular um Versicherungskosten zu ermitteln oder das Registrierungsformluar f r neue Mitglieder durchsuchbare Adressb cher all diese Funktionen sind Web Applikationen Viele solcher Applikationen sind heutzutage Stand Alone L sungen jeweils mit einem eigenen System f r Administration usw Content Management Systeme unterst tzen teilweise auch solche M glichkeiten aber normalerweise innerhalb eines Frameworks das diese Funktionalit t integriert TYPO3 ist so ein System eine web application platform welche Sie nicht nur umfangreich dabei unterst tzt solche Applikationen zu verwenden und zu verwalten sondern auch solche zu entwickeln Mit dem Extension Manager ist die Installation und Distribution so einfach wie ein Mausklick und mit dem Kickstarter haben Sie in 2 Minuten ein Ger st zusammengestellt auf dessen Basis Sie eigene Applikationen erstellen k nnen Wenn Sie sich f r diese Themen interessieren sollten Sie sich die Episode Videos ansehen die Sie in der Videoseite auf typo3 org finden Zus tzlich gibt es eine Reihe von Tutorials zu diesem Thema beispielsweise eines das Oliver Hofmann geschrieben hat Beachten Sie jedoch dass diese ganzen Informationen f r fortgeschrittene Entwickler bestimmt sind und Sie weder erwarte
9. Yes B8 ETTegscorer Sie sehen darauf einen Teil des Page Trees und indem Sie auf die bergeordnete Seite klicken wandern Sie eine Ebene h her TYP O 3 Der Einstieg 30 SELECT POSITION OF THE ELEMENT EU Lp Th week E Last week Ed B Report results Mz Topscorer Und durch einen einfachen intuitiven Klick haben Sie die Seite an die neue Position verschoben SELECT POSITION OF THE ELEMENT FC Bigfeet Move page to this position Der Page Tree wird sofort aktualisiert B QuickStart B FC Bigfeet EH Home be B News d kun E Guestbook B Siternap sel El Topscorer Verwenden der cut and paste Funktion um eine Seite zu verschieben Der Seite verschieben Assistent ist wirklich das intuitivste Werkzeug f r Anf nger Trotzdem sollten Sie wenn Sie einen besseren berblick gewonnen haben wie Elemente und auch Seiten in TYPO3 verschoben werden das interne Klemmbrett Clipboard verwenden Es funktioniert ziemlich genau wie das welches Sie von Windows kennen dort nennt es sich Zwischenablage Sie klicken mit der rechten Maustaste auf ein Dokument w hlen Cut klicken anschlie end auf den Ordner in den Sie das Dokument einf gen wollen und w hlen schlussendlich Paste Das gleiche Prinzip wurde auch in TYPOS verwendet Lassen Sie uns auf diese Weise die Seite zur ck verschieben Schneiden Sie die Seite aus Show ion H Edit El New Em Info Copy H cut Paste into 1
10. brauchen so dass uns das nicht weiter verwirrt Die Kehrseite der Medaille ist jedoch dass es sogar verwirrend sein danach zu suchen wenn Sie eine dieser secondary options ben tigen und sich nicht daran erinnern k nnen hinter welchem Symbol sie sich verbirgt oder wenn Sie das Feld h ufig benutzen Und genau deshalb k nnen Sie die Option Show secondary options am Ende aller Bearbeitungsformulare aktivieren Ail E Ex x m x dae secondary options palettes how field descriptions Das Ergebnis ist ein grosses und m glicherweise verwirrendes Formular Allerdings mit allen Optionen die zur Verf gung stehen auf einen Blick Der Einstieg 40 3 TYPO3 Eun UNI Columns _ Before oefautv B normai v E O Link al 2 Layout Normal Cellspacing Cellpadding 49 mw O 3 Beachten Sie wie jede Zeile an Optionen genau mit den Inhalten der Palette im oberen Frame zusammenh ngt die angezeigt wurde als Sie vorher auf das Weitere Optionen Symbol geklickt haben Wie ver ndern wir nun die Hintergrundfarbe der Tabelle In den secondary options des Bereiches Layout Layout Normal Backgr Cellspacing Cellpadding color 2 v Ms m rn m Arsenal Liverpool 2 0 SouthH Chelsea 3 2 Denmark Uruguay 6 0 Die Beschriftung Color 2 bezieht sich auf die Farbe die innerhalb des Website Templates mit diesem Namen definiert wurde Editieren im Front
11. me m General options Start Stop Access Include subpages o l3 08 TYPO 3 Der Einstieg 32 Seiten verstecken Versuchen Sie die Hide page Box anzuw hlen 3 Page 13 This week Hide page Tvne Schnell k nnen Sie am grauen Symbol mit dem roten Kreuz erkennen Die Seite ist nun versteckt i om n This week i B Last week i El Report results ER Topscorer Das bedeutet dass Sie die Seite nicht im Frontend sehen k nnen Sehr wichtig W hlen Sie Show f r die Seite Last week Hier sehen Sie keine This week Seite Wenn Sie jedoch direkt auf die This week Seite gehen werden Sie sie TROTZDEM sehen Address http localhost quickstart index plyp id 13 http localhost quickstart index php id 13 http localhost quickstart index php id 138Eype 1 denn wenn Sie als Backend Benutzer angemeldet sind k nnen versteckte Seiten in einer Vorschau gezeigt werden dies zeigt auch die kleine Box am Ende der Seite TYP O 3 Der Einstieg 33 Aber Nur Sie k nnen dies sehen Niemand anders auf der Welt kann die Seite sehen bevor Sie sie nicht wieder sichtbar machen Zeitabh ngige Seiten und Content Elemente Seiten und Content Elemente zu verschicken wird vermutlich die gel ufigste Art von Sichtbarkeits Einstellungen sein Sie ist so gebr uchlich dass sie ihren eigenen Platz im Kontext Men hat A b 78 B9 amp zj 1 visibility E e
12. n Edit page header S Delete T Sie k nnen aber auch bestimmen wann eine Seite online gehen soll an welchem Datum Versuchen Sie beispielsweise den Code d 10 in das Start time Feld einzutragen 2 Start 2 start C d iol v 11 4 2003 m eg Das Datum wird automatisch auf das aktuelle Datum plus 10 Tage gesetzt Wenn Sie die Seite speichern und die Maus ber das Symbol bewegen k nnen Sie diese Einstellungen sogar sehen Hid 13 Start 11 04 03 9 days IEEE Und raten Sie richtig die Seite ist aktuell nicht sichtbar und wird automatisch am 11 April 2003 10 Tage sp ter sichtbar sein So einfach ist es die Ver ffentlichung von Informationen anhand von Startzeiten zu steuern Das gleiche Prinzip funktioniert nat rlich auch f r das Stop Feld Und auch f r Page content Elemente News Elemente G stebuch Elemente was auch immer Das gleiche Prinzip an verschiedensten Stellen leicht verst ndlich Rich Text Editieren Fett Kursiv Aufz hlungen Bilder einf gen Wenn Sie den Text auf Ihrer Seite bearbeiten k nnen Sie dieselbe Art von Formatierungen verwenden die Sie auch aus Ihrer Textverarbeitung kennen Wenn TYPO3 mit dem Microsoft Internet Explorer verwendet wird so haben Sie Zugriff auf den Rich Text Editor RTE Rich Text bedeutet dass Sie dem Text bestimmte Formatierungen hinzuf gen k nnen anstatt ihn einfach nur zu schreiben Probieren Sie einmal das Haupttextfeld der neuen T
13. und auch nur von Backend Usern die admin User sind diese haben das admin Flag gesetzt das durch ein rotgef rbtes Symbol angezeigt wird weil sie die einzigen Benutzer sind die Zugriff auf Datens tze in dieser Page namens Root haben Pm Sauer ous Q paga Br EHE FC Bigfeet en El List eh Home Pagetitle fl Info g p Youth Section L FC Bigfeet EB Access Ej Results ER Functions HB Links seed user 4 HE Template B E Contact ee 5 File E Log in gt z TE n Filelist EHR ETeam pages is jonathan fj Images i E Images Ei Dec E Parties User Lost and found Backend usergroup 2 A Task center B Club Member message boa f Grouptitle A setup Ag Users i e GENERAL Pi Tools ig News items draft page i ME gt News editor Die drei blauen Backend User 1 wurden so konfiguriert dass jeder von ihnen einen kleinen Teil der Website betreuen kann mehr dar ber sp ter im Abschnitt ber Benutzer Die Backend usergroups 2 w rden normalerweise auch blau dargestellt wenn ich nicht ein Flag namens Access Lists gesetzt h tte sorry Der admin User 3 schlie lich der Benutzer mit dem wir arbeiten ist rot denn er hat einen v llig unbeschr nkten Zugriff auf jeden Teil des Systems Bearbeiten von Benutzern und Gruppen Wie Sie sehen k nnen haben wir bereits einen sysFolder mit einer Benutzergruppe und zwei Benutzern Die Gruppe Team ist wirklich nicht mehr als der Titel schon sa
14. und zwar ganz oben in der Palette dem oberen Frame wenn Sie auf das Symbol More options klicken siehe Abbildung oben Stets zu Diensten Hilfe Sch n aber was m gen all die anderen interessanten Seitentypen anstellen Nun das k nnen Sie einfach herausfinden indem Sie das kleine Symbol neben dem Feld anklicken Standard Advanced External LIRL Hot in menu Backend User Section Mount page SysFalder Recycler Sofort erscheint ein neues Fenster ungef hr so eines wie das folgende TYPO 3 Der Einstieg 18 amp Typo 3 3 Field Help Mic Page Type Select the page type This affects whether the page represents a visible webpage or is used for other purposes DETAILS Standard and rds in the er will allow any record if vou have any problems SEE ALSO Page Shortcut to page Page URL See full description of table x Dies nennt man kontextsensitive Hilfe Man findet sie bei fast allen Element in TYPO3 ber die Sie Informationen ber dessen Funktion ben tigen k nnten Es ist einfach und steht sofort zu Ihrer Verf gung wenn Sie innerhalb des Systems arbeiten Seiteninhalt Jetzt haben wir uns den Page Tree angeschaut gesehen wie der Page Tree in der Men Hierarchie der Website widergespiegelt wird und wie Seiten gezeigt werden k nnen etc 3 TYPO3 Der Einstieg 19 1 This week Microsoft Internet Explorer Ju File Edit View Favorites T
15. Guestbook tt quest 3 C ave 2 Install extension earch Engine In der Ansicht Loaded Extensions k nnen Sie eine Liste der installierten und geladenen Extension sehen LOADED EXTENSIONS Loaded extensions are currently running on the system This list shos Shy extensions are also loaded but hidden in this list because they them alone unless you know what you are doing Tide Extension key Version P Mini news mininews 0 1 5 amp e Message board twin mode board 1 0 9 m User Task Center Tasks sys todos 1 0 4 G isl User gt Task Center Tasks Workflow sys workflows 1 0 2 Ca Preconfiguration of Backend Users conf userts 1 0 3 Gs P Guestbook guest 1 0 5 Das G stebuch in eine Seite einf gen Genau wie das Email Formular und die Suchfunktion und normalerweise alle anderen Web Applikationen in der TYPO3 Terminologie plugin genannt wird auch das G stebuch durch ein Page Content Element eingef gt und fungiert als Platzhalter f r seine Funktionen TYPO 3 Der Einstieg 57 Path FC Bigfeet Home Guestbook Pagecontent 2 Insert plugin GUESTBOOK POSTFORM 2 Startingpoint B Page i ES Der Typ Insert plugin ist die Hauptauswahl und das zweite Auswahlfeld Plugin wird daf r verwendet welches Plugin eingef gt werden soll Die Auflistung spiegelt einige der installierten Extensions wider Plugin z Guestbook M Mini news Board List Board Tree
16. Reihe von Modulen im Men auf der linken Seite Wenn Sie Seiten editieren und erzeugen m chten w hlen Sie das Page Modul x TYPO3 Web E QuickStart B Pag WEB gt PAGE MODULE ieu eloa e tree from server you wish to edit the content of a page please clic e page Q vie Reload the t f If h to edit th tent of lick th 1 ListP age content tree to the left I Info Bl Access Jedes Modul hat seine eigenen Inhalte die es anzeigt Da Sie der Administrator sind haben Sie Zugriff auf alle Module Aber Copyright f r das Skriptenlayout die Dokumentenvorlage Lehrgang Prof MSc New Media Managemencommon sense Bubenzer amp Giannini Multimediale Trainings OEG Wien 2000 43 1 9136676 es wird auch andere normale Benutzer geben diese haben nur Zugriff auf die Module die Sie f r sie ausgew hlt haben Probieren Sie auf die verschiedenen Module im Men zu klicken und beobachten Sie wie sich der Content Frame ver ndert Page Tree Seitenbaum Die berschrift Web im linken Men wird Hauptmodul genannt und alle Module die darunter aufgelistet werden sind Submodule Alle Module unterhalb des Web Moduls erzeugen eine zweigeteilte Ansicht im Content Frame den Page Tree links 1 und den modulspezifischen Inhalt der sich auf die ausgew hlte Seite im Page Tree bezieht rechts 2 Der Page Tree kann erweitert werden indem Sie auf die Plus Minus Symbole klicken 3 Das funktioniert genauso wie mit Ordnern
17. extensions Order by Category v Display shy extensions A a RM JF Guestbook amp guest 15015 Gs p Newsletter Subscription Module da newsletter subscription 1 0 1 TS Okay und wie benutze ich das jetzt Nun wir k nnen wirklich von Gl ck sagen dass der Autor der Extension ein Handbuch geschrieben hat Auf typo3 org k nnen Sie sich das Inhaltsverzeichnis ansehen und finden dort eine detaillierte Anleitung f r das Erstellen eines X TYPO 3 Der Einstieg 67 Anmeldeformulars der Kategorien und wie Sie die Liste der angemeldeten Personen aus dem System wieder herausbekommen Nat rlich werde ich das hier nicht alles wiederholen Schlie lich hatte es seinen Grund ein Handbuch f r diese Extension zu schreiben Aber ich habe kurzerhand eine neue Seite ein Content Element zwei Kategorien und die Auswahl f r das Alter erzeugt Pagecontent 1 i Header 8 x Subscribe to our newsletter Newsletter Categories 2 Di E Search Title m iM 4 Match results Parties Noch einige andere Dinge m ssen erledigt werden nderungen im Template aber Sie k nnen das in dem Video sehen in dem alles live vorgef hrt wird Und nat rlich ist im Handbuch das Sie auf typo3 org finden im Abschnitt zur Konfiguration alles genau dokumentiert Das Ergebnis Formular sieht folgenderma en aus Match results Sign up O A Sim Age 11 15 years iv Unsubscribe all newsletters Der letz
18. pid tstamp hidden sorting CType header he Ret Slet 1 20 1049140573 0 list textpic Trainer eben 15 9 1049191167 256 table Training Events R 17 10 1049138578 0 256 text Season is et Slet Se ma 4 1049138612 1049204464 1049138747 AMADA ANTAN Results Results this week Results last week week 14 Der Einstieg 22 Editieren und erstellen von Seiten und Inhalt Seiten bearbeiten Wir wissen dass Seite ihren sichtbaren Inhalt in Page Content Elementen speichert Eine Seite zu bearbeiten bedeutet also Page Content Elemente zu bearbeiten Es ist wirklich einfach Seiteninhalte in TYPOS3 zu editieren W hlen Sie einfach das Page Modul 1 klicken Sie auf den Titel der Seite die Sie bearbeiten m chten 2 und klicken Sie in der Columns Spalten Ansicht 3 auf das Editieren Symbol 4 des Page Content Elements das Sie ver ndern m chten TYPO3 d Web Bd QuickStart E B FC Bigfeet Path FC Bigfeet Results This week E TEDNA List M Info EJ Pagecontent Bl Access ES Functions Edit page header HE Template i NORMAL File Filelist f Images Results Bi Dec i Jat Het in hostias pacificorum boves duos arietes quinque i hircos quinque agnos anniculos quinque haec fuit user oblatio Ahiezer filii Amisaddai die undecimo princeps A Task center H B Links filiorum Aser Phagaihel filius Ochran obtulit mI rn A Canta sratahul m syvnanta m sdnandane rant
19. plenum simila conspersa oleo in sacrificium mortariolum aureum adpendens decem siclos plenum phpMyAdmin Hep incenso et in hostias pacificorum boves duos arietes 2 About modules quinque hircos quinque agnos anniculos quinque haec 9 About LOGRA fuit oblatio Ahiezer filii Amisaddai die undecimo princeps filiorum Aser Phagaihel filius Ochran obtulit acetabulum argenteum adpendens centum triginta Admin functions siclos fialam argenteam habentem septuaginta siclos 3 Clear cache ad pondus sanctuarii utrumque plenum simila files in conspersa oleo in sacrificium mortariolum aureum typo3conf adpendens decem siclos plenum incenso Bi clear All Cache Results this week E Arsenal Liverpool 2 0 SouthH Chelsea 3 2 Logout admin DOR Results last week week 14 Arsenal Liverpool 1 0 SouthH Chelsea Cancelled Index Yes Vergleichen Sie jetzt einmal die Ansicht im Backend mit der im Frontend Sehen Sie dass die Elemente im Backend gleicherma en vorhanden sind wie im Frontend Versuchen Sie sie umzusortieren indem Sie ein Backend Element nach oben oder unten verschieben Results this week P Arsenal Liverpool 2 0 SouthH Chelsea 3 2 Results last week week 14 Results this week E Arsenal Liverpool 2 0 SouthH Chelsea 3 2 Results Het in hostias pacificorum boves duos arietes quinque hircos quinque agnos anniculos quinque haec fuit oblatio Ahiezer filii A
20. ru RNC CENE UR M Er FOR F gen Sie sie nach der Report results Seite ein 3 TYPO3 Der Einstieg 31 Report results J L Show A Edit bes New is Info E Copy Cut E Paste into Paste after More iem Antworten Sie mit OK Microsoft Internet Explorer t3 2 j Move Topscorer to after Report results E Cancel Das war s Die Seite befindet sich wieder dort wo sie hingeh rt E a Results ee B This week Hintergrund Achtung durchg ngige Konzepte an Bord Beachten Sie dass das selbe Prinzip von copy cut paste nicht nur auf Seiten sondern auch auf Page Content Elemente grunds tzlich mit jedem Datenbank Element oder jeder Datei die TYPO3 verwaltet angewendet werden kann Dies ist ein gutes Beispiel daf r dass TYPO3 dasselbe Konzept durchg ngig und innerhalb des gesamten Systems verwendet Wenn Sie also eine Funktion einmal erlernt haben werden auch viele andere Funktionen f r Sie einen Sinn ergeben Wenn Sie mit offenen Augen dran bleiben werden Ihnen viele dieser Aha Erlebnisse verdeutlichen wie Dinge gestaltet wurden um zusammenzupassen Sichtbarkeits Einstellungen Seiten verstecken Sichtbarkeit timen usw Eine Funktion die Sie bei vielen Elementen vor allem Seiten und Page Content Elementen wiederfinden werden sind Felder f r die Ver ffentlichungs Kontrolle oder auch Sichtbarkeits Einstellungen Folgenderma en sehen Sie bei Seiten aus B Page 13 This week
21. und Paste after Funktionen des click menus 88 nutzen sie erlauben Ihnen sogar Kopien zu erstellen und Elemente auf andere Seiten zu verschieben Der Hide Unhide Button 3 ist ein schneller Weg das Versteckt Flag eines Elementes zu ver ndern und der M lleimer 4 erlaubt Ihnen ein Element komplett zu l schen allerdings kann es wiederhergestellt werden wenn Ihnen dies einmal versehentlich passieren sollte Um in einem Element nur den eigentlichen Textbereich bearbeiten m chten gibt eine komfortable M glichkeit klicken Sie auf die Schaltfl che Edit in Rich Text Editor 5 Dies bewirkt dass sich ein Vollbild Fenster ffnet in dem Sie den Text bearbeiten k nnen vorteilhaft wenn Sie viel Text schreiben Ein Klick auf die Symbole der Content Elemente zeigt Ihnen wie gewohnt das kontextsensitive Men f r das entsprechende Element Zu guter Letzt k nnen Sie nicht nur ein Content Element sondern sogar zwei oder mehr gleichzeitig bearbeiten Klicken Sie dazu auf das Column edit Symbol 7 Seiten verschieben Eine Seite zu verschieben ist mit dem Assistenten des Page Moduls ebenfalls sehr einfach Angenommen wir m chten die Seite Topscorer von seiner aktuellen Position direkt hinter die Seite Sitemap in der Home Kategorie verschieben Edit page header a EB Youth Section NORMA EH Results PES Pod This week xt w image Hello world B Last week ig Jat This is my first 1 HB Report results Index
22. zu den Vortragsfolien einen berblick auf die Thematik Content und Dokumentenmanagement vermittelt Ich freue mich auf die gemeinsamen Arbeitsstunden und w nsche viel Erfolg in der praktischen Anwendung der diskutierten Arbeitsthemen Markus Schranz Copyright f r das Skriptenlayout die Dokumentenvorlage common sense Bubenzer amp Giannini Multimediale Trainings OEG Wien 2000 43 1 9136676 Lehrgang Prof MSc New Media Management Multimedia 2 Dezember 2007
23. Der Einstieg 38 2 Text Arsenal Liverpool 2 0 SouthH Chelsea 3 2 able wizard m Die Tabelle wird erzeugt indem jede Zeile des Text Feldes als eine Tabellenzeile interpretiert wird Die vertikale Linie wird verwendet um Spalten voneinander zu trennen Dies ist eine M glichkeit auf der grundlegendsten Ebene und sie k nnte per Hand genutzt werden Allerdings wird der Table Wizard f r die meisten das angemessenere Tool sein siehe oben auf der rechten Seite In ihm finden Sie spezielle Formularfelder und Schaltfl chen f r das Hinzuf gen L schen und Verschieben von Tabelleninhalten Eine neue Zeile w rden Sie beispielsweise auf diese Art und Weise hinzuf gen TABLE WIZARD mw Arsenal Liverpool 2 3 2 uc Anschlie end f gen Sie Inhalte in die neue Zeile ein TABLE WIZARD mw Arsenal Liverpool 2 0 AU we southH Chelsea 3 2 A m Denmark Uruguay 6 0 eub uc E Ey x i v smi fields Speichern Sie den Inhalt des Tabellen Assistenten und zur ck im Textfeld sehen Sie den tats chlichen zugrundeliegenden Inhalt Text Arsenal Liverpool 2 0 SouthH Chelsea 3 2 Denmark LUruguay 6 0 Wenn Sie die Webseite im Frontend aktualisieren sehen Sie die folgende Ausgabe Results this week TYP 0 3 Der Einstieg 39 Wenn Sie sich fragen wie Sie die Hintergrundfarbe ver ndern k nnten lesen Sie weiter Zus tzliche Optionen Paletten Aus den Anf ngen von TYPOS3 hat s
24. Engine Table Of Co Size 22 K Created 16 11 02 Modified 03 02 03 12 26 Path Documentation Documentation 2 EXT Indexed Search Engine Table Of Contents 96596 EXT Indexed Search Engine Copyright amp copy Kasper Sk rhey amp It kasper AT typo3 com amp gt Published under the Open Content License available from http www opencontent orgopl s EXT Indexed Search Engine Table Of Contents EXT Engine Table Of Contents EXT Indexed Search Engine Copyright Beachten Sie wie die Ergebnisse bersichtlich in Bereiche unterteilt und ihre Relevanz in Prozent angegeben wird Die Extension die all dies macht hat den Extension Key indexed search und das Handbuch mit weiteren Informationen dazu k nnen Sie hier finden G stebuch Ein G stebuch ist ebenfalls einfach zu erstellen nachdem Sie schon so weit gelesen haben h tten Sie vermutlich auch nichts anderes erwartet Wie auch immer Dinge wie das G stebuch das Nachrichtenbrett Message Board News Modul usw werden normalerweise als Extension angeboten und Extensions muss man zun chst installieren Man kann sie gr stenteils sogar ber das Online Repository dem TER TYPO3 Extension Repository importieren wenn sie auf dem lokalen Server noch nicht verf gbar sind Um eine Extension wie das G stebuch zu installieren gehen Sie in den Extension Manager EM auch ein Modul das Sie bestimmt leicht finden und klicken auf das Hinzuf gen Symbol 3
25. Guestbook B Sitemap B Search H E Youth Section EH esults B x This week B Last week E Report results Sie erzeugen Shortcuts indem Sie den Seitentyp editieren F r die Seite Home sieht das folgenderma en aus ll Page 6 Home 2 Hide page d G Type Shortcut Pagetitle Home B FC Bigfeet er Microsoft Internet Explorer E I uich tart H ELF Sifa D E Home ptg News m Den Element Browserverwenden Sie um eine Seite auszuw hlen auf die Sie verweisen wollen Der Element Browser wird benutzt um Beziehungen zwischen Datens tzen und Dateien in TYPO3s Formularen herzustellen Mehr ber den Element Browser k nnen Sie hier nachlesen Auf der Seite Results ist der Shortcut etwas ausgefallener er verweist einfach auf die erste Unterseite die er findet In unserem Fall ist es die This week Seite 3 TYPO3 Der Einstieg 17 x E Qe Quickstart EI B FC Bigfeet l ls E x Ty Results v menu Path FC Bigfeet Results Page 4 Results 2 Hide page 2 Type Shortcut B n Youth Section Ej Results Pagetitle Results E This week E Last week i iE Report results i E Contat Is B Log in e js Ah pages Der Shortcut Modus ist eine so genannte secondary option des Shortcut to page Feldes das bedeutet dass dieses Feld nur gezeigt wird
26. Links zu erzeugen Es ist einfach genug um es per Hand zu erledigen Hinweis Der interne lt link gt Tag wird zu einem richtigen HTML lt a gt Tag konvertiert wenn die Seite erzeugt wird Au erdem erkennen Sie dass die Aufz hlung in eine Serie von verschachtelten lt typolist gt Tags also TYPO3 eigene Tags konvertiert wurde Diese werden von der Template Engine ebenfalls zu einer richtigen Aufz hlung konvertiert wenn die Seite sp ter erzeugt wird Die allererste Zeile enth lt regul re HTML Ausdr cke f r fett kursiv und unterstrichen und die zentrierte Ausrichtung des gesamten Absatzes Andere Arten von Links Sie k nnen Links zu lokalen Dateien und externen Webseiten sogar zu direkt zu einem bestimmten Content Element einer Seite erzeugen auf der Seite Last week finden Sie ein Beispiel oder finden Sie es selbst heraus Schlie lich k nnen nat rlich auch Links zu Email Adressen erzeugt werden Ganz einfach Jetzt da wir den Rich Text Editor deaktiviert haben k nnen wir doch einmal das Assistenten Symbol f r die Vollbild Bearbeitung benutzen est lt I gt cresting content Erzeugen Sie ein neues Element in der Aufz hlung markieren Sie es und klicken Sie auf den Link einf gen Button Dann w hlen Sie Email im Link Typen Men und geben Ihre Email Adresse ein Insert Edit a link xj Current Link None new link Remove link Page File External URL Email address kasper typo3 com a
27. S Buletlist Thi lna i RU IEEEIIMO IIS This is line 2 This is line 3 TYPO 3 Der Einstieg 29 Verwaltung von Content Elementen Sie haben gerade den New content Assistenten benutzt um einen neuen Seiteninhalt zu erzeugen Die Assistenten in TYPOS erledigen allgemeine Arbeiten schnell und einfach um Sie direkt zu den wichtigen Optionen zu f hren Dahinter verstecken sich allerdings eine Vielzahl weiterer M glichkeiten die ein Fine Tuning und eine genaue manuelle Kontrolle erlauben Sie werden das w hrend Ihrer Arbeit mit TYPO3 immer wieder feststellen Nehmen Sie sich daher die Zeit die Schaltfl chen und Optionen zu entdecken Es gibt viele M glichkeiten und Sie k nnen diese nur kennenlernen indem Sie sie ausprobieren Hier nun noch einige Beispiel an Features der Oberfl che die Sie ausprobieren k nnen NORMAL Text w image Hello world xi zm This is my first test creating content elements ge Bg Edit in Rich Text Editor This is line 1 This is line 2 This is line 3 SH Paste after Ein neues Page Content Element nach dem ersten zu erzeugen k nnen Sie mit dieser Schaltfl che 1 Standardm ig werden Sie ein Text Element erhalten ndern Sie bei Bedarf den Typ auf was immer Sie m chten Der Button Datensatz nach unten verschieben 2 kann daf r verwendet werden die Reihenfolge der verschiedenen Content Elemente derselben Seite Spalte zu ver ndern Genauso k nnen Sie die Copy Cut
28. Section Wil 77 a B rundions GIRO mM Gere C s HB Template File Login Formular Login form t Login logout form for website users This is used to password protect pages You must create website users and groups for this to work Position ausw hlen x TYPO3 Der Einstieg 48 Now click at the position where you wish to pla NORMAL z3 Welcome to FC Bigfeets home Login EaLog E Ed est news Insert new record here Benennen speichern Wenn Sie in dem Kasten Send to page eine Seite ausw hlen wird der Benutzer nach der Anmeldung auf diese Seite umgeleitet Dies haben wir in der anderen Login Box verwendet so dass der Frontend User direkt im zugangsbeschr nkten Bereich landet In diesem Fall werden wir das Feld aber leer lassen was den Benutzer auf genau derselben Seite landen l sst der Startseite Im Frontend sehen Sie diese Ausgabe Wie Sie sehen sind wir bereits angemeldet als newuser Sie k nnen versuchen sich abzumelden und anzumelden und wie Sie m gen Sollte klappen Zugangsbeschr nkte Seiten erstellen Jetzt haben Sie Benutzer und Gruppen erstellt e Ein Login Formular sehen Sie sich auch noch unbedingt den Teil zum Thema Konstanten im Template Abschnitt an der Ihnen etwas ber wichtige Einstellungen zur storage page id f r das Template erz hlt Sie m ssen nur noch irgendwie den Zugang beschr nken Lassen Sie uns de
29. Sie nur noch bestimmen welche Benutzer Mitglied in welcher Gruppe sind TYP 0 3 Der Einstieg 50 Gruppen Okay bisher haben wir eigentlich nur eine Gruppe n mlich die Gruppe Team Wenn Sie mehrere Gruppen hinzuf gen k nnen Sie verschiedene Regeln f r unterschiedliche Benutzer festlegen john zum Beispiel kann Mitglied der Gruppe Team sein und Zugriff auf den Team Bereich haben irene k nnte Mitglied einer neuen Gruppe sein die f r die Zugangsbeschr nkung der Youth section benutzt w rde und sie h tte Zugriff darauf Der Benutzer newuser den wir angelegt haben k nnte Mitglied beider Gruppen sein und h tte nat rlich Zugriff auf beide Bereiche Probieren Sie s aus experimentieren Sie Zu guter Letzt bedeutet die Option Hide at login dass eine Seite nicht sichtbar ist wenn ein Benutzer angemeldet ist Dies ist n tzlich wenn Sie auf einer Seite Informationen haben die nur f r Besucher relevant sind die noch nicht angemeldet sind Die Option Show at any login ist nat rlich das genaue Gegenteil sie erlaubt jedem angemeldeten Benutzer egal aus welcher Gruppe den Blick auf eine Seite X TYPO 3 Der Einstieg 51 Spezielle Content Elemente Sie haben bereits eine Einf hrung in Page Content Elemente im Allgemeinen bekommen Sie wissen also wie diese funktionieren In diesem Abschnitt m chte ich Ihnen nun einige Beispiele von speziellen Content Elementen zeigen die trotzdem sehr gebr uchlich sind Wie zu
30. U Uy Sm ES A Department f r Interaktive Medien Markus Schranz T E d und Bildungstechnologien Content amp Dokumentenmanagement us IN Dipl Ing Dr Markus Schranz CONTENT amp DOKUMENTENMANAGEMENT Lehrgang Prof MSc New Media Management Multimedia 2 Dezember 2007 sS Ok e Interaktive Medien Markus Schranz E x n und Bildungstechnologien Content amp Dokumentenmanagement N ns IN ABSTRACT ZUR PERSON ABSTRACT Die nahezu unendliche Vielfalt an Informationen denen unsere moderne Informati onsgesellschaft begegnet dient in der j ngst vorliegenden Form mehr der Verwirrung und sowohl inhaltlichen als auch organisatorischen berlastung als einer gezielten Be reicherung der Informationssuchenden Letztere hoffen daher aktuell auf technologi sche Unterst tzung und versprechen sich viel vom Content und Dokumentenmanage ment Damit wird grob die Erfassung Bearbeitung Verwaltung Recherche und Spei cherung von Dokumenten unter Sicherstellung von Konsistenz Performance Eindeu tigkeit Sicherheit und Zuverl ssigkeit umrissen unabh ngig davon wo und in wel chem Format die Dokumente gespeichert sind Im Rahmen eines eint gigen berblicks auf den thematischen Hintergrund die techni schen Grundvoraussetzungen und die Er rterungen der im Content und Dokumenten management gebotenen M glichkeiten soll ein informativer und praxisnaher Einblick in diese aktuelle Thematik des technisch u
31. Verwalten von Elementen vorgesehen ist mm EQ QuickStart B FC Bigfeet Team pages Member quest A Sys zii C Aa Page a 5 i view ug dn ipe Pagecontent 1 7 En E F Home Header E List outh Section I fll Info No title Ell Access Guestbook 1 ES Functions Title s PE Template X blabalbla ERE Team pages i d B Images i E Parties C Extended view ANG Lost and found 2 Club Member message boa iz B Member guestbook Fi Show clipboard Das bringt mich noch auf einen anderen wichtigen Punkt G stebucheintr ge sind genauso nur Datenbankeintr ge in TYPOS wie Seiten Page Content Elemente Benutzer usw Wir k nnen sie bearbeiten verstecken l schen und sie kopieren einf gen Alles nat rlich mit den Tools die Sie bereits kennen durchg ngige Konzepte Sie werden sie bald lieben Der Einstieg 60 3 TYPO3 Sitemap Ich werde nicht viel Zeit mit der Sitemap verbringen das Prinzip kennen Sie n mlich bereits Ein Content Element eines bestimmten Typs mit einigen zus tzlichen Einstellungen wird eingef gt Fi Pagecontent 24 Sitemap Pe ucsuDuunmr Hi i ta n P m gt Elstenap Menu Sitemap M D Search 2 Header Sitemap 2 Menu type Sitemap 2 Startingpoint FC Bigfeet B E FC Bigfeet i L BE Page Achten Sie allerdings auf das Starting point Feld es bestimmt von welcher Seite ausgehend die Sitemap erstell
32. abe cr local B RATE f svs temnlate Ret Slet Offensichtlich haben die pid Felder der drei Unterseiten von Results den Wert 4 genauso wie wir es erwartet haben Nun haben Sie gelernt dass e Seiten und brigens auch alle anderen Datens tze eindeutig durch den Wert ihres uid Feldes gekennzeichnet werden manchmal auch als id bezeichnet e Seiten und alle anderen Datens tze auf ihre bergeordnete Seite ber ihr pid Feld verweisen Spezielle Seitentypen Haben Sie bemerkt dass einige Seiten aus dem Page Tree nicht im Men der Website aufgetaucht sind Nun diese Seiten waren folgende H 2 A Team pages H B Users ad m Mews items draft page Not in menu Die Log in Seite 1 wurde nicht angezeigt weil der Seitentyp page type auf Not in menu also nicht im Men gesetzt wurde Das ist besonders n tzlich wenn Sie eine Seite erzeugen wollen die eben nicht als Men punkt erscheinen soll Trotzdem k nnen Sie auf diese Seite zugreifen indem Sie manuell auf sie verweisen oder indem Sie einfach ihre id Nummer direkt als URL eintippen Sie k nnen den Not in menu Modus f r eine Seite setzen indem Sie den Page Header bearbeiten m TYPO 3 Der Einstieg 15 E Page 19 Log in 2 Hide page L 2 Type S2 Not in menu wv eg Backend User Se Mount page SysFolder Recycler Zugriffsgesch tzte Seiten Die Team pages Seite 2 ist nicht sichtbar weil ihr Zugriff ei
33. auf Ihrem eigenen Computer Grunds tzlich k nnen Sie sich den Page Tree als eine Art Verzeichnisstruktur vorstellen in der Webseiten in einer Hierarchie mit Hauptseiten Unterseiten und Unter Unterseiten dargestellt werden 29 Quick Start H B FC Bigfeet WEB gt PAGE MODULE Hama If you wish to edit the content of a page please r e B N tree to the left ee End ews B Guestbook B Sitemap id B Report results B B Links E Contat B Log in RETesm pages l Reload the tree from server Klicken auf Titel und Symbole Was Sie als n chstes ber den Page Tree wissen sollten ist dass Sie sowohl auf das Seitensymbol als auch auf den Seitentitel klicken k nnen und es macht einen Unterschied Wenn Sie auf den Seitentitel klicken sehen Sie wie das aktuelle Modul Inhalt im rechten Frame darstellt x TYP03 m et 29 QuickStart B E This week pa B FC Bigfeet Path FC Bigfeet Results This week ze AD EH Home B ES o a 2 ast eg Bl News E Info dj E EJ Pagecontent BH Access B E Guestbook ES Functions B Sitemap Edit page header m HEB Template i H E Search ES File H E Youth Section i NORMAL Filelist f Images Text Results BE Doc qa an Het in hostias pacificorum boves Index Yes hircos quinque agnos anniculos q 3 User oblatio Ahiezer filii Amisaddai die A Task center filiorum Aser Phagaihel filius Ochr F4 Setup acetabulum argenteum adpender siclos fialam argenteam habenter m Tools ad p
34. auf das Assistenten Symbol und Sie k nnen den Inhalt mit einem Tool bearbeiten das Ihnen alles sehr erleichtert FORMS WIZARD Preview of element Element type Detailed configuration Type Input field A Field name t i j H Label Name Size 40 T Name n i Required Max Value Ent h alu nter your name here Type Input field M Field email 2 Label Email Email Re pecial configuration for mail forms Send button label Send form H HTML mode enabled Subject This is the subject g Recipient email enter_your email addre T ex ii Wie Sie sehen wurde die Programmierung in dieses h bsche Darstellung bersetzt Hier wird jedes Feld des Formulares durch visuelle Schalter eingestellt F r jedes Feld m ssen Sie nat rlich eine Beschriftung eingeben 1 und einen Typ definieren 2 Das sind die sichtbaren Teile Sie m ssen dem Feld auch eine interne Bezeichnung geben 3 die sp ter in der Email angezeigt wird die der Empf nger erh lt Im Falle des Input field Typs k nnen Sie auch einen Standardwert definieren 4 Bei allen Email Formularen m ssen noch einige andere Werte gesetzt werden Der Name des Senden Buttons 5 die Betreffzeile der Email die verschickt werden soll 6 und schlie lich die Emailadresse der Person die die Email empfangen soll 7 Diese Person sind normalerweise Sie Oder wer auch in Ihrem Team f r die Beantwortung von Feedback zust ndig ist Eine Auswahlliste
35. ck menu ausw hlen X TYPO 3 Der Einstieg 24 Tipp QuickEdit noch einen Mausklick sparen Wenn Sie einen schnellen Zugriff auf Ihre Page Content Elemente m chten k nnen Sie die Ansicht des Page Moduls auf QuickEdit anstelle von Columns wechseln in dem Fall wird das erste Content Element der Seite sofort angezeigt 29 QuickStart B EIQ This week vl eB Su Results in first division v Ej E x m8 Tiarn 2 E Home 2 News 83 Pagecontent 18 Results in first division 12 Type Text v EB Youth Section Header B j Results Results in first division This week E E Report results E Links Het in hostias pacificorum boves duos arietes quinque hircos quinque agnos 4 D c anniculos quinque haec fuit oblatio Ahiezer filii Amisaddai die undecimo M eot nrincens filinnim Aser Dhanaihel filins Ochran nhtulit acetahiliim araentenm Neue Seite Eine neue Seite zu erzeugen ist sehr einfach Weil die Seiten in der Hierarchie des Page Trees organisiert sind werden Sie zun chst eine Position f r die neue Seite festlegen Nat rlich k nnen Sie diese sp ter ndern wenn Sie m chten Um eine neue Seite zu erzeugen benutzen Sie das Page Modul in der Columns Ansicht um den New page Assistenten zu starten dieser wird Ihnen helfen den richtigen Ort zu finden an dem Sie Ihre Seite einf gen a QuickStart E B FC Bigfeet 5i Ej Results Columns ig Path FC Bigfeet Resu
36. die This week Seite eine Unterseite child der Results Seite parent ist Schlie lich sollten Sie noch einen Blick auf den linken Frame werfen Dieser spiegelt klar die Hierarchie wider die wir im Page Tree gesehen haben TYPO3 Der Einstieg 13 29 QuickStart B FC Bigfeet B Guestbook i B Sitemap Die technische Umsetzung von Seiten und Unterseiten Results This week Results Het in hostias pacificorum bove quinque haec fuit oblatio Ahieze Phagaihel filius Ochran obtulit a siclos fialam argenteam habent plenum simila conspersa oleo ir siclos plenum incenso Agnos anniculos quinque haec 1 princeps filiorum Aser Phagaihe adpendens centum triginta siclo pondus sanctuarii utrumque ple aureum adpendens decem sicla arietes quinque hircos quinque Amisaddai die undecimo prince eccbeliiliu araantainna adnande Dieser Abschnitt richtet sich an diejenigen die verstehen wollen wie die Baumstruktur in der Datenbank technisch funktioniert Technisch wird die Beziehung zwischen einer Seite und den Unterseiten ber das Feld pid parent id page id in der Tabelle pages der Datenbank hergestellt das pid Feld der This week Seite enth lt die uid der Seite mit dem Namen Results Wenn Sie den Mauszeiger ber das Seitensymbol der Results Seite bewegen und kurz warten wird dieser Titel Text erscheinen shortcut to page j CZE Dies sagt uns dass die Seite Results die
37. e auch einen Titel und andere Content Elemente zu der Seite hinzuf gen aber die Hauptfunktion ist das Einf gen dieses Elementes Comments Add yourself Und voil das G stebuch ist da Ich habe schon mal einen Testeintrag geschrieben TYP 0 3 Der Einstieg 59 Wo wird der Inhalt des G stebuches gespeichert Wenn Sie Ihr G stebuch verwalten m chten um zum Beispiel unqualifizierte Eintr ge wie meinen dort oben zu l schen klicken Sie sich einfach in das Page Modul der Seite mit dem G stebuch und Sie sehen alle Eintr ge zus tzlich zum normalen Seiteninhalt aufgelistet za Pagecontent Edit page header J NORMAL PE ES Insert plugin Plugin Guestbook V gg AT CODE GUESTBOOK POSTFORM Index Yes F Show hidden content elements Y Guestbook pej SIUD member message poa Note Sa 3 Member guestbook P Es Tide blabalbla balabl Mu Sender name Bla BL m sers Sender email kasper gitypo3 com Wie Sie die Eintr ge bearbeiten Klicken Sie einfach auf das Symbol des G stebuch Eintrages Guestbook Note Y Tide blabalbla balabl Bla BL M kasper typo3 com New Info Copy Cut More options Hide Visibility se Delete Genauso funktioniert es auch beim Message Board so wie wir es verwenden Aber nicht jedes Plugin listet seine Elemente oder Eintr ge im Page Modul auf deshalb sollten wir uns zu guter Letzt das List Modul ansehen das eigentlich genau daf r n mlich das
38. egen Klicken Sie auf den Seitentitel der Topscorer Seite im Page Tree und anschlie end auf die Schaltfl che Create page content TYP 0 3 Der Einstieg 26 z3 Pagecontent Edit page header NORMAL 3 Em Results d E This week Create page content B Last week i El Report results Derer Ma linba Sofort sehen Sie ein schickes Formaular wie etwa das untenstehende Dieses erlaubt Ihnen einen Page Content Element Typ auszuw hlen wie ich schon vorher erkl rt habe erzeugen verschiedene Typen von Content Element auch verschiedene Inhalte auf der Webseite Show hidden content elements Lassen Sie uns ein Textelement mit Bild ein Text with image below erzeugen New content element B Topscorer Please select which kind of page content you wish to create Typical page content O Regular text element A regular text element with header and bodytext fields m Text with image below P Regular text element with a field which can contain any number of images which are positioned below the text O Ew Text with image to the right Like above but with the images placed to the right of the text with the text wrapping around the images O EB Images only Any number of images aligned in columns and rows with caption Like the image options above but without text Sofort werden wir mit diesem Formular konfrontiert Schreiben Sie ein beliebigen Inhalt und w hlen Sie ein Bild ab Ihrer Festplatte suchen Sie am beste
39. en Sie aber daran dass diese Dokumente ein weit h heren Schwierigkeitsgrad besitzen als dieses Tutorial und Sie sollten besser Schritt f r Schritt vorgehen wenn Sie Ihnen TYPO3 noch neu ist Reihenfolge der Content Elemente Jetzt aber zur ck zu den Content Elementen auf der Webseite Sehen Sie sich einmal ihre Darstellung im Backend an TYPO 3 Der Einstieg 20 B EQ This week Path FC Bigfeet Results This week g SG UU e EXCESS Pagecontent nn idbsacnbaadas Bm QuickStart Mee cared B B FC Bigfeet columns xig B Template 5 File E Filelist 58 MB Images Text Results Bibo SES gum o Het in hostias pacificorum boves duos arietes quinque Index Yas hircos quinque agnos anniculos quinque haec fuit Buser 0 oblatio Ahiezer filii amp misaddai die undecimo princeps A Task center filiorum Aser Phagaihel filius Ochran obtulit setup acetabulum argenteum adpendens centum triginta i siclos fialam argenteam habentem septuaginta siclos fires ad pondus sanctuarii utrumque plenum simila conspersa oleo in sacrificium mortariolum aureum adpendens decem siclos plenum incenso a News items draft page Agnos anniculos quinque haec fuit oblatio Ahiezer filii Amisaddai die undecimo princeps filiorum Aser Phagaihel filius Ochran obtulit acetabulum argenteum 3 Reload the tree from server adpendens centum triginta siclos fialarn argenteam habentem septuaginta siclos ad pondus sanctuarii utrumque
40. en indem Sie das Setup Feld im Template Record Ihrer Website bearbeiten und folgende Zeile einf gen X TYPO 3 Der Einstieg 68 page config language dk Dies aktiviert die d nische dk Sprache und das Formular wird folgenderma en aussehen Match results Time O Parties Tilmeld 1 Age 5 10 years vl Udf r tilmelding Afmeld alle nyhedsbreve Mehr ber Template Records erfahren Sie im Abschnitt ber Templates in diesem Tutorial Zun chst belasse ich das Beispiel ersteinmal wie es ist ohne weitere Erkl rungen denn das ist noch einmal eine Wissenschaft f r sich Sie werden es also erst sp ter erfahren Die einzelnen Schritte die ich durchgef hrt habe sehen Sie ansonsten im Video TYP 0 3 Der Einstieg 69 Backend Module Backend User berwachen Wie sieht es mit der berwachung der Anmeldung von Benutzern aus geht das Ja nat rlich Es gibt sogar schon eine Extension die genau das passende Backend Modul daf r bereith lt Wie schon vorher importieren Sie die Extension Login User Tracking aus dem TER e Login User Tracking loginusertrack 25003 EH SysInfo cc sysinfo 0 0 4 Installieren Sie sie best tigen Sie Make updates dadurch wird eine neue Tabelle f r Statistiken in der Datenbank erzeugt p Login User Tracking tract 1 0 1 1 um Tacl Center Actions sys action 1 0 6 Install extension Und laden Sie das Backend neu Das neue Backend Modul finden Sie g
41. enbank Elemente behandelt Der beste Weg einen kompletten berblick ber die Elemente einer Seite zu bekommen ist das List Modul Probieren wir s aus pq QuickStart B FC Bigfeet Home News Page A amp View B I Bigfeet i Pagecontent 1 pipir EL Home i Header d List pred deg E NEWS ARCHIVE M Info PE Guestbook EB Sitemap News 3 LE Search Title B 3 BE vouth Section im First victory the sweetest Bj Fiacults ij New board in the club Ie B VETE i New website launched m Contact Und wie bearbeite ich die Eintr ge News 3 Title TYP 0 3 Der Einstieg 63 Path FC Bigfeet Home News Hide DE Time Date 20 50 31 3 2003 Tide First victory the sweetest Teaser text omnem locum quem calcaverit vestigium pedis vestri vobis tradam sicut locutus surn Mosi Und wie erzeuge ich einen neuen Hide d Time Date i Tite p Teaser text Die Screenshots sprechen f r sich denke ich Workflow f r die News Was aber wenn ich m chte dass jemand anderes einen Artikel f r mich schreibt Und was wenn ich diesen Artikel redigieren m chte bevor er ver ffentlicht wird Kann TYPO3 das Diese Situation ruft geradezu nach einem Workflow Sp ter in diesem Tutorial wird eine Situation beschrieben die genauso ist wie die Situation hier Also bleiben Sie dran TYP 0 3 Der Einstieg 64 Web Applikationen Der Begriff Web Applikationen wird f r
42. end Die letzte Bemerkung zum Bearbeiten von Seiten ist das direkte Editieren im Frontend Es tut mir leid dass es so viele Wege gibt ein und dasselbe zu tun Aber nach einiger Zeit werden Sie diese Tatsache sch tzen denn Sie werden herausfinden welche Art Sie am liebsten m gen und k nnen dann Ihre Arbeit in weniger Zeit erledigen weil TYPO3 diese M glichkeit anbietet Aber das Editieren im Frontend ist nicht nur ein neuer Button es kann wom glich die Art und Weise wie Sie oder Ihre Inhaltslieferanten mit dem System arbeiten revolutionieren Ihnen sind vielleicht die kleinen Bearbeiten Symbole auf der Webseite aufgefallen TYPO 3 Der Einstieg 41 Klicken Sie einfach auf eines von ihnen Sofort ffnet sich ein Formular in dem nur das berschriften Feld und andere relevante Informationen direkt bearbeitet werden k nnen l eE m ol ks Results this week imenu m m Path FC Bidfeet Results This week _ HE Pagecontent 19 Results this week 2 Header Results this wee from saturday Type Align Normal v 2 v 2 Link l m Date O amp 2 2 Probieren Sie die berschrift zu ver ndern und klicken Sie auf Speichere mir das Dokument und schlie e das Fenster Sie landen wieder auf der Webseite und die Anderung ist sofort sichtbar Das ist es was Frontend Editing ausmacht es ist intuitiv gro artig um kleine Fehler zu korrigieren und kleine Anpassun
43. end wurde f r die neue Auswahlliste eine Zeile Code im Configuration Feld eingetragen Wenn es Sie interessiert schauen Sie sich die Zeile an m glicherweise finden Sie so heraus wie Sie Formular Felder auch ohne den Assistenten erzeugen k nnen Configuration Name namezinput 40 Enter your name here Email emsil input 40 gm Anar bares is slip dnm 5 heil nableda hidden 1 subject hidden This is the subject Example content INI L F3 Sand me item itam _to_ send select Year calender Club magazine 10 Pe Wenn Sie schon sehr neugierig sind k nnen Sie bereits anfangen im TSref Dokument nach Hilfe zu suchen dort gibt es einen Abschnitt der weitere Details beschreibt Aber seien Sie gewarnt diese technischen Erkl rungen auf unterster Ebene werden Ihnen noch sehr ungewohnt vorkommen Eine andere wichtige Sache ist das Jump to page Feld das TYPO3 sagt auf welche Seite es springen soll wenn ein Formular abgeschickt wurde 2 Jump to page eee you UR B Thank you n B Page E W Der Einstieg 54 X TYPO3 Mit anderen Worten wenn der Benutzer das Formular ausgef llt und den Send form Button gedr ckt hat wird ihm folgende Seite angezeigt die eine ganz normale Seite ist mit einer freundlichen Nachricht versehen Thank you for sending this ema We have received your mail Thanks a lot Click here to qo to the frontpage again Ziemlich einfach oder Und sehr fl
44. exibel Fehlersuche Es besteht eine gute Chance dass die Mailfunktionen auf Windows Servern nicht funktionieren wird Wenn Sie das Formular verschicken und eine PHP Fehlermeldung bekommen haben Sie vermutlich PHP nicht f r die Verwendung mit einem SMTP Server konfiguriert Unter UNIX funktioniert all dies normalerweise auf Anhieb Suchen Das n chste Projekt ist es eine Suchfunktion zu integrieren Das ist sogar noch einfacher und wurde auf der Seite Search schon f r uns erledigt L Poe B Search re NORMAL E Ex Search Search our website PE zat Index Yes Das Element selbst ist extrem simpel aufgebaut Search 2 Header e Search our website Send to page Grunds tzlich m ssen Sie nur den Typ des Content Elements auf Search setzen und das war s Es gibt auch noch ein Send to page Feld allerdings haben wir es nicht genutzt Es macht dasselbe wie das Jump to page Feld in Email Formularen es sagt dem Element welche Seite die Suchanfrage erhalten soll welche ebenfalls ein Search Content Element enhalten muss damit die Ergebnisse angezeigt werden Wenn nichts angegeben wird wird die aktuelle Seite verwendet und so wird diese Suchfunktion auch von den meisten verwendet Durchf hren einer Suche Wenn wir nach dem Wort results suchen werden zwei Seiten aufgelistet TYP 0 3 Der Einstieg 55 resuts Headers and keywords v Search now Klicken Sie einmal auf den Titel Report re
45. gen zu machen Es ist eine gute L sung f r technisch weniger versierte Redakteure in Ihrem Team usw Es ist die kontextsensitive Bearbeitungsmethode Und jetzt kann jeder meine Seiten ver ndern Nein nat rlich nicht nur wenn Sie am Backend angemeldet sind Ansonsten sind die Symbole versteckt und wenn irgendjemand auf sie klicken k nnte w rde er zur ckgewiesen werden Probieren Sie es aus melden Sie sich vom Backend ab Admin functions 36 Clear cache files in tupo3conf B Clear All Cache Logou Eu Wenn Sie noch eine Frontend Seite mit den Bearbeitungssymbolen ge ffnet haben probieren Sie auf eines zu klicken anstelle des Bearbeitungsformular sehen Sie diese Meldung TYPO 3 Der Einstieg 42 gt TYPO3 get content right Login error No user logged in Sorry I can t proceed then You must have cookies enabled und wenn Sie die Webseite neu laden sehen Sie dass die Symbole nun verschwunden sind Nun melden Sie sich wieder an unter http localhost quickstart typo3 Benutzername admin Passwort password Weitere Informationen Die M glichkeit im Frontend zu editieren wird in weiteren Details auch auf dieser Seite beschrieben Frontend editing X TYPO 3 Der Einstieg 43 Passwort gesch tzte Seiten Nun wissen Sie wie Sie Seiten erzeugen und bearbeiten War doch gar nicht so schwer oder Ganz sch n einfach mit TYPOS ein Webmaster zu werden Sp ter zeige ich Ihnen soga
46. gien uu TS us Y Markus Schranz Content amp Dokumentenmanagement INHALT Abstract unse tob ou ant etu ntis emite cm ei 2 Z r Person eR ere ete e em egere be eR ad 2 1 Content amp Dokumenten management eine kurze Einf hrung dinsta ssstenen leneuesnneststnnenesgnnashennendes ucteuesdnterkenentestunstnnntnisshensnnehsattschentnnstunnishsstuessgnensntenn 4 1 1 Leitfaden zur Lehrveranstaltung sess 5 2 Das Content Management system Typo3 7 2 1 Allgemeine Grunds tze sss ener 7 aa 8 2 2 Nutzungsbeschreibung Backend und Frontend Lehrgang Prof MSc New Media Management Multimedia 2 Dezember 2007 UN X A Interaktive Medien Markus Schranz F AU und Bildungstechnologien Content amp Dokumentenmanagement ev eus IN 1 CONTENT amp DOKUMENTEN MANAGEMENT EINE KURZE EINF HRUNG Dokumentenmanagement DM Dokumentenmanagement DM beschreibt die Erfassung Bearbeitung Verwaltung Recherche und Speicherung von Dokumenten unter Sicherstellung von Konsistenz Performance Eindeutigkeit Sicherheit und Zuverl ssigkeit unabh ngig davon wo und in welchem Format die Dokumente gespeichert sind Mit dieser kurzen und aktivit tsbezogenen Definition wird ein Themenbereich des In formationsmanagements beschrieben das besonders in unserer Zeit der explodieren den Informationsvielfalt eine berechtigt starke Rolle spielt und den
47. gt Sie enth lt keinerlei Einstellungen Die Benutzer john und irene haben grunds tzlich die gleiche Konfiguration sie besteht nur aus Benutzername Passwort und Mitgliedschaft in einer Gruppe Website user 2 Username Ach richtig Sie haben bisher ja noch gar nicht das List Modul benutzt na gut wie schwer mag es sein Klicken Sie einfach auf das Symbol und das gute alte Kontextmen erscheint Zur ck in vertrautem Gebiet Wie ich doch bereits gesagt hatte achten Sie auf die durchg ngig verwendeten Konzepte Und hier ist Johns Profil TYP 0 3 Der Einstieg 46 e Website user 1 john Username john 2 Password football 2 Groups Selected Team Benutzer erstellen Lassen Sie uns einen Benutzer erzeugen Weil Frontend User genauso wie Seiten Page Content Elemente News Artikel usw nur Datenbankelemente sind verwendet TYPO3 das gleiche Schema zum Erzeugen von Frontend Usern wie f r jedes andere Element Deshalb ist dies gleichzeitig auch eine generelle Einf hrung in das Erzeugen von neuen Elementen Bereit Es ist simpel Klicken Sie zun chst auf das Seitensymbol der Seite in dem Sie das neue Element erzeugen m chten Anschlie end w hlen Sie das Website user Element New record GE users be Page inside 2 E Website ee i B Domain 2 Alternative Page Language 2 NE Template 2 Q Internal note 2 Guestbook 2 he News a Board 2 Page after
48. h fortsetzen ohne dass diese Eigenschaften funktionieren Klicken Sie auf die Schaltfl che New content um ein neues Content Element mit einer Aufz hlungliste Bullet list zu erzeugen Bullet list qe A single bullet list Table Diesmal m ssen wir noch eine zweite Auswahl zus tzlich treffen wo soll das Element abgelegt werden Soll es vor oder nach dem aktuellen Content Element erscheinen X TYPO 3 Der Einstieg 28 Now click at the position where you wish to place the element on the page ee world u G Insert new record here o erc Wir f gen es nach dem aktuellen Element ein Nun ist nur noch das Inhaltsfeld f r die Aufz hlung Bullet list brig Layout Normal iv 2 Text This is line 1 This is line 2 This is line 3 Beachten Sie dass Type standardm ig mit dem Wert Bullet list belegt wird Sie h tten ihn stattdessen auch manuell ausw hlen k nnen Und Sie k nnen den Typ sp ter sogar ndern ganz wie Sie m chten Falls Sie wissen wollen was die verschiedenen Content Typen bedeuten so erinnern Sie sich an das kleine Symbol und schon erhalten Sie die gew nschte Hilfe Nun besteht die Seite aus zwei Content Elementen einem vom Typ Text w Image und einer Bulletlist in der folgenden Reihenfolge Im Page Modul sieht das so aus iibasnmhendes Hello world This is my first test creating content elements Edit in Rich Text Editor E
49. hinzuf gen Lassen Sie uns versuchen eine Auswahlliste zu erstellen aus der die Besucher einen Eintrag ausw hlen k nnen Beim FC Bigfeet gibt es Kalender das Club Magazin und Bleistifte die wir an die Leute verschicken W hlen Sie einfach den Typ Selector box Type Label 42 Input field Check box Radio buttons Password field File upload Hidden value Submit Button Anschlie end klicken Sie auf den Aktualisieren ohne zu speichern Button welcher den Inhalt nicht speichert er wird nur TYP O 3 Der Einstieg 53 weitergegeben und das Formular neu aufgebaut d 4 x 2 Anschlie end geben Sie folgende Informationen ein Type Selector box Field item to send Label Send me item n Size a Required Auto size y Multiple L Year calender Rug Club magazine s 10 Pencils with logo Die Beschriftung erkl rt sich von selbst 1 Der Feldname item_to_send 2 ist nicht auf der Webseite sichtbar aber er wird wie ich schon vorher geschrieben habe daf r verwendet den Artikel zu identifizieren den der Email Empf nger ausw hlt Schlie lich werden noch alle Werte die in dem Auswahlfeld gelistet werden sollen zeilenweise in dieses Textfeld geschrieben 3 so einfach geht das Speichern Sie den Inhalt des Assistenten und lassen Sie sich die Seite anzeigen YETVpUUSUT TV EE Club magazine 10 Pencils with logo Das war s Einige Bemerkungen Im Back
50. ich das Konzept von prim ren und sekund ren Formularfeldern gehalten Die Formulare in TYPO3 enthalten eine Menge an Feldern und sie k nnen sogar noch um einige erweitert werden Wenn jedoch viele Felder gleichzeitig sichtbar sind wird es f r den Durchschnittsnutzer schwierig den berblick zu behalten Vor allem nat rlich wenn Sie Anf nger sind und noch viele andere neue Dinge im Kopf behalten m ssen Das Konzept von prim ren und sekund ren Feldern bedeutet dass Sie normalerweise nur die wichtigsten und h ufig genutzten Felder sehen prim r primary Die etwas detaillierteren Optionen sind in den sekund ren Feldern die auf Wunsch angezeigt werden versteckt Gehen wir von einmal von folgendem Formular aus 2 Header Results this week 27 v i c1 BE Drei Felder werden angezeigt einfach zu berblicken Aber wenn Sie auf eines der Symbole neben den Feldern klicken werden im oberen Frame die secondary options in der palette gezeigt X Language Default Columns Normal v Before After Frame v Index d QuickStart X E T FC Biafeet E x m Results this week v menu v E T Path FC Bigfekt Results This week B E News Pagecontent 19 Results this week B Guestbook B Sitemap B Search 8 8 Youth Section E Results Results this week Das ist wirklich clever wir haben viele Optionen eine Menge an Details doch sie werden so lange verstaut bis wir sie
51. ie uns noch einen Blick auf die This week Seite werfen Der Seiteninhalt auf dieser Seite besteht aus drei Seiteninhaltselementen page content elements hier nummeriert von 1 bis 3 Und weil jedes Content Element von einem verschiedenen Typ sein kann k nnen Sie Seiten mit sehr flexiblen Strukturen erstellen In diesem Fall besteht die Seite aus einem Content Element vom Typ Text gefolgt von zwei Table Elementen Exkurs TYPO3 ein element basiertes CMS Diese Art und Weise um Seiten zu erzeugen ist ein sehr grundlegendes Konzept in den meisten Websites die mit TYPO3 erstellt wurden Die Methode Seiten aus einzelnen Inhaltselementen zu erzeugen wird heutzutage auch von anderen Content Management Systemen verwendet Das macht TYPO3 zu einem element basierten CMS Es verleiht Ihnen eine gro e Flexibilit t und sorgt f r ein durchg ngig konsequentes Design eine der Hauptaufgaben eines CMS Die alternative Methode ist ein eher strikter Ansatz bei dem die Seite aus einer festgelegten Anzahl von Inhaltsfeldern besteht zum Beispiel je eines f r die berschrift den Text und ein Bild TYPO3 kann prinzipiell auch so verfahren es kann Ihnen alles erm glichen was Sie wollen aber ziemlich sicher werden Sie das letztendlich gar nicht wollen Wenn Sie Fragen zu professionellen Implementationstechniken f r Template Entw rfe Content Elemente usw haben sehen Sie bitte in das Tutorial Modern Template Building Teil 1 und Teile 2 3 Denk
52. l auf der Startseite f r Antexte oder auch Teaser und auf der News Seite Archiv Detailansicht verwendet wird Auf der Startseite werden n mlich immer die drei neuesten Newsmeldungen gezeigt i Und wenn Sie auf den more Link klicken werden Sie direkt auf die Newsseite geschickt auf der nat rlich die ganze Geschichte zu lesen ist Content Elemente im Backend Auf der Startseite finden Sie dieses Content Element am Ende der Seite wenn Sie sich die Seite mit dem Page Modul ansehen Latest news Plugin Mini news CODE Der Inhalt sieht so aus XTYP 0 3 Der Einstieg 62 Mini news Listing mode Frontpage teaser vi B G QuickStart I B FC Bigfeet Beachten Sie dass zun chst einmal der Listing mode eine Auswahlliste die speziell in diesem Content Element verwendet wird auf Frontpage teaser gesetzt wurde so dass der Teaser und nicht das Archiv angezeigt wird Zweitens wird das Starting point Feld benutzt um dem Plugin mitzuteilen wo das Archiv welches auch den kompeltten Artikel anzeigen wird zu finden ist Auf der News Seite wird das gleiche Element eingef gt Nur das Listing mode Feld unterscheidet sich von der Teaser Seite 2 Plugin Mini news M Listing mode Show archive search v Und wo werden die News Eintr ge gespeichert Nun erinnern Sie sich noch einmal an das G stebuch News Eintr ge werden in TYPO3 genauso wie die brigen Dat
53. leich unter dem Hauptmodul Web web B Quick Start User Track E Page 2 2 FC Bigfeet sam Q view e E WER Users Login log List D Eb run Path FC Bigfeet Users User Track outh Section M Info Results LOG 1 Link a pus Date Time Age Username Name Sess lgd Page hits Functions T Template E B Log in A EP Newsletter KTeam pages subscribers u Users Bevor das Registrieren der Frontend Anmeldungen funktioniert m ssen wir es im Template aktivieren genauso wie die Spracheinstellungen f r das Newsletter Formular config tx_loginusertrack enable 1 Dummerweise ist das noch nicht gut dokumentiert und ich musste in den Quellcode des Plugins sehen um es herauszufinden Sch m dich Extension Autor hmm das war ein Schlag ins eigene Gesicht Autsch Sehen sich das im Video an Nachdem nun das Plugin installiert wurde m ssen wir uns ein paar Male am Frontend an und abmelden Danach zeigt uns das User Track Modul eine h bsche Liste an Anmeldungen LOG Date Time Age Username Name Sess lgd Page hits 02 04 03 12 02 0 min newuser 0 min 3 02 04 03 12 02 0 min john John Doe 0 min 3 Die Sess lgd zeigt Ihnen wie lange der Benutzer angemeldet war sieht so aus als h tte ich nicht so richtig viel Geduld gehabt Der Einstieg 70 3 TYPO3 Wechseln der Sprache im Backend Noch eine kleine Bemerkung dazu wie Sie die Sprache des Backends wechseln Ganz einfach Jeder Backend Use
54. leidgeplagten In formationsnutzern technische administrative und organisatorische Hilfsmittel zur Ver f gung stellen m chte die immense Informationsflut in den Griff zu bekommen und Inhalte strukturiert bersichtlich und bedienfreundlich veralten zu k nnen Mithilfe von Dokumentenmanagement Systemen DMS soll dabei Information struk turiert in Dokumenten werkzeuggest tzt verwaltet werden Computersystem zur Ver waltung von Dokumenten in Netzwerken Dokumenten Knowledge management Web management Content Syndication Content Creation Content Management Content Delivery E Commerce Informationen die von DMS verwaltet werden sind dokumentorientiert d h Zugriff Verwaltung und Darstellung erfolgen auf Basis von Dokumentenmerkmalen S mtli Lehrgang Prof MSc New Media Management Multimedia 2 Dezember 2007 pU UN 42 Qu 5 e Interaktive Medien Markus Schranz x g und Bildungstechnologien Content amp Dokumentenmanagement N ns IN che Dokumente werden indexiert verschlagwortet sodass gezielt nach bestimmten Merkmalen gesucht werden kann zum Beispiel nach Inhalten Aktenzeichen oder Au toren Wesentliche Merkmale von DMS sind die Bildung von Dokumentengruppen Contai ner Versionsmanagement und selbstbeschreibende Dokumentenobjekte Organisatorische Gesichtspunkte wie das gemeinsame Bearbeiten von Dokumenten oder das Einbinden in Prozesse spielen bei den klassischen Produkten keine Rolle Con
55. lts Tarn g E Home Lo N Be k 3 Pagecontent uestboo Nos M ee i 2 Search B B Youth Section NORMAL ndis B This week Ka Create page content Anschlie end wird eine Positionsauswahl erscheinen Mit dieser k nnen Sie die richtige Position der Seite visuell bestimmen New record MER Results Select a position for the new page A Home sel B Youth Section B Last week i LB Report results B B m Insert the new page here ES B Contact Schlie lich wird das Formular f r eine neue Seite angezeigt und Sie k nnen den Titel der Seite eingeben Der Einstieg 25 3 TYPO3 3 Page ne 2 Hide page Speichern Sie das Dokument und schlie en Sie es Nun sollte der Page Tree aktualisiert werden EH Results por E This week El Last week El Report results Und wenn Sie auf das Seiten Symbol der neuen Seite Topscorer klicken sollten Sie sehen dass das Men im Frontend ebenfalls automatisch aktualisiert wurde Address amp http localhost quickstart index phpf id 27_ x Results Topscorer Last update 16 28 01 04 2003 Beachten Sie dass die Seite ber die id 27 aufgerufen wurde die neue Seite hat also automatisch die uid Nummer 27 bekommen als sie erzeugt wurde Die Seite ist immer noch leer wir sollten also einige Content Elemente f r diese Seite anlegen Page Content Elemente anl
56. m Beispiel kann man ein Email Formular erstellen Oder ein Suchfeld mit dem Sie den Inhalt der Website durchsuchen k nnen Wie sieht es mit einem G stebuch aus Lesen Sie einfach weiter und Sie werden es erfahren Email Formulare Praktischerweise haben wir bereits ein solches Formular auf unserer Website Wenn Sie auf die Seite Contact gehen sehen Sie folgendes Enter your name here Im Backend sieht das Content Element das dieses Formular erzeugt folgendermassen aus im Page Modul Edit page header Ci Su tz Form Contact us ri F Name namezinput 40 Enter your name here Email emsil input 40 Address address textarea 40 5 Contact me tvs check formtype_mail submit Send form html enabled hidden 1 subject hidden This is the subject 4 Example content brigens achten Sie einmal darauf dass die Thank you Seite eine Unterseite der Contact Seite ist Und nun bearbeiten Sie das Element Dies ist das Formular das Sie sehen TYPO 3 Der Einstieg 52 2 Configuration Name namezinput 40 Enter your name here Email ernailzinput 40 Address address textarea 40 5 Contact me tus check formtype_mail submit Send form html enabled hidden 1 subject hidden This is the subject Example content Der Inhalt sieht eher aus wie eine Programmierung mehr noch als bereits die Tabelle die wir uns vorher angesehen haben Aber wie immer klicken Sie
57. misaddai die undecimo princeps Index Yes und auf der Webseite sieht das folgenderma en aus I YPO 3 Der Einstieg 21 Die bergeordnete Seite von Content Elementen Dies wendet sich an diejenigen die den technischen Aspekt von Content Elementen und Seiten besser verstehen wollen Erinnern Sie sich dass die page records ein Feld namens pid haben welches zu ihrer bergeordneten Seite verweist parent Nun Seiteninhaltselemente page content elements und jeder andere Datensatz der f r das TYPO3 Backend konfiguriert wurde hat ebenfalls ein solches Feld Wenn wir noch einmal in das phpMyAdmin Modul schauen sehen wir dass die Page Content Elemente Tabelle tt content mit den uids 18 20 alle auf die Seite mit der uid 13 der uid der Seite This week verweisen pages language overlay static template static tsconfig help sys be shortcuts sys domain sys filemounts sys history sys language sys lockedrecords sys log sys note sys notepad sys tabledescr sys tabledescr dk sys tabledescr local sys template sys todos 2 About r 9 About J Clear cache files in tyupo3conf B Clear All Cache EBEREREEREREEBEREERBEE Logout sys_todos_users_mm sys_workflows admin B sys_workflows_algr_mm BR kvs workflows rvuser mmn I ff board ec tt quest A tx mininews news Es ist so logisch x TYPO3 IE PREPARES ERES FEET a EHI es uid
58. moderne Technologien zur Verwaltung von Dokumenten und Content Hierbei wird ein organisatorischer und technisch vertiefen der Blick auf das Umfeld des Themenbereiches CMS DMS geworfen und wichtige Vorarbeiten zum Verst ndnis und zum Einsatz von modernen Content Management Systemen erarbeitet Danach pr gen Begriffe Konzepte Kriterienbeschreibungen und der wertende Ver gleich von aktuellen CMS die Pr sentation der Content Management Theorie Die Stu diengangsteilnehmer erfahren dabei wichtige Auswahlkriterien und Charakteristiken zu aktuellen Systemen und k nnen diese f r konkrete Anwendungsprojekte oder Sys temauswahlverfahren nutzen Lehrgang Prof MSc New Media Management Multimedia 2 Dezember 2007 m Ox e Interaktive Medien Markus Schranz E in und Bildungstechnologien Content amp Dokumentenmanagement N us IN Mit einer Demonstration einer konkreten CMS Anwendung aus der Wirtschaft pr sen tiert der Vortragende den praktischen Nutzen und die prozessorientierte Implementie rung eines derartigen Systems bei einer f hrenden Nachrichtenagentur Im praktischen Block arbeiten die Lehrgangsteilnehmer am Open Source Content Ma nagementsystem Typo3 wozu ein praxisorientiertes Benutzerhandbuch im anschlie Benden Kapitel 2 dieses Skriptums beigef gt ist Lehrgang Prof MSc New Media Management Multimedia 2 Dezember 2007 Ur Ok e Interaktive Medien Markus Schranz E x3 En und Bildungstechnologien Content
59. n sauber zu halten Mehr Details zum RTE Der Rich Text Editor mag in der Verwendung sehr einfach sein aber er wirft auch viele technische Herausforderungen auf wenn Sie weiter in die Details gehen Es gibt eine ausf hrliche Dokumentation ber den RTE Lesen Sie mehr ber die Tiefen des RTE und wie Sie ihn konfigurieren Links erstellen Manche sagen dass Hyperlinks der Klebstoff sind der das Internet zusammenh lt In TYPO3 wurden Ihre Links bereits automatisch erstellt nur durch das Erstellen der Seiten in der hierarchischen Struktur des Page Trees wurde das Men im linken Frame automatisch erstellt Trotzdem werden Sie von einem St ck Text zu einer anderen Seite einer Datei einer anderen Website oder auf eine Email Adresse verweisen m chten richtig Besonders einfach ist dies wenn Sie den Rich Text Editor verwenden Markieren Sie einfach den Text und klicken Sie auf das Link einf gen Symbol l za 7 gt N c Ill ihi D 1 i uti m i II This is my first test creating content elements EL ink to Guestbook This is the first line a Thie ie tha ecacond lina Insert Link Anschlie end klicken Sie auf den Titel der G stebuch Seite Insert Edit a link Current Link None new link Remove link Page File External URL Email Page tree E Quick Start B B FC Bigfeet Em Home d B Bl News 2 B Suestbogk isl B Sitemap E E ca A ca A Er Er und der Text w
60. n Module da newsletter subscription 1 0 1 odp grabber 1 0 3 Import this extension to local dir typo3conflext From online repository t Nach einigen weiteren Sekunden wurde die Extension importiert und Sie sehen folgende Nachricht wenn alles ohne Probleme abgelaufen ist Go T EXTEN N COPIED TO SERVER SUCCESS ci apache htdocs quickstart tupo3 TYPO3 MOD PATH and BACK PATH was upd ext emconf php c i apache htdocs quickstart Type L Messages from repository Request successfull Access type all In der Liste der verf gbaren Extensions Available extensions finden Sie nun das Newsletter Subscription Module unter Frontend Plugins n subscription Module p Newsletter Q Install extension Installieren Sie es best tigen Sie die Make updates Meldung welche notwendige Tabellen und Felder in der Datenbank automatisch erzeugt LUREHIE IHDBLE LX UgIIEWSIELLEFSUUSLFIPLIUII_PrFE gt SELS i uid int 11 unsigned DEFAULT 0 NOT NULL auto increment pid int 11 unsigned DEFAULT 0 NOT NULL title varchar 40 DEFAULT NOT NULL presetcontent blob NOT NULL PRIMARY KEY uid KEY pid pid TYPE MyISAM Clear cache This extension requests the cache to be cleared when it is installed removed Clear all cache Make EN In der Liste der geladenen Extensions Loaded extensions sehen Sie nun dass die neue Extension hinzugef gt wurde Extension Manager Menu Loaded
61. n gesamten Bereich Youth Section sch tzen TYP 0 3 Der Einstieg 49 B Visibility neadi eR Edit page head O7 Delete Both PROBE W hlen Sie die Gruppe Team aus so dass die Mitglieder der Gruppe Zugriff erhalten Access v Hide at login Show at any login Sehen Sie Der Zugriff ist auf die Gruppe Team beschr nkt Melden Sie sich an und wieder ab Funktioniert Sollte es auch Nicht ganz Melden Sie sich ab und sehen Sie sich eine der Unterseiten von Youth Section an Sie werden merken dass diese Seiten sehr wohl sichtbar sind Wurde also nur die Seite Youth Section gesch tzt Ja so ist es weil Sie noch ein zus tzliches Flag setzen m ssen n mlich Include subpages Bearbeiten Sie den Page Header und setzen Sie das Flag am unteren Ende des Formulars Include subpages 2 Das Seitensymbol ndert sich nun in einen zweifachen Pfeil nach vorne das bedeutet dass nun alle Unterseiten ebenfalls gesch tzt sind E EE veut Section i L5 Matrhes Tipp Include subpages hat nicht nur Auswirkungen auf die Zugriffsbeschr nkungen genauso wirkt es sich auch darauf aus ob eine Seite versteckt ist oder eine Start oder Stop Zeit gesetzt hat Auf diese Weise k nnen Sie also das Timing oder die Anzeige eines ganzen Bereiches einstellen Die Zugriffsoptionen Grunds tzlich funktionieren Zugangsbeschr nkungen genau so Sie w hlen einfach eine Benutzergruppe und das war s Nun m ssen
62. n nach einem kleinen JPEG Bild Pagecontent NEW Text w im age This is my first test creating content elements z GIF JPG JPEG TIF BMP PCX TGA PNG C Documents and Settings All Users Documents My Pictures Sample Position Klicken Sie auf den Dokument speichern Button L Das Bild wird nun auf den Webserver geladen und an das neue Page Content Element angeh ngt Wenn alles geklappt hat so sollten Sie nun etwa folgendes sehen TYPO 3 Der Einstieg 27 Images winter j rn UM k winter jpg GIF JPG JPEG TIF BMP PCX TGA PNG PDF AI Browse rS Auf der Webseite sieht das Ergebnis jetzt so aus Ein Content Element einf gen Im Page Modul wird das neue Content Element eindeutig angezeigt Edit page header was S NEM Hello world Bi is ae first test creating content elements Edit in Rich Text Editor Text w image kg Ao Vete ein e Hinweis Fehlt die Bildvorschau Wenn von Ihrem Bild kein sch nes kleines Vorschaubild angezeigt wird ist TYPO3 f r die Verwendung von ImageMagick vermutlich nicht richtig konfiguriert Das kann zum Beispiel der Fall sein wenn Sie nicht das Windows Installationspaket siehe Abschnitt Installation in diesem Tutorial verwendet haben Sehen Sie sich dazu bitte die Informationen zum Thema Installation auf typo3 org und das Archiv der Mailingliste zum Thema Installation an Sie k nnen dieses Tutorial allerdings auc
63. n sollten sie zu verstehen noch irgendetwas zu entwickeln bevor Sie mehr Erfahrung mit TYPO3 gesammelt haben Content Management und das Page Tree Paradigma Wenn man Content Management System kategorisiert so findet man einige die den Ansatz eines Application Frameworks verfolgen andere den eines Page Trees TYPO3 geh rt zu den letzteren Trotzdem hat dies keinen einschr nkenden Einfluss auf TYPO3s Status als ein Content Management Framework Vielmehr verst rkt der Page Tree Ansatz noch die M glichkeiten f r solche Anwendungen n mlich durch die logische Unterscheidung zwischen dem Page Tree als eine Art Container und den Applikationen selbst Mit anderen Worten Sie k nnen beides haben ein G stebuch News System Benutzerverwaltungs Formular und Versicherungskosten Kalkulation in ein und demselben System ohne dabei die Dinge zu verschmischen denn alle Applikationen agieren normalerweise innerhalb der Grenzen einer einzigen Seite Alle Datens tze Elemente einer Applikation werden dort gespeichert alle Transaktionen werden von demselben Plugin mit derselben page id durchgef hrt Es macht definitiv Sinn und schafft Ordnung Das R ckgrat Page Tree wird also zur St rke des Systems sogar wenn hunderte von Web Applikationen innerhalb des Frameworks eine organisierte Struktur ben tigen Erweitern von TYPO3 durch Web Applikationen dritter Anbieter Lassen Sie uns nun betrachten wie wir TYPO3 durch eine Web Applika
64. nfiguration und die systemnahen Einstellungen vornehmen kann Erstellung eines Administrator Zugangs bzw Verwaltung des Root Passworts etc 2 Die Sicht der Backend User Inhaltsverantwortlichen unter der die Struktur die konkreten Inhalte und das Design Layout eines komplexen Informations angebotes am Web gesteuert werden kann und 3 Die Sicht des Endbenutzers unter der jeder Besucher des Services die Infor mationen ablesen kann Die letzteren beiden Sichten bilden das mit Typo3 erzeugte Informationssystem in sei nem aktiven Lebenszyklus In diesem Betrieb wird nun entweder ber das Frontend Lehrgang Prof MSc New Media Management Multimedia 2 Dezember 2007 RUM DO I i e Interaktive Medien Markus Schranz E und Bildungstechnologien Content amp Dokumentenmanagement PM RS us YS oder ber das Backend auf das Content Management System zugegriffen N here De tails zu diesen beiden Schnittstellen finden sich im folgenden 2 2NUTZUNGSBESCHREIBUNG BACKEND UND FRONTEND Wie Sie bereits bei der Installation gesehen haben besteht TYPO3 grunds tzlich aus zwei Teilen dem Backend und dem Frontend W hrend das Frontend f r alle da drau en im Web sichtbar ist es ist die Website die TYPO3 erzeugt haben nur Sie und Ihre Mitarbeiter Zugang zum Backend dem Administrationsbereich der Website Hierf r ist immer ein Benutzername und ein Passwort erforderlich Backend Module Im Backend gibt es eine
65. ngeschr nkt wurde Das bedeutet dass sie nur angezeigt wird wenn ein Frontend User eingeloggt ist Dies wird sp ter in diesem Tutorial noch behandelt Kurz gesagt editieren Sie den Page Header und w hlen die Benutzer Gruppe der Sie den Zugriff erlauben m chten Access Include subpages Team vig 3 sysFolders Was ist das Schlie lich werden auch die so genannten sysFolder nicht dargestellt 3 Sie erzeugen einen sysFolder genauso wie Sie eine Not in menu Seite erzeugen w hlen Sie stattdessen einfach sysFolder als Seitentyp s o Aber was ist ein sysFolder berhaupt Nun grunds tzlich enthalten Seiten die in TYPO3 erzeugt werden Inhalte f r die Webseiten Sie erscheinen im Men und k nnen einen Seitentitel haben 9596 aller Seiten werden auf diese Weise benutzt Aber Seiten k nnen auch als eine Art Container f r Datenbank Elemente dienen die nicht f r die Darstellung auf einer sichtbaren Webseite vorgesehen sind Und genau daf r gibt es sysFolder Benutzen Sie sie genau so wie Sie Ordner innerhalb des Dateisystems Ihres Computers verwenden um verschiedene Dateien in einer organisierten Form zu speichern Auf die gleiche Weise sind sysFolder Ordner die in einer sch n sortierten Form Datenbank Elemente innerhalb von TYPOS enthalten In unserem Beispiel enth lt der sysFolder Users die Website Benutzer die sich auf der Website anmelden k nnen mehr dar ber sp ter Sie k nnen den Inhalt des sysF
66. nterst tzten Informationsmanagements ge boten werden Zur PERSON Entnehmen Sie der folgenden tabellarischen Aufstellung einige wesentliche Stationen aus dem Berufsleben und der Ausbildung von ZT Universit tslektor Dipl Ing Dr techn Markus Schranz e 1988 Matura im BG Obersch tzen und Beginn des Diplomstudiums Informa tik an der Technischen Universit t Wien e 1994 Abschluss des Diplomstudiums Informatik mit Auszeichnung und Ein tritt in den Mittelbau des Lehrk rpers TU Wien als Universit tsassistent e 1998 Promotion zum Doktor der technischen Wissenschaften an der TU Wien seither Univ Lektor an der TU Wien e 1999 Gastprofessur winter term University of California in Irvine CA USA e 1999 IT Berater bei Ernst amp Young sterreich im Bereich Software Einf h rungsmanagement und Web Service Management e 2000 Technischer Direktor pressetext austria Nachrichtenagentur Vorstand der pressetext AG e 2002 Mitglied des Entwicklungsteams des Studienganges ICS FH Eisenstadt e 2003 Lektor Donau Universit t Krems e 2003 Pr fung und Vereidigung zum staatlich befugten und beeideten Inge nieurskonsulenten f r Informatik Ziviltechniker gesch fts f hrender Gesellschafter der ZT Schranz Informationstechnologie KEG e heute Internet Architekt f r pressetext Culturall u a Lehrgang Prof MSc New Media Management Multimedia 2 Dezember 2007 BULUM 42 QU 3 e Interaktive Medien E und Bildungstechnolo
67. olders sehen indem Sie das List Modul benutzen das ist quasi der Explorer von TYPO3 x TYP03 EQ QuickStart rc bigfeet Users Qs zig cl P f A i G nem gn ales i Website user 2 EE List me Username Ei i Info nens 5 john EE Access i Guestbook E x irene i i Sitemap i Functions iof i n E unctione RB Search i Website usergroup 1 E23 File E Youth Section i Grouptitle 58 H ES n Filelist E jl Results zi e eam fh Images I B This week E Doc E Last week 3 User U Extended view Bier ET C show clipboard Setup F Tools 38 Create new record User Admin xt Ext Manager B SSR Search String This page v DB chec L4 ES Configuration Show records dl Install l Reload the tree from server 2 Loa zi TYPO 3 Der Einstieg 16 Shortcuts Verkn pfungen Abgesehen von den Seitentypen die nicht im Men erschienen gibt es au erdem zwei mysteri se Seiten mit einem Verkn pfungs Symbol E P QuickStart B FC Bigfeet E Guestbook HB Siternap E Report results Ein Shortcut ist eine nette Funktion wenn Sie eine Seite haben leer ohne Inhalt die einfach zu einer anderen Seite springen soll Das ist zum Beispiel n tzlich wenn Sie trotzdem m chten dass der Link in einem Men erscheint In unserem Fall verweist die Seite Home auf die Startseite und die Seite Results auf This week Probieren Sie es selbst B Bigfeet Home B News QuickStart Ro B
68. ondus sanctuarii utrumque pl 9 User Admin conspersa oleo in sacrificium mon x Ext Manager adpendens decem siclos plenum fg DB check Agnos anniculos quinque haec fui ee f Amisaddai die undecimo princeps Configuration Phagaihel filius Ochran obtulit ace i Install amp Reload the tree from server an zou EEE BER Ban M In diesem Fall ist das Page Modul aktiv und zeigt den Inhalt der im Page Tree ausgew hlten Seite im rechten Frame Dort k nnen Sie ihn editieren und vieles mehr Wir kommen sp ter darauf zur ck TYPO 3 Der Einstieg 12 Wenn Sie stattdessen auf das Seitensymbol klicken erscheint ein kleines kontextsensitives Men Dieses wird auch manchmal als Click Menu bezeichnet EH Results q k B x EFT More options ig U Hide zi LE N Visibility settings Mi Edit page header ks Reload th4 Delete T Hinweis Wenn Sie einen lteren Browser benutzen wird das Men nicht direkt neben dem Symbol sondern im oberen Frame des Backends erscheinen Hier sollten Sie geduldig sein denn es kann sein dass es einige Sekunden dauert bis das Men eingeblendet wird Im Kontextmen k nnen Sie Optionen w hlen die sich auf diese Seite beziehen Bei den meisten ist es ziemlich offensichtlich was sie tun spielen ein bisschen damit herum wenn Sie m gen F r dieses Beispiel habe ich auf Show geklickt was bewirkt dass sich ein neues Browserfenster ffnet und diese gew hlte Seite im Frontend gezeigt wird
69. ools Help a Qe QJ x a A J gt Search 57 Favorites A Media abd E Address http localhost quickstart index php id 13 Results This week Results Het in hostias pacificorum boves duos arietes quinq quinque haec fuit oblatio Ahiezer filii amp misaddai die ur Phagaihel filius Ochran obtulit acetabulum argenteu siclos flalam argenteam habentem septuaginta siclos plenum simila conspersa oleo in sacrificium martariol siclos plenum incenso Agnos anniculos quinque haec fuit oblatio Ahiezer filii amp misaddai die undecimo princeps filiorum Aser Phagaihel filius Ochran obtulit acetabulum argenteum adpendens centum triginta siclos fialam argenteam habentem septuaginta siclos ad pondus sanctuarii utrumque plenum simila conspersa oleo in sacrificium mortariolum aureum adpendens decem siclos plenum incenso et in hostias pacificorum boves duos arietes quinque hircos quinque agnos anniculos quinque haec fuit oblatio Ahiezer filii Amisaddai die undecimo princeps filiorum Aser Phagaihel filius Ochran obtulit acetabulum argenteum adpendens centum triginta siclos fialam argenteam habentem septuaginta siclos ad pondus sanctuarii utrumque plenum simila conspersa oleo in sacrificium mortariolum aureum adpendens decem siclos plenum incenso Results this week Results last week week 14 amp Local intranet Als n chstes stellt sich die Frage Wie werden Inhalte in einer Seite untergebracht Lassen S
70. opscorer Seite zu bearbeiten X TYPO 3 Der Einstieg 34 Hello world Bi is e first test creating content elements This is line 1 Markieren Sie den Text my first und klicken Sie auf das B Bold um Ihren Text fettgedruckt erscheinen zu lassen This is my first test creating content elements Klicken Sie auf die Speichere Dokument und zeige mir die Seite Schaltfl che und betrachten Sie das Ergebnis im Frontend Eine Aufz hlung erzeugen Genauso einfach k nnen Sie Aufz hlungen erstellen Klicken Sie einfach auf das Symbol Aufz hlung und tippen Sie einige Zeilen Text ein B ABU nti In wi MIB This is my first test creating content elements This is the first line This is the second line Speichern und anzeigen das Frontend reagiert so XTYP 0 3 Der Einstieg 35 berlegungen zu Rich Content Wie Sie sehen haben Sie hier zwei M glichkeiten a Sie erzeugen die Aufz hlungen inline also innerhalb des Haupttextfeldes im Rich Text Editor oder b Sie erstellen sie als separate Content Elemente Sie k nnen beide Ans tze mischen Ich pers nlich finde es sehr komfortabel Aufz hlungen direkt in den Haupttextfeldern mit dem RTE zu erzeugen aber wenn jemand ohne den Internet Explorer diese Liste bearbeiten m chte ist das h ufig schwierig Und es kann auch sein dass Sie politische Gr nde haben dass Aufz hlungen nicht im Haupttextfeld erscheinen soll um diese
71. r kann das selbst tun wenn er Zugriff auf das Setup Modul hat LANGUAGE English English Chinese Eesky Czech Suomi Finnish Francais French Italiano Italian Lithuanian user Nederlands Dutch Task t Norsk Norwegian viri eire Polski Polish A Setup Portugu s Portuguese Romanian P nneee Russian Swedish Slovenski Slovenian Slovak T rk e Turkish W hlen Sie einfach eine andere Sprache als Englisch und klicken Sie auf die Save Configuration Schaltfl che am Ende der Seite Laden Sie das Backend neu und Sie sehen die Module auf D nisch Swa TI Side M Q vis A as Miis aaa Users Login log v 2 H a nome Sti FC Bigfeet Users Mi Tr E 3 Results LOG E Adgang Dato Tid Alder Brugernavn Navn Sess lgd Sidevisn ES Funktioner F 02 04 03 12 02 5 min newuser Omin 3 Biskabelon i 02 04 03 12 02 5 min john John Doe0 min 3 m TYPO 3 Der Einstieg 71 U UU 42 S x vr Department f r Interaktive Medien Markus Schranz T ti KG und Bildungstechnologien Content amp Dokumentenmanagement e s YS 2 3 SCHLUSSBEMERKUNG Die Begriffsdefinitionen der Leitfaden zur eint gigen Lehrveranstaltung und die prak tischen Hinweise zum Einstieg in das Open Source Content Management System Ty po3 stellen f r die Lehrgangsteilnehmer ein begleitendes Nachschlagewerk dar das als Arbeitsskriptum am Lehrveranstaltungstag erg nzend
72. r noch wie Sie diese Arbeit delegieren k nnen Denn eine Aufgabe eine CMS ist auch viele Benutzer zu verwalten die an derselben Website arbeiten mit voller Kontrolle ber Zugriffsrechte usw Aber das wird erst am Ende dieses Dokuments beschrieben Die eine Sache ist es Webseiten f r die ganze Welt sichtbar zu machen Was aber wenn wir nur einem Teil der Welt erlauben wollen sie zu sehen unseren Kollegen aus dem Fu ballteam K nnen wir einen Passwortschutz einbauen Genau das wurde f r Sie schon bei der Website des FC Bigfeet erledigt B QuickStart A B FC Bigfeet H E Home B Youth Section Ej Results i Ll B Links H E Contact Loa in EHR Team pages 2 Images i E Parties Ed E Lost and found p B Club Member message boal Lg News items draft page Reload the tree from server Diese Seiten im Page Tree sind im Frontend tats chlich nur dann abrufbar wenn Sie mit einem Benutzernamen und Passwort angemeldet sind Anmeldung Wenn Sie sich anmelden wollen gehen Sie auf die Seite Log in vUlltdut Sho e a 1 um New a HH Geben Sie als Benutzer john und als Passwort football ein damit es einfacher ist haben ALLE Benutzer dieser Website dieses Passwort Gehen Sie sicher dass Sie alles genauso eingeben wie hier geschrieben Gro und Kleinschreibung macht einen Unterschied John wird nicht funktionieren der Benutzername ist john Klicken Sie auf den Login
73. sults Sie werden auf die entsprechende Seite gebracht und alle Suchbegriffe werden rotgef rbt dargestellt Nett oder Indizierte Suche Das standarm ig verwendete Such Element das Sie gerade benutzen sucht direkt in den Datens tzen der Seiten und den Page Content Elementen Das reicht f r die meisten kleineren Websites vollkommen aus Wenn Sie eine professionelle Suche mit indizierten Inhalten ben tigen so geht das nat rlich auch Sie k nnen eigentlich alles wof r bereits eine Extension geschrieben wurde bekommen mehr dazu sp ter Zun chst k nnen Sie erst einmal http typo3 org als Beispiel f r die indizierte Suche die TYPO3 anbietet verwenden Search Search forfIndexea search Match Partofword Order by WeightiFrequency Style Section hierarchy w Regular search atatime Das Ergebnis wird ungef hr so aussehen x TYPO3 Extended resume Der Einstieg 56 Displaying results 1 to 10 out of 32i 1 section Documentation 10 pages Pagem Page2 Page3 Page4 Next gt Documentation ETES 1 EXT Indexed Search Engine EXT Indexed Search Path EXT Indexed Search Engine Table Of Contents 1 1 Introduction amp gt amp gt 1 EXT Indexed Search Engine Extension Key indexed search Copyright 2000 2002 Kasper Sk amp aring rh amp os EXT Indexed Search Engine EXT Engine EXT Indexed Search Engine Path EXT Engine Path EXT Indexed Search
74. t Table wie Sie es vorher schon gesehen haben oder Image oder Text w Image sein Probieren Sie es aus Jeder Content Element Typ hat sein eigenes Aussehen und Felder f r Inhalte und durch das Einf gen von verschiedenen Elementen k nnen Sie eine gro e Vielfalt auf Ihrer Website erreichen Das Header Feld 2 enth lt die berschrift und das Text Feld 3 den Inhaltstext Auf der Webseite sieht das folgenderma en aus m TYPO 3 Der Einstieg 23 Versuchen Sie das berschriftenfeld zu ver ndern und klicken Sie auf das Speichere Dokument und zeige mir die Seite Symbol ME px x mb Res Path FOgBigfeet Resultz This week Header Results in first division l Weil Sie den Inhalt ber den Speichere Dokument und zeige mir die Seite Symbol gespeichert haben wird das Frontend Fenster nach einigen Sekunden automatisch folgendes zeigen Was TYPO3 getan hat ist das Senden der nderungen an den Webserver die Datenbank mit der neuen Information zu aktualisieren den Seitencache zu leeren und die Seite neu zu erzeugen die nderung ist sofort online und die Besucher Ihrer Website werden nun die neue berschrift anstelle der alten sehen Es ist so einfach und schnell Webseiten mit TYPO3 zu pflegen Tipp Eine andere M glichkeit den Editor aufzurufen Anstatt sich m hsam vom Page Modul zum Page Tree usw durchzuklicken k nnen Sie auch den Punkt Edit item aus dem kontextsensitiven Men cli
75. t wird Auch die anderen Menu type Optionen benutzen diesen Wert Anstelle der Sitemap k nnen Sie auch andere Link Listen einf gen die auf der Seitenstruktur und ihrer Content Elemente basiert Menu type Sitemap v Menu of these pages Menu of subpages to these pages Section index pagecontent w Index checked Recently updated pages Related pages based on keywords Am besten probieren jetzt Sie einige dieser Funktionen aus Sie wissen ja wo Sie schnell Hilfe finden i x Pagecontent Menu type Select which kind of menu you wish to create DETAILS This is a short description of each type Menu of these pages This will create a list of links to the pages you insert in the Startingpoint list Menu of subpages to these pages This results in a list of links to the subpages of the pages in the Startingpoint list If you do not specify a startingpoint subpages to the current page will be selected Menu of subpages to these pages v Das News Plugin Das News Plugin das wir auf unserer Website verwenden stammt aus der mininews Extension Stellen Sie also sicher dass diese installiert ist Extension Manager TYPO j3 Der Einstieg 61 P Mini news mininews Da sie bereits installiert ist k nnen wir uns gleich ansehen wie das Plugin verwendet wurde Der wichtigste Unterschied zum G stebuch ist dass das mininews Plugin sowoh
76. te Punkt das Extrahieren der angemeldeten Personen aus der List wird von einem Backend Modul bernommen das mit dem Plugin der Extension installiert wurde B P QuickStart BF B FC Bigfeet B Eq Newsletter Path FC Bigfeet Home Newsletter Wl Aces ES Functions B Sli Description PBrremplate igi Search a m E a EAA Match results Get information about the match results 1 list Ef Newsletter 3 BNevsieter Parties Get a notice SMS whenever we throw a party O list subscribers Brown Section Wie Sie sehen habe ich das neue Backend Modul aktiviert anschlie end die Seite die die Web Applikation enth lt und schlie lich wurde die Liste angezeigt Das demonstriert noch einen weiteren interessanten Aspekt wir k nnen die Newsletter Anmeldung nicht nur einer Seite sondern beliebig vielen Seiten hinzuf gen und die Website w rde immer noch wohlgeordnet erscheinen und h tte die volle Kontrolle ber die Situation Dank des Page Tree Frameworks F r weitere Informationen ber fortgeschrittene Auswertungen der Newsletterempf nger lesen Sie bitte das Handbuch f r das Newsletter Subscription Modul Die Sprache des Anmeldeformulars wechseln Viele Plugins wurden bereits in andere Sprachen als Englisch bersetzt Trotzdem m ssen auch alle neuen Plugins Englisch prim re Sprache enthalten Wenn eine bersetzung f r die Extension verf gbar ist k nnen Sie sie aktivier
77. ted 11 02 03 13 35 list of recipients for sending the mails in any application vou like Bei der Suche nach einem Newsletter Anmeldungssystem haben wir eines gefunden das unsere Anforderungen erf llt Der Autor war so freundlich und hat der Extension sogar eine Dokumentation beigef gt 1 Es ist wichtig dass Sie dies verstehen Die Dokumentation zu TYPOS3 ist auf die einzelnen Extensions verteilt Mit anderen Worten wo finden Sie alle Informationen betreffend dem Newsletter Subscription Module Auf typo3 org in Verbindung mit der Extension Wenn Sie also nach Dokumentation suchen m ssen Sie h ufig zun chst herausfinden f r welche Extension Sie Hilfe ben tigen um dann bei dieser Extension auf typo3 org zu suchen Import Im Extension Manager k nnen Sie eine Verbindung zum TER aufbauen und finden dort die Extension mit dem Schl ssel da newsletter subscription Extension Manager Menu Import extensions from online repository vw Drder by Category I Display shy extensions Get own member selected extensions only FI EXTENSIONS IN TYPO3 EXTENSION REPOSITORY Click here to connect to http ter tupo3 com id t3 extrep and retrieve the list ol Extension Repository You have not configured a repository username password yet Please go to Set Connect to online BUE Es dauert einige Sekunden und anschlie end sehen Sie folgendes TYP 0 3 Der Einstieg 66 was Ar DJ Newsletter Subscriptio
78. tent Management CM Mit Content Management bezeichnet man die Verwaltung und elektronische Vertei lung aller Arten gesch ftlicher Informationen Dokumente und E Mails ebenso wie Audio Video und Bilddateien Contentmanagement kann als Weiterentwicklung des Dokumentenmanagements ange sehen werden welches die Verwaltung von Dokumentbest nden auf beliebige Infor mationsbest nde Repositories ausweitet Dieses begleitende Dokument stellt mit den oben beschriebenen Definitionen einen Einstieg in die Welt des Content und Dokumentenmanagements her und dient als kur zer Leitfaden zur eint gigen Lehrveranstaltung an der Donau Universit t Krems eben so wie als Nachschlagewerk f r die praktisch untersuchte Fallstudie Typo3 1 1LEITFADEN ZUR LEHRVERANSTALTUNG Im Rahmen des Vortrages und der praktischen bung zum Thema Content und Doku mentenmanagement sollen zun chst die untersuchten Themenbereiche definiert und die Begriffe voneinander verst ndlich abgegrenzt werden Als konkrete Unterlagen hierzu dienen Pr sentationsvorlagen die diesen Leitfaden begleiten und aus Aktuali t tsgr nden immer aktuell angepasst werden Ein probates Mittel zur Motivation und zur Begr ndung der realen Anwendung von CM amp DM Systemen ist die Fokusierung auf die Sicht der tats chlichen Anwender und Nutzer auf den Begriff Content Hier werden qualitative und quantitative An schauungen zum Thema diskutiert Den n chsten Schritt im Vortrag pr gen
79. tion erweitern k nnen die nicht mit dem System geliefert wird Zu diesem Zweck verbinden wir uns aus dem EM Extension Manager mit dem TER TYPO3 Extension Repository und importieren installieren und aktivieren ein Newsletter Anmeldungssystem Einf gen eines Anmeldeformulars f r Newsletter Generell sollten Sie zun chst auf typo3 org nach der Applikation suchen die Sie ben tigen Wenn Sie sie ausfindig gemacht haben k nnen Sie mit der Installation beginnen TYP O 3 Der Einstieg 65 x TYP03 Extensions Documentation Source TYPO3 org DEVELOPER resource Extension Repository Mew and updated Categories Popular Reviewed State Fulllist newsletter subscription Search Search for extensions Search for newsletter subscription in the extension repository eZ Direct Mail Subscription direct mail subscription Author Kasper Sk rhei Adds a plugin for subscription to direct mail newsletters Tech Cat Frontend Plugins collecting subscriptions in the tt address table Version 1 0 3 mm Downloads 245 184 Updated 23 11 02 11 41 e Ho documentation P2 Newsletter Subscription Module da newsletter subscription Author Kasper Sk rhei A newsletter subscription module which allows you to Tech Cat Frontend Plugins create any number of categories and then allow Version 1 0 1 frontend users to check off which categories they want us review Downloads 491 1365 to receive From the backend you can download a CSV Upda
80. uid Nummer 4 hat Wir wissen dass die Seite This week die uid 13 hatte und die Seiten Last week und Reports results haben die uids 12 und 11 Wenn wir nun in das Modul phpMyAdmin gehen und uns die Tabelle pages ansehen welche alle Page Header records enth lt sollten wir diese Beziehung recht einfach erkennen k nnen S TYPO 3 Der Einstieg 14 d Web E Paga php T gt uid pid tstampf title dok Q View LM PN p p mus Hjem Ret Slet 1 0 10491909FcC Bigfeet ee el Ret Slet 2 1 1049133contact Functions je groups HB Template amp be sessions Ret Slet X be users S Fil EI X cache hash Ret Slet 3 cache md5params ff Images Bb cach x 5 cache pages Youth Doc X cache pagesection Ret Slet DE user X cache typo3temp log Rute ue a Ret Si Home session data Tools f i 93 User Admin fe _ Ret Slet ne SEES Manidar pages_language_overlay 2 B o eire amp static template Ret Slet Trainers ES Configuration E ER E MUN E X static tsconfig help Se dl Install Trainin y X sys be shortcuts Ret Slet Sch de Log BR sys domain chedule A sys filemounts 2 Help amp sys history Ret Slet Matches 2 About modules X sys language C9 About X sys lockedrecords Ret Sle di sys log results Admin functions sys note Y clear cache A sys notepad Ret Sle Last week files in sys_ tabledescr tupo3conf x Ret Sle This week amp sys B
81. urde verlinkt This is my first test creating content elements Link to Guestbook This is the first line This is the second line Im Frontend erzeugt dies einen Link genauso wie Sie es erwarten Klicken Sie darauf und Sie landen auf der Seite mit dem G stebuch Hello world This is my first test creat lin a This is the first T TYP 0 3 Der Einstieg 36 Hinter den Kulissen Ich hatte kurz erw hnt dass es die Verwendung des Rich Text Editors ein Problem darstellen k nnte wenn Sie den Inhalt sp ter in seiner rohen Form editieren m chten Das k nnen Sie simulieren indem Sie das ganze Content Element zum Editieren ausw hlen und die Disable Rich Text Editor Option am Ende des Formulares ausw hlen bevor Sie irgendetwas bearbeiten T E EX x n x FI Show secondary options palettes F Show field descriptions Disable Rich Text Editor RTE Das Text Feld wird nun aussehen wie ein ganz normales Formular Feld lt P align center gt This is lt B gt my first lt B gt test lt I gt creating content lt I gt lt U gt elements lt U gt lt P gt lt typolist gt lt LINK 21 gt Link to Guestbook E LINK This is the first line This is the second line lt typolist gt Mi n5 Als erste f llt Ihnen vielleicht auf dass der Link zur G stebuch Seite durch einen TYPO3 spezifischen Tag link zusammen mit der Page id realisiert wurde Dies macht es Menschen ohne den RTE leicht ebenfalls
82. zum Thema Templates web 29 Quick Start rc Bigfeet Users EB FC Bigfeet Websiteuser 2 E a a Home i Username H E Youth Section u john BIN Access Ea pasu s e Tomo ER Funcions N Pe Unks i l A Website usergroup 1 gt H Template j itle In Log in i Grouptitle rte dX i oma I Team E Filelist AHE Team pages AE e Images B i B Images DoE Pod B Parties Fuer E Lost and foun Extended view 8 Task center E i B Con Ma F mexrage boa CI show clipboard G setup r gt Tools News items draft page Yu fanata nam sarnud TYPO 3 Der Einstieg 45 Wenn Sie in TYPOS einmal eine Web Applikation mit Benutzerprofilen programmieren m chten k nnten Sie beispielsweise die Frontend User als Basis f r eine Extension eine Erweiterung nehmen die dann zus tzliche Datenbankfelder in der user Tabelle anlegt Auf diese Weise k nnen Sie Informationen zu Website Benutzern speichern und verwalten Ein Backend User blaues Symbol arbeitet im Backend und ist damit betraut Informationen hinter den Kulissen zu ver ndern Weil Backend User sich mit der Administration der Website besch ftigen haben die Zugangsbeschr nkungen f r die Website selbst keinen Einfluss auf sie sie k nnen ja zum Beispiel versteckte Seiten in einer Vorschau sehen obwohl dies f r Frontend User nicht m glich ist Backend User k nnen nur an einer Stelle abgelegt werden in der Wurzel des Page Trees pid 0

CONTENT- & DOKUMENTENMANAGEMENT

Contents

Download Pdf Manuals

Related Search

Related Contents

CONTENT- &amp; DOKUMENTENMANAGEMENT

Contents

Download Pdf Manuals

Related Search

Related Contents

CONTENT- & DOKUMENTENMANAGEMENT