Customizing Moodle Site in Gnomio.com

Customizing Moodle Site in Gnomio​ | Page 1 of 31
---------------------------------------------------------------------------------------------------------------------------
1. Open GNOMIO Website ​https://www.gnomio.com/

2. In the CREATE YOUR SITE section, put in your desired website name and your
valid email then click CREATE.

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 2 of 31
---------------------------------------------------------------------------------------------------------------------------
3. A confirmation message will appear that tells you that your site is being created.

Open your email and check, it will take a few minutes before you receive it. Also
check your SPAM folder. You will receive your moodle site with the username and
password.

4. Open the moodle site given by Gnomio and click the LOG IN button located in the
upper right

5. Put in your username and password and then click LOG IN.

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 3 of 31
---------------------------------------------------------------------------------------------------------------------------
6. After you’ve log in, you will be redirected to your Moodle site.

7. Changing Password Policy
The default user password settings in Moodle is very strict, users may find it difficult to
remember complex passwords. To change Password Policy settings go to
ADMINISTRATION​ block, click ​Site administration​ > S​ ecurity​ > S​ ite policies

Scroll down to Password
policy, uncheck
Password policy​ and set
the Password length to 4
Scroll down and click
Save changes

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 4 of 31
---------------------------------------------------------------------------------------------------------------------------
8. Enabling Email Based Self Registration
Click ​Site administration

Click P​ lugins

Scroll down and click M​ anage
authentication

Scroll down to Common settings
and select E​ mail-based
self-registration

Scroll down and click ​Save
changes

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 5 of 31
---------------------------------------------------------------------------------------------------------------------------
9. Adding a Course
In adding a course, you
need to have
Administrator, Course
Creator or Manager rights.
Go to S​ ite administration
> C​ ourses​ > M​ anage
courses​ and categories

Under the ‘M​ iscellaneous
section’, click ​Create new
course

Input the following details:
Course full name: ​Basic
Lessons on Enhancing
Professional Image
Course short name: ​PI101
Course category:
Miscellaneous
Visible: S​ how
Disable Co​ urse end date
check box

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 6 of 31
---------------------------------------------------------------------------------------------------------------------------

Scroll down and click
Course format​ and
change the following:

Format: Topic Format
Number of sections: 3

Leave the other entries as
it is for this sample
course. However, when
you make a fully derivable
course, you need to
explore these settings and
establish them according
to your specifications.

Click S​ ave and display

10. Adding Course Content
Go to the course B​ asic
Lessons on Enhancing
Professional Image

Click the setting icon then
click T​ urn editing on

Look for ‘​Topic 1’​ click the
Edit​ link located at the
further right.

A drop-down will appear,
choose ​Edit topic.​

Check the Custon check
box and type
“I​ ntroduction”​ .

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 7 of 31
---------------------------------------------------------------------------------------------------------------------------

Like a word processing
program, type
“P​ rofessional Image​” in
the editor as the title of the
summary.

Set the font size by
highlighting first the word
“P​ rofessional Image”​
then clicking the
paragraph styles icon .
A drop-down will appear,
and then choose ​Heading
(large)​ as the size of the
font.
Minimize the window of
the site then go to the
moodle source files
folder and open ​Intro.txt.​
Highlight all the
paragraphs and copy
them.

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 8 of 31
---------------------------------------------------------------------------------------------------------------------------

Go back to the site and
paste the contents below
the “​Introduction​”.
Right click on the editor
then select ‘P​ aste as
plain text​’.

Allocate a new space after
the first paragraph and
make sure the cursor is in
between the first and
second paragraphs.

Click the image icon to
insert an image.

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 9 of 31
---------------------------------------------------------------------------------------------------------------------------
Click ​Upload a file​ then
click C​ hoose File.​

Browse the image file in
the folder ​moodle source
files,​ select ​PI-image.jpg
and click ​Open​ button.

Click U​ pload this file​.

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 10 of 31
---------------------------------------------------------------------------------------------------------------------------
Uncheck D​ escription not
necessary​ check box
then type “​Professional
Image”​ and click S​ ave
image​ button.

Click ​Save changes
button
By performing the same steps in editing the first topic, edit the Topic 2 and change the
section name to “B​ asic Lessons on Professional Image”​ . On Topic 3, change it to
“​Other Resources and Sample Quiz”​ .

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 11 of 31
---------------------------------------------------------------------------------------------------------------------------
11. Adding Video Resource (YouTube)
On the second topic, click the ​Edit​ and click ​Edit topic​.

Click Show more buttons
then click toggle HTML
button

Open a new tab in your
internet browser and go to
a YouTube page:
https://www.youtube.co
m/watch?v=wnV5pJVg8
ww&t=10s​, click S​ HARE

Click E​ MBED

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 12 of 31
---------------------------------------------------------------------------------------------------------------------------
Copy the Embed Video
code

Go back to your Gnomio
Moodle site and paste the
embed code.

Click S​ ave changes
button

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 13 of 31
---------------------------------------------------------------------------------------------------------------------------
12. Uploading files (resource materials, PDF, DOC, etc.)
In the 3rd Topic (Other Resources and Sample Quiz) click ​Add an activity or resource​.

Scroll down to
RESOURCES click F​ ile
then click ​Add​ button.

Type in Name “​Presentation about Professional Image​”

The file can be dragged
directly into drop files
window or click add files
button

Click ​Choose File​ button

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 14 of 31
---------------------------------------------------------------------------------------------------------------------------
Select ​Basic Lessons on
Professional Image.pdf
file then click O​ pen
button.

Click ​Upload this file

Scroll down, click
Appearance​, select ​In
pop-up​.

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 15 of 31
---------------------------------------------------------------------------------------------------------------------------
Click S​ ave and return to
course

13. Creating Sample Quiz
Click ​Add an activity or resource

Select Q​ uiz​ then click
Add

Type “​ Online Quiz”​ in the
name field.
Scroll down and click
‘G​ rade​’. A drop-down will
appear. Change the
‘​attempts allowed’​ to 1​ ​.

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 16 of 31
---------------------------------------------------------------------------------------------------------------------------
Click ​Save and display
Click E​ dit quiz

Click A​ dd​ + a​ new
question

Select ​Multiple choice
then click ​Add​ button

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 17 of 31
---------------------------------------------------------------------------------------------------------------------------
Minimize the internet
browser and go to
moodle source files
folder, open ‘​Quiz.txt​’

Copy the 1st question text

Go back to your Moodle
site and paste he first
question in the ‘​Question
Text​’ field.
In the ‘​Question Name​’
field, type “Q​ uestion 1​”.
In the ‘Category’ field,
choose “D​ efault for
PI101”​ .

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 18 of 31
---------------------------------------------------------------------------------------------------------------------------
On the ‘​One or multiple
answers’​ field, choose
“O​ ne answer only”​ .
Uncheck the ‘S​ huffle the
choices’​ checkbox.
On the ‘N​ umber the
choices’​ field, you can
choose different
numbering formats. In this
sample course, choose
the ​lowercase letters ( a,
b, c…)​.
Open again the ‘Q​ uiz.txt​’
and then copy the choices
and paste it to the ‘​Choice
1​’, ‘​Choice 2’​ , ‘C​ hoice 3’​ ,
‘C​ hoice 4​’ fields.

If one of the choices is the correct answer, change the ‘​Grade’​ field to 1​ 00%​.

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 19 of 31
---------------------------------------------------------------------------------------------------------------------------

When done, go to the
bottom of the page, and
click ​Save changes.​
When a question has been created, it will be displayed and you can modify it by clicking
the E​ dit​ button . You can also preview the question by clicking the P​ review question
button .

Repeat the steps for the other 2 questions

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 20 of 31
---------------------------------------------------------------------------------------------------------------------------
14. Add or Edit Questions in Quiz
Click ​Turn editing on

Click O​ nline Quiz

Click E​ dit quiz

To edit questions click the settings icon ( ), to add question/s, click A​ dd

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 21 of 31
---------------------------------------------------------------------------------------------------------------------------
15. Creating True or False Question with Embedded Video
Click A​ dd​ > ​+ a new question

Choose T​ rue/False​, then click A​ dd

Type “​Question 4”​ in Question name text field then click show more buttons

Type in the text field “​Is this video informative?​”

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 22 of 31
---------------------------------------------------------------------------------------------------------------------------

Click toggle HTML button

Open new tab in your browser and open the link:
https://www.youtube.com/watch?v=Yz6vx3e4nGk
Click S​ HARE​ under the video

Click E​ mbed

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 23 of 31
---------------------------------------------------------------------------------------------------------------------------
Right click and copy the
embed code

Go back to Adding a True/False question tab in your browser

Right click in the text field
and click P​ aste

Scroll down and choose
True​ as the correct answer

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 24 of 31
---------------------------------------------------------------------------------------------------------------------------
Click Save changes

16. Creating Fill in the Blank Question
Click A​ dd​ > +​ a new question

Choose ​Short answer
then click A​ dd

In Question name field
type “​Question 5”​ then
type in Question text
“W​ hat is the root word
of Professional and
Professionalism​”

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 25 of 31
---------------------------------------------------------------------------------------------------------------------------
Scroll down to Answers, type in Answer 1 field “​Profession”​ and set the grade to 1​ 00%,​
then in Answer 2 field type “P​ rofess​” and set the grade to ​100%

Scroll down and click
Save changes

17. Adding Essay Questions
Click ​Add​ > ​+ a new question

Choose E​ ssay​ then
click A​ dd

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 26 of 31
---------------------------------------------------------------------------------------------------------------------------
In Question name field
type “​Question 6​” then
type in Question text
“​What is
Professionalism”​

In the Response
Options, set A​ llow
attachments​ to ​1

Scroll down then click
Save changes

18. Adding Matching Type Questions
Click ​Add​ > ​+ a new question

Select ​Matching​ then
click ​Add

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 27 of 31
---------------------------------------------------------------------------------------------------------------------------
Open ​Quiz.txt​ in
MOODLE Source Files

In Question name field type “​Question 7”​ then type in Question text “​Facts about the
Solar System”​

In Question 1 field type “T​ he largest planet in the Solar System.”​ and type in correct
answer “J​ upiter”​

In Question 2 field type “​The planet humans first landed on.​” and type in correct answer
“T​ he Moon​”
In Question 3 field type “T​ he furthest planet from Earth.”​ and type in correct answer
“N​ eptune​”
To add more items, click B​ lanks for 3 more questions

In Question 4 field type “T​ he planet with an observable ring system.​” and type in
correct answer “​Saturn​”

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 28 of 31
---------------------------------------------------------------------------------------------------------------------------
Type any wrong answer in the Question 5 answer field

Scroll down and click
Save changes

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 29 of 31
---------------------------------------------------------------------------------------------------------------------------
19. Configuring Self Enrolment
Click S​ etting icon​ and select ​More

Click U​ sers​ then click
Enrolment methods

In the Self enrolment
(Student) row 1st click
Enable icon then click
Settings icon
In the Enrolment key type
in the a generic key like:
“c​ psctech.org​” that will
be shared to the students
when they enroll.

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 30 of 31
---------------------------------------------------------------------------------------------------------------------------
Scroll down and click
Save changes
20. Creating Backup
Click Setting icon and select ​Backup

You can select different options in Backup settings

Colombo Plan Staff College for Technician Education
www.cpsctech.org

Customizing Moodle Site in Gnomio​ | Page 31 of 31
---------------------------------------------------------------------------------------------------------------------------
Scroll down and click J​ ump to
final step

Once finished, click ​Continue

You will see your backup file in the Course backup area, make sure that you download a
copy.

Colombo Plan Staff College for Technician Education
www.cpsctech.org