Top Banner
…with your webmaster: Buddy Gillogly Welcome to the Vista Unified School District’s School Loop Professional Development!
55

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

Jan 03, 2016

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: …with your webmaster: Buddy Gillogly Welcome to the Vista Unified School District’s.

…with your webmaster:

Buddy Gillogly

Welcome to the Vista Unified School District’s

School LoopProfessional

Development!

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

Welcome…

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

…to the #VUSDBB!School Loop Website Training!

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

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

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

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 ~

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

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

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

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…

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

“Connected” Students and Parents

…How can we leverage this connectivity to benefit communication?

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

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

websites are the first place they look.

“If you build it, they will come.”

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

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!

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

Improving Communication!

Staff AND Student Accounts

District AND TeacherWebsites

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

Why change?…because our students are changing!

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

Sample School Loop Webpage

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

Sample School Loop Webpage

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

Let’s Dive In!!!

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

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

own school’s page **

Click On

Must be yourschool

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

Login Hints:

- Use your regular VUSDGoogle/Gmail loginwithout the @ part

- May also try your olderabbreviated login namei.e. bgillogly or danderson

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

Click here to go to your own website

Other websites you may have been given permission to edit/manage

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

Basics of Editing your Web Page

Learn how to add news

Be able to change your picture

Be able to add to your calendar

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

In designing, everything floats…

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

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

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

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)

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

Adding Modules or “Elements”

Clicking the + sign…

Brings up this gallery

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

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

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

To store files for download

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

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

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

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

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

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

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

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

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

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.

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

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

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

The School Loop Calendar

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

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

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

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

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

Click the + sign…

Where you want the picture

Adding a Single Picture

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

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

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

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

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

Advanced Features!

- Plus adding hyperlinks and Twitter/Google custom html

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

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”

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

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.

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

Adding Photos to an Album fora Slideshow

Click Resource Files, then Add

Name your photo album and Save

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

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.

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

Click the + sign…

Where you want the Slideshow

Adding a Slideshow

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

Adding a Slideshow

Add a Title

Upload fromYour

computer

Transfer from your previously

uploaded School Loop album

photos

Adjust your slideshow

settings

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

Adding a Slideshow

Rearrange your

picturesYou may also crop and caption your pictures,

then Save and Exit

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

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

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

Adding Hyperlinks in a Text Box

Hyperlink Button

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

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.

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

Adding YouTube Type Video

Click Here

…then add the URL of the video

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

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

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

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.

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

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.

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

Questions?

Click the HELP button wherever you are for comprehensive assistance!

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

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: [email protected] Schroeder: [email protected]@vistausd.org

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

Thank You!!!