Online Teaching and Learning Part 4:

Using Canva to facilitate teaching and learning

Introduction of using Canva mobile application as an instructional tools

Canva is an Australian online graphic design platform/tool, well known for its user-friendly
interface design software and offers extensive templates to create all types of visual content.
There are several types of Canva applications (mobile, web and desktop) available. Although
the platform is free to download, there are Canva Pro and Canva Enterprise plans for additional
and advanced functionalities. In this course, it will mainly focus explaining how to use the
Canva mobile application for teaching and learning and how Canva can support the day-to-day
classroom activities.

How Canva will improve teaching and learning process

Canva can assist in promoting students’ interest in learning, their creativity and their
willingness to participate in the classroom activities more by its visually appealing templates
and designs. Teachers and/or students can also engage in collaborative learning experiences by
working together on projects as a group. In addition, through the use of Canva, teachers can
manage the assignments by assigning those to students, tracking the progress and giving
feedback.

Using Canva to facilitate teaching and learning

Objectives
• To share basic knowledge of images and Canva mobile application
• To promote awareness of Canva tool for teachers and how it can help them in the day-
to-day classroom activities
• To explain how Canva can be used to prepare instructional materials by using a mobile
phones
• To elaborate on the steps to share a Canva project with other users and work on it
together
• To demonstrate how Canva supports virtual classroom activities

1
Expected learning outcomes

By the end of this module, you will be able to:

1. Gain the basic knowledge of images and how they should be optimized
2. Learn how to download and install Canva and similar mobile apps
3. Acquire hands on experience on how to design instructional materials
4. Understand the basic concepts and functions of Canva mobile application
5. Prepare the instructional materials using Canva on a mobile phone
6. Ability to know how to share a Canva project with users and cooperate on the same
project
ICT (Information and Communication Technology) competency gained

Competency standard Minimum requirement Indicator(s)

A2. Know appropriate use A2.2. Demonstrate A2.2.1. Describe the function
of educational technologies understanding of appropriate and purpose of online and
use of Information and offline educational tools and
Communication Technology materials to support the
(ICT) in teaching and teaching and learning process
learning
B1. Teach curriculum B1.2. Demonstrate capacity B1.2.1. Use teaching methods
content using various to apply educational and learning strategies
teaching strategies technologies and different appropriate for the class –
strategies for teaching and culture, size and type
learning
C1 Service to Profession C1.4 Demonstrate C1.4.4 Comply with
responsibility and national/school policies and
accountability for the use of
standard practices in relation to
education resources, the use of ICT devices, tools,
including those that are ICT-
and resources (e.g. data
based protection, copyright citations
and intellectual property, virus
protection, use of devices, etc.)
C1.4.5 Evaluate the reliability
and accuracy of information in a
digital space
D2 Engage with colleagues D2.1 Improve one’s teaching D2.1.3 Participate in
in improving teaching practices by learning from professional teacher
practice other experienced teachers development activities, either
and participating in through online or offline modes,
professional development keeping in mind one’s
opportunities professional aims
Source: Myanmar Teacher Competency Standards Framework (TCSF), Beginning Teachers, Draft
Version 3.2. (May 2019)

2
Table of Contents
1. Getting started with Canva ................................................................................................... 5
1.1 Canva app installation ...................................................................................................... 5
1.2 Free version and Premiere version ................................................................................... 7
2. Basic features of Canva ........................................................................................................ 8
2.1. Home tab and its components ......................................................................................... 8
2.1.1. Main sections and components ................................................................................ 8
2.1.2. Global search and camera icon ................................................................................ 9
2.1.3. “You might want to try” section ............................................................................ 10
2.1.4. “Recent designs” section........................................................................................ 10
2.1.5. Global add button ................................................................................................... 11
2.2. Project tab and its components ..................................................................................... 11
2.3. Teams tab and its components ...................................................................................... 12
2.4. Menu tab and its components ....................................................................................... 13
2.5. Templates, Elements, Uploads, Text, Photos, Audio and Video .................................. 14
2.5.1. Templates ............................................................................................................... 14
2.5.2. Elements ................................................................................................................. 15
2.5.3. Gallery.................................................................................................................... 16
2.5.4. Uploads .................................................................................................................. 16
2.5.5. Text ........................................................................................................................ 17
2.5.6. Photos ..................................................................................................................... 17
2.5.7. Audio...................................................................................................................... 18
2.5.8. Video ...................................................................................................................... 18
2.6. Basic operations ............................................................................................................ 19
2.6.1. Creating a new page vs duplicating a page ............................................................ 19
2.6.2. Copying & pasting elements .................................................................................. 20
2.6.3. Applying effects on text elements.......................................................................... 20
2.6.4. Changing font type or color or size........................................................................ 21
2.6.5. Changing background color of elements ............................................................... 21
2.6.6. Cropping and adjusting transparency of an element .............................................. 22
2.6.7. Adding animation to an element ............................................................................ 22
2.6.8. Deleting .................................................................................................................. 23
2.6.9. Saving .................................................................................................................... 23
2.6.10. Previewing ........................................................................................................... 24
2.6.11. Downloading ........................................................................................................ 24

3
 2.6.12. Sharing ................................................................................................................. 25
