PQI 6065_17217867_Kavinesh_Microsoft Sway_ Module 1

MICROSOFT SWAY:
INTEGRATION OF

TECHNOLOGY
FOR BETTER
TEACHING &
LEARNING

KAVINESH VADIVELLU
ASSOCIATE PROF. DR. RAFIZA BINTI ABDUL RAZAK

DEPARTMENT OF CURRICULUM & INSTRUCTIONAL TECHNOLOGY,
FACULTY OF EDUCATION, UNIVERSITI MALAYA

MICROSOFT SWAY:INTEGRATION OF TECHNOLOGY
FOR BETTER TEACHING & LEARNING

TABLE OF CONTENTS

PART 1: INTRODUCTION………..………………….......4-13
1.1) The History on the Evolution of Presentation Tools…. ..….4-6
1.2) Microsoft Sway……………………………………….....7-9
1.3) The New Way of Materializing ideas into

Virtual Presentation…………………………………..10-12
1.2) Objectives & Learning Outcomes…………………...........13

PART 2: QUIRKS AND FEATURES IN
MICROSOFT SWAY…………………...……15-25

2.1) Benefits of Power Point………...………………….....15-18
2.2) Sway vs Power Point, What’s makes Sway

better?........…………………………………...............19-23
2.3) Accessibility and Platform for Microsoft Sway……..........24
2.4) Overview on the Features in Sway……….….………….25

PART 3: MICROSOFT SWAY: GETTING STARTED…....27-39
3.1) Sign Up or Sign in for Sway…...…………………...........27
3.2) Start Sway with [Create New] Icon…………………......28
3.3) Create Your Own Sway Presentation………………29-38

REFERENCES………………………………………...........39-41

Microsoft Sway History on the Evolution of
Presentation Tools
 What is Sway?
 How they  What are the
tools being used
functions? to present idea?

PART 1: INTRODUCTION  How
presentation
tools have
evolved over the
years?

New Way of Materializing & Learning Objectives
Sharing ideas into Virtual
Presentation  What are the

 What can be done objectives need to
with Sway?
achieve upon
 What makes Sway
a good alternative going through this
to PowerPoint?
E-Book?
Learning Outcome

 Able to
understand the
functions and
design own Sway
presentations?

PART 1: INTRODUCTION

1.1) THE HISTORY ON THE EVOLUTION OF
PRESENTATION TOOLS

 Ever since humans have

inhabited this planet,
emphasis to convey and
present the information to one
person to another person has
been pretty much vital for
survival in the form of images
or even verbal.

 Presentation has became

part of humans life taking the
center stage in spreading
information as the process
of communication has been
evolving all the way.

1.1) THE HISTORY ON THE EVOLUTION OF
PRESENTATION TOOLS

 Even though, we are keep

progressing to keep Timeline on
The Evolution
improving our
of
presentation skills using Presentation

the top-notch technology Tools Tools

and application based

presentation tools.

1350
BAR GRAPH

FRANCE, NICOLAS ORESME,
‘The Latitude of Forms’

1653
BLACKBOARD

EUROPE. JOHANN AMOS COMENIUS’
‘Visible World in Pictures’

1842
COMIC

SWITZERLAND, RODOLPHE TOPFFER
‘The Adventure of Mr.Obadiah Oldbuck’

 if it wasn’t for the
groundbreaking presentation
tools that being utilized in the
past, we would not be having
the privilege to utilize current
and digitalized presentation
tools today.

1.1) THE HISTORY ON THE EVOLUTION OF
PRESENTATION TOOLS

1945
OVERHEAD PROJECTOR

1950
SLIDE PROJECTOR

1987
POWERPOINT

2009
WEB BASED APPS (PREZI)

 In August 2015, Microsoft created Sway as part
of web application presentation tool which
became provide the convenient factor to the users
to do presentation visually pleasant and redefine
the term ‘mesmerized’

1.2) MICROSOFT SWAY

 Sway is a presentation web-based program that being
developed by Microsoft as a new attempt to offer a
lightweight, cloud-computing and digital story-telling
that is easier to use.

Sway revolutionize the way of presenting ideas
and visions into more cherishing way

 As ‘the new way of materializing ideas into Virtual
presentation’, Sway offers the new approach of
expressing your ideas by integrating images, video,
and text into online presentations which can be
accessed throughout smart devices such as Laptop,
Smartphone and Tablet.

