Portfolio-ontwikkelingen

Huidige versie van 2 dec 2016 om 14:51

Nieuwe functionaliteiten

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

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').
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:

Paginaoverzicht

Links naar verwante pagina's

Onderdeel van:
Portfolio's
Gerefereerd door:
Portfolio's

Uploads

	Page name	Title	Author(s)	Date
Bestand:Inzichttraject46377845 s.jpg	Bestand:Bestand:Inzichttraject46377845 s.jpg	Inzicht in traject	Els	25 augustus 2016
	Bestand:Geloof44944674 s.jpg	Aanspreekpunt geloof	Els Millenaar	2016
	Bestand:Handleiding portfolio.png	Handleiding portfolio	Gabriëlle Rossing	11 maart 2016
	Bestand:Inzichttraject46377845 s.jpg	Inzicht in traject	Els Millenaar	25 augustus 2016
Bestand:Research Portfolio 2015 2016 Semester 1 DA-ARC.pdf	Bestand:Research Portfolio 2015 2016 Semester 1 DA-ARC.pdf	Onderzoeksportfolio DA-ARC	HZ University of Applied Sciences	12 december 2015
Handleiding SSM	Resource Hyperlink 00014	Handleiding SSM	Gabriëlle Rossing	5 april 2016
Handleiding SSM	Resource Hyperlink 00128	Handleiding SSM	Gabriëlle Rossing	10 oktober 2016
	Bestand:Slechtnieuws42119200 s.jpg	Slechtnieuwsgesprek	Els	2016

@@ Regel 1: / Regel 1: @@
+== Nieuwe functionaliteiten ==
+=== 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 {{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 ==
 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 [https://www.mediawiki.org/wiki/VisualEditor 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 gegegeneerd. Bijvoorbeeld, de deelnemer [[CNTR 00001|Hans]] heeft de paginanaam CNTR 00001, maar deze naam is veranderd in de leesbare naam Hans.
+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 [[CNTR 00001|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 de leesbare namen worden gebruikt en moeten vooralsnog de automatisch gegenereerde namen worden gebruikt. In de komende maanden gaan we de VisualEditor zodaning configureren dat wel de leesbare namen worden gebruikt. In de tussentijd worden de gegenereerde namen in Projectpaginaoverzichten 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.
+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 ==
@@ Regel 11: / Regel 27: @@
 == Werk in uitvoering ==
-#Navigatie / zichtbare onderdelen in de Chameleon skin, inclusief opbouw en positie van de pagina-onderdelen // broodkruimel: nadrukkelijker in beeld
+#Nieuwe pagina aanmaken:
-#Paginatitel is nu nog identiek aan URL-titel, dat is niet altijd mooi (pre- en postfixes worden ook getoond)
+#*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).
-#Toelichting op het klikken op red links kan misschien wel weg omdat de betekenis daarvan al aardig is ingeburgerd. ''Hans: toelichting is weggehaald.''
+#*Nieuw studentenproject aan project (bijv. PR 00001 als overkoepelende context) toevoegen: niet zichtbaar op de wiki (bijv. op de pagina van PR 00001).
-#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.''
+#*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').
-#Kunnen bewerken in de Chameleon skin. ''Hans: dat kan nu al, maar is enigzins verborgen.Via de dropdowm paginahulpmiddlen 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.''
-#Visual Editor:
-#*Toevoegen van bestanden, afbeeldingen, tabellen etc. Nu wordt er voor bestanden en afbeeldingen Resource Descriptions aangemaakt, maar die worden nog niet gelijk aan de desbetreffende pagina toegevoegd waar je die wilde uploaden (via de VE kun je alleen afbeeldingen toevoegen, en nog niet bestanden - echter, dit is een wat omslachtige stap). ''Hans: In een volgende versie van de VisualEditor kunnen plaatjes direct met drag&drop in de tekst  worden geplaatst.Daar wordt aan gewerkt, maar dat zal nog wel enige weken duren. Dus vooralsnog moeten plaatjes eerst worden geupload. Datzelfde geldt ook voor resources (pdf, docx, ppt, etc.). Die moeten ook eerst worden geupload en van metadata worden voorzien, voordat ze kunnen worden gebruikt in de editor. Via de Cite en Nocite templates (sjablonen) kan naar geuploade resources worden gerefereerd. Er wordt ook automatisch een referentielijst gegenereerd. Ook het het proces  van uploaden en citeren van resources willen we in één stap gaan doen, maar dat vereist een wat dieper ingrijpen in de VisualEditor.''
-#*Aanmaken van nieuwe pagina’s in het geval er veel tekst in een bepaalde paragraaf moet (alternatief: geselecteerde delen van de tekst inklapbaar maken) / toelichting op ‘Creëer een onderliggende context’ verduidelijken
-#*Verwijzen naar andere wiki-pagina’s en externe websites (vooral handig bij de reflectie en verwijzing naar content, etc.) ''Hans: Dat gaat via de Internal link en External link template (sjabloon). Net als de Cite en de Nocite willen we dit proces zo soepel mogelijk laten verlopen.''
-#*Plaatjes worden niet getoond in de VisualEditor.
 #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.''
-#Reflectievoorbeeld / assessment
 ==== Pagina's die als format ('''preload''') worden weergegeven voor projectrapportage ====
@@ Regel 28: / Regel 37: @@
 * [[SSM content voorbeeld]]
 * [[SSM proces voorbeeld]]
+* [[EMM content voorbeeld]]
 Traditionele insteek:
 * [[Standaard content voorbeeld]]
 * [[Standaard proces voorbeeld]]
 {{Light Context
 |Supercontext=Portfolio's
 |Topcontext=Portfolio's
 |Context type=Situation
-|Heading=Portfolio ontwikkelingen
+|Heading=Portfolio-ontwikkelingen
 }}