3. Preparation of instructional materials by using Canva mobile application ......................... 25
3.1. How to prepare teaching material (Map for Geography Class) .................................... 25
3.2. How to make a story book for nursery students (Forest Animals) ............................... 30
3.3. How to create class portfolio and resume ..................................................................... 36
3.3.1. Portfolio ................................................................................................................. 36
3.3.2. Resume ................................................................................................................... 40
3.4. How to create a website ............................................................................................... 43
3.5. How to prepare weekly plan and announcements for a class ....................................... 49
3.5.1. Weekly Lesson Plan ............................................................................................... 49
3.5.2. Weekly Announcements ........................................................................................ 52
4. Sharing or collaborating the photos, videos on Canva ........................................................ 55
4.1. Sharing the assignment to students ............................................................................... 55
4.2. Collaborating the assignment with students ................................................................. 58
4.3. Adding/Inviting member to our team ........................................................................... 59
Annex I: Understanding the basics of images, audio files and video files ............................. 61
Image Basics ........................................................................................................................ 61
Pixel ................................................................................................................................. 61
Resolution ........................................................................................................................ 61
Transparency .................................................................................................................... 62
Aspect Ratio ..................................................................................................................... 62
Most Common Image File Types .................................................................................... 62
Audio and Audio File Formats ............................................................................................ 62
Popular Audio File Formats ............................................................................................. 62
Video and Video File Formats (HD Vs Web-optimized) .................................................... 63
Popular Video File Formats ............................................................................................. 63

4
1. Getting started with Canva
The Canva app allows you to create professional looking designs within seconds and
it is easy to download and install in your mobile devices.

1.1 Canva app installation

Step 1: go to “Google Play Store” in Android device (or) go to “Apple Store” in iPhone.

Figure 1.1. Play Store app in Android Figure 1.2. Apple Store app in iPhone
Step 2: Type "Canva App" in search bar and click on the ‘Download/Install’ button as shown
below.

Figure 1.3. Install in Android Figure 1.4. Install in iPhone

Step 3: Once the Canva is downloaded from the Play Store (or) Apple Store, click “Open” to
start using Canva application.

Figure 1.5. Open in Android Figure 1.6. Open in iPhone

5
You will also see the Canva logo icon on your phone and click on it.

Figure 1.7. Canva icon on Phone

Screen

Step 4: After opening the app now, you will have to sign in or sign up for the Canva account.
If you already have an account, click on the "Already signed up" option below.

• If you have previously created a Canva account using Google then just click on sign in
using Google and select your Google account. You will be signed in and you can start
using the app now.

Figure 1.8. Sign in with Gmail

account

After signing in, you can start editing multiple designs.

6
 Figure 1.9. Home Screen of Canva
app

1.2 Free version and Premiere version

Table 1.1 Canva Pro vs Free — side-by-side comparison

Feature Canva Free Canva Pro

Cost Free $12.99 per month

Users 1 1

Templates 250,000+ 610,000+

Images, video and audio 1+ million 4+ million

Cloud storage 5GB 1TB

Customized exports Limited Full

Magic Resize tool No Yes

Background removal No Yes

Custom templates No Yes

Brand kit feature No Yes

Social scheduling No Yes

Folders Unlimited Unlimited

Support Support emails answered Support emails answered

within 1 week within 24 hours

7
 Free trial length Forever free Free for 30 days

To get the Pro Version, you can click on Terms (or) click menu and choose “Try Canva for
Terms”.

Figure 1.10. Canva Pro in Menu icon Figure 1.11. Canva Pro in Teams

2. Basic features of Canva

2.1. Home tab and its components
2.1.1. Main sections and components
After opening the application, “Home” tab is the default tab shown and it includes a global

search bar with camera button , shortcut buttons such as “For

you”, “Whiteboards”, “Social media” etc., under the search bar. Suggested features displayed
in “You might want to try” section, compilations of recently saved designs are shown under
“Recent designs” and the video for important announcements from Canva. (see Figure 2.1)

Figure 2.1. Home tab with main

sections and components

8
2.1.2. Global search and camera icon
When tapping/ clicking on the global search bar, there are two options “Templates”
(See Figure 2.2. left) and “Projects” (See Figure 2.2. right). “Templates” tab is the default view
for search in which you can see your search history related to templates, available and
suggested templates. Under “Projects” tab, you can see your previous projects. On each tab,
“Templates” and “Projects”, if you try to search using a keyword, then you will find templates
and projects related to your search word under the relevant tab. (See Figure 2.3.)

Figure 2.2. Searching for templates (left), Searching for projects

(right)

Figure 2.3. Search results for templates (left), Search results for
projects (right)

9
After clicking “Camera” button at the right corner of the
global search bar, the form with the images from the mobile phone’s gallery will be displayed
so that a file can be selected and uploaded to Canva. (Figure 2.4.)

Figure 2.4. View after

clicking “Camera” button

2.1.3. “You might want to try” section

On Canva home tab, suggested templates/ features for a user can be found by scrolling
horizontally (or by horizontal scrolling). The suggested list includes

a) Whiteboard n) Poster (Portrait)

b) A4 Document o) Facebook Post
c) Your Story p) Video
d) Presentation (16:9) q) Photo Collage
e) Lesson Plan r) Facebook Cover
f) 8.5 x 11 in s) Poster (Landscape)
g) Flyer (Portrait) t) Storyboard
h) Logo u) Graph
i) Infographic v) Invitation (Square)
j) Resume w) Instagram Story
k) Instagram Post (Square) x) YouTube Thumbnail
l) Phone Wallpaper y) Mobile Video
m) Website

2.1.4. “Recent designs” section

The recently saved designs of a user can be found by horizontal scrolling in this section or
clicking “See all” button.

10
2.1.5. Global add button

The global add button locates right above the bottom bar on home page and
it can be used as a shortcut button to easily add the suggested templates as shown in Figure 2.5.

Figure 2.5. View after clicking the

global add button

2.2. Project tab and its components

“Project” tab is next to “Home” and after clicking it, you can view all the created projects,
folders, designs, images, etc.
Under “Folder”, you can find the following sections (Figure 2.6)

a) Purchased – after clicking it, you can find the paid templates or elements if you
bought any
b) Starred – after clicking it, you can find your favorite templates or elements for
which you marked “star”
c) Uploads – after clicking it, you can find all the uploaded images, audios or
videos

11
 Figure 2.6. Project tab with “Recent” and “Folders” sections

Under “Designs”, all the created designs can be checked and all the uploaded images can be
found under “Images” (Figure 2.7)

Figure 2.7. Project tab with “Designs” and “Images” sections

