…with your webmaster:

Buddy Gillogly

Welcome to the Vista Unified School District’s

School LoopProfessional

Development!

Welcome…

…to the #VUSDBB!School Loop Website Training!

Presentation OverviewTwo 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 dignityTrust: Focus on the best interests of studentsCollaborate: 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 neededSupport: Please help each other here, and back at your sites

~ NORMS ~

Communication

Peer Collaborati on

& Due Dates!!!Project Based Homework

RequestsParent

Your Syllabus

Online Research

Daily Homework Assignments

SuppliesNeeded

Digital Citi zenshipField Trip Info

Quiz InfoImportant Docs

PTAInfo

Communication

Peer Collaborati on

& Due Dates!!!Project Based Homework

RequestsParent

Your Syllabus

Online Research

Daily Homework Assignments

SuppliesNeeded

Digital Citi zenshipField Trip Info

Quiz InfoImportant Docs

PTAInfo

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…

“Connected” Students and Parents

…How can we leverage this connectivity to benefit communication?

Build a Better Website?For many, when searching for information,

websites are the first place they look.

“If you build it, they will come.”

Why School Loop?A Unified, Professional

Web PresenceEasy to Use for All

Involved

Low Cost- It’s Free!

Good Customer Support with

Help Tutorials/Email Support

Easily TranslatableInto Multiple

Languages Customizable andFlexible

Advanced Options

Available

ImprovingCommunication!

Improving Communication!

Staff AND Student Accounts

District AND TeacherWebsites

Why change?…because our students are changing!

Sample School Loop Webpage

Sample School Loop Webpage

Let’s Dive In!!!

** To log in, use the “Staff Login” at the bottom of your

own school’s page **

Click On

Must be yourschool

Login Hints:

- Use your regular VUSDGoogle/Gmail loginwithout the @ part

- May also try your olderabbreviated login namei.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)

Changing Modules or “Elements”

+ Sign adds a new elementabove 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)

Adding Modules or “Elements”

Clicking the + sign…

Brings up this gallery

“Elements” GalleryThese are the items you can add to your web page!!!

To store files for download

Adding a Simple Text Box ElementUse a text box when you want a paragraph or more that doesn’t “expire” or get deleted automatically

Adding a Simple Text Box Element

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

Previewing Your Changes

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

“Publishing” Your Changes

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).

Adding a News Item ElementUse 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.

Adding a News Item ElementUse 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

The School Loop Calendar

Adding a Calendar Event

Click to add a a General Event Calendar item

Webpage View Calendar 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.

Adding a Calendar General EventThis 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

Adding a Single Picture

Adding a Single Picture *

Add a Title

Click to upload the photo from your computerSave and Exit

* Discuss with your administrator about policies for adding student photos

Are you hanging in there?Ready for some advanced features?

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 Element Top-Right Corner of Webpage

Adding Resources to Your “Locker”

Upload a fileLink to a website or a document

Create a folder to upload to

Upload a compressed folder

Adding Resources to Your “Locker”These are GREAT ways to make digital resources available

for your students and parents to access and download.

Adding Photos to an Album fora Slideshow

Click Resource Files, then Add

Name your photo album and Save

Adding Photos to an Album fora Slideshow

Click AddImages

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

Adding a Slideshow

Adding a Slideshow

Add a Title

Upload fromYour

computer

Transfer from your previously

uploaded School Loop album

photos

Adjust your slideshow

settings

Adding a Slideshow

Rearrange your

picturesYou may also crop and caption your pictures,

then Save and Exit

Adding HyperlinksYou can easily add internet hyperlinks to any website, add an email 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

Adding Hyperlinks in a Text Box

Hyperlink Button

Adding Video to Your Website *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.

Adding YouTube Type Video

Click Here

…then add the URL of the video

Adding Flash VideoVideos 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

Adding Flash VideoOn 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.

Adding Twitter and Google Apps

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.

Questions?

Click the HELP button wherever you are for comprehensive assistance!

Other Questions?

• Access this presentation from Buddy Gillogly’s webpage, as well as the VUSDBB resources webpage on the district website!

• VUSD Technology Resource Teachers Support HotlineLaura Evans-Lavelle: lauraevans-lavelle@vistausd.orgMarc Schroeder: marcschroeder@vistausd.orgCCSS@vistausd.org

Thank You!!!