IO-01 Vetiver Handbook v0p2vetiverproject.eu/docs/VETIVER/IO/IO1/A4/IO-01_Vetiver_Handbook_E… · 2016-1-HU01-KA202-022952 Handbook Date: August, 2017 Version: 0.2 The European Commission

Vetiver Project 2016-1-HU01-KA202-022952

Handbook

Date: August, 2017

Version: 0.2

The European Commission support for the production of this publication does not constitute an endorsement of the contents, which reflects the views only of the authors, and the Commission cannot be held responsible for any use which may be made of the information contained therein.

Document Info

Document Name: Handbook

Initial version & date: 0.1 - January, 2017

Authors: All the partners

Editors: Fundación Siglo22

Distribution List

Organisation Person

SZÁMALK

Szalézi Szakgimnázium Krisztina Juhász

Fundación Siglo22 Gema de Pablo González

Mariano Sanz Prieto

Torridge Training Consultants Ltd Kenny Payne

Afyonkarahisar Mesleki ve Teknik Anadolu Lisesi

Kubilay Şahin

Osman Sütpınar

Achaia Adult Education Institute Kyriaki Vamvaka

Handbook

VETIVER (2016-1-HU01-KA202-022952) Page 3 / 42

Introduction

The structure of this document is to provide an insight into partner considerations before and during constructing the courseware for the VET Itineraries with a Variety of Open Educational Resources enhanced by a multilingual repository (VETIVER) project tools as described in application number: 2016-1-HU01-KA202-022952 funded by the Erasmus+ programme.

The main aspect to consider throughout is that e-learning is not a “one fit all” solution but a “bolt on” to mainstream tuition that blends into a portfolio or progressive pathway where a learner acquires knowledge.

“As a Teacher I prefer to see the “E” removed – my aim is to teach by whatever means possible for the benefit of my learner and if I learn new skills it makes me a better teacher!!”

This document looks at the build architecture used to construct the courseware. Why did the partners choose the software and what are the advantages/disadvantages over other market products?

The partnership is fortunate to have two partners who have been in the eLearning industry for nearly 20 years and been involved in many innovative concepts which have given valuable assistance and guidance in the principles and techniques of building and infrastructure.

Handbook


Report Content 1 WhatisE-Learning?________________________________________________________51.1 Whatarethebenefits?_____________________________________________________________________________5

2 CourseArchitecture _______________________________________________________72.1 AdobeCaptivate9(64bit)Architecture___________________________________________________________72.2 Camtasia9(TechSmith)___________________________________________________________________________10

3 Vetiverenvironment______________________________________________________133.1 Moodle______________________________________________________________________________________________133.2 Mahara _____________________________________________________________________________________________153.3 Mahoodle___________________________________________________________________________________________183.4 BuildingACourse__________________________________________________________________________________183.4.1 StoryBoarding–IsitawasteofTime?________________________________________________________193.4.2 Templates________________________________________________________________________________________203.4.3 AddingAssetstotheSlides______________________________________________________________________233.4.4 Timelines ________________________________________________________________________________________283.4.5 PublishingyourCourse _________________________________________________________________________293.4.6 Importantthings________________________________________________________________________________29

3.5 Joomla! _____________________________________________________________________________________________303.5.1 WhatisJoomla?_________________________________________________________________________________303.5.2 WhyUseJoomla?________________________________________________________________________________313.5.3 WhoUsesJoomla?_______________________________________________________________________________313.5.4 JoomlaisModular_______________________________________________________________________________323.5.5 TheTwoSidesofJoomla________________________________________________________________________333.5.6 WhatisanExtension?___________________________________________________________________________333.5.7 Components _____________________________________________________________________________________333.5.8 Modules__________________________________________________________________________________________343.5.9 Plugins___________________________________________________________________________________________343.5.10 Templates_____________________________________________________________________________________343.5.11 Languages____________________________________________________________________________________34

3.6 JoomlaintheVetiverproject_____________________________________________________________________343.6.1 VetiverRepository_______________________________________________________________________________353.6.2 HowtoInstallJoomla3.x_______________________________________________________________________353.6.3 HowtoInstallanExtension_____________________________________________________________________40

Handbook


1 What is E-Learning? Simply expressed it is; “All learning conducted via electronic media, typically on the Internet.”

In the early days, e-learning received a bad press, as many people thought bringing computers into the classroom would remove that human element that some learners need, but as time has progressed, technology has developed, and now we embrace smartphones and tablets in the classroom and office, as well as using a wealth of interactive designs that makes distance learning not only engaging for the users, but valuable as a lesson delivery medium.

Building partnerships with quality training providers, and combining this with a dedicated experienced technical team and support staff, Virtual College provides the perfect blended learning environment, offering anyone the chance to take their online training to the next level.

1.1 What are the benefits? There are several benefits to e-learning whether you choose to use it on its own, or to enhance your existing in house training. We've listed a few below, but for more information on how your business can save time and money.

