Ezzatty Athirah Arshad Associate Prof. Dr. Rafiza Abdul Razak
SMART TEACHING,
MORE
PRODUCTIVITY
1
Department of Curriculum & Instructional Technology, Faculty of Education Universiti Malaya
Table of Contents
Objective 3
4
Learning Outcome
5
Introduction 6
13
Platform use Sways
Sways VS Power Points 15
Advantages
30
Application of Sways 34
37
Features 41
Step to Create Presentation Slide using :
‘Create New’
Start from a topic
Start from adocument
References
2
Objective
To know the role of Microsoft Sway software and
basic functions
To acknowledge the advantages of Sway.
To understand the basic steps to create
presentation slide on Sway by using “create
new”.
3
Learning Outcome
After going through this workshop, you
will be able to:
Understand the basic
function and
advantages of Sway.
Create basic presentation
slide of Sway by using
“create new” step by step
4
Introduction
Microsoft Sway is a latest presentation tool had been
released by Microsoft company. Sway would not require
an office 365 subscription. Sway was developed
internally in late 2014. It generally releases in August
2015. All users who had Microsoft account to combine
text and media to create a presentable website. Sway can
make in newsletter, presentation slide and
documentation. The program also provides native
integration with other services, including YouTube,
Flicks, Bing Images, Mixcloud, and Pickit.
5
Platform use Sway
Smartphone Tablet
(Android/
windows
IOS)
6
Webpages
Sway Power Points
Vertical Layout Slide Show
Horizontal
Slide Show Template Many
templates &
Limited Online Create Own
available Collaboration
Not
Available available
Online Sharing Offline
Based
7
Layout
Sway and Power point have the differences and
similarity in term of layout, template, online
collaboration and sharing. For layout Microsoft
Sway have 3 difference layout which are vertical,
horizontal and slide shows. The similarity for Sway
and Power Point in layout is Slide show.
Template
Power Point has many templates can be used and you
also could create a template due to your own creativity.
Power Point more complex than Sway where is a lot of
design, transition and animation can be changed.
However, Sway has limit template. Within Sway, there
are few design templates called Styles. The word
template is almost too strong in this case where it
controls the overall design only. They work with all of
the layout choices and are customizable.
8
Online
Collaboration
Online collaboration is available in Sway. This working
when you have teams and need to collaborate. Since
Sway is cloud-based, it includes collaboration. You will
just need to make sure you select Edit in order as invite
people to section when creating a link and it applicable
to be edit by others people in same time that not in same
places. If you are using PowerPoint as part of an Office
365 license, you can collaborate with multiple users at
the same time. This feature is not available for the
standalone software.
9
Sharing
Sharing your PowerPoint presentations is dependent on
what version you are using. If you have an Office 365
subscription, you can easily share by email or link. If
you are using a desktop version of PowerPoint that not
connected to Office 365, you will have to save your
presentation and share it via email. Unless you lock the
presentation before sending, though, whoever you
share it with will get everything. If you want to send
only the final presentation your best options are to lock
the presentation so it cannot be edited, save as a PDF
and send, or upload to a site like SlideShare. With
Sway, you have a few options for who you can share
with specific people, your co-workers or anyone and
what access they will get either view only or edit. You
also can control whether or not they have access to
share it with others. No matter which options you pick,
though, you will need to send the recipients the link to
your Sway.
10
Power Point Template
11
Power Point Template
12
Advantages
Easily add content from anywhere
Add in photo, video and other multimedia in Sway
from anywhere sources is very helpful. It directly
uploaded to Sway without downloading. It saved
your time and devices memory. Sway is integrated
with your device and the web such as flickr,
Youtube, Sound cloud and etc.
Save time with effortless design
Limitation of template in Sway will save
your time due to think how to create
innovative presentation. With Sway, you
do not have to hardly design a template,
how the animation goes and the transition
of the layout. You just save the time with
effortless design in used Sway by thinking
the style to use sway.
13
Automatic saver
Sway is an application where it autosave. It
will save all the creation on it. Either you
forget to save or your multimedia devices
had problems such as freezes. With autosave
system, it removes risk and stops duplication
of work that you have to re-do when you lose
unsaved data.
14
Application of Sway
Features of Sway
Layout
In Sway you can pick from three different layouts to display your
content. Layout can be change at any time and leave it to Sway to make
that layout look good. The three layouts are Vertical, Horizontal and
Slideshow. You may use scrolling down for vertical layout, right to left
or left to right for horizontal layout and slide where you move through
frame by frame.
It use as usual slide
presentation.
Layout will scrolling-
down
Layout will move
from right to left
15
Styles
Sway offers seven core styles that differ in the way content is laid out,
in the use of decorators, image caption treatment, and in the use of color
and textures in the background. • A unique style
• Combines image filters
• Bold and sophisticated title
treatment and backgrounds
• A framed image treatment
and is left-aligned
• Optimized for photo album scenarios • Clean and elegant design
• Center-aligns text and images • Center-aligned text and
• Automatically arranges the images in the
images
best possible grid layout • Images one below the other.
• Expressive perspective style • Sophisticated title treatment
• Playful backgrounds and backgrounds
• Text back-planes
• Decorators • Framed image treatment
• Left-aligned text
• images are positioned side by
side, or one under the other
(available space)
• Modern design
• Left-aligned text
• Image layout is optimized to
fit available space
• Bold design attitude
• Rich variety of background
textures
• Vivid decorators
• Playful interplay between the
content and the background
• Non-formal Image
16
Card
Card is a container that contains text, images and videos. Cards being
used for had contents. In power point, it can call as layout design. Cards
can be in group card if you want make it specific classification.
Media Group
Text
17
Text
In power point, there are many variations of text styles you can choose
but Sway, you can have two type of text style which are heading and
text.
Heading Body
contents
Main
topic/ title text
Text
18
Media
Uploading a file from our devices by using media platform. Sharing
image, video, audio and embed link to have it in Sway. Others, you also
can record your voice if you want give an explanation.
Video Embed Upload
Image
Audio
Audio file
Insert an Directly Record
audio file record your
audio
19
Group
Group make contents more specific and arranged. You can classify
your materials by using group cards. Types of group cards are
automatic, grid, comparison, stack and slide show. Automatic can help
arranged your card automatically with an organized position design. In
Grid, your cards will be three picture or text in a row. Comparing image
or text in comparison card. Stack card can be used as queue card.
Slideshow be like normal presentation slide design.
Comparison Stack
Slideshow
Grid
Automatic
20
Automatic
Automatic card usually being group by automatic arrangement. Here
the examples of automatic cards.
Background Heading
Image card
delete
Group Group
Automatic type
Ungroup
card
Caption of
the pictures
21
Grid
You can have three contents in a row by using grid cards.
Background Heading Ungroup
images card
Medium
size view
Wide size
view
Group: grid Group Small size
Type view
View grid card
22
Comparison
Comparison card is use to compare two pictures/text.
Background Small size Wide size
view view
Heading
card
Ungroup Medium
size view
Comparison
Image A Image B
View of Comparison card
23
Stack Small size Wide size
view view
Stack card used to have flow of contents.
Background
Heading
card
Ungroup Medium
size view
Stack
View of Stack cards
24
Slide Show
You can use slide show cards like usually presentation tools. There
have three type for slide shows cards which are slide show, thumbnails
and continuous. The view of slide show will not show text contains.
Slide show
Thumbnails
Background Continuous
Small size Wide size
view view
Heading
card
Slideshow Medium
size view
25
Customize Styles
For a few additional design options, you need is to add an image with
that color to your Sway, pick that image in the color inspiration, and
Sway will generate color palette options for you to pick from. In
addition, here are three additional powerful functions that Sway
offers: The ability to pick from other font pairs that better fit your
preference or need, the ability to reduce or amplify the animation level
Sway offers, and the ability to change the text size.
Coloring layout by
inspiring from picture
uploaded
1
2 Color plates
Animation level can be control template being
suggest by Sway
Controlling text size
26
Remix Styles
At the top of the window, you will see a button named Remix. Tapping
this button will magically change your Sway's style and layout,
allowing you to quickly explore many alternatives. Once you find
something you like, you can go on and focus on creating your content
without spending more time on design decisions.
Changing style of Template
Storyline
The Storyline is what makes Sway unique. Unlike other Office
applications, Sway uses cards in which you create or import a variety
of content. A card is a sort of container that holds content within a
Sway presentation, similar to a placeholder in PowerPoint. The
arrangement of the cards determines the appearance of your Sway
presentation. You can easily rearrange the cards whenever you want
to modify the way your Sway looks.
27
Arranged the
story flowline
Play Button
Play button in sway is used to view the design had being created
without need to click your mouse.
play
28
Share Button
Using share button to share your work to Specific people or group,
those in organization with the link and anyone with a link. Besides,
you also can invite those people to view for permanent presentation
slide. You also may invite other people to edit Sway. It suitable for
group working task and helping to show cooperation. You can create
a password for view and edit for more safety.
Share with
people you want
View the design Sharing button
People Copying
invited to the link
View or Edit
Get embed link
Copy thumbnail
to paste in email
set password to
view or edit
29
Step to Create Presentation Slide using ‘Create New’
1 Click Create New
Generate presentation
from power point
Create New
Click here
Generate storyline
based on Wikipedia
2 Enter a title into the Title card
Fill in the title
30
3 Select Backgrounds to add a Internet searching picture
One-drive file
background image
Click the box or drag any
picture from your file
Upload from your
device
4 Select the + button to add a new card
Add new card
5 Select the type of card you want to add.
Options include Text, Media, or Group
31
Choose text style
Use for title
or highlight
topic
Media Use to elaboration
contents
Use for upload audio from
devices or Soundcloud
Directly to
upload from
devices
Upload image from Paste embed link
devices, search and
Upload video from devices, search
one-drive and one-drive
Many styles in a Style of layout
card
A style of
card
Presentation
slide style
Comparison style Contents with many
cards’ styles
6 Choose the subtype of the card to add. Such
as Heading, Image, or Grid. Sway will suggest
cards, as well.
32
7 Add content to the new card. Continue adding
cards and content until you have completed your
Sway.
8 Select a card to see more options. For instance, on
some cards, you can select focus points. On others,
you can set the emphasis for the entire card.
9 Rearrange cards if desired. Select a card and drag
it to the position you want it to appear.
10 Select Play to view your sway at any time.
33
Design Play
Share with people
Create Presentation Slide using ‘Start from a
topic’
Start from a topic generate your storyline from a topic you
pick. It takes the information from Wikipedia and generate
the storyline. You may edit it by rearranged, remove or
others.
1 Click Start from a topic Generate presentation
from power point
Create New
Click here
Generate storyline
based on Wikipedia
34
2 Enter a topic
Enter a topic
Topic will provide
from Wikipedia to
be started
Create outline
3 Select Backgrounds to add a
background image
35
Click the box or drag any
picture from your file
4 Add content to the new card. Continue adding
cards and content until you have completed your
Sway.
Add new card
5 Select a card to see more options. For instance, on
some cards, you can select focus points. On others,
you can set the emphasis for the entire card.
36
6
Rearrange cards if desired. Select a card and drag
it to the position you want it to appear.
7 Select Play to view your sway at any time.
Design Play
Share with people
Step to Create Presentation Slide using ‘Start from
a document
Start from a document let you uploading your any document
in your devices and being convert to Sway styles. So, you do
not need to make your work twice.
37
1 Click Start from a document
Create New Generate presentation
from power point
Click here
Generate storyline
based on Wikipedia
2 Choose a file from your device. Start from a
document
Choose a file
38
3 Select Backgrounds to add a
background image
Click the box or drag any
picture from your file
Add new card
4 Add content to the new card. Continue adding
cards and content until you have completed your
Sway.
5
Rearrange cards if desired. Select a card and drag
it to the position you want it to appear.
39
6 Select Play to view your sway at any time.
End of this step, you will have a set of presentation design tools
Title of sway
Design can be edit,
share or print
Contents
Storyline of Uploaded file
design
Text
contents
40
References
1. Goss, T. (02 December, 2020). How to Create a
Microsoft Sway Presentation. Retrieved from Lifewire:
https://www.lifewire.com/create-microsoft-sway-
presentation-4684680
2. Microsoft. (2020). How to Sway. Retrieved from
Microsoft Sway: https://sway.office.com/howtosway
3. Microsoft. (2020). Sway. (MIcrosoft) Retrieved 22
December, 2020, from https://sway.office.com
4. Palmetto Technology Group. (20 March, 2018). Sway vs.
PowerPoint: What's the difference? (Palmetto
Technology Group) Retrieved 22 December, 2020, from
https://blog.goptg.com/sway-vs-powerpoint-whats-the-
difference
5. Wikipedia Project. (01 December, 2020). Microsoft
Sway. (Wikipedia Foundation) Retrieved 22 December,
2020, from
https://en.wikipedia.org/wiki/Microsoft_Sway
41
42