1.2) MICROSOFT SWAY

 The contents being created is called as ‘Sways’ that can
be done online and will be saved automatically into
the cloud.

The presentation created will be visible in the front
page of My Sway’s in the ‘Edited’ part

 Sway can be said the best possible solution for easy
and spontaneous working creating and editing
documents in the form of digital storytelling which
results in splendid work of art without acquiring design
or technical knowledge.

1.2) MICROSOFT SWAY  Unlike
PowerPoint,
 A Good 21st documents or
Century presentations
Learning Design created in Sway
Tool automatically
stored in the
cloud

 Unlike  can be shared
PowerPoint, and embedded in
documents or websites among
presentations multiple users.
created in Sway
automatically
stored in the
cloud

 Understanding the features in the Sway by integrating
using videos, texts and images, students configuring
each functions will be easier and they are also evolve
to be the 21st Century Design learners.

1.3) THE NEW WAY OF MATERIALIZING & SHARING
IDEAS INTO VIRTUAL PRESENTATION

 Functions and features in Sway is not as much as in
PowerPoint.

 Is an user-friendly program and only necessary
features are available which makes the application
less complicated.

All the features are in the front
page which makes easier just by

clicking ‘Insert’ Tab.

 Sway is a very the fastest growing educational
application in Microsoft’s history.

 Sway became an essential tool for a new culture of
collaboration that is developing across organizations.

 As remote teaching and learning process becomes
predominant, modern tools like Sway mostly needed
for modern day teaching and learning experience

 Thematic learning using Sway is one of the models
in the integrated learning, which is a learning
system that allows both individual and active
groups, to explore and find the concept and
scientific principles holistically, meaningfully and
authentically.

Audio Recording is the special
feature that can be done to make

the presentation more lively.

 Sway can be produced and shared in engaging
online presentations, newsletters, stories and
reports.

Presentations

Newsletters

Stories

Reports

 Sway delivers an unifying approach for modern
teaching and learning experience across Microsoft
365 (formerly Office 365).

 Sway stores contents in the cloud storage such as
OneDrive.

1.4) OBJECTIVES & LEARNING OUTCOMES

A. Objectives

 To introduce to participants
with Microsoft Sway along
with its’ quirks and features
as well as functionality.

 To comprehend to produce
Sway Presentation by
following instructions one
step at a time.

B. Learning Outcomes

 After going through this E-book,
participants are able:

 To comprehend on utilizing
Microsoft Sway as an alternative
to Microsoft Power Point.

 To understand the fundamentals of
Sway and important features that
is a must-knowing order to create
a storyline as well as designing
own version of Sway.

Note:
‘The purpose of this E-Book is to provide the

fundamental knowledge and skills to become the
Microsoft Sway Expert and elevate to be the 21ST

Century Learner as well’.

Sway VS PowerPoint- Benefits of Sway
What’s the difference?
 Tranquil
 Layout Customization
 Template
 Designing Your  Easy Presentation
sharing
Presentation
 Sharing &  Efficient tool to
export your
Collaboration design.

PART2:QUIRKSAND FEATURESIN  Cloud storage
SWAY

Accessibility & Platform for Overview of
Sway Features in Sway

 Smart Devices  Key features and
 How Sway can be functions available
in the interface of
accessed? Sway

Features
in Sway

PART 2: QUIRKS & FEATURES IN
MICROSOFT SWAY

2.1) BENEFITS OF SWAY

 PowerPoint- large and heavy app along with
wide utilization.

 Sway-web-based, cloud data storing tool that is
pleasant to utilize.

 Inclusion of new feature named ‘Analytics’.
 Convenient utilization and tranquil customization.
 Acts as an uncomplicated communicating medium.
 Simple distribution of presentation outcome.
 Resourceful and operative association.
 All the works can be stored in data storage.

123 4

3 Tranquil
2 customization

1 1. Can make changes to
your presentation
You can decorate your ‘storyline’ by just clicking
storyline as you wish on ‘Customize’ Tab.

2. Then, you can choose the
types of layouts which will
go along with the
storyline design.

3. Sway automatically
design your storyline for
you.

PART 2: QUIRKS & FEATURES IN
MICROSOFT SWAY

