…with your webmaster: Buddy Gillogly Welcome to the Vista Unified School District’s

School Loop Website Training!

Two Parts: Overview and First Steps Why School Loop/How it Works Using the Text Editor Adding News Items/Calendar Items Inserting Pictures! Advanced Users The Digital Locker (Very Helpful!) Inserting Hyperlinks Inserting Video (Converting to Flash) Webmaster Help (Twitter Feeds etc.)

VUSD Overall Norms: Respect: Treat all with dignity Trust: Focus on the best interests of students Collaborate: Be a contributor Meeting Norms: Questions: I am here to help! (In 90 minutes) Pacing: Please don’t go ahead! Focus: Key points are important – please regroup when needed Support: Please help each other here, and back at your sites

Communication

As teachers, how do we currently communicate all of this information with our students and parents? High School Teacher? Middle School Teacher? Elementary School Teacher? Discuss…

…How can we leverage this connectivity to benefit communication?

For many, when searching for information, websites are the first place they look. “If you build it, they will come.”

A Unified, Professional Web Presence Easy to Use for All Involved Low Cost - It’s Free! Good Customer Support with Help Tutorials/ Support Easily Translatable Into Multiple Languages Customizable and Flexible Advanced Options Available Improving Communication!

Staff AND Student Accounts District AND Teacher Websites

…because our students are changing!

** To log in, use the “Staff Login” at the bottom of your own school’s page ** Click On Must be your school

Login Hints: -Use your regular VUSD Google/Gmail login without part -May also try your older abbreviated login name i.e. bgillogly or danderson

Click here to go to your own website Other websites you may have been given permission to edit/manage

Basics of Editing your Web Page Learn how to add news Be able to change your picture Be able to add to your calendar

In designing, everything floats…

In designing your website, everything floats… (Exit Slideshow and move element pieces)

+ Sign adds a new element above the lower one Pencil sign edits the element Trash can deletes the element Grab the element’s bar and drag the element to a new spot (it floats)

Clicking the + sign… Brings up this gallery

These are the items you can add to your web page!!!

To store files for download

Use a text box when you want a paragraph or more that doesn’t “expire” or get deleted automatically

Add a Title Add your text here like a word processor Save and exit Use a text box when you want a paragraph or more that doesn’t “expire” or get deleted automatically

After you have made changes, preview what your webpage would look like by clicking Preview Draft! Do you want to see what the current “Live View” of your webpage looks like? Click Live View. PREVIEW your changes before you publish them

Are you satisfied with your changes? After you preview the draft webpage, hit Publish. Clicking Publish replaces the existing Live View with your published draft webpage. Save your draft to come back to it later. Copy this draft to use again elsewhere as another webpage. (Not usually used).

Use this when you want make a post that will get deleted automatically after a period of time. This is good for keeping your site current.

Click to add a new news item Do you want this news item posted on the homepage of the school’s website? Click for webmaster approval. When do you want your news item to appear and disappear from your webpage? This keeps your page current (no old items) Add a headline Add your text Add a hyperlink to another website Publish to post

Click to add a a General Event Calendar item Webpage ViewCalendar View Note: Adding Calendar Assignments will not be covered today

Do you want this calendar item posted on the homepage of the school’s website calendar? Click for webmaster approval. This works similarly to adding a Google Calendar event Add a hyperlink to another website Publish to post Click for all day event - No need to adjust times Add a title and description

Click the + sign… Where you want the picture

Add a Title Click to upload the photo from your computer Save and Exit * Discuss with your administrator about policies for adding student photos

Ready for some advanced features?

- Plus adding hyperlinks and Twitter/Google custom html

There are two places where you can gain access to your Locker or Resource items Your Webpage ElementTop-Right Corner of Webpage

Upload a file Link to a website or a document Create a folder to upload to Upload a compressed folder These are GREAT ways to make digital resources available for your students and parents to access and download.

Click Resource Files, then Add Name your photo album and Save

Click Add Images Upload your pictures one at a time to your album * * School Loop supports uploading multiple files in a zipped/compressed folder.

Click the + sign… Where you want the Slideshow

Add a Title Upload from Your computer Transfer from your previously uploaded School Loop album photos Adjust your slideshow settings

Rearrange your pictures You may also crop and caption your pictures, then Save and Exit

You can easily add internet hyperlinks to any website, add an address, or link to any document in your locker. There are several School Loop Elements that support adding hyperlinks: -Directly within your Locker -In a Calendar entry -In a Note or a Blog -In a News item -In an Assignment entry -Using a Text Box or

Hyperlink Button

There are three main ways to add video to your website: Internet video such as Youtube and Schooltube may be easily added to many elements that display the Add Video icon. This is the easiest method to add video to your website. Video files that you may have on a PC or Mac, or that are not hosted as internet video may be uploaded as a Flash-based video. This method is more difficult, but enables you to use video that is playable through our school filter. * Discuss with your administrator about policies for adding video. Upload your video as a resource to your Locker. Visitors can then download the file.

Click Here …then add the URL of the video

Videos must be in an Adobe Flash format (.swf or.flv) in order to be uploaded as a Flash element. If you have a video that is not in a Flash format, you may be able to convert it to Flash by using one of several free video converters. As of January 2014, I have had success with the free software program “Any Video Converter” on my personal laptop. Care should be taken when downloading any software off of the web (like download.com) so as not to install any additional adware, junkware or malware during the install process along with your free software program. This is always done at your own risk, so please be very careful..mp4.mpg.wmv.avi.mov Convert.flv or.swf

On your webpage, click the + sign where you want to place the video, and select the Flash element button. Name and upload your video. Smaller sizes seem to play better, but up to 100mb is supported. Depending on which column you place your video, it may be necessary to adjust the Flash video “container’s” width and height to accommodate the size of your video. This should match up fairly closely with the width and height you selected in your conversion program’s settings. For Flash videos embeded in the center column, I have had luck with a School Loop container setting of 460X280 – especially for iPad iMovie videos.

Twitter feed on your webpage! -Use Google Calendar instead of the School Loop calendar – it automatically updates. -Insert Google Docs and Google Forms right into your webpage. Your school’s webmaster can install the custom HTML code onto your webpage.

Click the HELP button wherever you are for comprehensive assistance!

Access this presentation from Buddy Gillogly’s webpage, as well as the VUSDBB resources webpage on the district website! VUSD Technology Resource Teachers Support Hotline Laura Evans-Lavelle: Marc Schroeder: