Earlier I wrote about the problem with the Rollover Slidelet closebox. With this free widget you can hide the closebox. The use of it needs no further explanation.

Voorbeeld/Example

Download

HideSlideletCloseboxWidget.zip

• Cp5-demoproject + output
• HideSlideletCloseboxWidget.swf

Instructie/Instruction

Met mijn TabOrder widget heb je de volgorde voortaan helemaal zelf in de hand. Het is voldoende om de namen van de items (Item Names) in de gewenste volgorde in te vullen in de widget.

In de demoversie verschijnt bij ieder tekstveld en button een label met het tabnummer. Met deze demoversie kan je kijken of je iets hebt aan de widget. De versie zonder labels kost € 10.

Voorbeeld

Downloads

• TabOrderWidgetDemo.zip (gratis)
• TabOrderWidget (Koop nu voor € 10)

Het zip-bestand bevat:

• De widget
• Een Cp5-voorbeeldbestand en de output daarvan

Gebruiksaanwijzing

De widget is een swf-bestand dat je via Insert – Widget … op de stage kunt plaatsen.

Vul in de dialoogbox de Item Names in van de Textboxen en buttons.  Scheid de namen met een komma.

Deze namen moeten exact overeenkomen met de namen die je hebt opgegeven bij Properties.

Links

• http://forums.adobe.com/message/3102727#3102727

English translation

On fill in screens you can jump to other fields and buttons with the tab key. In Captivate, you cannot set the order. Captivate usually follows the normal reading sequence, but I’ve also seen situations where Captivate follows a very different order.

With my TabOrder widget the ordering is now completely in your hands. Just put the Item Names in the desired order in the widget.

In the demo version in each text box and button will appear a label with tab number. Use the demo version to see if you can use the widget. The version without the labels cost € 10.

Example

Downloads

• TabOrderWidgetDemo.zip (free)
• TabOrderWidget (Buy now for € 10)

The zip file contains:

• The widget
• A CP5 sample file and its output

Instructions

The widget is an SWF file. Use Insert – Widget … to put it on the stage.

Fill in the dialog box with the Item Names of the Text Boxes and Text Buttons. Separate the names with a comma.

hese names must match exactly the names that you specified in Properties.

Links

• http://forums.adobe.com/message/3102727#3102727

Ik heb het verschil in lettergrootte wat verder onderzocht en stuitte daarbij op een probleem met transparante buttons die van Cp4 verhuizen naar Cp5. Voor degenen die de voorkeur geven aan de oude buttons of gewoon eens willen weten hoe het er in de goede oude Cp4-tijd uitzag heb ik de ClassicButton widget gemaakt.

Verschil in lettergroottes

Als je een Cp4-project opent in Cp5 dan zal Captivate de lettergrootte aanpassen. Ik heb dit uitgeprobeerd voor verschillende groottes van Arial.

Andere problemen bij overzetten van Cp4 naar Cp5

Transparante knoppen worden niet getoond

Bij het importeren worden transparente buttons niet op de stage getoond. Ze zijn er echter wel. In de tijdlijn selecteer je onzichtbare knop. Bij Properties zie je dat het Button type niet is ingevuld en Make button Transparent niet is geslecteerd.

Als je Text button en Make Button Transparent selecteerd is de button wer zichtbaar op jouw stage 

Ander lettertype (Arial > Arial Narrow)

Cp5 zorgt dat de lettergrootte met ongeveer 133% wordt aangepast zodat de letters in de textbuttons weer zo groot ogen als in Cp4. Het lettertype Arial werd bij mij echter ongevraagd omgezet naar Arial Narrow.

ClassicButton widget

Als je liever met de oude vormgeving werkt of gewoon eens wilt zien hoe text buttons er vroeger uitzagen dan is deze widget zeker de moeite waard.

Download

ClassicButton_example_600x600.zip

• ClassicButtonWidget
• CP5-voorbeeldbestand en output

Voorbeeld

Gebruiksaanwijzing

