Portfolioontwikkelingen: verschil tussen versies

Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
 
(57 tussenliggende versies door 3 gebruikers niet weergegeven)
Regel 1: Regel 1:
== Nieuwe functionaliteiten ==
== 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) ===
=== 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.
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 16: Regel 41:


== Werk in uitvoering ==
== 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 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.''
#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.''
#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 ====
==== Pagina's die als format ('''preload''') worden weergegeven voor projectrapportage ====
Regel 33: Regel 51:
* [[SSM content voorbeeld]]
* [[SSM content voorbeeld]]
* [[SSM proces voorbeeld]]
* [[SSM proces voorbeeld]]
* [[EMM content voorbeeld]]
Traditionele insteek:
Traditionele insteek:
* [[Standaard content voorbeeld]]
* [[Standaard content voorbeeld]]
* [[Standaard proces voorbeeld]]
* [[Standaard proces voorbeeld]]
{{Light Context
{{Light Context
|Supercontext=Portfolio's
|Supercontext=Portfolio's
|Topcontext=Portfolio's
|Topcontext=Portfolio's
|Context type=Situation
|Context type=Situation
|Heading=Portfolio ontwikkelingen
|Heading=Portfolioontwikkelingen
}}
}}

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:
























Overgenomen van "https://acpt.projectenportfolio.hz.nl/wiki/index.php?title=Portfolioontwikkelingen&oldid=55937"