ü It'scosteffectiveandsavestimeBy reducing the time taken away from the office, removing travel costs and doing away with printed materials, online learning helps you to save money and increase workplace productivity. It also means your staff will be happier and focused.

ü Learning24/7,anywhereMany face- to- face courses only operate within normal office hours. By allowing staff to complete the course when and where they like, you can make sure disruptions to your busy working schedule are minimized. This also means that your learners will be happier because they don't need to travel to specific training centers, and if they have important work to catch up on, mandatory training can be done outside of office/school hours. Most

Handbook


courses have an average learning time and form part of a larger course structure.

ü ItmakestrackingofcourseprogressabreezePerhaps the most important aspect of using computers for training is that, it with a well implemented Learning Management System (LMS), it makes it easy to progress for your staff and learners. This can be essential for our most popular courses where proof of mandatory training is required. track and prove

ü It'sdiscreetNot everybody feels comfortable learning in a large group, especially if they find something hard to understand that learners have no problem with. E-learning allows each individual to tackle the subject at their own pace, with interactive tasks being set in place to ensure a thorough understanding throughout each module.

ü Butacomputercan'tdoeverything,canit?Vetiver project proposes that we will use our courses as part of a portfolio or learning pathway to form a blended structured course designed by your school/training organisation/awarding body.

Handbook


2 Course Architecture The project team looked at two main software products

§ Articulate360 § Adobe Captivate9

Both having similarities in complexities and abilities to generate quality e-learning tools both with merits and disadvantages, both having “favouritism” amongst the two e design partners. Ultimately, it came down to price and tactility of use. Adobe Captivate 9 was the preferred option accompanied by TechSmith Camtasia Studio9, Videoscribe and Prezi for creation of small videos and animations, together with other possible web 2.0 tools were two further considerations and good alternatives which work well with the chosen software.

2.1 Adobe Captivate9 (64bit) Architecture System Requirements

• 1GHz or faster Intel Pentium 4, Intel Centrino, Intel Xeon, or Intel Core Duo (or compatible) processor.

• Windows operating systems - Microsoft Windows 7 with Service Pack 1, Windows 8.1, or Windows 10.

• Both Windows 32-bit and 64-bit operating systems are supported. • 2GB of RAM minimum (4GB recommended)

Adobe Captivate 9 licence has been purchased by partners, however you can download trial period to your own PC. http://www.adobe.com/uk/products/captivate.html

With Adobe Captivate is possible to convert ideas into storyboards complete with eLearning elements such as content and question slides, branching logic, and many more. Share them for real-time, collaborative reviewing on the cloud; reviewers do not need to have either the app or Adobe Captivate. Mainly features are:

§ Easy editing § Rapid storyboarding § Gesture control

Handbook


§ Shapes, colours and fonts § Support for images and multimedia § Roundtripping with Microsoft PowerPoint § Themes use § Web object support § Support for quizzes § Collaborative reviewing § Real-time preview § Slide filmstrip § Interactions library § Master slides § Professional project templates § Best-in-class HTML5 publishing § Text to speech § Randomized quizzing and question pools § Multiformat publishing

Once you have opened Captivate software on your PC you will enter the Master Screen. From here it is a good place to stop and familiarise yourself with the functionalities. A couple of hours in here looking at the Adobe features and some of the contributions of others may inspire you to create ideas that will exceed your original expectations, e-Learning is simply the acquisition of knowledge delivered in a more creative way but above all remember knowledge + creativity must = skills advancement.

Handbook


From the centre console select NEW PROJECT

This will enable you to open a responsive template where you can add with a series of TIMELINES

Ø AUDIO FILES Ø IMAGE & MOVIE FILES Ø TEXT FILES

If you are familiar with Microsoft PowerPoint™ this screen will look familiar and indeed it works in a very similar way. With the exception that Adobe Captivate permits greater scope to add more transitional movement of the subject matter and splicing of all the main elements listed above.

For the Vetiver project, we have agreed that ALL PARTNERS should use common template. This will ensure that the common theme remains the same to ensure a uniformed identity is maintained across all the courses. Slide Construction

Handbook


It is suggested that each eLearning module should last approximately 30 minutes and consist of short sharp slides, video and film, with interactive content in the form of quizzes and questioning.

a. A Title Master Slide created using Camtasia • Partner Institution Logos • Project Title • Erasmus+ Logo • Erasmus Disclaimer • Coloured background Image • Welcome Message to Course • Audio file

b. Module Title Slide • Title & Introduction into the Module

c. One of 5 standard templates

• 10 - 15 learning content slides • Narrative content that accompany content • Optional audio / music that brings life to components

d. Movie Files constructed using Camtasia

e. YouTube uploads should use Camtasia

f. 10 Quiz Slides Constructed using (Captivate or Moodle)

g. Quiz Feedback (Captivate or Moodle)

h. E-Portfolio (Mahara)

Standard Templates • Text left / Image right of screen • Image right / Text left of screen • Text top / Image bottom of screen • Image top / Text bottom of screen • Image all of screen / Text imposed over images

2.2 Camtasia 9 (TechSmith) System Requirements

