TYPO3 redacteuren cursus
Inleiding • Voorstellen docent • Communicatie Expertise Centrum (CEC)
• Voorstellen cursisten • Aanwezigheidsformulier • Evaluatieformulier / e-mailadres • Reden: verbeteren cursus
• Doel:TYPO3 cursus (kennismaking internet website)
/ Communicatie Expertise Centrum
12-12-2013 PAGE 1
Wat gaan we doen? • Theorie inleiding TYPO3 (45 minuten) • wat is TYPO3? • nieuwe pagina aanmaken • Verschillende type pagina’s
• Praktijk en korte pauze (30 minuten) • tekst plaatsen (Nederlands en Engels)
• Theorie vervolg (45 minuten) • links aanmaken, bestanden gebruiken, bronbestanden
• Praktijk vervolg (30 minuten) • Vragen
/ Communicatie Expertise Centrum
12-12-2013 PAGE 2
Verschil werkwijze op w3.tue.nl en www.tue.nl Verschillen werkwijze oude en nieuwe website • • • •
Webpagina’s aanmaken Webpagina’s vullen) Media module (file boom) Nieuws en agenda
• Nieuwe toepassingen • • • •
Pagina links aanmaken gebruik hele TU/e boom Contact informatie is gekoppeld aan NT omgeving Fotogalerij Bronbestanden, lijstpagina’s (dynamisch)
/ Communicatie Expertise Centrum
12-12-2013 PAGE 3
Historie 2004 • 1e TU/e-website gebouwd met Content Management Systeem (CMS) TYPO3 gaat live • Een belangrijke eigenschap van een CMS: - opmaak is gescheiden van de content
/ Communicatie Expertise Centrum
12-12-2013 PAGE 4
Waarom een CMS en huisstijl gebruiken? • Waarom een CMS gebruiken? - op eenvoudig wijze kun je webpagina‘s maken (geen HTML kennis vereist) - huisstijl doorvoeren - content verantwoordelijkheid (rechten)
• Waarom wil de TU/e een huisstijl hanteren? - uniformiteit (één TU/e)
/ Communicatie Expertise Centrum
12-12-2013 PAGE 5
Historie TU/e website 2005
/ Communicatie Expertise Centrum
12-12-2013 PAGE 6
Wat was de aanleiding voor het ontwikkelen 2e website? • De TU/e- website bevatte heel veel pagina’s. (van reiskosten – tot studie aanmeld informatie) Nadeel: website was onoverzichtelijk voor bezoekers. • Besluit: informatie verdelen over twee websites: • Internet- website, interessant voor gehele wereld • Intranet- website, interessant voor TU/e gemeenschap
/ Communicatie Expertise Centrum
12-12-2013 PAGE 7
Situatie TU/e-Websites vanaf 8 april 2011 www.tue.nl
w3.tue.nl
/ Communicatie Expertise Centrum
12-12-2013 PAGE 8
TU/e intranet site w3.tue.nl richt zich op de • Doelgroepen • TU/e studenten • TU/e medewerkers
• Intranet site • LET OP!! Voor alle bezoekers toegankelijk
/ Communicatie Expertise Centrum
12-12-2013 PAGE 9
Nog een aanleiding voor het ontwikkelen 2e website • Informatie op de “oude site” was organisatorisch opgeslagen in de paginaboom.(Faculteiten /diensten) Besluit: informatie aanbieden vanuit gezichtspunt bezoeker: Studeren, onderzoek, innoveren, universiteit • Tweetalige website Alle info zowel NL als EN beschikbaar stellen • Contentbeheer en naleven webregels, schrijfwijzer
/ Communicatie Expertise Centrum
12-12-2013 PAGE 10
Hoe is de website www.tue.nl opgebouwd (A)?
/ Communicatie Expertise Centrum
12-12-2013 PAGE 11
Hoe is de website www.tue.nl opgebouwd (B)?
/ Communicatie Expertise Centrum
12-12-2013 PAGE 12
TU/e internet site www.tue.nl richt zich op de • Externe doelgroepen • • • • • •
/ Communicatie Expertise Centrum
12-12-2013 PAGE 13
Studiekiezers Wetenschappers Bedrijven Pers en media Potentiële werknemers Alumni
Waar vinden we doelgroepen terug op de website?
/ Communicatie Expertise Centrum
12-12-2013 PAGE 14
Hoe kunnen bezoekers informatie vinden? (Navigatie 1-4)
/ Communicatie Expertise Centrum
12-12-2013 PAGE 15
Hoe kunnen bezoekers informatie vinden? (Navigatie 5)
/ Communicatie Expertise Centrum
12-12-2013 PAGE 16
Hoe is de informatie opgeslagen op de website? (structuur S schijf) • Informatieboom • • • •
Studeren Onderzoek Innoveren Universiteit − Nieuws en pers − Over de universiteit − Faculteiten − Faciliteiten (Diensten) − Werken bij.. − Alumni
/ Communicatie Expertise Centrum
12-12-2013 PAGE 17
Doelgroep (Studiekiezers) (Wetenschappers) (Bedrijven) (Pers en media)
(Potentiële werknemers) (Alumni)
Opslagstructuur (paginaboom) TYPO3
/ Communicatie Expertise Centrum
12-12-2013 PAGE 18
Wie is er verantwoordelijk voor de content?
/ Communicatie Expertise Centrum
12-12-2013 PAGE 19
Contenteigenaar • Is verantwoordelijk voor een informatie deel dat op de website staat. (bijvoorbeeld Faculteit W&I) • Content eigenaar geeft toestemming voor autorisatie en stelt redacteuren en eindredacteuren aan. • Redacteuren kunnen de webpagina’s aanpassen
/ Communicatie Expertise Centrum
12-12-2013 PAGE 20
Autorisatie (welke rol en rechten krijg je?) • Rol: Redacteur of **Eindredacteur • De rol bepaalt welke type pagina’s je mag aanpassen − Content pagina’s (CTT) − **Landingspagina’s − **Lijstpagina’s
• Rechten: Redacteur en Eindredacteur krijgt rechten • Welke pagina’s mag je in de paginaboom aan passen en waar mag je bestanden plaatsen in de bestandenboom
/ Communicatie Expertise Centrum
12-12-2013 PAGE 21
De rol van Redacteur en Eindredacteur? • Eindredacteur • Landingspagina • Lijstpagina • Content pagina’s
• Redacteur • Content pagina’s
/ Communicatie Expertise Centrum
12-12-2013 PAGE 22
Landings pagina Wiskunde & Informatica
/ Communicatie Expertise Centrum
12-12-2013 PAGE 23
Landingspagina backend (eindredacteur)
/ Communicatie Expertise Centrum
12-12-2013 PAGE 24
Content pagina
/ Communicatie Expertise Centrum
12-12-2013 PAGE 25
Content pagina backend (redacteur)
/ Communicatie Expertise Centrum
12-12-2013 PAGE 26
Rechten Paginaboom / Bestandenboom
/ Communicatie Expertise Centrum
12-12-2013 PAGE 27
Rechten Paginaboom / Bestandenboom
/ Communicatie Expertise Centrum
12-12-2013 PAGE 28
Meertaligheid (Nederlands /Engels) • Meertaligheid Alle info zowel NL als EN beschikbaar stellen Werkwijze aanmaken webpagina: • Stap 1: Maak een webpagina aan in de paginaboom • Stap 2: Maak een taalvariant aan (bijv. Nederlands) • Stap 3: Maak een taalvariant aan (Engels) • *** aandachtspunt er is maar één paginaboom
/ Communicatie Expertise Centrum
12-12-2013 PAGE 29
TYPO3 ondersteuning • Vragen (workflow) • Redacteuren > eindredacteur >
[email protected] (content- functionele vragen) • Vragen die niet direct beantwoord kunnen worden komen in TOPdesk. (incidentregistratiesysteem)
• Support website TYPO3 documentatie, schrijfwijzer http://w3.tue.nl/nl/diensten/cec/internetredactie • TYPO3 cursus(sen) • Redacteuren, **Eindredacteuren.
/ Communicatie Expertise Centrum
12-12-2013 PAGE 30
Inloggen / Backend • Wat heb je nodig om te kunnen werken met TYPO3 • Browser: (**Mozilla Firefox of Internet Explorer) (**Mozilla Firefox voorkeur) • URL: naar de TYPO3 website www.tue.nl/typo3 • TYPO3 usercode en password (is gekoppeld aan NT omgeving) **Rechten kunnen tijdelijk zijn.
• Inloggen in de backend • url: www.tue.nl/typo3 (machine waar website op staat die bezoekers zien)
/ Communicatie Expertise Centrum
12-12-2013 PAGE 31
Praktijk voorbeeld
/ Communicatie Expertise Centrum
12-12-2013 PAGE 32
Schrijven voor het web / vindbaar op het web • Schrijven voor het web • Schrijf kort en bondig • Makkelijk scanbaar (koppen (alinea's gebruiken) (foto’s en bijschriften) • Zie schrijfwijzer
• Vindbaar op het web • Tags / trefwoorden invullen op webpagina (per faculteit
• Redirects (voorbeeld) •
www.tue.nl/studeren/kolom-2/masteropleidingen-ontwerpersopleidingen-enpromoveren/masteropleidingen/
•
www.tue.nl/masteropleidingen
/ Communicatie Expertise Centrum
12-12-2013 PAGE 33
Cursusomgeving • Inloggen in cursusomgeving • url: http://t3cursus.tue.nl/typo3
/ Communicatie Expertise Centrum
12-12-2013 PAGE 34
Backend TYPO3 menubalk 1 - 2
/ Communicatie Expertise Centrum
12-12-2013 PAGE 35
Backend TYPO3 programmamodules
/ Communicatie Expertise Centrum
12-12-2013 PAGE 36
Backend TYPO3 paginaboom
/ Communicatie Expertise Centrum
12-12-2013 PAGE 37
Backend TYPO3 invoergedeelte
/ Communicatie Expertise Centrum
12-12-2013 PAGE 38
Backend TYPO3 invoergedeelte
/ Communicatie Expertise Centrum
12-12-2013 PAGE 39
Hoe maak ik een nieuwe pagina aan? stap1
/ Communicatie Expertise Centrum
12-12-2013 PAGE 40
Hoe maak ik een nieuwe taalversie aan? stap2
/ Communicatie Expertise Centrum
12-12-2013 PAGE 41
Hoe maak ik een nieuwe pagina aan? stap2
/ Communicatie Expertise Centrum
12-12-2013 PAGE 42
Hoe maak ik een nieuwe pagina aan? stap3
/ Communicatie Expertise Centrum
12-12-2013 PAGE 43
Hoe vul ik een pagina met content?
/ Communicatie Expertise Centrum
12-12-2013 PAGE 44
Backend TYPO3 Trefwoorden
/ Communicatie Expertise Centrum
12-12-2013 PAGE 45
Hoe maak ik links aan op een webpagina?
/ Communicatie Expertise Centrum
12-12-2013 PAGE 46
Hoe maak ik link naar een bestand?
/ Communicatie Expertise Centrum
12-12-2013 PAGE 47
Media (Folder tree)
/ Communicatie Expertise Centrum
12-12-2013 PAGE 48
Media (Meta data) Categorieën
/ Communicatie Expertise Centrum
12-12-2013 PAGE 49
Link naar een bestand maken
/ Communicatie Expertise Centrum
12-12-2013 PAGE 50
PRAKTIJK opdracht 1 (20 min) • Inloggen
• t3cursus.tue.nl/typo3 • Usercode: • Wachtwoord:
cursist…. ………
• Vragen na praktijk
/ Communicatie Expertise Centrum
12-12-2013 PAGE 51
Link naar een bronbestand /overige • Link naar bronbestand • (voorbeeld onder studeren • Overige • Fotogalerij (voorbeeld) • Video’s Max 48 MB • Contact informatie (koppeling naar NT omgeving ldap) Voordeel één bron registratie • Agenda en Nieuws (interessant voor verspreiding • Mogelijkheid nieuwsverspreiding (werkt nog niet)
/ Communicatie Expertise Centrum
12-12-2013 PAGE 52
TIPS • Foto’s • Geef fotobestanden een “heldere” naam • Verklein foto’s naar web formaat (Save for web)
• Programma’s • Microsoft Office Picture Manager • Photoshop
/ Communicatie Expertise Centrum
12-12-2013 PAGE 53
PRAKTIJK praktijkopdracht afmaken (30 min)
• t3cursus.tue.nl/typo3 • Usercode: • Wachtwoord:
cursist…. ………
• Vragen na praktijk
/ Communicatie Expertise Centrum
12-12-2013 PAGE 54
Afsluiting • Vragen? • E-mail om evaluatieformulier in te vullen
/ Communicatie Expertise Centrum
12-12-2013 PAGE 55