2.3. Teams tab and its components

It is supposed to access “Teams” feature with a premium account and there is a “Get 14-day
free trial” button to access “Canva for Teams” by paying 229 Baht/12.99 USD per month.
(Figure 2.8.) You can still add team members with your free account but cannot access the
premium features of “Canva for Teams”.

12
 Figure 2.8. Team tab with “Designs” and
“Images” sections

2.4. Menu tab and its components

After clicking “Menu” button, there will be

a) Templates – after clicking, you will be redirected to a screen to search for

templates.
b) Projects – after clicking, you will be redirected to the screen mentioned in
Section 2.2.
c) Team – after clicking “Username’s Team” link, it will be redirected to a screen
in which you can find the designs, folders apps and templates shared among
team members and can also change the setting of a team.
d) Tools – there will be four major tools namely “Brand”, “Content Planner”,
“Discover apps” and “Smartmockups”. Except “Brand”, all the tools can be
used freely. (Figure 2.9)
e) Invite members – after clicking, you will be redirected to a screen where you
can send the invitation to the member by providing their email address.
f) Trash – after clicking, you will be redirected to a screen where all the deleted
designs, images, or videos can be found. (Figure 2.10)
g) Setting – after clicking, you will be redirected to a screen where you can edit all
the setting of your Canva account.
h) Get help – after clicking, you will be redirected to a screen where you can search
for the topic which is related to the issue you are having.

13
 Figure 2.9. Menu tab with its components

Figure 2.10. Menu tab with its

components

2.5. Templates, Elements, Uploads, Text, Photos, Audio and Video

2.5.1. Templates
A template can be added by searching for a specific template using the global search bar or by
clicking “plus (+)” button in the bottom bar of a page after creating a blank page as shown in
Figure 2.11. There are thousands of paid and free templates, and they are presentations, posters,
A4 pages, etc. which were created by someone else for a specific theme and which were
allowed to be edited.

14
 Figure 2.11. Searching templates

2.5.2. Elements
An element can be added by clicking “plus (+)” button in the bottom bar of a page after creating
a blank page as shown in Figure 2.12. It may be lines, shapes, frames, stickers, charts, grids,
photos, graphics/vectors, audios, videos or gradients and either static or animated.

Figure 2.12. Searching for an element

with “student” keyword
NOTE: when you try to add the templates mentioned in Section 2.5.1 or elements mentioned
in Section 2.5.2, please be aware of the templates or elements which are intended for “Pro” or
“Paid” versions, which you have to pay for using those versions. (Figure 2.13. and Figure
2.14.)

15
 Figure 2.13. Pro version elements. Figure 2.14. Paid version templates

2.5.3. Gallery
“Gallery” can be reached by clicking “plus (+)” button in the bottom bar of a page after creating
a blank page as shown in Figure 2.15. In gallery, you can find all the images or videos saved
in our phone so that you could add them to a page by clicking/tapping on them and can have
access to your phone camera so that you can take a new picture to add to a page.

Figure 2.15. Accessing images and videos from the gallery

2.5.4. Uploads
“Uploads” can be reached by clicking “plus (+)” button in the bottom bar of a page after
creating a blank page shown in Figure 2.16. In gallery, you can find all the uploaded files (audio
or video or image) or upload a new file by clicking “Upload files” button.

16
 Figure 2.16. Accessing uploaded files

2.5.5. Text
A text section can be reached by clicking “plus (+)” button in the bottom bar of a page after
creating a blank page as shown in Figure 2.17. You can choose and add the preferred text
design from the options by clicking or tapping on a text style.

Figure 2.17. Accessing images and

videos from the gallery

2.5.6. Photos
Photos section can be reached by clicking “plus (+)” button in the bottom bar of a page after
creating a blank page as shown in Figure 2.18. You can choose and add the preferred photo
from the options by clicking or tapping on a photo.

17
 Figure 2.18. Accessing
images and videos from the
gallery

2.5.7. Audio
Audio section can be reached by clicking “plus (+)” button in the bottom bar of a page after
creating a blank page as shown in Figure 2.19. You can choose and add the preferred audios
from the list by clicking or tapping on them.

Figure 2.19. Accessing audios from Canva

2.5.8. Video
Video section can be reached by clicking “plus (+)” button in the bottom bar of a page after
creating a blank page as shown in Figure 2.20. You can choose and add the preferred videos
from the list by clicking or tapping on them.

18
 Figure 2.20. Accessing videos
from Canva

2.6. Basic operations

2.6.1. Creating a new page vs duplicating a page
To create a new page, click “plus (+)” button after the existing page’s thumbnail or click “Add”
button in the bottom bar as shown in Figure 2.21(left). A blank page will be added. Duplicating
a page is copying all the attributes of an existing page to a new page. To duplicate, select on an
existing page and then click “Duplicate” in the bottom bar and then a new page will be created
the same as an existing page. (Figure 2.21 (right))

Figure 2.21. Creating a new page (left) vs duplicating a page

(right)

19
2.6.2. Copying & pasting elements
To copy and paste an element, select the element and click “three dots(…)” button beside the
“delete(trash)” button to open more options as shown in Figure 2.22 (left). Click “Copy” and
then click “Paste” and you can notice that the element is duplicated as shown in Figure 2.22
(right).

Figure 2.22. Copying an element (left) and pasting it (right)

2.6.3. Applying effects on text elements

To apply effects on a text element, select the element, click “Effects” in the bottom bar, and
then choose the preferred effect from the list of effects on both tabs, “Style” or “Shape”. (Figure
2.23.)

Figure 2.23. Applying effects

20
2.6.4. Changing font type or color or size
To change the font type, color or size of a text element, select the text element, choose “Font”
or “Color” or “Font size” depending on the requirement. To change the font type, click on the
preferred font and the font style so that they will be applied on the selected text. (Figure 2.24
(Left)) To change the color, choose the default color or preferred color from the palette by
clicking “plus (+)” button. (Figure 2.24. (Middle)) To change the font size, scroll the bar under
“Font size” or type the preferred size in the number input box. (Figure 2.24. (Right))

Figure 2.24. Changing font type (left), color (middle) and size (right)

2.6.5. Changing background color of elements

To change the background color of an element, select the element, click “Color” in the bottom
bar and then choose it from the default or recommended colors or choose the preferred color
from the palette by clicking “plus (+)” button. (Figure 2.25.)

Figure 2.25. After applying

color

21
2.6.6. Cropping and adjusting transparency of an element
To crop an image or element, select it; click “Crop” in the bottom bar and then pressing and
adjusting the borders of the image to be cropped. Once the adjustment is done, click “Done” in
the dialog for cropping and the image will be cropped. (Figure 2.26. (Left)) To reduce the
transparency of an element, select it and then click “Transparency” in the bottom bar. A dialog
will be shown to adjust the transparency and you can notice the changes in transparency as you
drag the horizontal scroll bar under “Transparency”. (Figure 2.26. (Right))

Figure 2.26. Cropping (left) and reducing transparency (right) of an

element

2.6.7. Adding animation to an element

To apply an animation on an image or element, select it; click “Animate” in the bottom bar and
then select the preferred animation style from the list. Once the animation is selected, it will be
automatically applied on the image or element. (Figure 2.27.)

22
 Figure 2.27. Applying
animation

2.6.8. Deleting
To delete a text, element, or page, select it and then click “Delete (trash)” button just above
the selected element. (Figure 2.28.)

Figure 2.28. Deleting a text

element

2.6.9. Saving
In Canva, the page will be automatically saved upon any activity such as adding new elements
or updating, etc. But, if you want to save the page or template in a specific file format, click

“Share/Download” button on the top bar and then select the preferred file type
from the drop-down as shown in Figure 2.29.

23
 Figure 2.29. Saving a
page/template

2.6.10. Previewing
If a page has an animated element or image, it can be previewed by clicking “Triangle” button
as shown in Figure 2.27., on the top bar to preview. The screen of previewing a page is
displayed in Figure 2.30.

Figure 2.30. Previewing a

page/template with animation

2.6.11. Downloading

To download a page, click “Download/Share” button on the top bar and then select
the preferred option. After clicking “Download” button, the dialog shown in Figure 2.31 will
be displayed and you will have to select the preferred file types to be downloaded. (Figure
2.32)

24
 Figure 2.31. Dialog after clicking Figure 2.32. File types available to be
Download/Share button downloaded

2.6.12. Sharing

To share a page, template or presentation, click “Download/Share”

button on the top bar and then select the preferred option among the options highlighting as
buttons in the top section of the dialog, which are marked with red rectangle as in Figure 2.33.

Figure 2.33. Sharing a page/template/presentation

3. Preparation of instructional materials by using Canva mobile application

3.1. How to prepare teaching material (Map for Geography Class)
This section outlines the steps of how to prepare instructional materials using Canva app and
they will be used in a geography class for elementary students.
The purpose is to provide the world map with seven continents and text boxes for each
continent so that the learners/students can provide a fun fact for each continent. There will also
be a hint section at the bottom helping the students to provide the answers in the text boxes.

25
Steps:
1. Open “Canva” application in mobile and type “seven major continents” in the global
search bar and then filter the results by category. After that select “Poster (Portrait)”,
the search results will be fewer than before filtering and choose the template named
“Brown and Beige Scrapbook World Map Educational Poster”. (Figure 3.1 and Figure
3.2)

Figure 3.1. Browsing the Figure 3.2. Filter the search

template/poster by a keyword results by category and select
“Poster (Portrait)”

2. Choose the template titled “The 7 Continents of the World” by clicking on it and it will
be redirected to the area where you can customize and modify the template. (Figure
3.3.)

Figure 3.3. Final search result

after filter by category (Poster
(Portrait))

26
3. The selected template will be created as a new page as shown in Figure 3.4. Translate
the contents to Myanmar & replace them in the template. To edit a text, click on the
existing text and then type the translated contents.

Figure 3.4. Selecting/focusing

on the title area to edit the text

To change the color of the selected text, scroll the bottom bar until you
find “Color” button. Click on “Color” and then there will be a template to change the
color. You can select the default color already provided in the template or select the
preferred color by clicking “Plus (+)” icon.. After clicking on “Plus (+)” icon, the color
palette will be appeared to select the desired color. (Figure 3.5)

Figure 3.5. Selecting

the desired color from
color palette

27
4. Remove some graphics (the twig and paper sheets) (Figure 3.6)

Figure 3.6. Deleting an

element/graphic from the
template

5. Add some graphics by clicking “plus (+)” icon on the bottom bar and then type the
keyword in the search bar. (Cycling globe – (keyword – globe & search in “Elements”),
flowers - (keyword – flower & search in “Elements”), light bulb - (keyword – light bulb
& search in “Elements”), animated book - (keyword – book & search in “Elements”),
etc.) (Figure 3.7. and Figure 3.8.)

Figure 3.7. Clicking Plus Figure 3.8. Providing a

(+) icon to add an element keyword (globe) in the
to the template search bar

In the Figure 3.9, the number caption 1 – displayed the button to resize the element, 2
– displayed the button to move the element, 3 – displayed the button to rotate the
element

28
 Figure 3.9. Re-sizing,
positioning and rotating the
newly added element

6. Change the color of the map & text boxes with borders and arrows. For the map –
click on the image and then “Effects” (after color tabs/buttons) on the bottom bar.
After that, select “ColorMix” and then choose “Arctic”. (Figure 3.10., Figure 3.11.
and Figure 3.12.)

Figure 3.10. Selecting the Figure 3.11. Selecting Figure 3.12. Applying
map and choosing “Effects” “ColorMix” effect “Arctic” effect on the map