De widget kan je net als een animatie of afbeelding in een dia plakken. Het scherm met de eigenschappen van de Widget wordt automatisch geopend. Geef hier aan hoe de button eruit moet gaan zien.

LET OP: Je mag de afmetingen van de knop alleen in dit scherm veranderen. Op de stage mag je de afmetingen niet veranderen!

Bij de algemene widgeteigenschappen kan je nu aangeven wanneer er gepauzeerd moet worden en welke acties aan de knop zijn gekoppeld.

English translation

Earlier I wrote about the difference between CP4- and CP5-buttons.

I have investigated the difference in fontsize and encountered a problem with transparent buttons which move from CP4 to  CP5. For those who prefer the old buttons or just like to know how buttons looked in the good old CP4 time I created the ClassicButton widget.

Difference in font sizes

If you open a CP4-project in CP5 Captivate will adjust the font size. I have tried this for various sizes of Arial.

Other problems transferring CP4 to CP5

 Transparent buttons are not displayed When importing transparent buttons are not shown on stage. They are, however. In the timeline you can select invisible button. In Properties, you see that the Button type has not been completed and Make Transparent button is not selected.

If your Make Button Transparent set to Text button and select Make button transparent  the button is visible again.

Different font (Arial > Arial Narrow)

Cp5 scales a Cp4-font about 133%. I didn’t ask Captivate to convert Arial to Arial Narrow.

Classic Button widget

If you prefer the old design work or just want to see how text buttons used to look this widget is intersting.

Download

ClassicButton_example_600x600.zip

• ClassicButtonWidget
• CP5-example and output

Example

Instructions

Just put the widget on the stage and enter the properties.

NOTE: You only can change the size of the button in the propertydialog. On the stage you can not change the dimensions!

Niet zo veel

Effecten	Aan captions (tekstballonnen) en andere objecten kunnen we nu effecten toevoegen. Er kan naar hartenlust worden gedraaid, ingevlogen, geblurd, geschaduwd en nog veel meer.
Slide Video	Bij Cp4 kon een filmpje alleen met een eigen playbar worden getoond. De ontwikkelaar kan een filmpje nu als Slide Video plaatsen. De timing van de video loopt nu gelijk met de timing van de slide. Als in de slide dus moet worden gewacht op een actie van de cursist dan zal het filmpje op dat punt pauzeren. In Cp4 liep het gewoon door.Één filmpje kan je nu over meerdere slides verdelen. Dit is handig voor de ontwikkelaar, omdat hij het nu niet meer in een aparte video editor hoeft op te knippen. De cursist merkt hier niets van.
Widgets	Widgets zijn flash-bestanden die extra functionaliteiten aan Captivate kunnen toevoegen. Bij Cp4 was al een aantal widgets beschikbaar, en het arsenaal is uitgebreid en waar nodig aangepast. Widgets voor Cp4 in Actionscript 2 waren geschreven doen het namelijk niet meer in CP5. Dankzij deze widgets kunnen we de cursist verrassen met pijlen, mailbuttons, tabellen, tellers, listboxen, radiobuttons.

Voorbeeld

In deze animatie zie je wat voorbeelden van de nieuwe mogelijkheden.

Download

Hieronder staat de link naar het Cp5-bestand van het voorbeeld

• voorbeeld_cp5_600x400.zip

Cp5 voor ontwikkelaars

De nieuwe widgets zijn wat netter uitgevoerd dan de oude, maar ook nu heeft Adobe zich er wel erg makkelijk vanaf gemaakt. Documentatie over het gebruik van specifieke widgets ontbreekt en de cursist krijgt soms te maken met een lelijke vormgeving . Als je de Twitterwidget wilt gebruiken dan zal je ook op de server het een en het ander moeten installeren. T.b.v. ontwikkelaars heet Adobe de Actionscriptcode van de widgets beschikbaar gesteld, deze code is echter slordig opgebouwd en matig  gedocumenteerd.

