Portfolioontwikkelingen: verschil tussen versies

Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
 
(14 tussenliggende versies door 3 gebruikers niet weergegeven)
Regel 1: Regel 1:
== Nieuwe functionaliteiten ==
== Nieuwe functionaliteiten ==


=== Ondersteuning van linken naar pagina's vanuit de VisualEditor (medio maart 2016) ===
=== Nieuwe skin (10 februari 2019) ===
Het uitgangspunt in de portfolio-wiki is dat zo veel ogelijk vanuit de VisualEditor kan worden gewerkt. De VisualEditor is uitgebreid met functionaliteiteen om pagina's te creëren en bestanden te uploaden. Vanuit de ViusalEditor kan vervolgens direct naar de nieuwe pagina's en bestanden worden gerefereerd.
Er is een nieuwe skin ontwikkeld: EMM skin 2.0. De belangrijkste kenmerken van deze skin zijn:
* verbeterde user experience:
** moderne uitstraling, die gemakkelijk is te updaten (over 2-3 jaar is deze uitstraling weer verouderd, maar kan dan snel worden aangepast aan nieuwe eisen);
** inline editing, d.w.z. het is duidelijk zichtbaar voor de gebruiker waar en op wat wordt bewerkt.
* meertaligheid: Nederlands en Engels, en indien gewenst andere talen;
* websites in één expertisesysteem (semantsche wiki). Iedere website heeft zijn eigen uitstraling, eigen menustructuur, eigen domeinnaam, etc. Tegelijkertijd is alle informatie op een betekenisvolle (semantische) wijze verknoopt. Het geheel is één groot kennisnetwerk.
 
=== Navigeren met de treeview (18 februari 2017) ===
Een project wordt gedocumenteerd met pagina's over het proces en de resultaten. Onder deze pagina's kunnen weer pagina's worden gehangen, enzovoort. Met de treeview worden de structuren gevisualiseerd en kunnen pagina's worden aangemaakt, worden hernoemd en worden verschoven. Kortom, navigatie en pagina management is een ''piece of cake'' met de treeview.
 
=== Update van de VisualEditor (31 januari 2017) ===
Een kleine update sinds de de grote update van 2 december 2016, met bug-fixes en invoegmogelijkheden voor naslagwerken.
 
=== Nieuwe versie VisualEditor (2 december 2016) ===
Een nieuwe versie van de VisualEditor is beschikbaar gekomen. Het invoegen inclusief het creëren van bronmateriaal zoals documenten, hyperlinks en pagina's is laagdrempelig gemaakt. Onderaan een pagina wordt automatisch een referentielijst gegenereerd.
 
=== Stroomlijnen van het gebruikersgemak (27 september 2016) ===
Inmiddels is er weer een nieuwe versie van de VisualEditor beschikbaar gekomen en geïnstalleerd. We zijn druk bezig met het uploaden en/of linken naar bronnen verder ter stroomlijnen. Daarnaast wordt zoveel mogelijk overbodige zaken uit de VisualEditor gehaald waaronder systeem-templates (niet bewerkbare stukken weergegeven in blauw). Access control wordt geïmplementeerd waarmee het mogelijk wordt gemaakt pagina's alleen toegankelijk te maken voor bepaalde gebruikers.
 
Een eerste versie komt vrijdag 7 oktober ter beschikking. De daarop volgende versies staan gepland op vrijdag 21 oktober en vrijdag 11 november.
 
=== Ondersteuning van linken naar pagina's vanuit de VisualEditor (11 maart 2016) ===
Het uitgangspunt in de projectenportfolio is dat zo veel mogelijk vanuit de VisualEditor kan worden gewerkt. De VisualEditor is uitgebreid met functionaliteiten om een pagina te creëren en materiaal (bestand: docx, pdf, jpeg, etc.) te uploaden. Vanuit de ViusalEditor kan vervolgens direct naar een nieuwe pagina en geupload materiaal worden gelinkt.