7. Change the color of each text boxes by clicking on each of them, (the first color box is
for background and second one is for border) then select desired colors. (Figure 3.13.)
1 – background color, 2 – border color

29
 Figure 3.13. Changing the
background and border color
of the text boxes

8. The whole project will be saved automatically. After completing, you can find the
created project by clicking “Home” button at the left corner of the top menu bar. If you
want to change the name of the project, click the three dots at the top right corner. A
popup will appear and then edit the name by focusing on the existing name. (Figure
3.14. and Figure 3.15.)

Figure 3.14. Clicking the three Figure 3.15. Editing the name of
dots of the saved template the saved template

3.2. How to make a story book for nursery students (Forest Animals)
This section includes the steps to prepare a story book lesson using Canva app. These steps
will help you to create a storybook, to be used in an English class for nursery students. The
purpose is to provide question and answer sections among the teacher and students in which
the students are supposed to answer the animal seen in the forest presented in each slide and
what it is doing. To present the story line, the presentation template will be used to create the
story with some music.

30
Steps:
1. Open “Canva” application in mobile and select “Presentations” button. The ready-made
templates for presentations will be shown and there are several options/types for
presentations such as Presentation (16:9), Talking Presentation, Mobile-First
Presentation, etc., Sample templates for each presentation type can be found by
scrolling the page. (Figure 3.16)

Figure 3.16. Clicking

“Presentation” tab on home
page

Select “Presentation (16:9)” and it will be redirected to a page where you can create a
presentation by starting from scratch, upon clicking “Plus (+)” icon, or applying the
templates. The templates can also be filtered by style, theme and/or color. Among the
themes, you can find “Education”, “Business”, “Corporate” and many more. In this
lesson, you would like to demonstrate how to create a presentation from scratch and so
“Plus (+)” button is selected. (Figure 3.17)

Figure 3.17. Clicking

“Presentation” tab on home
page

31
 2. Blank template will be provided so that you can customize with any background and
elements. To add a background which matches well with the forest theme, click “(+)”
button (Figure 3.18).

Figure 3.18. Clicking

“Presentation” tab on home
page

3. Select “Elements” and then choose the forest image to be used for the introduction
section. (Figure 3.19) Then, add the teacher illustration by clicking “(+)” button,
clicking “Elements” and searching for teacher images with the keyword “teacher” in
the search bar. (Figure 3.20) Other elements such as the animals and comment box can
be added by following the same steps applied for the “teacher” image. (Figure 3.21)

Figure 3.19. Searching for Figure 3.20. Searching for Figure 3.21. After adding all
illustrations related to illustrations related to elements for introduction
“forest” using “Elements” “teacher” using “Elements” page
tab tab
4. Duplicate the first page to get the same layout and contents for the second page. In the
second page, you are going to have the similar layout but keep only the image of the
teacher and the question. Therefore, unnecessary elements should be deleted by clicking
“Delete” button. (Figure 3.22)
32
 Figure 3.22. Deleting unnecessary
elements from the second page

5. Add another page by clicking “(+)” button beside the first page. For this page, you are
going to have a different layout from the first and second ones to prepare the page in
which the answer of a student will be displayed. Click on the page, select the color on
the bottom bar and choose the light green color from the color palette. After that, choose
a different styled element for forest theme and position it at the center of the page.
(Figure 3.23.). Copy the illustration/image of animalfrom the first page by clicking
“Copy” and then click “Paste” it on the third page. Then, add a square frame from the
elements and insert the answer text which is the answer from a student. (Figure 3.24.)

Figure 3.23. Searching for Figure 3.24. Third page with

illustrations related to new design and elements
“forest” using “Elements” tab

6. For the next page (question), it’s supposed to be a question page (same as the second
page) and so you will copy the second page and then paste to the fourth page. (Figure

33
 3.25) (Note: Although you can simply duplicate a page by dragging and dropping to
the desired position in web version, this is not possible in the mobile app version.)

Figure 3.25. Forth page tab

7. For another page (answer), you can copy the third page, replace the animal with a new
animal and change the answer text. (Figure 3.26.)

Figure 3.26. Fifth page tab

8. Repeat the steps 6 & 7 until all the animals are included. Finally, copy and paste the
first page and change the text in the comment box to “Thank You All!” (Figure 3.27.)

34
 Figure 3.27. Last page with
“Thank You All!” text

9. You can add the audio for the whole presentation by clicking “(+)” button on the bottom
bar and select “Uploads” button if you already uploaded audio files. (Figure 3.28.) If
you do not have any audio, you can choose from Canva by clicking the “Audio” tab but
the available audio files of free version are limited. (Figure 3.29.)

Figure 3.28. Checking Figure 3.29. Checking

uploaded audio files available audio files from
Canva

10. To preview the presentation, click “Save/Download” button on the top

bar and then select “Present”. It is also possible to save the presentation as an image
(JPG, PNG, and GIF), an mp4 video or a pdf document. (Figure 3.30.) To save it, click
“Share/Download” button on the top bar and then select the preferred file
type. (Figure 3.31.)

35
 Figure 3.30. Dialog after Figure 3.31. Dialog after
clicking “Save” button clicking “Share/Download”
button

3.3. How to create class portfolio and resume

This section includes the steps of how easily you can create class portfolios and resume as an
extracurricular activity of a class. The purpose is to create a group portfolio of four students
who highlighted their completed activity, flower bouquets as an extracurricular activity and
how they achieved it. To create a resume, an existing resume template from Canva will be used
and modified accordingly.

3.3.1. Portfolio
Steps:

1. Open Canva application on your mobile and type “portfolio presentation” keyword in the
global search bar. (Figure 3.32)

Figure 3.32. Typing

“portfolio presentation”

36
 keyword in the global
search on home page

2. Select “Pastel Rose Pink Wedding Photography Portfolio Presentation” template and you
will be redirected to a page where you can modify the selected presentation template.
(Figure 3.33)

