TheaterEncyclopedie:Upgrading Bootstrap/Inventarisatie
In deze upgrade van de TheaterEncyclopedie (2021) wordt een nieuwe versie van de skin Tweeki geinstalleerd. Bij de upgrade van de skin kunnen we kiezen voor een upgrade van Bootstrap, van Bootstrap v3.4.1 naar Bootstrap v4.4.1!
Huidige Versie | Upgrade Versie |
---|---|
MediaWiki 1.31.1 | MediaWiki 1.35.2 |
Skin: Tweeki v1.0.5 | Skin: Tweeki 1.2.1 |
Bootstrap v3.4.1 | Bootstrap v4.4.1 |
Gezien de grote verschillen tussen beide bootstrap versies kiezen we ervoor om eerst de benodigde upgrade uit te voeren m.b.t. de MediaWiki versie en de Tweeki upgrade naar 1.2.1 en vervolgens de upgrade van de Bootstrap versie.
Bootstrap 4
Hieronder de grootste aanpassingen op een rijtje:
- Built on top of Flexbox
- Refactored most components
- Removed panels, thumbnails and wells
- Added a ne component: card
- Uses rems instead of px
- New grid size/tier
- LESS to SASS
- Dropped Glyphicons
- Heel veel nieuwe utility classes
Op Bootstrap valt over de migratie van 3 naar 4 nog wat na te lezen!
- Hierboven worden de meest belangrijke aanpassingen vermeld voor normale websites gebouwd met Bootstrap. Echter maakt de skin Tweeki weer gebruik van een 'uitgeklede' Bootstrap versie.
Stappenplan (voorlopig)
- Opstellen voorlopig plan (deze pagina)
- Doelstelling
- Stappenplan
- Eerste verkenning/inventarisatie (op basis huidig TE)
- Uitvoeren inventarisatie op basis van Test-TE met BS4 ingeschakeld
- Opstellen definitief projectplan en tijdlijn
- Besluitvorming m.b.t. projectuitvoering
- Uitvoering project
Datum | Stap | Wat | Wie | Opmerkingen |
---|---|---|---|---|
juni 2021 | 5.1 | Bootstrap 4 activeren op Test_TE | Hennie | Afgerond |
jul 2021 | 5.2 | Voorbereiden eigen dev-TE | Bart/Ilonka | Besloten om op Test_TE te ontwikkelen |
jul/aug 2021 | 5.1 | Invloed van Bootstrap 4 op de vormgeving TE wordt in kaart gebracht. | Bart/Ilonka | Zie inventarisatie |
aug 2021 | 5.2 | Voorbereidingen / impact beoordelen | Bart/Ilonka | Diverse pagina's en aanpassingen:
|
aug 2021 | 5.3 | Stappenplan opstellen betref aanpassingen Vormgeving | Bart/Ilonka/Milco | Ontwikkelen via de Test_TE. Overige ontwikkelingen stoppen.
Planning:
|
Pagina's met een op maat gemaakte vormgeving
Veel pagina's op de TE hebben een maat gemaakte vormgeving die past bij het onderwerp en als doel hebben om de TE aantrekkelijker en uitnodigender te maken voor bezoekers.
Pagina's
- Hoofdpagina - Zie Test:Hoofdpagina/BS4
- Carousel
- Vice Versa Videoportretten
- Video
- Theaterprijzen
- Jaarpagina 1982; Hieronder bij jaarpagina's zijn de belangrijkste sjablonen opgenomen.
- Schrijf mee; behalve header geen aparte opmaak.
- Theater Vandaag
- Nu Centraal; Portal zie hieronder
- Theater Actueel; Portal zie hieronder
- In The Spotlight; Portal zie hieronder
- Theaterseizoen; Seizoenpagina zie hieronder
- Zoeken op
- Personen
- Voorstellingen
- Theaters
- Thema's
- Theaterprijzen; al link vanuit carousel
- Vice Versa; behalve header geen speciale opmaak
- Allard Pierson, Theatercollectie; behalve header geen speciale opmaak
- Bijdragen uit het veld
- Eenlevenlangtheater; aangepaste css op pagina zelf en maakt gebruik van:
- Interviews
- Carousel
- Help: Het aanmaken van pagina's
- Pagina's voor intern gebruik
- TheaterEncyclopedie: Voorpagina beheren; hoeft niet aangepast te worden.
- TheaterEncyclopedie: Pagina's met afwijkende vormgeving; moet opnieuw vormgegeven worden met de nieuwste opmaakregels.
- Help: Introductie upgrade TheaterEncyclopedie (2018); kan verwijderd worden.
- Testpagina
Categorie-pagina's
Formulierpagina's
- Formulierpagina's met TAB's:
- Formulier:Productie
- Formulier:Multimedia
- Check: nog meer???
Pagina's opgemaakt met sjablonen
- Nieuw: Test:Sjabloon:Box
- Persoonpagina
- Voorbeeld Paul de Leeuw
- Sjabloon: Persoon - Zie Test:Sjabloon:PersoonBS4
- Sjabloon: Overzicht persoon
- Sjabloon: TEbox/DBNL
- Sjabloon: TEbox/IBDB
- Sjabloon: TEbox/IMDB
- Sjabloon: TEbox/RKD
- Sjabloon: TEbox/VIAF
- Sjabloon: TEbox/datum
- Sjabloon: TEbox/rij
- Sjabloon: TEbox/website
- Sjabloon: Tabel Nederlandse Single Top 40
- [[Sjabloon: ]]
- Productiepagina
- Locatiepagina
- Seizoenspagina
- Jaarpagina
- Plaatspagina opgemaakt met sjablonen en widgets
- Voorbeeld Arnhem
- Sjabloon: Plaats
- Sjabloon: Plaats extra info; nog leeg voor toekomstig gebruik
- Sjabloon: Plaatspagina personen
- Sjabloon: Plaatspagina premieres
- Sjabloon: Plaatspagina premieres in Amsterdam
- Sjabloon: Plaatspagina locaties
- Portalen
- 'Categorie-pagina's
- Catindex
Sjabloon Popups
- Sjabloon: Popup premieres dit jaar/afbeelding
- Sjabloon: Popup 50 jaar/afbeelding
- Sjabloon: Popup overleden dit jaar/afbeelding
- Sjabloon: Popup 10 jaar geleden/afbeelding
- Gebruikt bij Portal: Theater Actueel
Bovenstaande Popups horen bij
- Sjabloon: Popup premieres dit jaar
- Sjabloon: Popup 50 jaar
- Sjabloon: Popup overleden dit jaar
- Sjabloon: Popup 10 jaar geleden
Sjabloon Persoonpagina popup profielfoto
- Sjabloon: Persoonpagina popup profielfoto; is nog niet in gebruik genomen, maar wel ontwikkeld.
Sjabloon Crop
Op basis van Extensie CSS.
- Gebruikt bij o.a. Portal: Redactie
Widgets
- Widget: Jukebox popup
- widget:RSS-FeedEk-2
- widget:BS-zoeken-groot-responsive-1
- widget:BS-zoeken-groot-responsive-2 - Zie Test:Widget: BS-zoeken-groot-responsive-BS4
- widget:BS-zoeken-groot-responsive-GCSE-1
- widget:BS-zoeken-groot-responsive-DDG-2
- widget:BS-SMW-locatie-zoeken-1
- widget:BS-SMW-persoon-zoeken-1
- widget:BS-SMW-producent-zoeken-1
- widget:BS-SMW-productie-zoeken-1
- widget:BS-SMW-zoeken-test8
- [[widget:Adlib simple search}]]