Aan Cp5 valt op den duur niet te ontkomen, Cp4 is immers niet meer leverbaar. Bij het overzetten van Cp4-bestanden naar Cp5 kwam ik erachter dat de vormgeving van buttons (Cp4 en CP5 interpreteren het begrip fontsize op een verschillende manier) verandert. Mogelijk zijn er nog meer van dit soort zaken. In tegen stelling tot bijvoorbeeld Flash kan je een Cp5-bestand niet als Cp4-bestand opslaan.

De nieuwe gebruikersinterface werkt overigens wel een stuk handiger als de oude, maar of dit € 299 waard was?

In het voorbeeld hieronder zie je dat er twee soorten Rollover Slidelets zijn. Al vanaf Cp3 werkt de closebox van de slidelet op een onlogische manier. In Cp5 is dit nog steeds niet opgelost. 

Soorten

Voorbeeld

Timing animaties in slidejet

In de slidelet kan je ook allerlei objecten als captions, images, annimaties etc. opnemen. Houdt er bij animaties rekening mee dat deze al gaan lopen zodra de slide wordt getoond. Ook als je de slide verlaat, blijft de animatie doorlopen. In het voorbeeld heb ik animaties gezet die de systeemtijd laten zien en het aantal verstreken seconden nadat de animatie werd geladen.

Als je op de knop Repeat klikt dan zie je dat de animaties in de slidelets blijven doorlopen en dat het niet uitmaakt wanneer deRollover Slidelet op de stage is verschenen. Een animatie in een slidelet moet dus eigenlijk een eigen startknop hebben. Ik heb bij Adobe een verzoek ingediend om dit in een volgende versie van Captivate te verbeteren. 

Download

In dit zipbestand vind je het Cp5-bestand en de output van het voorbeeld hierboven. 

• slidelet_CP5_b_600x570.zip

Links

• http://forums.adobe.com/message/3077503#3077503

English translation

The  Rollover Slidelet available from Cp3. A slidelet is a slide in a slide and appears when the student moves the mouse over a particular area. 

In the example below you can see that there are two types Rollover Slidelets. Since CP3 is the closebox of slidelet works in an illogical way. In CP5 this is still unresolved. 

Types

Example

Timing animations in slidejet

You can add captions, images, annimations etc. to your slidelet. Keep in mind that these animations are already running when the slide is displayed. Even if you leave the slide, the animation will continue in the background. In the example I put some animations that show the system time and the number of seconds elapsed after the animation was loaded.

If you click on the Repeat button you will see that the animations in the slidelets continue to run and that it doesn’t matter when deRollover Slidelet appeared. An animation in a slidelet must actually have its own starter. I have submitted a request to Adobe to improve this in a future version of Captivate. 

Download

This zip file contains the CP5-file and the output of the example above. 

• slidelet_CP5_b_600x570.zip

Links

• http://forums.adobe.com/message/3077503#3077503

Dit heeft nadelen:

1. Navigatie met de back-knop, eigen knoppen of met Javascript vanuit een HTML-pagina werkt niet goed.
2. De cursist kan onbedoeld terechtkomen op de tussenslide.
3. Bij de teller die het de cursist het aantal slides laat zien laat een aantal zien dat de cursist niet herkent.

Voorbeeld

Door gebruik te maken van een Advanced Script is het wel mogelijk om een slide direct te herhalen. Hieronder mijn voorbeeld.

Download

In het bestand vind je het Captivate bestand (CP5) en de Captivate export.

• repeatSlide_600x500.zip

Links

• http://forums.adobe.com/message/3073505#3073505

Als ik de CP4-file open in CP5 dan zie ik dat de fontgrootte van 12 naar 16 gaat.

Telkens als de slide met de widget wordt afgespeeld zet de widget een willekeurig getal in een door de ontwikkelaar aangewezen variabele. Op basis van de waarde van deze variabele kan bijvoorbeeld naar een willekeurige slide worden gesprongen (of de score van een cursist worden bepaald).

Voorbeeld

Hieronder kun je een toepassing van de widget uitproberen.

Download

In het zipbestand vind je de widget RandomNumber en het Captivate voorbeeldbestand.

RandomWidget_CP5.zip (Captivate 5)

Voor de volledigheid hieronder ook de oude versie voor Captivate 4 (met een heel ander voorbeeld).

RandomWidget_CP4.zip (Captivate 4)

Gebruik in Captivate

Een widget is een swf-bestand dat je net als andere animaties, video’s en afbeeldingen in Captivate kunt opnemen. Door te dubbelklikken op de widget verschijnt het scherm Widget Properties. Hierin vul je de minimale en de maximale waarde in. De widget genereert een willekeurig nummer tussen deze twee waarden. Ook geef je de naam op van de uservariabele waarin het willekeurige getal moet worden opgeslagen.

User variable definiëren

Kies in het Captivatemenu Project – Variables… en definieer je eigen variable. De naam moet uiteraard gelijk zijn aan de naam die je in het widgetscherm hebt opgegeven.

User variabele gebruiken

De eenvoudigste manier om een variabele te gebruiken is door de waarde in een caption te tonen. Je doet dit door in de caption de naam van de variabele tussen $$….$$ op te nemen.

Als je de variabele wilt gebruiken om de navigatie te beïnvloeden dan moet je een Advanced Action (Project – Advanced Actions…) definiëren. Deze actie kan je dan toewijzen aan buttons, clickboxen etc.

Chris is van huis uit elektronicus. Na zijn studie Communicatie werd hij manager klantenservice en procesmanager. In 2000 studies Multimedia en Didactiek en sindsdien volop aan het werk als e-learningspecialist. Sinds oktober 2006 als zelfstandig adviseur/ontwikkelaar. Chris is pragmatisch ingesteld, heeft oog voor grote lijnen en voor details, is creatief én heeft oog voor (uw) kosten.

Wat heeft Chris Dorna met e-Learning?

Snel tot de kern van het verhaal komen. Met e-learning is dat mogelijk. E-learning mag nooit saai zijn. Het motiveren van cursisten zit hem in het bloed. Niet alleen voor de klas, maar juist ook via het beeldscherm. Hij heeft iets met leren én met computers. e-Learning dus!

Wat heeft Chris Dorna u te bieden?

Hij helpt uw organisatie met advies over e-learning, ontwikkelt e-learningcursussen en zorgt voor opleiding en begeleiding van de mensen die in uw organisatie cursussen ontwikkelen.

Wat doet Chris Dorna nog meer?

Met dezelfde passie en enthousiasme als voor e-learning is hij ook bezig met Kinderen & Techniek.
Een heel ander werkveld, andere mensen en ook… ontzettend leuk.

Moodle in een populair computerblad, waar gaat dat naartoe? Inderdaad, een Moodle-installatie kost niets, updates zijn gratis en ik vind het ook nog eens een goed LMS. Maar om nu zomaar voor de massa te schrijven: “Met Moodle haalt u een complete e-learningomgeving in huis. De installatie is zo gedaan, maar het kost even om het cms van Moodle eigen te maken…” Als we zo gaan beginnen, dan kan iedereen straks wel zijn eigen cursussen gaan schrijven. Dat gebeurt nu al op www.leren.nl, www.ikwilietsleren.nl, YouTube, Wikepedia etc.

Volgens mij moet de grote doorbraak van het leren via Internet nog steeds komen. De drempel naar het LMS wordt steeds lager, er komen steeds meer platforms waarop iedereen zijn cursus kan aanbieden en steeds meer mensen hebben op school of in het bedrijf al de nodige ervaring met e-learning opgedaan. Ook Web 2.0 de drempel voor het samen werken aan en met content verder verlagen. Op http://wave.google.com (van de makers van GoogleMaps) zie je wat op korte termijn real-time mogelijk zal zijn op collaboratief gebied.

Als je dan toch aan het surfen gaat, volg dan ook de cursus op www.websnorkelen.nl van EducatieNet, e-learning voor de massa in optima forma. Wie/wat volgt?