Figure 3.33. Selected

template with pre-designed
slides

3. Delete all the unwanted slides by selecting them and then clicking “Delete (trash icon)”
button. (Figure 3.34) The leftover slides can be viewed in Figure 3.35.

Figure 3.34. Selected Figure 3.35. Leftover slides

template with pre- after deleting unnecessary
designed slides slides in grid view

4. The first slide will be used for the introduction section and so it includes title, description
and group name. (Figure 3.36)

37
 Figure 3.36. Modifying
the first slide

5. The second slide will be used for introducing the members who did the portfolio and so
their names, pictures, nicknames and roles in the team will be added. (Figure 3.37)

Figure 3.37. Modifying the

second slide

6. The third slide presents how they tried to achieve the results (flower bouquets) (Figure
3.38)

38
 Figure 3.38. Designing the
third slide

7. The fourth slide demonstrates the results (flower bouquets) and you have to replace the
existing pictures with flower bouquet pictures that can be found via “Elements”. (Figure
3.39)

Figure 3.39. Designing the

fourth slide

8. The fifth or last slide shows “Thank You” message and the contact information of the
team. You will replace the existing image with a customized thank you note. Delete the
image and replace it with a “Thank You” picture from “Elements”. (Figure 3.40) Then,
click on the new element and click “Effects” in the bottom bar. (Figure 3.41) After that,
select “Smartmockups” effect. Choose “Book1” from the available options for
“Smartmockups”. (Figure 3.42)

39
 Figure 3.40. Options for Figure 3.41. Selecting the
“Thank You” photos in newly added picture and
“Elements” click, “Effects” tab

Figure 3.42. Selecting Smartmockups and then

choosing “Book 1” effect

3.3.2. Resume
Steps:
1. Open Canva application in mobile and type “resume” keyword in the global search bar.
(Figure 3.43)

40
 Figure 3.43. Typing
“student resume” keyword
in the global search on
home page

2. Select “White Simple Student CV Resume” template and you will be redirected to a
page where you can modify the selected template. (Figure 3.44)

Figure 3.44. Selected

resume template in scrolling
view

3. Delete the profile picture by clicking “Delete” button and then replace it by selecting
an appropriate image from “Elements”. (Figure 3.45. and Figure 3.46.)

41
 Figure 3.45. Deleting the profile image Figure 3.46. Selecting a student image
from “Elements”

4. Change the background behind the name by selecting it and then click “Color” in the
bottom bar. Click “+” button to select the desired color from the color palette. You will
select the color that is similar to the color of the student’s bag (in the profile picture).
So, click “Color Picker” shown in Figure 3.47 and then tap on the bag to copy the color
of it. After that, click “Done” button to apply the selected color on the background of
the name area. (Figure 3.48)

Figure 3.47. Color Figure 3.48.

picker button Tapping/selecting on the area
which color needs to be
copied

42
 5. Change the titles and contents which are more suitable for a student until the resume is
completed. (Figure 3.49.)

Figure 3.49. Finalized resume

3.4. How to create a website

This section includes the steps of how you can create your own website to highlight
your experience as well as for online and/or in-person classes etc. As an example, a personal
brand website for a teacher named “Teacher Khin” will be created and it showcases information
about herself, experiences, online classes and tutorials. The website template will be used for
this lesson and you can publish a website with Canva sub-domain (up to 5 websites with free
version). The sub-domain name can be customized and it will appear in place of [subdomain]
in [Link]
Steps:

1. Open “Canva” application in mobile and select “Website” tab. The ready-made templates
for websites will appear outlining several options/types for website templates such as
“Portfolio Website”, “Event Website”, “Retail Website”, etc., Sample templates for each
website category can be found by scrolling the page. (Figure 3.50)

Figure 3.50. Clicking “Website” tab on home page

43
 Select “Bio Link Website” as you are going to create a website. After clicking on “Bio
Link Website”, it will be redirected to a page where you can create a presentation by
starting from scratch or applying the templates. The website templates can also be
filtered depending on style, theme and/or color. Select the theme, which you prefer. In
this lesson, “Cream and Brown Simple Light Arts Bio-Link Website” template is
applied because of its simplicity. (Figure 3.51.)

Figure 3.51. Selecting the

preferred website template

2. A sample webpage will be provided and you can customize any graphics, texts and add
internal (another section) or external links. On the home page, it will present the overview
information about the whole website and the hyperlinks to the sections, which will also be
presented on other pages as well. In addition, it will include the website name, main image,
brief information about a teacher’s services and her expertise. (Figure 3.52.)

Figure 3.52. Home page with

modified elements

3. After adding and modifying all the components except the hyperlinks to other sections for
home page, duplicate it to create “About Me” page that will have the same layouts with

44
 minor modifications. Delete the unnecessary elements such as “Math”,” English”, “Music”,
“All about me >>” and social media icons. Five aspects/points about the teacher will be
mentioned in “All about me” page and therefore, you can copy and paste the first two
sections under the third one. Replace the text with appropriate for “About Me” section.
(Figure 3.53.)

Figure 3.53. Modifying the

duplicated home page for
“About Me”
4. To add the hyperlink for “All about me>>” on home page, click on it and then select “Link”
on the bottom bar. (Figure 3.54.) Then, choose the desired page to link from the drop-down
and click “Done”. (Figure 3.55.)

Figure 3.54. Selecting “All Figure 3.55. Drop-down to select the desired page
about me>>” and click “Link” to link
on bottom bar

5. After that, duplicate “About me” page to create “Live Sessions”. Follow the same steps
mentioned in Step 3 to replace the image and texts. Finally, duplicate “Live Sessions” to
create “Tutorials” and modify the elements accordingly. Once all the pages have been
created, add hyperlinks for all the sections on the home page. (Figure 3.56.)

45
 Figure 3.56. All the web
pages in grid view

