Interactive Classroom Teacher

Fostering Collaborative Experiences

Tethered Mode (Direct-Connect)

– Using Simplicity XPress & XSight

Interactive Classroom Project 2016-2017 Information & Technology

1 Learner’s Outcomes

Participants will learn how to:

• connect to your Recordex panel via a cable for a mirroring of your computer’s contents. • utilize Simplicity Xpress to annotate on the desktop and XPress whiteboard. • install the XPress Chrome browser extension. • connect a document camera and use Simplicity XSight. • use a slate and touch laptop to gain mobility through-out the classroom and encourage collaboration from the students. • use handwriting recognition.

2 Information & Technology Opening Files

Wirelessly connected to Physically/tethered Stand- Stand-Alone Mode – no laptop physically NovoPro via Novo connected via VGA or Alone or wirelessly connected, just USB/Flash Desktop Streamer - HDMI cable + USB for drive application installed on Shortcuts touch capability laptop

Media Files (Video, Image, Music) – On the Home Screen click on the USB Drive shortcut. Can open any file with the applications MS Office Files (Word, PowerPoint, Excel) – On Application Screen click on installed on your laptop by launching Applications and use OfficeSuite the application from your laptop. PDF Files – On Application Screen click on Applications and OfficeSuite or Adobe. Web Pages – will not work when Flash or Web Pages – should work as when using laptop Lightspeed (e.g., YouTube videos) are when not connected. Ability to use Lightspeed. required. 3 Change the Source

• Each panel includes the VGA, HDMI and USB cables. • Click on the “Input Source” on the Panel’s Control Panel. • Select the desired option – VGA or HDMI • If using a HDMI connection you will select HDMI1 (HDMI2 is connected to the NovoPro for wireless connectivity). • You may require a “mini-HDMI” to “HDMI” adapter.

Wirelessly Connected/NovoPro Physically Connected/Tethered

Information & Technology 4 Changing the Input Source

INPUT SOURCES

CONNECTIONTYPE PURPOSE CABLETYPE

Use the panel’s control panel to select the appropriate Input Source by clicking.

• Connect with Cable – Depends VGA - Physical upon laptop connection

• If laptop is HDMI, cable is provided. HDMI 1 - Physical If Mini-HDMI adapter is required Mini-HDMI to HDMI Connect wirelessly via the HDMI 2 - Wireless No cable required NovoPro

Information & Technology 5 Connecting your Laptop or Mirroring your Laptop

Windows Mac (Apple) • Determine which cable your laptop • For Mac and adapter is required – requires: determine which is required for your computer • Additionally, a USB connection is required for touch capability. VGA or HDMI • Mac’s also require a driver be installed • Additionally, a USB connection is for the touch feature required for touch capability. (touchscreensetup[3.3.7.17].pkg) • You may have to use the Windows + P • You may have to go to the Display keystroke command to enable a System Preference to enable Duplicate Screen (i.e., mirroring). mirroring. 6 Windows ---Duplicating (Mirroring) Screen

• Use the keystroke command: Windows key + P • In the screen capture below you will click on the “Duplicate” option.

7 Mac ---Duplicating (Mirroring) Screen

• From the “Apple” menu select “System Preferences”. • Click on “Displays”. • Click on the “Arrangement” tab. • In the lower-left corner of the Arrangement pane, X select “Mirror Displays”

Information & Technology 8 Adding the Chrome Extension to Browser

Launch Chrome and click on the menu bar at the right-top of the screen. 1. Select “More Tools” and then “Extensions”. 2. Scroll through the “Extensions” and at the bottom select “ Get more extensions ”. 3. Search for “XPress Chrome” in the Chrome Web Store and select “+Add to Chrome” .

+ Add to Chrome

www.youtube.com/watch?v=HWMiSzPaOAQ 9 Chrome Browser Extension

10 Planning Mode ---Creating your Lesson on your Laptop

• On your laptop double-click the “XPress” shortcut. • When you do a blank Xpress screen will appear. • Just like XPress on the panel, you will have 2 toolbars • Annotation tools Click on the desired tool • Presentation tools

• To change the direction from vertical to horizontal, click on the “A>” or “P>” selection.

Information & Technology 11 Presenting your Lesson Examples #1 #2

• On the right-side of the screen click on the to open the “Navigation & Options” tools. • Note that in example #1, there are no “saved” workbooks. • Whereas, in example #2 there are two saved workbooks. • To open “Saved” books, click on the “Open folder” icon. • We’re opening a workbook created during planning. Note the path where files are stored : C:\Users\P01234567\Documents\XPress

Macs – Macintosh HD:/Users /Teacher/Documents/XPress 12 The “Science ” Workbook with Simplicity XPress

• Once you open the workbook you created during planning, you’ll simply proceed through your planned lesson to teach the students about Vertebrates and Invertebrates.

13 Tools available with XPress from your computer.

Launch web page: Click on the “Screen color” tool and slide the Opacity slider from the right to the left. You can see items open or your desktop such as a webpage thereby allowing you to annotate on the website. The “Click Through” tool allows you to scroll on the webpage. Screencast-O-Matic (in the Navigation toolbar) – allows you to record in 15 minute increments.

14 Customizing XPress Navigation Toolbar

Click on the “hamburger” tool on the left of the screen. Click on the “Gear” tool. • Under “Screenshots” notice that the default format is “PNG”. • Options include: PNG, JPG, or PDF • Change this to PDF – this will allow your screenshots to be in the .pdf format and you to save your workbook as a .pdf for distribution to students via CANVAS or email. • Under Appearance you may wish to change the following: • Two-sided menu – places the Navigation tools on both sides of the XPress window. • Note: you must exit the program for configuration changes to take effect. 15 Saving an XPress Workbook as a PDF

• With your XPress workbook opened, click on the camera. • Click on #1 to “Capture all the pages”. Note, you may have to resize the objects on the pages in your workbook. • Click “Print” and select “CutePDFWriter” as your printer. • When prompted, enter the name your file. 16 Windows 10 Touch Keyboard ---Handwriting Recognition

Video Posted in Canvas

17 Mathematics Equation Editor –––AddAdd- ---InIn for Word & OneNote

• Used to make plot graphs in 2D and 3D, solve equations or inequities, and simplify algebraic expressions • URL for Download Add-in: https://www.microsoft.com/en- us/download/confirmation.aspx?id=36777

18 Checking the SM/PM Settings –––Panel or Remote

Mic Mode Limits Volume to 50%

Standard Mode Removes Volume Limit

19 Trouble---Shooting-Shooting Sound Sound from laptop, not the panel • Right-click the speaker icon in the taskbar. • Select “Playback devices”. a. When the laptop is connected to the panel, LED-MONITOR may be an option. b. Right-click the “Speaker/HP” select “Disable”.

Information & Technology 20 Trouble---Shooting-Shooting Techniques SOUND TOUCH & RESOLUTION

• From the laptop connected via HDMI, open a Touch video or music file. Check the volume on the • USB cable is not connected. laptop to see if it is muted. • If screen resolution is not right, it may • Sometimes the audio from the browser can affect touch. be muted. • Recommended resolution: 1920x1080. If • From the laptop connected via VGA, open a unable, select 1366x768. video or music file. Make sure the sound • To rule out panel’s touch feature, go back cable is connected. to Stand-alone mode and launch XPress. • Buzz – grounding cable in the back of board Click pen and annotate on the board. can be unplugged. • For Macs, hold down the Option Key and Resolution click the Volume Icon, in the OSX menu bar. • Lenovo 11e will not duplicate full-screen Select LED-MONITOR as your audio source. on the board due to resolution settings.

21 BCPS TROUBLE-SHOOTING RESOURCES TOPICS WEBSITE URLS

VGA Image Shift https://recordex.happyfox.com/kb/article/28-vga-image-shift-auto-tune

Sound – Muted on PC https://recordex.happyfox.com/kb/article/33-sound-troubleshooting-is-it-the-panel

Sound Feedback from Mic https://recordex.happyfox.com/kb/article/32-audio-feedback-troubleshooting-steps

