YEOH SOCK HOOI MOHD ZUL HAZIQ BIN SAMTI NOORASIAH BT ZAINAL ABIDIN Empowering Quality of Le with Micros Tutorial on how to Start-up M Beginner Department of Curriculum a Faculty of Educati
ASSOCIATE PROF DR. RAFIZA ABDUL RAZAK DR. CHEE KEN NEE g the Learning soft Online Microsoft Online Software for nd Instructional Technology on University Malaya
Published by : Curriculum & Instru Technology Departm ( CITeD ) Faculty of Education University of Malay Copyright Curriculum & Instructional Technology Department ( CITeD ) Faculty of Education , University of Malaya DISTRIBU CITEDUM.C COP
uctional ment n, ya UTED DIGITAL VIA COM/INSIDE2020 YRIGHT
TRESS WELCOME TO MICROSOFT O USER GUIDE Hello world! This user guide i a basic tutorial for beginners use the Microsoft Sway, Whit their interactive teaching and are new to discover Microso (Microsoft Sway, Whiteboard powerful online tool that allo share information and interac during lessons. It’s really fun improve and innovate new te day. Hence, this ebook will sh up Microsoft online softwar Whiteboard and Team). So, d time and let’s explore more next chapte
SANDE O THE ONLINE is designed to provide or educators who will teboard and Team in d lesson. In case you oft online softwares d and Team), it is a ow you to create and ct with your students n and can help you to eaching method every how you how to start- re (Microsoft Sway, do not waste anymore and move towards the er.
TABLE OF CON CHAPTER 1 INTRODUCTION NAVIGATE SWAY CREATE SWAY ACCOUNT CREATE IN SWAY GET TO KNOW THE STORYLINE DESIGN IN SWAY SHARE YOUR SWAY CONCLUSION CHAPTER 2 INTRODUCTION LEARNING OBJECTIVE AND CON DOWNLOAD, INSTALL & SIGN IN HOW TO USE WRITE AND DRAW HOW TO ADD TEXT & NOTE-TAK ADDING DIGITAL CONTENT HOW TO USE SETTING MENU HOW TO SAVE, SHARE & EXPOR CONCLUSION CHAPTER 3 INTRODUCTION TEAMS CONTENT TEAMS PLATFORM ADVANTAGES HOW TO START A TEAMS CREATE,JOIN & SCHEDULE VID
NTENTS 1 2 3 5 7 9 10 11 NFIGURE 12 N 13 W 14 KING 16 19 RT 20 22 23 25 EO MEETING 26 27 27 27 28 31
GROW YOUR MICR
R CREATIVITY ROSOFT SWAY
Introduction Nowadays, educators should design their activities which can develop 21st-century skills for all the students. 21st century educators are about to teach with new technology tools which can inculcate concepts or contents to the students. And since develop 21st-century educators use digital multimedia to enhance their quality teaching and engage the students in the lesson. So, Sway is the best way to use in education with various interesting features and with Sway, it also can bring ideas to life in a new way. What Is Sway? Sway (https://sway.com), introduced as a free preview from Microsoft in October 2014. Sway is a web-based Microsoft Office tool that allows users to convey information as a portfolio, presentation, training reports, blog posts, newsletters, vacation stories, and training materials. Sway is also an app from Microsoft Office that easy to create and share an interactive lesson. Sway is available for free to all the users as part of the Office 365 Suite. Sways, using any browser on your personal computer (PC), Mac, or tablet. Sway also offers apps for Windows 10, the iPhone, and iPad. Additional, users can customize their Sway with headings, video, text, images and other content on a Sway storyline. Sway can be created from scratch, from a template, from a topic, or embed other Office files, such as Word, Excel, and PowerPoint documents, and even individual charts and tables from Excel. Content will create into sections called cards such as text card types, media card types and group card types which can be easily dragged and insert the information. Sway allows presenters, teachers, and students to visually organize the information they want to share and each Sway has its own link so that Sways can be shared easily on the web and through email or social media. 1
HOW TO USE MICROSOFT SWAY NAVIGATE SWAY Navigating Sway is a straightforward process after you understand its menu structure. The Sway menu options include the following: SWAY INSERT Open the My Sways page Insert content from OneDrive, where you can access the OneNote, Facebook, Flickr,Bing, Sways you've created as well PicHit, YouTube, or Twitter. as any sample Sways Microsoft Optionally, upload content provides. from yourcomputer. DESIGN CARD Add design elements with Insert a content card such as colour, typography, and texture. Text, or a Heading, Picture, Video,Tweet, or Embed card. REMIX! NAVIGATION—SPECIFY HOW YOU WANT OTHERS TO Apply a new design NAVIGATE YOUR SWAY BY automatically. If you don’t like selecting a layout. the new look, you can click Currently, only three options Remix! again for another option are available: a vertical layout or click Undo to return to your similar to a one-page website, previous look. a panorama layout similar to a slideshow, and a layout that’s UNDO/REDO optimized for presentation. Undo the last action. PLAY Repeat the last action Preview what your Sway will AUTHORS look like when published. View current authors or share an edit link with others. SHARE MORE OPTIONS Share your Sway with the Watch tutorial videos, view public, through social media the My Sways page, create channels(Facebook, Twitter, a new Sway, duplicate the and more), or via a link you current Sway, provide can provide to specificpeople. feedback, or sign out. Optionally, you can also embed your Sway on a website. Where Is the Save Button? GO MOILE WITH SWAY Sway continuously saves your Sway works in all modern mobile content without any action on browsers, regardless of platform. your part, so there is no need for a Save button. SWAY.OFFICE.COM Visit sway.office.com in any mobile browser, no matter what the platform or device. SWAY FOR WINDOWS 10 Find the free Sway app for your Windows 10 device in the Microsoft Store. 2
In this topic, you discover how to create a Tour of free Sway account, create and import Sways, Microsoft Sway. and explore Sway navigation. Specific topics include the following: ➔ Creating a Sway account ➔ Finding your way around Sway ➔ Creating a new Sway ➔ Signing in and out of Sway Getting Started with Office Sway Getting started with Sway is easy—sign up using your Microsoft account and begin designing. You can create a Sway from scratch or convert a Word document, PowerPoint presentation, or PDF to Sway. If you’re not sure where to begin, view sample template Sways to discover how they were designed and use these for inspiration or as a template for your own Sways. 01 Creating Sway Account Creating a sway account is a simple, straightforward process. All you need is a Microsoft account and access to the Internet through your computer or iOS mobile device. Create a Sway Account You can quickly create a free account on Sway (https://sway.com). When complete create your account, you open a blank Sway canvas at the same time. Sign in 1.Navigate to https://sway.com in your browser, and then click the Get Started button. 2. Enter the email address of the Microsoft account that you want to use with Sway. 3. Click the Next button. 4. Enter your password. 5. If you want to remain signed in, select the Keep Me Signed In check box. 3
Creating a Sway Account Should You Stay Signed In? Only select the Keep Me Signed In check box if you’re using your own computer that no one else has access to. Don’t select this option if you’re using a public computer. 6. Click the Sign In button. 7. Click the Get Started button. 8. The My Sways page opens, with sample Sways displayed. Connect from Microsoft 365 If you’re already working online within your organization’s Microsoft 365 environment, you can connect to the Sway home page from the app launcher. 1. Select the app launcher icon in Office 365 at the top left of the browser window. 2. Select Sway from the Apps list. If you do not see Sway, select All apps. From the app launcher, select All apps to see an alphabetical list of the Microsoft 365 apps available to you. From there, you can also search for a specific app that you want. Note: If you prefer to use an app, the Sway app is available for 4 Windows 10 devices. You can find the free Sway app for your Windows 10 device in the Microsoft Store.
Finding Your Way Tour of Around Sway Microsoft Sway. 02 Creat in Sway Start creating You can create a new Sway from scratch, from a topic, from a template or from content in an existing file. Create a New Sway from Scratch The most common way to create a new Sway is from scratch. You start with a blank canvas and add your own creative sway. 1.Click Sway if you aren’t already on the My Sways page. 2.Click Create New to start from scratch. 3. A blank Sway storyline with a title card opens; enter a title for your new Sway. Start from a topic Sway has provided base content for you. Type your topic in the Enter a topic box, and then select Create outline. Note: If Sway can’t find enough public data for the topic, Sway suggests related topics. Select the most relevant topic, and then select Create Outline. The content from Sway Powered by Wikipedia. Create a New Sway from a Template 1.Open Sway and select one of the suitable template under Start from a Template. 2.Select Start Editing This Sway. Wait for your template to oprepare. It will open as a new Sway with sample content in place. 5
Creat in Sway Create a New Sway by Importing Content Sway has an amazing function that you can import content from an existing file such as from Word, PowerPoint, or a PDF. Sway converts this content into cards on the storyline, which you can then modify. 1. Click Sway, if you aren’t already on the My Sways page. 2. Click start from a Document. 3. In the Open dialog box, select the file you want to import. 4. Click the Open button. 5. Sway displays the imported content on a new storyline; edit this content as desired. It’s Not All Good Importing Limitations Not all content converts well to the Sway format. For example, each PowerPoint slide normally converts separate to a storyline card in Sway. A Word document with extensive text, however, might not convert as well. So, you can always try importing and then analyze the results. 6
Get to know the 03 Storyline Start with Storyline The Storyline is where you type, insert, edit, and format the content that tells your story. Here are some Storyline basics: Content is arranged in sequential order by adding “cards.” Each card holds the type of content you want—such as text, images, videos, and even Office documents. You can rearrange the cards at any time. Give your Sway a title 1.Select the Title your Sway placeholder text shown in the first card on the Storyline. 2.Type a short description of what your Sway is all about. Add a New Section When you add a new heading it creates a new section. Click on Cards and choose Heading. You can add an image to a heading if you want. You can drag and drop cards to move them between sections at any time to suit your needs. Add Text 1. Select the + icon at the bottom of the card you want to add content after. 2. Click on Text 3. You can edit the text in the box or include a link 7
Get to know the Storyline Gt to know the Add Photo or video 1.Click on the plus button, or click on cards and choose the picture. 2.Choose the image by searching the various searches. You can drag and drop yourimage. 3. You can add a caption if you want. The layout may change how the caption appears. Focus Points: Tells Sway what the most important parts of a photo are, this means that they will always be in focus on that part. 4. Add a video in the same way, you can paste in a URL or search videos on YouTube. 5. You can add audio by importing from your computer deivice. Groups 1.Click the + icon at the bottom of the card you want to add content after. 2.Automatic will group any type of media into what it deems best. 3. Grid organises the images in a grid layout. 4.Comparison will create a pile of images that the viewer can look through. 5.Stack takes two images and overlays them, the viewer can move a slider to switch between images. 6.A slideshow is a standard slideshow of images. Find content to add to your Sway You can search and add additional content to your Sway, such as an image that is stored on your computer or mobile device. Sway can also search the web for relevant content, and add it to your Sway. 1.Select Insert on the menu bar. 2.Select the content source menu, and then select the content source you want to search. 3.Type any search keyword or phrase into the Search sources box. 4.Select Search The Office Support site Toggle Search button. 8
04 Design in Sway Tour of Microsoft Sway. Change the Design 1. In the Design tab on the menu bar, select Styles. 2. Select the theme you want. 3. Select Customize in the Styles pane to adjust a specific part of the currently applied theme, such as colors, typography and textures. Remix Button Select Remix button at the top of the pane. Tapping this button will magically change your Sway's style and layout, allowing you to quickly explore many alternatives. Select Remix! repeatedly until you find a design that suits your taste. Tip: Select the Undo button or press Ctrl + Z to go back to a previous option. Change the Layout Select the Design tab on the menu bar. In the Styles pane, select whether your content should scroll vertically, scroll horizontally, or appear like a presentation. Preview and Edit your Sway Give your Sway presentation a good look before you share it with others. Customize the appearance further by changing the style. When preview the Sway, you can see how it will appear to others when you share it. 1.Preview your work in progress at any time by clicking the Design tab. 2.Select Play in the upper-right corner menu bar to fully experience your Sway. 3. Select Edit to return to Storyline after Play mode. 9
05 Share your Sway Tour of Microsoft Sway. It’s easy to share your finished Sways. Family, friends, classmates, and coworkers can see your creations on the web without signing up, signing in, or downloading anything. Select Share on the top menu bar to view sharing options, including: A shareable link, A visual link with a preview of the Sway Direct share to Facebook, Twitter, or LinkedIn, and An embed code. 06 Signing Out One of the benefits of using Sway is the ability to access it from any computer, tablet, or smartphone. You can sway into say as long as you have an Internet connection. You can also sign out when you no longer want to work with your account. If you’re using Sway on a public computer or a computer that other people have access to, you should sign out of your account when you’re finished. Otherwise, you might want to stay signed in. 1. Click More Options (…). 2. Select Sign Out THE END OF MICROSOFT SWAY TOUR 10
Get Started with Sway Today !! Nowadays, Sway is really interesting ways for educators to create their lesson. Educators are always looking for new, easy-to-use tools to liven up the classroom and enhance the quality of their teaching. Sway is helping teachers engage their students, parents, and other teachers in exciting new ways—all while saving time and helping them focus on the important work they do in and around the classroom. Sway makes it simple and easy to create and share an interactive and multimedia-rich canvas that bring your ideas to life. It’s been amazing to see the variety of Sways created by educators, students, travellers, hobbyists, small business employees and more to share their passions, stories and expertise. Sway is also integrated into the web-based Office Online, so it’s easy to switch between Sway and other familiar Office apps and Office 365 services in your browser and at Office.com. 11
MICROSO WHITEBO
OFT OARD
Introduction Microsoft Whiteboard is a Microsoft Whiteboard which free-form, digital canvas was there with the surface where people, content, and hub, app can be download ideas come together. It's a and installed through the collaborative digital canvas platform in Window 10 and in Microsoft 365 that allows iOS. Microsoft users to quickly share ideas with other people In addition, the function of to increase productivity Whiteboard can practice within the team. drawing, inserting image, documents and creating It enhances the traditional tables using touch, digital pen, and keyboard. whiteboard concept with real- Remote brainstorming and time idea sharing and project planning meetings will be more efficient than collaborating with ever when using Whiteboard skills taught in teammates. By using this this training. tool, people can be anywhere, Home, Office, board room, desk, or they can join while travelling. Besides, it is also a useful tool for faculty to illustrate learning materials for students and to drive an interactive lesson from the front of the classroom on a large display. This tool also learn how to arrange, create and share whiteboard collaboratively across devices. Whiteboard supports multiple devices such as mobile phone, tabs, laptops or smartboard design. 12
13
Tour of Microsoft Wh A STEP-BY-ST 01 Download, insta sign in through the app People can sign in to Micr through office.com or whi The web version of Micros have all of the same featu Whiteboard applications.
hiteboard TEP GUIDE ll and sign in Sign in through the web rosoft Whiteboard iteboard.microsoft.com. soft Whiteboard does not ures as Microsoft's 14
A STEP-BY-ST MICROSOFT WHITE Microsoft Whiteb web and within The features tha Teams include P objects, share lin Microsoft Whiteb collaboration wi select Microsoft option within Mi together. OMICROSOFT WHITEBOARD These do the following: 1.Takes you back to the start page, where you can swap to other boards or create new ones. 2.Shows you the sharing options for the board. 3.Takes you to your account details, where you can sign out or switch to another account. 4.Opens the Whiteboard app settings. 5.Opens the creation tools.
TEP GUIDE ONEBOARD WEB board general availability for the Microsoft Teams. at are coming to Whiteboard on Pen devices, Sticky Notes, Text nk and export image (PNG). board is also an option for ithin Microsoft Teams. People can Whiteboard from the share icrosoft Teams and begin working ON APP 15
A STEP-BY-ST 02 How to Write an We’re going to focus on the crea To get started, click the Inking to The creation tool will n Here’s what each of these tools do 1.Closes the Inking tools. 2.The pens you can use to draw the board. 3.The Eraser tool. 4.A ruler for drawing straight line any angle. 5.A Lasso tool for selecting elem on the board. 6.The Undo and redo actions. There are six tools shown in th Click a pen and start to draw using a touchscreen, you can On a non-touchscreen, yo trackpad. Easy to select and colors available.
TEP GUIDE nd Draw ation tools, shown below. ool on the left. now display the Inking tools. o: w on es at ments he image above. w or write on the board. If you’re n use your finger or a stylus. ou can use your mouse or d a wider range of pens and 16
To alter the colour or width of a pen, click the black dot at the top of the pan and select from the options in the menu. The Lasso tool allows you to select one or more elements on the board. Just drag the tool around the elements you want to select. You can then either move them together or delete them.
ON-SCREEN RULER There is an on-screen ruler in Whiteboard where you can draw straight lines. Also, this ruler is easily rotatable, where it helps to underline in different angles and draw shapes using a pen. Click the tool, a ruler appears and then can change the angle by using mouse's scroll wheel to change (on a non- touchscreen) or using two fingers to rotate it (on touchscreen). Select a pen color and sketch on the ruler to create a straight line in your canvas. 17 A STEP-BY-STEP GUIDE
Next, write some text and then select it with the Lasso tool to bring up the context menu. Click the Ink Beautification button on the context menu. This turns your text into something much more readable, but it’s still more like handwriting than a traditional font. Next, When finished drawing or writing, click the Done Inking option to return to the creation tool.
Whiteboard has a brilliant tool called Ink Beautification that turns your scrawl into an elegant font at the touch of a button. The canvas is infinite. Zoom in or out on the Whiteboard by using two fingers and pinching in or out. You can also double tap on blank white space to view the entire canvas at once. 18 A STEP-BY-STEP GUIDE
03 How to add Text To add them to your board, Note option on the toolbar. A text bar or note will be add context menu that allows yo colour, and so on. Then, click around the board or resize a A STEP-BY-STEP GUIDE
t and Note-Taking click the Add Text or Add ded to the board with a ou to write on it, change the k the note or text to drag it and also rotate it. 19
03 Adding digit The digital whiteboard lies in its content, such as local images, on because once digital content is p annotate on them easily to aid o How to Add Images To add one, click the Image Menu option on the toolbar. Images can be added from different source and shown in the image below. Then, can click the image to drag it around the board or resize it. Use Bing image search in a Whiteboard session. The integrated online image search i especially useful for brainstormin as you can easily search and download images right inside the Whiteboard app, without needing to switch to a browser.
tal content ability to work with digital nline images, PDFs, slides, etc. placed on the canvas, we can our discussions. Whiteboard has a brilliant tool called Ink grab that turns your original image into drawing image at the touch of a button. Click the Ink Grab button on the context menu.This turns your image into drawing image. is ng e g A STEP-BY-STEP GUIDE 20
How to Add Docu Attaching a document, such as a specification or a reference guide, can be invaluable when you need to look something up while creating things on your board. To add an item, click the Insert menu option on the toolbar. A menu appears with various options you can insert, including documents, slideshows, and lists. **Please note that if you use Whiteboard app templates these are not even visible in Teams/Web version of the Whiteboard. In case you know there will be people not using the App version – DON’T USE THESE.
umentsA STEP-BY-STEP GUIDE g Import different file formats Several templates (Preview) 21
04 How to use Setting M If you click on the setting button l there are a few very useful setting ii.Ink to Shape This feature need to enabled from settings. Also it helps to transform hand-drawn shapes into standard shape that showed in above (circle, rectangle, triangle, etc.) iv.Format background This digital whiteboard doesn’t always have to be white. It can configure different background color (10 color) and grid background (9 grid).
Menu A STEP-BY-STEP GUIDE located at the top right corner, gs worth mentioning: i.Active pen If you are using a stylus device such as Surface Pro, this option disables touch drawing (to reject palm touch) and turn your touch to pan/zoom gestures iii.Ink to table This feature also enable from settings. Draw a rectangle then the Whiteboard will make it a precise rectangle, and then draw a line (row or columns) in the middle of the shape. This will activate the table, which you can see the + and – signs to add or remove the columns and rows. 22
05 How to Save, sh In this tool, there’s no save button everything on the canvas is autom with the cloud. So next time when this machine or any other device in, can continue the left-over wor tool can create unlimited whitebo Click the My whiteboard button o canvas and to go back the list of can naming, rename saved white whiteboard. List of whiteboards ##Whiteboards are automat
hare and export n on Microsoft Whiteboard, as matically saved and synced n open the same whiteboard on e with the same account signed rk. It is worth to mention that this oard on the top left corner of the f your whiteboards. From there eboard and delete unwanted A STEP-BY-STEP GUIDE tically saved 23
Share whiteboards wi The other option in the menu is that you can invite someone to join the whiteboard and work together with you. Click Invite someone to add you colleagues or access to this Whiteboard through mail or we link. Alternatively, this command can be found within the opened whiteboard, at the top right corner next to your avatar. Sign in with personal Micros whiteboards with other pers collaboration you should sig account. After that,you will b with other accounts from th Export whiteboard If you want to export your whit with people who don’t have ac click on Setting Menu and cho options to export the whiteboa Note that there’s no dire Whiteboard app. So if yo content, you have to exp
th someone ur b d d soft account, you can share the sonal accounts; however, for team gn in with your organizational be able to share the whiteboards he same organization. teboard as an image file to share ccess to the Whiteboard app, can oose Export. Here you can see ard as PNG or SVG. ect Print function on Microsoft ou want to print your whiteboard port it first as PNG then print. 24
IS MICROSOFT WHITEBOARD ANY GOOD? A Helpful Software Microsoft Whiteboard is an excellent tool. In fact, it has plenty of options, functions, and settings we didn’t even cover in this introduction (but we will in the future). However, even the basics are pretty impressive. More importantly, they all work reliably and easily. The process of creating a board and adding things to it is quick and intuitive. Microsoft Whiteboard has clearly been designed with touchscreens in mind. And this makes sense when you’re trying to re-create a free-form physical canvas, like a whiteboard. However, you can use it without a touchscreen, even though “writing” with a mouse can be more slowly. Overall, this is a fine app. It does what you want it to do, and more—and we can also enjoy enough how nice the Ink Beautification tool is. If you’re hankering to work on a whiteboard, but don’t have one around, this is the next BEST THING! Are you ready to use Microsoft Whiteboard? 25
M T
Microsoft Teams A beginners guide to Teams
Search