6. To preview the website created, click “Eye/View” button on the top bar.
The popup will appear and you can check the website in desktop (Figure 3.57.) or mobile
(Figure 3.58.) view.

Figure 3.57. Website in desktop view Figure 3.58. Website in mobile view

7. To publish the website, click “Share/Download” button on the top bar and
then click “Publish Website”. (Figure 3.59.)

46
 Figure 3.59. Dialog to
publish a website

After that, it will be redirected to review the setting of the website. First, you have to
provide the following general inputs and then click “Continue” to go to the next section.
(Figure 3.60.)
Resize on mobile – this option should be checked to support responsive layout.
Without navigation – for the website created in this lesson, you have to select
“Without navigation”. If you want the navigation menu, you should choose “With
navigation” need change the title of each page with names (currently default page
names are applied)
Publish to – sub-domain name should be provided.

Figure 3.60. Dialog to

review the setting (part
1)

47
 In the review website section (Figure 3.61.), the following information should be
provided:

Browser tab preview – Text provided for this field will be appeared on the browser
tab.

Website description – Text captured for this field will be used for the website’s short
description with search engines.

Enable Password Protection – If you want your website to be accessed after logging
in, this option should be enabled and it does not apply for the website you have created.

Hide my website from search engine – This option should be off if you do not want
to list your website in search results using Google, Bing, etc.

Figure 3.61. Dialog to

review the setting

After clicking “Publish” in the above step, it will take for 1 minute to publish the website and
the success message shown in Figure 3.62. will be displayed.

48
 Figure 3.62. Success
message after publishing the
website

If “View website” button is clicked and the website will be opened in the mobile’s browser.
(Figure 3.63.)

Figure 3.63. Viewing the

website in mobile browser
3.5. How to prepare weekly plan and announcements for a class
This section includes the steps of how you can create a weekly plan and a weekly
announcement will be explained. To create a weekly plan, an existing lesson plan template
from Canva will be used and an existing presentation for weekly announcements will used to
create a weekly announcement.

3.5.1. Weekly Lesson Plan

Steps:
1. Open “Canva” application in mobile and type “lesson plan” keyword in the global
search bar. (Figure 3.64.)

49
 Figure 3.64. Typing “lesson plan”
keyword in the global search on home
page

2. Select “Brown Illustrated Weekly Lesson Plan” template and it will be redirected to a
page where you can modify the selected template. (Figure 3.65)

Figure 3.65. Selected

template with components

3. There are several graphics or illustration which you may not need. Delete those
elements by selection them and then clicking “Delete (trash icon)” button. (Figure
3.66.)

50
 Figure 3.66. Deleting
the unwanted
elements/graphics from
the template

4. Edit the font type by focusing on the element, then click “Font” button on the bottom
bar, and select “Agrandir Narrow or Agrandir Medium” font. (Figure 3.67.)

Figure 3.67. Selecting the

preferred font from the list
of fonts

5. The color of the whole template will be changed to “#1888ef” by focusing on the
template and then select the color from “Color” button on the bottom bar. (Figure 3.68.)
Then, change the color and text of the components such as “Priority”, “Note”, etc.

51
 Figure 3.68. Changing the
background color of the
template

6. Add a to-do list element by finding a suitable element from “Elements”. Then, rotate
it by clicking “Rotate “button. (Figure 3.69.)

Figure 3.69. Rotating an

element

3.5.2. Weekly Announcements

Steps:

1. Open “Canva” application in mobile and type “weekly announcements” keyword in the
global search bar. (Figure 3.70.)

52
 Figure 3.70. Typing “weekly
announcements” keyword in
the global search on home
page

2. Select “Tropical Weekly Announcement Presentation” template and it will be redirected

to a page where you can modify the selected template. (Figure 3.71.)

Figure 3.71. Selected

template with pre-designed
slides

2. Delete all the unwanted slides selection them and then clicking “Delete (trash icon)”
button. (Figure 3.72.)

53
 Figure 3.72. Deleting the
unwanted slides

3. Modify the font color, remove unwanted elements and replace them with preferred
elements for all the slides. (Figure 3.73. and Figure 3.74.)

Figure 3.73. Changing the Figure 3.74. Changing the

color of “Classroom” text color of the element

4. After clicking “Present”, a dialog will be displayed to select the options for the
presentation mode (Standard or Autoplay) (Figure 3.75.)

54
 Figure 3.75. Choosing the
presentation mode or share
the template link

5. After clicking “Present” in Figure 3.76., the created template will be displayed as
shown in (Figure 3.77.). If “Share a link to view” is selected, the link will be presented
with several options for sharing.

Figure 3.76. Figure 3.77. Link of the

Presentation mode template and sharing options

4. Sharing or collaborating the photos, videos on Canva

4.1. Sharing the assignment to students
In Canva application, you can prepare the assignment schedule and share to their students.
Students also can prepare all the assignment and work together with the teams and submit the
assignment to teachers. It saves time and work effectively on Canva application. To prepare
assignment schedule and share to students,
Step 1: Open Canva app and type “Assignment” in Search bar.

55
 Figure 4.1. Assignment Template
Step 2: Prepare “Assignment Schedule” and click “share” button which is on the top right
corner.

Figure 4.2. Share icon in Canva

app

You will see the following screenshot and click the “Share link”.

Figure 4.3. Share link to students

Step 4: Invite the members/students by typing the Gmail account of them.

56
 Figure 4.4. Type a student’s Gmail
account

Step 5: Click “Send” to share the link to your students.

Figure 4.5. Send button

Step 6: If you want to restrict the link, click “the arrow” beside of the “Anyone with the link”.

Figure 4.6. Access the link

Step 7: Select “Only people added can access” to restrict the link.
57
 Figure 4.7. Restrict the link

4.2. Collaborating the assignment with students

There are three accessible types to access the link.
1. Can View -> Member can only view the file and cannot edit and share with others.
2. Can Comment -> Member can make comments and suggestions, but cannot change or
share the file with others.
3. Can Edit -> Member can edit and share to others.

Figure 4.8. Accessable Right

After sharing the assignment, the student/member, with whom the link is shared, can receive
the file and collaborate to access the file.

58
 Figure 4.9. Collaborate with student

4.3. Adding/Inviting member to our team

Step 1: Click “Menu” and select “+invite members”.

Figure 4.10. Invite member

Step 2: After selecting “+invite members”, you will see as shown in Figure 4.11.

59
 Figure 4.11. Get invite link

Step 3: click “Get invite link” and copy it to share the link to the member.

Figure 4.12. Copy the link to share to

member

60
Step 4: if you want to invite via email, type the member’s Gmail as shown in figure 4.13. and
click “Send invitations”.

Figure 4.13. Invite with Gmail and send

to member

Annex I: Understanding the basics of images, audio files and video files
Image Basics
In this section, you will focus on the basic information for images which refer to digital
images. The purpose of this section is to gain understanding of images, audios and videos better
and they can choose the media suited more for the product and the Internet connection in
Myanmar when preparing instructional materials.
Pixel
According to Oxford Dictionary, pixel is the smallest unit of an image on a Television
and screen. Many pixels make up an image and the size of the image is usually specified
as width x height, in numbers of pixels. The physical size of the image, in inches or centimeters
or whatever, depends on the resolution of the device on which the image is displayed.

Resolution
The term resolution refers to how many pixels are displayed per inch of an image and
typically expressed as a horizontal x vertical measurement. Resolution is usually measured in
terms of DPI, which stands for dots per inch. An image will appear smaller (and generally
sharper) on a device with a higher resolution than on one with a lower resolution. It is important

61
to understand the distinction between this number, which expresses a preferred DPI for
displaying the image, and the size of the image, which gives the number of pixels in the image.

Transparency
Image transparency refers to an image that is clear and can take the effect of any images
behind it. For example, GIF and PNG are the image formats that support transparency while
JPEG or JPG does not.

Aspect Ratio
An aspect ratio is a proportional relationship between an image's width and height.
Essentially, it describes an image's shape. It is defined as a formula of width to height (3:2).
For example, a square image has an aspect ratio of 1:1, since the height and width are the same.

Most Common Image File Types

▪ PNG
PNG is short for “Portable Network Graphic” and mostly used by web designers as it
supports images/graphics with transparent backgrounds. PNG is also preferred for its
compression that is lossless, reducing file size with no loss in image quality.
▪ JPEG or JPG
The term JPEG itself actually refers to a standard for data compression (and the
organization that developed the standard), not a file format. It can store up to 24-bits of
color. Some Web browsers can display JPEG images inline (in particular, Netscape can),
but this feature is not a part of the HTML standard.
▪ GIF
GIF stands for “Graphics Interchange Format” and it is one of the most common image
formats on the web. It stores 1- to 8-bit images. Uses LZW compression. Inline images in
Web pages are usually GIFs.
▪ TIFF
TIFF stands for “Tagged Image File Format” and is a standard image format found in
most painting, imaging, and desktop publishing programs. It is very flexible, supports 1- to
24- bit images and several different compression schemes.
▪ BMP
BMP stands for Microsoft Windows Bitmap and is the main format supported by
Microsoft Windows. It stores 1-bit, 4-bit, 8-bit, and 24-bit images.

Audio and Audio File Formats

Audio refers to sound and commonly used to refer the sound that is recorded,
transmitted or reproduced. In addition, audio sound is within the acoustic range available to
humans. Audio files are records of captured sound that can be played back and most of them
are stored in a compressed form to save storage space while some are still stored in
uncompressed formats.

Popular Audio File Formats

▪ MP3
MP3 stands for “MPEG Audio Layer 3” and is the most popular audio file format
because of its compatibility with almost all digital devices such as PCs, Macs, Androids,

62
 iPhones, Smart TVs, etc. The compression feature of MP3 saves a lot of space while it still
maintains good quality of the original sound.
▪ WAV
WAV stands for “Waveform Audio File Format” and it is an uncompressed audio file
that stores waveform data. Though it can be compressed, the default is in uncompressed
format. WAV was developed by Microsoft and IBM and it runs mainly in Windows
operating systems although it can be opened in Mac systems without any issues.
▪ WMA
WMA stands for “Windows Media Audio”, is an alternative to MP3 file type and
supports lossless compression. It is less popular than MP3 as it can be used in Windows
operation system and accessible to Windows users only. Still, there are some workarounds
to open WMA files in other operating systems by installing third-party applications that
support WMA.

Video and Video File Formats (HD Vs Web-optimized)

Video is defined as an electronic medium to record, reproduce or broadcast of
moving visual images or graphics with or without audio. Video comes from the Latin verb
“videre” which means “to see” and it is used to connect more on an emotional level with the
audience.

Popular Video File Formats

▪ MP4
MP4 stands for “MPEG-4 Part 14” and is the most popular video file format because
of its compatibility with almost all digital devices such as PCs, Macs, Androids, iPhones,
Smart TVs, etc. MP4 still provides high quality video while maintaining small file sizes
though it is a lossy compression with which the quality gets worse after compression.
According to [Link], lossy compression is a technique that does not decompress
digital data back to 100% of the original. An MP4 format stores audio files, video files,
images and text.
▪ MOV
MOV stands for “QuickTime Movie” and was designed by Apple to support Mac’s
QuickTime player. It is compatible, with different versions of QuickTime player, across
platforms, both Mac and Windows. MOV stores high-quality video, audio and effects and
apparently, the sizes of MOV files are larger than those of MP4 are.
▪ WMV
WMV stands for “Windows Media Viewer”, and it offers good video quality as well as
big file sizes like MOV. As it is not compatible with Apple devices, users have to download
Windows Media Player for their iPhone or Mac devices. WMV applies a lossless
compression format and includes high-quality videos compressible to smaller sizes.

63