Published using Google Docs
Portfolio Intensive 2014 Day One
Updated automatically every 5 minutes

(K12)FLTP Portfolio Intensive

Schedule: Day 1

8:00-8:30am                Breakfast and Introductions; Sign into FLTP and Update Info

8:30-10:20am        Part I: Teaching Philosophy Workshop with Anne Becher

10:20-11:30am        Part II: Resume/CV Workshop with Career Services

11:30-12:00pm        Lunch Break (30 min)

12:00-1:00pm         Part III: Designing a Portfolio

1:00-1:30pm                Paper Prototype

1:30-3:00pm                 Part IV: WordPress Workshop

3:00-3:30pm                Hands-on Practice (& Pictures?)

3:30-4:00pm                 Part V: Introduction to Design Principles

PART I: TEACHING PHILOSOPHY WORKSHOP

With Anne Becher | Department of Spanish & Portuguese

See Blog/Facebook page for specifics

PART II: Resume/CV Workshop

With Career Services

See Blog/Facebook page for specifics

Part III: Designing a Portfolio

With Courtney Fell

I.  What is a portfolio?

A portfolio is a collection of documents and artifacts that you carefully selected, organized and annotated in order to provide an accurate picture of your professional profile.

 

A portfolio is NOT an exhaustive and chronological collection of everything you have accomplished in graduate school or during your career.

 

There is no template or model to follow. The format, size, and components of your portfolio are up to you. However, a web-based portfolio is probably the most practical format nowadays (easy to modify and share).

II. Examples of portfolios

 

Previous FLTP portfolios:

http://altec.colorado.edu/fltp/portfolioShowcase.shtml

 

III.   The FLTP requirements

One of the goals of the portfolio is for you to demonstrate what you have learned through the (K-12)-FLTP. It should include the presentation of at least one instructional technology project that meets the following criteria. Your project MUST be instructional, it should teach something.

 

Your portfolio should provide detailed and specific information about the following aspects of your technology project(s)

 

Overall goal of your project    

A description of your learning objectives

A justification of the technology used

Reflections on project development and management

Assessment plan and results (learning outcomes)

Suggestions for changes and improvement

A link to a pdf version of your lesson plan(s), handouts, etc.

IV.  What to include?

A professional portfolio can contain items such as:

 

§  your resumé/cv

§  teaching philosophy

§  sample projects

§  lessons and activities

§  class evaluations

§  video clips of you teaching

§  writing samples

§  publications

§  references

§  relevant extracurricular activities

§  etc

 

It is unique to you!

V. Let’s get started! Create a paper prototype (post-lunch)

 

Explore the examples provided and in a Word document, answer the following questions:

 

-           Who’s the primary audience for your portfolio

-           Put yourself in your audience’s shoes: what would you expect to find in a job

candidate’s portfolio?

-           What information do you wish to include in your portfolio?

-           How will you organize the structure of your portfolio. Draw a site map

Part IV: WordPress Workshop

With Courtney Fell

I.  Create your Blog

 

Go to http://www.wordpress.com and click on Get Started Here:

Fill in the registration form:

Your blog address is your url. This is the address you send to the people you want to invite to read your blog.

 

Check your e-mail and click on the link provided by WordPress. This feature allows WordPress to verify that you are the author/owner of this blog. Click on the confirmation link and your account is now active.

Go back to  http://www.wordpress.com and login.

Optional: install the WordPress app on your mobile device (Blackberry/iPhone/iPod touch/Android)

II. Manage Posts

 

Once logged in, click on My Blogs:

Once you log in, WordPress lists all the blogs you’ve created in the past:

 

Click on your blog to select it. Or select Create Another Blog. Your blog of course looks empty, WordPress inserts a lot of placeholder content that we will either replace or remove. Most of the blogger’s time is spent behind the scene in a virtual space called the Dashboard. The Dashboard can only be seen by you, the creator of the blog, and other people you authorize.

 

To access the Dashboard, hover over your WordPress name at the top left of the page and select Dashboard:

 

From the Dashboard, click on Posts > Add New (left column):

Type in a title and a welcome message.

You can format your post using the tool bar at the top of the main window:

 

 

 Click on the very last icon to the right to reveal more formatting options:

 

 

 

Once your Post is finished, you can Save it as a draft and publish it later or preview and publish it right away:

Publish your post. Note that WordPress selected a theme for you. We’ll change it later to a theme of your choice.

 

To delete or edit an existing post, return to Posts > All Posts:

The posts appear in chronological order and a menu under each post allows you to make changes to your post (mouse over each post to reveal the editing options):

 

III. Change the Appearance of Your Blog

Return to the Dashboard. Under Appearances > Themes:

Explore the themes.  Click on Preview to preview a theme:

Click Activate or Cancel. You can change your template at any time. Note that the Premium templates are not free.

Each theme comes with its set of options, which in Preview, are revealed under the blue appearance menu to the right. In other words, some themes are more customizable than others. Some themes may allow you to add one or more sidebars, as well as a variety of widgets.

 