=== Sociale kaart (30 november 2015) ===
=== Sociale kaart (30 november 2015) ===
HBO-V studenten ontwikkelen voor het Zeeland Centraal-De Zeeuwse Huiskamer project {{Internal link|link = PR 00019|name = Overleven met Kanker}} een {{Internal link|link = LC 00007|name = sociale kaart}}. De portfolio-wiki ondersteunt het ontwikkelen van sociale kaarten. De {{Internal link|link = Sociale kaart kanker VN|name = sociale kaart kanker}} is een voorbeeld van een sociale kaart in wording.
HBO-V studenten ontwikkelen voor het Zeeland Centraal-De Zeeuwse Huiskamer project {{Internal link|link = PR 00019|name = Overleven met Kanker}} een {{Internal link|link = LC 00007|name = sociale kaart}}. De portfolio-wiki ondersteunt het ontwikkelen van sociale kaarten. De {{Internal link|link = Sociale kaart VN|name = sociale kaart kanker}} is een voorbeeld van een sociale kaart in wording.


== VisualEditor ==
== VisualEditor ==
Regel 19: Regel 41:


== Werk in uitvoering ==
== Werk in uitvoering ==
#Broodkruimel: nadrukkelijker in beeld
#Paginatitel is nu nog identiek aan URL-titel, dat is niet altijd mooi (pre- en postfixes worden ook getoond)
#Portfoliowiki op een stabiele omgeving (productiewiki?) ''Hans: ja het liefst zo snel mogelijk, nog in december 2015!''
#Wijzigen overkoepelende context - bijvoorbeeld in het geval wanneer een studentenproject onderdeel blijkt te zijn van een ander of overkoepelend project in plaats van direct van het desbetreffende Living Lab. ''Hans: De overkoepelende context kan worden gewijzigd, echter alleen als je voldoende rechten hebt. Dat is bewust zo gedaan om te voorkomen dat studenten de wiki op een ongecontroleerde manier gaan verbouwen.''
#Kunnen bewerken in de Chameleon skin. ''Hans: dat kan nu al, maar is enigzins verborgen.Via de dropdown paginahulpmiddelen kan je of bewerken of bewerken met formulier. Er is nog geen knop voor de VisualEditor te verlaten zonder wijzigingen op te slaan. Gebruik nu vernieuwen wat in dezelfde dropdown staat. Wordt aan gewerkt, een kwestie van dagen.''
#Wens: auto-safe VE
#Nieuwe pagina aanmaken:
#Nieuwe pagina aanmaken:
#*Aanvullende info op bestaande pagina: aanmaken van nieuwe pagina’s in het geval er veel tekst in een bepaalde paragraaf moet; toelichting op ‘Creëer een onderliggende context’ verduidelijken + verwijzing in tekst (paragraaf) met Internal link naar subcontext/onderliggende pagina (alternatief: geselecteerde delen van de tekst inklapbaar maken).
#*Aanvullende info op bestaande pagina: aanmaken van nieuwe pagina’s in het geval er veel tekst in een bepaalde paragraaf moet; toelichting op ‘Creëer een onderliggende context’ verduidelijken + verwijzing in tekst (paragraaf) met Internal link naar subcontext/onderliggende pagina (alternatief: geselecteerde delen van de tekst inklapbaar maken).
Regel 30: Regel 46:
#*Knop voor 'nieuw project' ('Nieuwe wiki-pagina (leeg)') ook op projectpagina (om een 'sub-project' aan te maken) weergeven (en niet alleen op de hoofdpagina van de verschillende portfolio's, maar op elke wiki-pagina >> Dat laatste geldt ook voor 'Bestand uploaden').
#*Knop voor 'nieuw project' ('Nieuwe wiki-pagina (leeg)') ook op projectpagina (om een 'sub-project' aan te maken) weergeven (en niet alleen op de hoofdpagina van de verschillende portfolio's, maar op elke wiki-pagina >> Dat laatste geldt ook voor 'Bestand uploaden').
#Image map generator voor het toevoegen van wereldbeelden in rijke plaatjes. ''Hans: Ook de procedure voor het maken van een klikbaar plaatje (imagemap) gaan we stroomlijnen. Daar zijn tools voor.''
#Image map generator voor het toevoegen van wereldbeelden in rijke plaatjes. ''Hans: Ook de procedure voor het maken van een klikbaar plaatje (imagemap) gaan we stroomlijnen. Daar zijn tools voor.''
#Automatiseren aanmaak nieuwe gebruiker (student, deelnemer) + wachtwoord. ''Hans: Dat kan automatisch in een batch (csv file) worden gerealiseerd.''
#Reflectie / evaluatie; assessment.
#To-do:
#*DA-ARC portfolio (zie wensen Evy)
#Dashboard / overzicht:
#*Voor gebruikers (studenten): overzicht van ontwikkeling van de competenties n.a.v. de competentiekaart (zie figuur 2).
#*Projectenportefeuille: overzicht van projecten en bijbehorende rollen / content / vereiste voorkennis / complexiteit etc. (knoppen / filters? > handig voor allerlei overzichten (dashboards etc.) per type gebruiker), zie bijvoorbeeld de {{Cite|resource = Bestand:Research Portfolio 2015 2016 Semester 1 DA-ARC.pdf|name = onderzoeksportefeuille van DA-ARC}}, zodat studenten kunnen zien in welk project zij aan hun competenties (kunnen) werken.
[[File:Competentiemonitoringtool.png|centre|thumb|1100x1100px|'''Figuur 2:''' Voorbeeld van een tool om de vorderingen van studenten inzichtelijk te maken voor de verschillende specialisaties binnen een opleiding.]]