• Microsoft Windows 7 SP1, Windows 8, and Windows 10 (Required: 64 Bit versions only)

Handbook


• Mac3 • 2.0 GHz CPU with dual-core processor minimum (Recommended:

Quad-core i5 processor or better) • 4 GB RAM minimum (Recommended: 8 GB or more) • 2 GB of hard-disk space for program installation.

Create a free account and enjoy a free trial At https://www.techsmith.com

Similar in TIMELINE style to Adobe Captivate 9 but much less capabilities and, in our opinion, better suited for animation purposes as great audio/visual effects can be created here.

There are a great number of readymade items in the library so again we recommend an hour browsing here will provide the stimuli to great creativity.

As well as using the library or stock files you can upload your own images/movie/audio files through the IMPORT MEDIA Facility

It is often said a picture can say a thousand words so Camtasia has a website that offers free guidance and video clips that can express more than we can write and you will probably never read so visit the link below and

Handbook


browse the many interesting pages and links of Camtasia website for a fascinating insight of what a little bit of practice and imagination can achieve. https://www.techsmith.com/tutorial-camtasia-9-3.html?utm_source=product&utm_medium=cs&utm_campaign=cw9 Plagiarism Great emphasis should be given to copyright of any material used and having the expressed permission of the owners to use any material copied into any course material constructed. Please remember someone always owns something if you copied it from somewhere please give credit to them regardless to how small.

Handbook


3 Vetiver environment Courses will be made available in Vetiver Environment which is formed by two different platforms. Moodle as the eLearning platform, providing the functionalities to upload the resources created, but also to create different types of pedagogical activities. Besides, it will be linked with a Mahara eportfolio, which will be used in 2 distinctive ways, As a portfolio for teachers and students, to train them in how to have their own ePortfolio, but also promoting this activity as an evaluation item.

3.1 Moodle

The acronym Moodle stands for modular object-oriented dynamic learning environment. It is possible to download a free version of Moodle from https://docs.moodle.org/32/en/Installation_quick_guide

Basic Requirements

• A working web server (e.g. Apache), a database (e.g. MySQL, MariaDB or PostgreSQL) and have PHP configured. See the release notes in the dev docs for software requirements.

• Moodle requires a number of PHP extensions. However, Moodle checks early in the installation process and you can fix the problem and re-start the install script if any are missing.

• To be possible to send email you need a working Sendmail (Unix/Linux) on your server or access to an SMTP mail server

Hardware

• Disk space: 200MB for the Moodle code, plus as much as you need to store content. 5GB is probably a realistic minimum.

• Processor: 1GHz (min), 2GHz dual core or more recommended. • Memory: 512MB (min), 1GB or more is recommended. 8GB plus is

likely on a large production server • Consider separate servers for the web "front ends" and the database.

It is much easier to "tune"

Moodle is a free and open-source software learning management system written in PHP (Personal Home Page or Hypertext Preprocessor) and

Handbook


distributed under the GNU General Public License. Developed on pedagogical principles, Moodle is used for blended learning, distance education, flipped classroom and other e-learning projects in schools, universities, workplaces and other sectors. With customizable management features, it is used to create private websites with online courses for educators and trainers to achieve learning goals. Moodle (acronym for modular object-oriented dynamic learning environment) allows for extending and tailoring learning environments using community sourced plugins.https://en.wikipedia.org/wiki/Moodle - cite_note-11 Alternatively, you could get enrolled onto one of the Vetiver courses where Moodle is already loaded and waiting at www.4eclass.net

SCORM Sharable Content Object Reference Model (SCORM) is a collection of standards and specifications for web-based electronic educational technology (also called e-learning).

Handbook


SCORM tells programmers how to write their code so that it can “play well” with other e-learning software. It is the de facto industry standard for e-learning interoperability. Specifically, SCORM governs how online learning content and Learning Management Systems (LMSs) communicate with each other. SCORM does not speak to instructional design or any other pedagogical concern — it is purely a technical standard.

3.2 Mahara

At the simplest level, Mahara is two things: an ePortfolio and a social networking system combined. "the new generation of the three-ring binder" https://mahara.org/

Recommended Platform Mahara is designed to run on variants of the popular LAMP stack. Apart from the PHP requirement, all other parts can be swapped for alternatives if necessary. However, the platform used by the core developers (and so most thoroughly tested) is:

• Server OS: Ubuntu Linux - 14.04 (Trusty Tahr) • Web Server: Apache - 2.4 • Database Server: PostgreSQL - 9.3 • Language: PHP - 5.5

• Web Browser: latest version of

Handbook


o Firefox o Chrome o Safari

Mahara is not officially supported, but known to work or mostly work, on the following operating systems:

• Most other variants of Linux, including Red Hat Enterprise Linux, CentOS, Slackware, Fedora and SUSE.

• Microsoft Windows - all desktop versions from XP, all server versions from Windows Server 2003.

• Mac OS X Server, from Tiger upwards (note that people seem to be having more luck with Leopard and above).