Once you choose a theme, you have the option of further customizing it. Typically, fonts are not adjustable in WordPress using the free versions of the tool. In order to do this level of customization, you may need to pay (~$30.00/year)

III. Header

 

Under Appearance choose Header:

 

Click Browse to locate a picture of your choice. You will have the option to select the portion of the picture you wish to use for your header.

IV. Add or Remove Widgets

 

Select widgets from the Appearance menu.

 

To remove widgets, drag them from the sidebar(s) to the inactive widget menu, below the available widgets (scroll all the way down.)

V. Add Pages

 

You are now going to create your navigation bar! Return to the Dashboard, click on the Pages > Add New:

Enter a page title and some content:

 

Publish your page and preview it:

 

Check that the new tab appears on the page (the location of the new tab will vary with the template you chose):

Note that templates display pages in a variety of ways. If yours does not show your page, go back to Dashboard > Appearance > Themes and preview other themes to see how each theme displays your pages.

  

VI. Adding Subpages

 

Return to the dashboard and create another page (Dashboard > Pages > Add New). Name your page and enter some place holder content.

 

In the page attributes on the right side of the browser window, expand the parent menu. To create a sub menu, choose the page you created earlier:

 

 

 Later, you will set the “Order” in which the pages will display.

 

 

 

 VII. Upload an Image

WordPress lets you upload a variety of media files including images, audio, video files, pdfs and polls. It allows up to 3 GB of storage space. WordPress lets you add images located on the web (from url), from your own computer or from the Media Library (which you can populate to use later throughout the site).

 

What's the difference?

 

•      If you choose to add an image already present on the web (from URL), it doesn’t take any storage space on your blog but if the owner of the image takes it down, it will disappear from your blog.

•      If you choose to upload an image from your computer, it takes more room on the server (you are allowed 1gb per image, which is a lot!). The images will always remain visible on your blog, unless you remove them yourself from your Media Library.

•      Images uploaded from your computer are placed in the Media Library automatically.

 

Please take a few moments to download an image to your desktop. You will find images on google images: http://www.google.com/imghp

To find Creative Commons open images, visit: http://search.creativecommons.org/ 

 

Save the image to your desktop. Retitle the image to a short and clear title (i.e. spain-alhambra)

Click on the Add Media icon:

 

 

 

 

 Drag and drop your image or choose to upload an image from your computer (Select Files). Once your image is uploaded, WordPress lets you edit your image before publishing it:

 

Add a title

Select the alignment

Adjust the size

When you are done editing your image, click on Insert into Post, select Update to save or go to Preview Changes and if you are satisfied with the result, return to the tab and select Update to save.

 

To edit your image later, click on the image. You can select the pencil that appears to edit the title and other attributes of your image. You can also resize the image by grabbing the white boxes at the corners of your image.

Note: to insert an image from url, you need the url of the image! You can copy an image location by right clicking on a web-based image and choosing: Copy Image Location:

The Media Library:

 

Whether you add a picture from your computer or link to a web-based image, IF you forget to click the Insert Into Post button, your image will be stored in your Media Library.

 

To insert an image located in the media library into a post, open the post you wish to insert the picture in, select the insert picture function, and choose Media Library.

 

VIII. Add a Video

 

The process is similar to adding an image from a file. Video files tend to be bigger than image files and embedding the video is recommended, even if it means that you need to upload your video to YouTube yourself beforehand.

 

Go to http://www.youtube.com and find a video that you would like to put on your blog. Copy the URL at the top of the page:

 

 

 

In WordPress, create a new post and click on the media icon again. Select Insert YouTube.

Enter the YouTube url or title of the video. Click on it to select it, then select Insert.  

Publish and preview your post. Return to the dashboard.

 

IX.  Privacy Settings

From the dashboard, click on the Settings tab, and select Reading from the list:

Under site visibility, select the privacy setting of your choice.

X. Invite Users


If you have set your site to be private, you can still invite particular users to view it.

Click Users > Invite New

Enter the email addresses of the people you wish to invite and select a role:

http://en.support.wordpress.com/user-roles/ 

 

 

 

 

Part V: Introduction to Design Principles

With Anna Cook | ALTEC

 

I.  How To Design a Professional Website

II. Color

iStock_000003075304Small.jpg

Screen Shot 2014-04-04 at 12.36.59 PM.png

Screen Shot 2014-04-04 at 12.33.28 PM.png

III.     Fonts

IV.     Images / Video

Give Credit Where Credit is Due

Krappweis, Andreas. Bengal Cat Relaxing on Sofa. Digital image. Stock.xchng.

 SXC, 22 Dec. 2012. Web. 14 Feb. 2014. <http://www.sxc.hu>.

 V. Professional Pictures

Screen Shot 2014-04-04 at 12.38.08 PM.png

 

 VI. Website Layout

 VII. Things to Avoid

 VII. What Makes a Good Website?

 VIII. Resources