==== Pagina's die als format ('''preload''') worden weergegeven voor projectrapportage ====
==== Pagina's die als format ('''preload''') worden weergegeven voor projectrapportage ====
Regel 48: Regel 56:
* [[Standaard proces voorbeeld]]
* [[Standaard proces voorbeeld]]


==== Milestone VE ====


Werk aan de Visual Editor staat beschreven in [[Visual Editor to do]].
{{Light Context
{{Light Context
|Supercontext=Portfolio's
|Supercontext=Portfolio's

Huidige versie van 10 feb 2019 om 10:44

Nieuwe functionaliteiten

Nieuwe skin (10 februari 2019)

Er is een nieuwe skin ontwikkeld: EMM skin 2.0. De belangrijkste kenmerken van deze skin zijn:

  • verbeterde user experience:
    • moderne uitstraling, die gemakkelijk is te updaten (over 2-3 jaar is deze uitstraling weer verouderd, maar kan dan snel worden aangepast aan nieuwe eisen);
    • inline editing, d.w.z. het is duidelijk zichtbaar voor de gebruiker waar en op wat wordt bewerkt.
  • meertaligheid: Nederlands en Engels, en indien gewenst andere talen;
  • websites in één expertisesysteem (semantsche wiki). Iedere website heeft zijn eigen uitstraling, eigen menustructuur, eigen domeinnaam, etc. Tegelijkertijd is alle informatie op een betekenisvolle (semantische) wijze verknoopt. Het geheel is één groot kennisnetwerk.

Navigeren met de treeview (18 februari 2017)

Een project wordt gedocumenteerd met pagina's over het proces en de resultaten. Onder deze pagina's kunnen weer pagina's worden gehangen, enzovoort. Met de treeview worden de structuren gevisualiseerd en kunnen pagina's worden aangemaakt, worden hernoemd en worden verschoven. Kortom, navigatie en pagina management is een piece of cake met de treeview.

Update van de VisualEditor (31 januari 2017)

Een kleine update sinds de de grote update van 2 december 2016, met bug-fixes en invoegmogelijkheden voor naslagwerken.

Nieuwe versie VisualEditor (2 december 2016)

Een nieuwe versie van de VisualEditor is beschikbaar gekomen. Het invoegen inclusief het creëren van bronmateriaal zoals documenten, hyperlinks en pagina's is laagdrempelig gemaakt. Onderaan een pagina wordt automatisch een referentielijst gegenereerd.

Stroomlijnen van het gebruikersgemak (27 september 2016)

Inmiddels is er weer een nieuwe versie van de VisualEditor beschikbaar gekomen en geïnstalleerd. We zijn druk bezig met het uploaden en/of linken naar bronnen verder ter stroomlijnen. Daarnaast wordt zoveel mogelijk overbodige zaken uit de VisualEditor gehaald waaronder systeem-templates (niet bewerkbare stukken weergegeven in blauw). Access control wordt geïmplementeerd waarmee het mogelijk wordt gemaakt pagina's alleen toegankelijk te maken voor bepaalde gebruikers.

Een eerste versie komt vrijdag 7 oktober ter beschikking. De daarop volgende versies staan gepland op vrijdag 21 oktober en vrijdag 11 november.

Ondersteuning van linken naar pagina's vanuit de VisualEditor (11 maart 2016)

Het uitgangspunt in de projectenportfolio is dat zo veel mogelijk vanuit de VisualEditor kan worden gewerkt. De VisualEditor is uitgebreid met functionaliteiten om een pagina te creëren en materiaal (bestand: docx, pdf, jpeg, etc.) te uploaden. Vanuit de ViusalEditor kan vervolgens direct naar een nieuwe pagina en geupload materiaal worden gelinkt.

Sociale kaart (30 november 2015)

HBO-V studenten ontwikkelen voor het Zeeland Centraal-De Zeeuwse Huiskamer project Overleven met Kanker een sociale kaart. De portfolio-wiki ondersteunt het ontwikkelen van sociale kaarten. De sociale kaart kanker is een voorbeeld van een sociale kaart in wording.

VisualEditor

Wikipagina's worden opgemaakt middels een opmaaktaal genaamd wikitext. Wikitext kan worden gezien als een lichtgewicht HTML, de taal waarin web-pagina's worden geschreven. Ondanks dat wikitext relatief simpel is, is wikitext voor veel schrijvers van wiki-pagina's een forse en eigenlijk ook ongewenste hobbel. Sinds enige jaren wordt gewerkt aan een VisualEditor waarmee tekst op een visuele, haast wysiwyg (what you see is what you get) manier kan worden ingevoerd. Deze editor is nog niet volledig uitontwikkeld, maar is inmiddels wel goed bruikbaar. Ontwikkelingen aan de editor gaan snel, wekelijks komen nieuwe en verbeterde functionaliteiten ter beschikking. Nieuwe ontwikkelingen die het gebruik van het portfolio vereenvoudigen worden hier gemeld.

Linken naar pagina's

Iedere pagina in een wiki moet een unieke naam hebben. Om te voorkomen dat gebruikers van het portfolio dezelfde paginanamen kiezen, worden de paginanamen automatisch gegenereerd. Bijvoorbeeld, de deelnemer Hans heeft de paginanaam CNTR 00001, maar deze naam is veranderd in de leesbare naam Hans.

In de VisualEditor kan op dit moment helaas niet naar de leesbare namen worden gerefereerd en moeten vooralsnog de automatisch gegenereerde namen worden gebruikt. In de komende maanden gaan we de VisualEditor zodaning configureren dat wel leesbare namen kunnen worden opgenomen. In de tussentijd worden de gegenereerde namen in Project paginaoverzichten getoond voor copy & paste acties in de VisualEditor. Tip: open twee tabbladen in de browser, één voor de VisualEditor en de andere voor de overzichten. Zo kan eenvoudig een paginanaam uit een overzicht naar de VisualEditor worden gekopieerd.

Opzet Portfolio-wiki

Figuur 1: Opzet portfolio-wiki

Werk in uitvoering

  1. Nieuwe pagina aanmaken:
    • Aanvullende info op bestaande pagina: aanmaken van nieuwe pagina’s in het geval er veel tekst in een bepaalde paragraaf moet; toelichting op ‘Creëer een onderliggende context’ verduidelijken + verwijzing in tekst (paragraaf) met Internal link naar subcontext/onderliggende pagina (alternatief: geselecteerde delen van de tekst inklapbaar maken).
    • Nieuw studentenproject aan project (bijv. PR 00001 als overkoepelende context) toevoegen: niet zichtbaar op de wiki (bijv. op de pagina van PR 00001).
    • Knop voor 'nieuw project' ('Nieuwe wiki-pagina (leeg)') ook op projectpagina (om een 'sub-project' aan te maken) weergeven (en niet alleen op de hoofdpagina van de verschillende portfolio's, maar op elke wiki-pagina >> Dat laatste geldt ook voor 'Bestand uploaden').
  2. Image map generator voor het toevoegen van wereldbeelden in rijke plaatjes. Hans: Ook de procedure voor het maken van een klikbaar plaatje (imagemap) gaan we stroomlijnen. Daar zijn tools voor.

Pagina's die als format (preload) worden weergegeven voor projectrapportage

Systeembenadering:

Traditionele insteek: