Forum Discussion
Example files: Generating a certificate from Storyline
This example demonstrates how you can take user input and generate a certificate for printing. Any Storyline variable or score can be used to generate the output. The file and file add-ins are both ...
Hi Daniel - Storyline has one source file this is the .story file but when you publish your course, a folder is created in Documents/My Articulate Projects folder the has the same name as the title of your course. This is the published output directory that Steve is referring too. This output directory contains all the folders and files that the course needs in order to run.
If you look in the folder you will see story.swf, story.html files, a story_content folder and a mobile folder among others.
Steve created a special html page called certificate.html that is not a native part of Storyline so when you publish Storyline it does not get included in the published directory automatically. You have to save a copy of it and then place it in the published folder after you have published your course (same is true of the CertificateBG.gig that he is using in the certificate.html page).
In the sample .story file that Steve created, he put some JavaScript on a button ( I think the button is called Generate Report ) that basically says open this certificate.html page and make it a fixed size) when the user clicks the button. You will have to include this JavaScript on a button in your course if you want to use the certificate.html file.
The certificate.html page contains JavaScript code that says to get a variable called learner from storyline and display it in certificate.html. The variable "learner" is just a text entry field in the .storyline file. When you add a text entry field to a screen in Storyline, it is given a default variable name, TextEntry, TextEntry1, TextEntry2 etc so that each one has a unique name.
You can change the name of these default variable names to give them more meaningful names - that is what Steve did in his example. In his .story file, he changed the name of Text Entry field to learner.
So in your course, you need to add a text entry field where the user can enter his or her name. This will have a default name like I just mentioned. So now you have 2 options, you change the variable name of the text entry field you created to learner, or you can edit the certificate.html file (using notepad like Dave suggests) and change the learner to TextEntry or whatever the default name is for the text entry field you created.
Sorry, this is a little long winded but I hope it helps.