As there are many forms of platforms that can support Mahara hosting I have included the website providing the link to the installation site below rather than list them all individually;

https://www.tmdhosting.com/kb/question/mahara-hosting-requirements-mahara-manual-install/

Mahara is an electronic portfolio or ePortfolio is a generic term encompassing as wide a range of types and products as there are reasons for using them. The simplest starting point is to consider an ePortfolio as an extension of the paper based-portfolio, bringing with it the obvious benefit of making a portfolio of evidence portable and shareable anywhere that you have Internet access. In fact, an ePortfolio has a much broader scope as an online collection of reflections and digital Artefacts (such as documents, images, blogs, resumés, multimedia, hyperlinks and contact information).

Ø Learners and staff can use an ePortfolio to demonstrate their learning, skills and development and record their achievements over time to a selected audience.

Ø "ePortfolios ... are personal online spaces for students to access services and

store work. They have the potential to provide a central, linking role between the more rigid, institution-led learning management system and the learners’ social online spaces.

Handbook


There are sound applications for the learner, the teacher, the institution – and sometimes combinations of the three. A teacher and learner for example can be one and the same person, with differing requirements from the same ePortfolio. It can be used to create collections of artefacts to share with fellow students, peers, family and friends, to present to potential employers and to complement applications for research funding. In short, it is an online space from which to manage your life, learning and goals. Learning - Reflective learning, personalised learning, lifelong learning An ePortfolio is an ideal tool for meeting the needs of established and emerging pedagogy and approaches to learning. Reflective learning is a form of mental processing that we use to fulfil a purpose or to achieve some anticipated outcome. It is applied to gain a better understanding of relatively complicated or unstructured ideas. An ePorfolio allows for building in reflective activities for learners and staff, through blog functions and the creation of 'Critical incident diaries' in which users reflect on their learning and experiences over a given period or activity. For example, this could be reflections on how a student dealt with a problem, or processed some new information on a given topic. This can become a two-way process with a tutor or peer providing feedback via the same diary. However, for this functionality to operate “time critical” responses have to be adhered to by learner and coaching staff. It works as a user-centred, personalised learning space allowing the user to shape the way they present themselves to the world. Content and layout can be personalised to create multiple Views which meet the specific, differing or changing requirements of the user. This ties in with one of the key stances of personalised learning, that students become key partners in the design of learning to suit their needs. "Personalising learning involves thinking about knowledge as an active process.

Handbook


3.3 Mahoodle

The integration between Moodle and Mahara has been affectionately named "Mahoodle".

"Mahoodle" allows true single-sign-on between both systems - no password sharing required, and users' profile information is ported across. In addition, from Mahara 1.2, users are able to submit Mahara Views to Moodle for assessment (with a plugin for Moodle). The best instructions for setting up the integration can be found in Mahoodle-updated (or Mahoodle-updated). The instructions and screenshots are a little out of date, but the process works. More up to date instructions and screenshots are available in the mahoodle-updated-en.odp and mahoodle-updated-en.pdf files attached to this wiki page. You should also read the original Mahoodle file to get more detailed explanations about the whole process.

3.4 Building A Course Any good story always has a beginning, a middle and an end and e-learning is no different and you are going to need a repository of resources

Reusable Resources

• Stock images: Besides the classic Shutterstock and iStockPhoto, try searching for Creative Commons-licensed photos on Flickr.

Handbook


• Videos: Check YouTube and Vimeo for video clips to embed in your

courses. You can also use Gickr to make your own animates GIFs

• eLearning templates: Articulate offers tons of great course templates, icons, backgrounds and other images for free. The eLearning Brothers have course templates and Flash-based game templates and DIY eLearning offers customizable Flash interactions, too. Many authoring tools come with templates.

• Fonts: Try 1001 Fonts, Urban Fonts and dafont for beautiful lettering to make your elearning designs more interesting.

• Project management and other tools: Top 100 Tools for Learning

3.4.1 Story Boarding – Is it a waste of Time?

Some people will argue it is ………. preferring to build as they go, as they know what they want to say and it adds to construction time, I prefer

1. Use the “Sketch it” method.

Whenever I design eLearning curriculum, before starting the eLearning storyboard I always prefer to use a notebook and a pencil to sketch the module flow, the structure, the navigation, and all slide interactions. This helps me recreate and improve the design in no time. It also offers me engagement ideas before proceeding with the actual storyboard development, especially when I work with complex structure courses where creating engagement is a big and challenging goal.

Handbook


2. Go with the rapid template.

There are no standard storyboard templates available in the eLearning industry. All eLearning companies and Instructional Designers use their own storyboard formats based on specific requirements. However, I tend to use a Word or excel a template to create a structure which permits a running order that I can remind myself when I start and stop mid build.

3. Repositories or Libraries There are no short cuts for clearly defined stock files for images, audios, movie, and text files and a central repository will speed up course construction as you build your course. Correct file names are “good housekeeping” Textfile.95 means nothing compared to “Bulletpoint_Innovation” Image185.jpg means nothing compared to “business_women_blond.jpg” Audiofile5.wav means nothing compared to “education_intro_course.wav” If I offer any wisdom /advice in the construction of your slides

Ø BE PRECISE in the TEXT

Ø Be NARRATIVE in the EXPLANATIONS

Ø IMAGES keep me interested in your NARRATIVE 3.4.2 Templates The project has created a template design which can be located at https://cloud.jaitek.info/index.php/s/TloqJqnoYrrhdgj

Handbook


From this point you should only change the TITLE of the MODULE To add more slides and build your course click on the INSERT TAB on the HEADER BAR where you will find a library of slide templates have been created for you.

Handbook


These slides enable quick access and standardization to the modules.

Final Slide As with the TITLE slide the FINAL SLIDE has been pre-populated and should not be changed

Handbook


3.4.3 Adding Assets to the Slides It has been found that for the ENGLISH version a website http://elearningbrothers.com/ offers many free audio and character templates which can be added into captivate and provide many royalty free attributes to assist partners to build a plethora of resources.

Handbook


It is strongly advised that you spend an hour looking through the many assets that can be incorporated free into your modules – they are royalty free and of good quality. The only recommendation is be careful not to put a male voice against a female character when you come to splice the themes together. Characters

Interactions

Handbook


Quizzes

Audio Management Adding AUDIO is relatively easy but needs care.

1. Once you have written the text the slide (if to be spoken) click SPEECH MANAGEMENT TAB

2. Select the person/voice (Speech Agent you wish to use) 3. Type in /paste the phrase or text you wish the person to say 4. Click Generate Audio 5. Listen to the Audio 6. LISTEN TO THE AUDIO AGAIN it may be a word is not pronounced as it

is spelled in English VETITER is had to be spelled as VETTEVER as the pronunciation was not correct

7. Save 8. Continue with the remaining slides

Handbook


Once you have recorded your audio you will notice they appear on the TIMELINE

You should then SAVE as the slide audio name this will move the audio to synchronize with the text

Handbook


(And then delete the recording 1.wav file from the timeline or you will get an echo) This will produce an AUDIO MANAGEMENT LIST

Adding Videos Adding Videos from YOUTUBE Click on the OBJECTS TAB Click WEB Open a new browser tab and find the video you wish to add (remembering there may be copyright) and copy the full embed code into the slide

Handbook


Adding video from your own PC OPEN MEDIA TAB Find the Video file from your Folder and upload to slide or library 3.4.4 Timelines When you add any “item” to a slide it will appear on the TIMELINE where it appears in relation to timing depends on where you decide it should, based, on the number of seconds along the time line and will be marked with an <<fx>> symbol.

Handbook


3.4.5 Publishing your Course Once you have completed your course and are happy with all the timings you are strongly advised to

1. PREVIEW THE PROJECT 2. SAVE THE PROJECT 3. PUBLISH THE PROJECT

Using the TABS at the top of the work screen which will open the screen shot below.

WHERE / HOW TO SAVE Project Title = Ensure the project title clearly identifies the Module and matches the Content Location = Create a Unique VETIVER FOLDER on your system Output Format = BOTH SWF & HTML5 formats must be illuminated Flash Player must be Flash Player 10 or better (check your system) FLASH PLAYER 11 is best When your settings look as above PUBLISH This will automatically open your Browser window and your course will open and play 3.4.6 Important things

Handbook


It is vital that when you are constructing that you regularly save your work clearly identifying your files. As I use a date and time process i.e. Vetiver_ModuleX_1.7.17. 12_12V1 = Vetiver project Module 1 (date) (time) Version 1 Power cuts and crashes happen I have autosave on my PC every 3 minutes but accidents happen and I can always delete old files but not recover unsaved hours of work and kicking the desk hurts. The only real advise is ASK if you are stuck. Create a well organised repository of stock files

o Images o Audio files o Text files (well used phrases) o Video files

Remember partners have to be able to read everything Pictures speak more than words Create an Excel Storyboard (partners have to translate) Remember your target audience (K.I.S.S.) = Keep It Simple Stupid Read & Read again and then get someone else to read it who does not know the subject matter – if they don’t understand it why should anyone else!

3.5 Joomla!

We select Joomla as CMS to use in the Project. We are going to see what is Joomla and how we use in the Project.

3.5.1 What is Joomla?

Joomla is an open source platform on which Web sites and applications can be created. It is a content management system (CMS) which connects your site to a MySQLi, MySQL, or PostgreSQL database in order to make content management and delivery easier on both the site manager and visitor. Joomla's primary focus has been on usability and extensibility since its initial release in 2005. It is because of this that the project has been the recipient of numerous awards, including being a three-time recipient of the PACKT Open Source Content Management System Award.

Handbook