2.1) BENEFITS OF SWAY 3 4
12

Easy
Presentation

sharing

1

Your design can
shared with ease to
anyone preferred.

2

3

1. Just by clicking ‘Share’, you can share your work.
2. You can send to the people you wish to share your

content.
3. You can get the visual link to share your content

via email Google Drive as well as get embed
code.

PART 2: QUIRKS & FEATURES IN
MICROSOFT SWAY

2.1) BENEFITS OF SWAY 3 4
12

Efficient tool to
Export your design

1

2

1. You can export your presentation easily without
requiring any additional functions.

2. Very convenient to convert your ‘Sway’ storyline
into ‘Word’ or ‘PDF’ format’ respectively.

PART 2: QUIRKS & FEATURES IN
MICROSOFT SWAY

2.1) BENEFITS OF SWAY 3 4
12

Cloud
storage

You can access to work
on ‘Sway’ by clicking on

‘Recent’ Tab

1. Whenever a ‘Sway; storyline is created, it
automatically stores in your Microsoft account/
Organization/ educational institution account.

2. Not required to store in multiple places or drivers
which is very convenient to create/edit your ‘Sway’
presentation just by login to your account.

2.2) SWAY VS
PowerPoint

What’s makes Sway better?

a) Creating Content

I Layouts
Sway

 Sway offers three different Can customize the your content
layout options for how the with 3 layouts
content is presented: vertical
(like scrolling through a
webpage), horizontal (continuous
scroll sideways), and Slideshow
(similar to PowerPoint). You can
switch between layouts in the
“Design” tab as well.

PowerPoint

You can
choose the
layouts by
clicking on
‘Layout’ Tab

 PowerPoint presentations can only be created in slideshow format.
However, some features and effects can be used to make a
presentation seem continuous.

 For example, you can add transitions and timers to run through
presentations automatically.

ii Templates
Sway

Can
customize
your Sway
by clicking
‘Styles’ Tab.

SwaSywoafyfeorfsfelimrsitleimditteedmtpelmatpelsa. tIetsc.an be checked out the My Sways page to
explIot recanmobre cohnecthkedvaoruiat titohne o‘Mf ytemSwplaaytess’ paavagielabtole.exMpolorreeovmero,retheonfinthael
outcovamreiastcioann oaflstoemsapvleataens aevnatirileabSlwea. y presentation as a template as well.
 Moreover, the final outcomes can also save an entire Sway presentation

as a template as well.

PowerPoint

 PowerPoint have thousands of templates which simplify and speed up
your work.

 In addition, you are able to a single style to your future presentation at
once.

iii Designing a Presentation
Sway

 When using Sway, you will acknowledge that it is attentive a lot on visual
illustrations of what you are trying to get across.

 It can be said that the best way to do that is to have good quality pictures
and images. In addition, inserting images is easy as well as uploading all
type of files and documents.

PowerPoint

 As in the PowerPoint, the Fun
content of the presentation Facts
can be added manually.
The design can be
 PowerPoint can be utilized to edited and changed
add various types of content based on own
to make the presentation preferences on each
visually interactive by and every slide
inserting images, charts and being created.
graphs, audio and video
files, as well as import files
and even 3D objects can be
inserted to the slides

iv Sharing & Collaboration 1
Sway
Can let others know
3 about the design
created

2

1. Can share with colleagues and friends just by clicking
the "Share" button to get direct link to the
presentation.

2. Link with a unique URL (www.sway.com/...) is easy
to send by email or through social networks

3. Since Sway is a web-based presentation with the
“Get Embed code" menu, access will be given to
partners access to collaborate on the Sway slide in
which you can control those who access your
presentation using any devices.

iv Sharing & Collaboration
PowerPoint

 Sharing can be done via email or links if and only if have an Office
365 subscription.

 With an Office 365 license, collaboration with multiple users at the
same time can happen.

 However, Before sending off, the content should be locked it if the
recipient not wish not to edit it followed by Save it as a PDF, or send
or upload to a site where it can be shared.

2.3 ACCESSIBILITY & PLATFORM FOR SWAY
 It can be said that even if presentation in the form of digital storytelling with

continuous and cohesive layout to be created on a desktop, it’ll scale to be
viewable on a mobile device or tablet.
 Having with just Microsoft account which is free sign-up, You as digital user