Chrome Touch Events (touch works everywhere except https://recordex.happyfox.com/kb/article/19-when-touch-does-not-work-inside-of- when using Chrome Browser): chrome-browser

How to save XPress doc as a https://recordex.happyfox.com/kb/article/30-xpdx-to-pdf PDF

Troubleshooting Document https://my.syncplicity.com/share/0jik131ujg1c3j5/ST-700-Gen3-Troubleshooting-Guide

22 Simplicity Slate

Setup the hardware: https://youtu.be/yupK-iISDOI Tips for using the pen: https://youtu.be/By-oF9ic7A4

Pairing the slate to your laptop: with the USB hub in the laptop, hold the “Sleep/Settings Button” down and turn on the power. The “Active/Write Status LED” light should start blinking blue. 23 https://www.youtube.com/watch?v=bMJJRik_cgk&list=PLJPmvEnrFMlixwwXoz4CSAW1QyREXX08K&index=2

24 Simplicity Camera Setup & XSight

• Connect the camera to your laptop . • Launch XSight - the first time you will be asked to select a camera. You will go to Options from the menu bar. • On the Device tab, click the drop-down arrow by Video Device and select RecordexUSA

Information & Technology 25 Using the Simplicity Camera

Annotation Toolbar Options • Plug the camera into an USB port on your computer. • Launch “XSight”. • Place the document or object under the camera • Use the Annotation Toolbar and Options to manipulate the objects.

26 Using the Simplicity Camera & XSight

Presenter Toolbar Presenter Toolbar Options:

Image Effects Toolbar Options: Image Effects Toolbar Split Screen – divides the current image into two equal parts. The right side is frozen and the left side remains active. Used to view and compare a live image. Freeze – pauses the preview window. This is a good way to move between objects without having the transition occur on screen. Mirror – displays a mirror image of the camera view. Negative – will switch camera to view a negative image. Color/B&W – toggles the view from color to black and white. 27 Connecting an Elmo Doc Camera to the Recordex Panel

NO SOFTWARE IS REQURIED 1. Connect the VGA cable from the Recordex panel to the ELMO document camera. • In Photo #1 the blue cable is connected to the computer. • The black cable is connected to the panel. 2. Use the buttons on top of the Elmo to switch between computer and camera. 3. Photo #2 show the document viewed on the panel. 4. The annotation tools are the built-in Recordex annotation tools (the two finger/knuckle swipe from the center of the panel).

Photo #1 Photo #2

28 ONLINE RESOURCES TOPICS WEBSITEURLS https://www.youtube.com/watch?v=DXyarucCHIw&index=5&list=PLbym70QtfIC General overview of XPress 8byKnhNumEjkJySl_ieFtj https://www.youtube.com/watch?v=DXyarucCHIw&index=5&list=PLbym70QtfIC Simplicity XPress 8byKnhNumEjkJySl_ieFtj Simplicity XSight https://www.youtube.com/watch?v=bMJJRik_cgk&list=PLJPmvEnrFMlixwwXoz4 CSAW1QyREXX08K&index=2 Simplicity Slate Setup: https://youtu.be/yupK-iISDOI Using Pen : https://youtu.be/By-oF9ic7A4 Simplicity Touch in the https://www.youtube.com/watch?v=Ra_QJzxBNmk Classroom Assorted Topics – Multiple https://www.youtube.com/user/TheRecordexChannel videos of XPress & XSight XSight Viewer https://www.youtube.com/watch?v=95EEZd98S1U Touchscreen driver of http://recordexusa.com/manuals/st -700installtouchdriverosx.mp4 MacOSX Board Calibration for http://recordexusa.com/manuals/st -700calibratetouchscreen.mp4 MacOSX 29 Replacement for Staff Proxy ---LIGHTSPEED

• In the browser’s address bar enter the URL of the website you wish to access. • Click the “Login” link. • Enter your BCPS Active Directory credentials and click “Authenticate”.

Information & Technology 30 Exercise 1 –––Planning your Lesson

In this exercise, you’re going to create a 5 page lesson using the Xpress application installed on your laptop. Be sure to use the templated created by Innovative Learning to complete the follow-up.

1. Launch XPress 2.5 by double-clicking the shortcut on your desktop. 2. Create your workbook by inserting an textbox, image, website, and/or video file. 3. To insert a page and use the white board to annotate. You may wish to have a white board page with a textbox set of directions for your students. a. Open the “Navigation & Options” tools. b. Click the “ “ to add a second page. Repeat for additional pages.

c. Add your next lesson page of your lesson. 4. Save the file by clicking the and append your last name. The file will be saved at the following path: C:\Users\P000XXXXX\Documents\XPress (Macs: Macintosh HD/Teacher/Documents/XPress). 5. To reorder the pages, click the page until it gets a border and then drag into the desired new location. 6. If you wish to have an original copy and a revised copy with the changes, click the tool. 31 Elements to Include in Your XPress Workbook

PART 1 • Participants will create a standards based interactive learning activity using Xpress workbook that integrates curriculum resources with the Recordex presentation system and software/tools. You will used the template provided for you. • The lesson should consist of at least 5 or more Xpress workbook pages. • Page 1 should include: • Date • Participant’s First and Last Name • Participant’s School • Lesson Title: • Lesson Description: (1 -2 sentences) • Curriculum • Standard Addressed • Rate the lesson utilizing the Technology Integration Matrix (TIM) • Name the workbook • Upload the workbook to CANVAS. PART 2 • After presenting your lesson to your class, record a 1-2 minute video reflection to share the success and challenges of the lesson activity implementation. You can use either Screencast-O-Matic, the built-in camera on your laptop, Movie Maker, or the video creator in CANVAS. • Upload the video to CANVAS. 32 Exercise 2 –––Connecting to the Panel

In this exercise, you’re going to connect your laptop to the panel and open up your lesson for a presentation.

1. Determine the type of connector your laptop has – VGA or HDMI. 2. Plug the cable from the panel into the appropriate laptop connection. 3. Click the source button on the panel and select the matching option to your laptop. 4. You may have to change the laptop display to “Duplicate.” a. For Windows, use the keystroke command “Windows + P.” b. For Macs, go to the Display System Preferences and select “Duplicate.” 5. Your desktop should appear on the panel. 6. Open up a website. 7. Open up Xpress on top of the website. 8. Use the “Opacity” option in the Scene Color tool to view the website that is in the background. Remember the “Click-Through” tool for scrolling through the website.

33 Exercise 3 –––Presenting your Lesson

In this exercise, you’re going to open the lesson you created in Exercise 1.

1. Your laptop should already be connected as in Exercise 2. 2. Launch “XPress” from your laptop. 3. Click on the “Navigation & Options”. a. Click on the tool and navigate to the XPress folder to the file you previously created by clicking on the workbook. b. Proceed with your lesson by annotating on the XPress screen. i. This can be instructor or student led. 4. Open up an image or document from your laptop and extend to full screen. Use an annotation tool to indicate items of interest on your document. 5. You may wish to use Screencast-O-Matic to record parts for absent students. 34 Exercise 4 ––– Using the Simplicity Slate In this exercise, you’re going to practice with the slate in XPress.

1. Your laptop should already be connected as in Exercise 2. 2. Insert the USB hub from the back of the slate into an USB port in the laptop a. Launch XPress with the Slate’s pen. b. With the slate , click the “Pen” tool. i. Annotate on the page in the workbook. c. Click on the “Image” tool. i. Insert an image (.pdf, .png, or .jpg file) into your workbook. ii. Annotate on the image by clicking the “Pen” tool. 3. Explore the convenient shortcut buttons on the edges of the slate: a. My Computer – point and click to open up other applications (PowerPoint, etc.) b. Web Browser – point and click to launch default web browser i. Scroll button to scroll through the web browser c. Volume – adjust the volume

35 Exercise 5 –––Using the Document Camera

In this exercise, you’re going to connect the Simplicity Document Camera to the Recordex panel to show an object or document on the panel.

1. Connect the Simplicity Document Camera to your laptop with the USB cable included with the camera. 2. Launch XSight by double-clicking the shortcut on your laptop’s desktop/taskbar. 3. If the camera is not recognized, click on the “Options” tool and select the Document camera as a “Device”. 4. Place a hard copy or object under the camera to display. a. You may have to flip and/or rotate the image. b. Annotate on the file using the “Pen” tool in the Annotation toolbar in XSight. c. Use the “Spotlight” and “Magnify” tools on the Presentation toolbar in XSight. 5. For those of you who already have an Elmo camera: a. Connect via the VGA cable. b. No software is required to display a document or object.

36 TOOLBARS : ANNOTATION PRESENTATION IMAGE EFFECTS