Joomla is a completely free open source solution available to anyone and everyone with a desire to build dynamic and robust sites for a variety of purposes. Joomla has been utilized by some of the Web's most recognizable brands including Harvard, iHop, and MTV. It is capable of carrying out tasks ranging from corporate websites and blogs to social networks and e-commerce. Joomla is backed by a large and active developer community. With thousands of unique and useful extensions and templates available, it is presently one of the largest single site building platforms available. It is this incredible community effort that makes Joomla a great choice for developers searching for a single platform with which they can receive active support from their peers. It is important to think of Joomla not as a limited platform on which a specific type of site is built, but a robust set of tools that makes it possible to connect visitors to data in a variety of ways. Joomla's extensive set of integrated technologies empowers site managers and developers to innovate well beyond the bounds of a simple website. You can find out more about Joomla by visiting https://www.joomla.org.

3.5.2 Why Use Joomla?

Joomla has a number of advantages over many of its competitors. In addition to being a full-featured CMS, it is easy to learn, quick to set up, and inexpensive. Joomla is absolutely free; 100% free to use, regardless of your implementation. This is due, in part, to its non-corporate roots and volunteer-driven support structure. There are few bills the Joomla project needs to pay to keep up and running, and everyone that contributes to its development does so out of a passion for creating something that truly meets the needs of sites both large and small. Joomla is open source, and that means no surprises will pop up once you have started your site. Every part of the Joomla platform is open for you to inspect and even modify to meet your site's individual needs. Joomla's extensive third-party development community has created thousands of plugins, extensions, templates, and other options to empower you to make the most of your site without having to be an expert in Web development. You might be wondering why so many people contribute to Joomla only to make it available free to the public. The answer is, simply put, that there are a number of companies out there founded on the principal of providing premium software and services that work with the Joomla environment. These companies and individuals spend their days working with clients to help them turn their ambitious website concepts into reality. By night, they are frequently found contributing to the greater Joomla project in order to make the platform even better.

3.5.3 Who Uses Joomla?

Handbook


Joomla is useful for a wide range of different site types and styles. In addition to being the largest Web software platform for government organizations around the world, it is utilized heavily for education, media, corporate, e-commerce, and even personal websites and blogs. It is extremely versatile. One of its primary strengths is its usability. Whether you are a student just getting started in Web design or a retiree wanting to learn how to make a website, Joomla can be an excellent choice for you. You really do not need to know anything about programming or Web development to set up and customize a site, though you can tap into its open codebase to create something entirely original and unique. Want to make a custom module for your site that no other site on the Web has? You can do this with Joomla. High Profile Sites Using Joomla

• LA Weekly • The Hill • Linux.com • NOAA Coral Health and Monitoring Program • U.S. Federal Court of Appeals • United Kingdom Stabilisation Unit • Harvard University • Guggenheim • United Nations Regional Information Centre

3.5.4 Joomla is Modular

Joomla is a modular content management system. It is not limited to just what comes with the initial package. You can expand on it, customize it, and swap components with a few clicks of the mouse. It is because of this extensive amount of control that it can be a bit overwhelming to someone attempting to navigate through the administrative side for the first time. In this page, we will attempt to tackle some of the most common Joomla components and how they relate to one-another. Some of the terms used in the Joomla ecosphere are shared with other CMS environments while others are purposely differentiated in order to maintain some separation between platforms in order to avoid confusion. For example, a template in Joomla is very similar to a theme in WordPress. If a Joomla site were to be compared to a car, then Joomla itself would be the engine. Through a series of PHP scripts and commands (frame, cables, and wires), it pulls the data (fuel) from the database (fuel tank) requested by the user (driver), which allows the car to move. The site's template would be the body of the car, defining its look and feel, as well as providing much of the area in which the driver operates. In many ways, it also makes up the steering wheel and gear shift, allowing the user to interact directly with the site and tell it what to do.

Handbook


Plugins and modules make up additional parts like the gear shift, glove box, and mirrors. They are often helpful, and potentially essential for carrying out operations requested by the user. Components, which are a specific type of extension, would be the materials that went into making the engine and other vital system components. All of these components work together to ensure that your site looks and operates the way it is supposed to. If everything is set up correctly, it should be a consistent experience whether you have one visitor, or one thousand.

3.5.5 The Two Sides of Joomla

Joomla is not just a platform on which content is displayed. It is also an incredible platform for site management and content creation. It is because of this dual-purpose nature of Joomla that much of its components are actually split between the visitors area of your site and the Administrator area. Each part of Joomla has its own template. This is due to the fact that both the visitor area and the administrative areas can be customized to meet the needs of visitors and site managers alike. There are a number of different Administrator interfaces out there for you to choose from, just as there are thousands of Joomla frontend templates for you to pick from. The Administrator interface gives you the ability to customize your site's layout, create and manage content, upload extensions, and more. It is the primary control interface for the entire site, and as such should only be accessible by individuals you absolutely trust not to break or harm anything. This is not a place for visitors. They are generally going to stick to the frontend for everything they need to do in your site, including potentially adding articles, making comments, or submitting answers to forms.

3.5.6 What is an Extension?