have the privilege to share one’s thought and creativity into digital
storytelling presentation across any digital smart devices.

The following are the Platforms that can be utilized to access Sway:

Moment
of Facts

 Whenever accessing Sway using web
‘www.Sway.office.com/’, the action can be done using PC,
laptop, tablet and Android smartphones as well which
is entire FREE!!! just by activating a Microsoft account.

 When using Windows 10 which can be acquired through
Windows Store.

 Sway is exclusively available for iPhone and iPad both
in portrait and landscape view mode.

2.4 OVERVIEW ON THE FEATURES IN SWAY Get a sneak
peek about
Redirecting to creating Sway
Sway Homepage
Explore more on
Home button of Begin to do from other options
Microsoft Office blank document

web app

Begin to Outline to be created Begin to create presentation
create from a by Sway upon start by by importing from
blank Sway
providing a topic PowerPoint, Word or PDF
Sway created &
edited recently Sway viewed the Sway Presentation
moment signed in that being sent to

recycle bin

Details of Sway that
being shared

Create
my own
Sway

Sign up or Sign in to Start
Creating Sway

PART 3: Microsoft Sway: Getting  Step by step
Started instruction to
create Microsoft
account.

 Login to Sway

Start Sway with Create Your Own Sway
[Create New] Icon Presentation

 How to start ‘Sway’  Acknowledge on
with ‘Create New’ how to create
‘Storyline’.

 Name Sway Title.
 Include Images,

Audio and files into
Sway Presentation.
 Customize Sway
Design.

PART 3: MICROSOFT SWAY: GETTING
STARTED

3.1 SIGN UP OR SIGN IN TO START CREATING (MICROSOFT
OFFICE 2016)

 Kindly visit portal.office.com to get started with Sway.
 Then, click ‘Sign in’ icon located on the top right corner by key

in full email id and password.

Create or Login to
start

 When directed to the website, key in your email address
that intended to use that was originated from Microsoft
Account that comprises Hotmail and Outlook.com.

 If Sway is required for work or education purpose, you
can enter your school or organization’s email address to
have the full experience on virtual presentation.

 In case there is neither of these options are available, you
always can visit www.microsoft.com/account to ‘sign
up’ with zero charges.

PART 3: MICROSOFT SWAY: GETTING
STARTED

3.2 START SWAY WITH (CREATE NEW) ICON

Create a
presentation by
clicking ‘Create New’

 When displaying ‘My Sways’ page that opens after
you’ve signed in, click or tap ‘Create New’ to start
creating your Sway storyline.

 When ‘start from a topic’, to have Sway provide base
content for you. Type your topic in the Enter a topic box
and then select ‘Create outline’.

 When Start from a document, to import content from an
existing file. Browse to and select the file, and then
select ‘Open’.
**Vital Note:
If Sway can’t discover sufficient infos for the topic, then it

recommends related topics. Select the most relevant topic,
and then select ‘Create Outline’.

3.3 CREATE YOUR OWN SWAY PRESENTATION

Start By Knowing Sway Storyline

 The Storyline is the place where typing, inserting, editing, as well as formatting
the content that tells the story takes the center stage.

 The content is organized in sequential order through addition of cards, whereby
each of which holds the type of content that desired such as text, images, videos,
and even office documents.

 The order of cards can be rearranged at any time to suit the needs.

Naming the Title

 Click the ‘Title your Sway’ placeholder text shown in the first card on the
Storyline above and then type meaningful description.

 Sway presentation will be focusing on which story. After that, the moment the
finished Sway product is about to be shared, this title will be the first thing that
will appear for every person that are viewing the Sway presentation.

Include Text, Images Audios and Documents to Sway ‘Storyline’

1

2

3
45

1. Usually, you can copy and paste / drag and drop the
images.

2. Click on the ‘Text Card’ to customize your text format.
3. Able to format images; resize or even remove it.
4. In order to include to your Sway like text, images, or

videos, click or tap the ‘+’ icon at the bottom of the
existing card.
5. Then, drag and drop text and images right onto own
Storyline can be done immediately.

Add Content to Your Sway 2
1

3

1. You can add more contents to your Sway ‘Card’ just by
clicking ‘Suggested’ Tab for Sway to find out for you.