Extensions are anything you can add to Joomla to extend its default functionality. While Joomla has plenty of useful features out of the box, it is not uncommon for someone to want to add something extra to set their site apart. There are five different extension types in Joomla: Components, Modules, Plugins, Templates, and Languages. These extension types can all be installed in much the same way, though they can perform incredibly different jobs for your site. For example, a plugin and a template are very different things, though each of them extend your site's inherent function and form beyond what comes with the base Joomla package. Joomla comes with a set of core extensions that make it easy to get up and running with your site. These include any provided templates, plugins, components, and languages needed to access your site directly after installation.

3.5.7 Components

Handbook


Components are large, often complex extensions that act as the main functional parts of a Joomla site. They are essentially miniature applications which run in conjunction with virtually every other part of the site. Components make up the main content body of the visitor and administrator side of Joomla. Components are the applications used to render the bulk of your site's content on both the frontend and backend. They can also serve specific purposes such as adding ReCAPTCHA to forms, providing the site's template manager, and working to render the main body of a page.

3.5.8 Modules

A module is a small extension that exists within a specific position in your template, typically around a component. A weather module, for example, will sit in a designated place on the page and relay the current weather to the visitor. Modules can perform a number of different tasks ranging from simple text boxes to complex login functions.

3.5.9 Plugins

A plugin is generally invisible to a visitor and runs commands in response to a trigger event. These events can either be associated with Joomla's included set of trigger events (onSubmitContact, onSave, etc.) or any event defined by other extensions. These functions might change the way a site responds, or initiate a series of actions that carry out the request of the visitor.

3.5.10 Templates Templates determine the style and general layout properties of a site. Templates are created with multiple files and file types which can include PHP, CSS, or even media files. A template is basically the skin of your site, which is then filled out by any modules or components you assign to appear in designated spaces. Some templates offer more control to the user than others.

3.5.11 Languages Languages are an essential type of extension within Joomla. They enable the site manager to configure their Joomla installation to support a variety of different languages on, either the visitor side, administrator side, or both. While language support exists within the core Joomla platform, you can install third-party language packs that can provide additional support to meet your individual needs.

3.6 Joomla in the Vetiver project

In Vetiver Project we selected Joomla to develop the website so all news, meeting information, dissemination, and outcomes can be accesible from there.

Handbook


Also we select a component extension like rsForm to create all the forms necessarily for the project. With rsForm you can easily create the most elaborate forms for the website, starting from simple contact forms to advanced multi-page forms with dynamic content. Some of the characteristics are: • Multiple layouts: Responsive, Bootstrap 2, Bootstrap 3, UIkit, Zurb

Foundation • Multi-language support • Create forms with conditional fields • Unlimited emails can be configured • Map submissions to another database • Simple and flexible component for calculation forms • Lots of integrations available • Pop-up calendar with time selection • CAPTCHA and reCAPTCHA support

3.6.1 Vetiver Repository

In addition to that and based on the taxonomy and metadata agreed in the project, a Joomla component type extension, named repository will be developed and implemented on the project website, being in this way available to the project partners and participants. The component allows to jointly maintain a repository of references to resources. The information for a reference can be translated to multiple languages. Then visitors can perform searches in the project languages and rating found resources. The component offers, to selected users, the ability to add and translate existing resources information.

3.6.2 How to Install Joomla 3.x Installing Joomla is a fairly straightforward process. There are several ways to do it, and all of them offer their own benefits depending on the individual needs of the user. The preferred method depends on a number of factors, including whether you are installing to a localhost or remote hosting environment.

Technical Requirements

Before installing Joomla, you should make sure that your server meets the minimum requirements for the Joomla release you wish to use. These requirements are made available on Joomla.org and can be checked against your existing server version, PHP, and MySQL (or supported alternatives). For most users with remotely hosted sites, Cpanel provides this information on the left-hand sidebar. Currently, the Joomla requirements are as follows:

Handbook


Software Minimum Recommended MySQL 5.1 + 5.4 + MSSQL 10.50.1600.1

+ 10.50.1600.1 +

PostgreSQL 8.3.18 + 8.3.18 + PHP 5.3.1 + 5.3.1 + Apache 2.x + 2.x + Nginx 1.0 1.1 Microsoft IIS 7 7

For users on a non-Microsoft server architecture, MSSQL will not appear under the database options during installation. Instead, you will be able to choose between PostgreSQL, MySQL, and MySQLi. MySQLi is the recommended database type for Joomla 3.x due to its native support and enhanced performance.

Downloading and Installing

There are several ways to install Joomla! Finding the right method for you depends on a number of factors, but We have listed some of the more common installation types below. One-Click Install Many hosting companies provide a quick and easy method known as a one-click installation. This is often provided by hosting companies as a way to install Joomla quickly and easily without having to open a separate FTP/SFTP or SSH connection to the server. Be sure to note the version of Joomla your hosting company supports. Right now, version 2.5 is more common as 3.x is newer and is being updated more regularly as bugs and other minor issues are ironed out. Conventional Install For most users, a conventional installation will work just fine. You will need to download the Joomla! ZIP package of your choice, and create a database which you will use to store the content and settings date for the site. Upon downloading Joomla 2.5 or 3.x, you will need to place the ZIP file in the remote or localhost directory you wish to have your Joomla! site appear on. You can then unpack the file and access the primary installer via your browser by navigating to the root installation folder as you would if you were visiting the site normally.