2. On the menu bar, click ‘Insert’, select the preferred content
source from the menu, and then enter any search keyword
or phrase into the ‘Search sources’ box.

3. You can use other search engines such as:
 Flickr
 Bing Images
 Pickit

Add Content to Your Sway

4
5

4. You can add more contents to your Sway ‘Card’ by surfing
into YouTube to make more visually pleasant.

5. The image got by searching the suggestion box can be
added as an additional content to Sway presentation, such
as an image that is stored on computer or mobile device.

 Sway can also search the Web for the most relevant content,
such as videos, and add it to presentation as well.

Embed a Form in Sway Presentation

1. In Microsoft Forms, open and create the form you want to embed in
Sway

Create your questions
accordingly

2. Once complete your form , click ‘Share’

Click on the ‘Share’
Tab that placed on
top right corner of

the application

Click ‘Share as a
template’ if prefer to

get the link only

Embed a Form in Sway Presentation
3. Click the ‘Embed’ icon
4. Then, click Copy next to the text box that displays the embed code.

1

2

1. Before copy the link, make sure specify that who does
has the access to view or edit the Form.

2. Then, click ‘Copy’ to paste in the Sway Presentation.

5. Open your Sway. Go to ‘Sway.com’ and sign in. Open the Sway
portion that you wish to add your form in the cards pane.

Click on the ‘Embed’
button to paste the

copied link.

Embed a Form in Sway Presentation
6. Paste the embedded code from the Form into the ‘Cards’ Pane.

Make sure the link copied can
be shared by the particular

person to access

7. Click ‘Play’ to preview in Sway to see how your form looks in place
in the Sway.

Make sure the Form
is visible in the

design ‘Preview’ of
your presentation

Preview Sway Presentation Design

 The Sway presentation progress can be previewed at
anytime by clicking the ‘Design tab’.

 When previewing own Sway, it can be seen that how it
will appear to others when decided to share it.

 To fully experience the Sway presentation, click the
‘Play’ button on the top menu bar.

 To return to the presentation when done previewing,
click the ‘Storyline’ button.

Sway opens a panel on the
left that gives you options to
quickly redesign your Sway

 Convenient to change the looks of all the content of
your presentation, you can select different themes for
your Sway, depending on what pleases your eye and
what meets your storyline’s flow or conceptualizations.

Customize Design Styles of Sway 2
3
1

1. To pick a style to make the Sway looks visually
pleasant, click ‘Design’ on the menu bar, and then
select ‘Styles’.

2. Then, to choose a random look and mood at any time,
click the ‘Remix!’ button until suitable design and
layout is found.

3. Specific part of the currently applied style also can be
adjusted, such as color, font, and textures, by clicking
the ‘Customize’ button in the Styles pane.

Fun Facts  ‘Remix’ can be said
an Artificial
Intelligence (A.I)
type of operation
whereby it design
your presentation
based on your
contents.

Play & Experience Movie Like Presentation

 It is the final outcome from Sway’s Presentation that
cherishes the entire contents and interesting to witness
respective craftmanship like an Theatre Audience.

REFERENCES

1. Leitner, S. (2015, June 25). Powerpoint vs. Sway: What’s the

difference? Blog.Goptg.Com.

https://blog.goptg.com/blog/2015/06/25/sway-vs-

powerpoint

2. (2017b, November 14). INFOGRAPHIC: The History of

Presentation Tools. Present Better.

https://24slides.com/presentbetter/infographic-history-

presentation-tools/

3. N. (2020, April 22). Sway vs PowerPoint: Which Presentation
Software Will You Choose Next? MonsterPost.
https://www.templatemonster.com/blog/sway-vs-powerpoint/

4. Office Sway | CaTS | Information Technology | Wright State

University. (2017). Www.Wright.Edu.

https://www.wright.edu/information-

technology/services/office-sway

5. Wihartanti, L. V. (2017, June 1). Development of e-Learning
Microsoft Sway as Innovation of Local Culture-Based Learning
Media | Wihartanti | Dinamika Pendidikan.
Journal.Unnes.Ac.Id.
https://journal.unnes.ac.id/nju/index.php/DP/article/view/10
582/6607

6. Woodgate, R. (2019, February 5). What is Microsoft Sway,
and What Can I Do with It? How-To Geek.
https://www.howtogeek.com/404119/what-is-microsoft-
sway/