Joomla Web Installer for 3.x

Handbook


The first page in the Joomla! 3.x Web Installer is to select your preferred language. This can be done using the Select Language drop-down menu on the Configuration tab within the installer. Next, you can name your site and give it a description. This description will be used by search engines as a reference to what it is your site is about. Ideally, it'll be the cached description Google displays when people search for something that can be found at the root of your site. Next, you will need to give yourself an administrative user name and password. This will allow you to receive email updates from the site as well as log in to the Administrator area, also known as the backend where you can configure site settings, layout, user properties, and customize the site to meet your specific needs. You can also opt to have the site remain offline (available only with an administrator's user name and password) until you are ready to switch it on later. You can have the site go live right away, but this means the public will see the demo duplicate as your home page until you have finished configuring your options. Once you are done with this page, hit the Next button.

Handbook


The next step in installation concerns the database you wish to use. If Joomla is your content management system, then your database is where this content is stored and made available. Joomla will actually create a database for you so you do not have to bother with setting this up on your end. Some Web hosts do not allow this feature, so you may have to create it yourself using Cpanel or another administrative tool your provider gives you to create a MySQL, MySQLi, or PostgreSQL database. The Database Type option gives you the ability to choose which type of database you wish to link to your Joomla site. For most users, MySQLi is the database type you will want to select. You will then be asked for your database's Host Name. This should be provided by your Web host. It is usually localhost but can be different, depending on how your server is set up. Your Username and Password need to be entered next. This information may be provided by your host, or available for you to configure to your preferences. Check with your host to determine which options are available to you. The same applies to the Database Name field. The Table Prefix is used to differentiate your Joomla data from other data stored in the database. One will be randomly generated in this space, though you can change it to whatever you would like.

Handbook


If you are using a pre-created database, you will want to pay close attention to the backup option. This will allow you to either back up any data presently stored there in the event that something goes wrong with your installation. If you have an existing Joomla install on the database, it will be removed by this process. If it is a fresh install with a new database, this option really is not going to help or hinder you moving forward. Click the Next button to continue.

The final installation page will go over your email address, confirm your database configuration, and alert you to any server-side settings which might conflict with the use of Joomla. Only the settings listed under Pre-Installation Check are mandatory in order for Joomla to function properly. On this page, you can elect to install sample data which will populate your site with data intended to work as a guide during initial adjustments. This includes a few articles, categories, and a handful of sample images.

Handbook


Once you have verified the settings on this page, just hit Install and your Joomla site will be set up for you. You will be prompted to remove the installation folder in the next page. By clicking this, you will have completed the installation process.

3.6.3 How to Install an Extension

Installing an extension is a fairly simple process. Generally, you will receive a ZIP file from an extension developer which contains all the necessary files needed for it to function properly. The most common method for installing an extension (featured in images below) involves uploading the package file to your site directly and letting Joomla install the extension for you. Alternatively, you can opt to install directly from a folder hosted on your Web server, or from an external URL hosted elsewhere.

The first step to installing an extension using the Upload Package File method is to access the Extensions manager. This can be done through Administrator > Extensions > Extension Manager from the top menu. If you do not see the Install page (see the figure below), you can navigate to it by selecting Install from the sidebar on the left-hand side of the resulting page.

Handbook


From there, you will be able to upload the package file directly by selecting Browse within the Upload Package File tab of the Extension Manager. Once a file manager window appears, you will just need to navigate to the package file you wish to install and select Open. Once your package file is selected, you can hit the Upload and Install button to initiate the upload. Joomla will automatically install any extensions within the package file. Once this is done, you will be taken to a page which will list the extensions and status of each installation. Some package files may update existing extensions while others install something entirely new. If any of these points are colored in red, or otherwise point out an error during the installation process, you will need to take appropriate action to resolve the issue and try again. Sometimes, a component will be too large, and your hosting provider won't allow a direct upload. In this case, you will need to find an alternative method for getting the component into the file system. You can unpack the package file and upload individual files to a temporary folder you create within your server's file system. Once this is done, you can use the Upload From Directory option after entering the file path from the root directory of your server's filesystem. Another alternative is installing from an external URL using the Install from URL feature within the Extension Manager. This is a quick and easy way around some hosting restrictions, but also useful if someone gives you a link to a package file and you just want to install it without having to handle the file locally. Mobile users might find this option particularly useful while working on their site from the road.

Handbook


You can download rsForm from https://www.rsjoomla.com/joomla-extensions/rsform.html

Documents

IO-01 Vetiver Handbook v0p2vetiverproject.eu/docs/VETIVER/IO/IO1/A4/IO-01_Vetiver_Handbook_E… · 2016-1-HU01-KA202-022952 Handbook Date: August, 2017 Version: 0.2 The European Commission