Kirsten
Portfolio.svg.png
Portfolio.svg.png

Introduction

Welcome to the Portfolio Wiki for Education 214. This is the place where you record all your activities in the course.

This is a permanent portfolio, so you will be able to access it in the future. You might find what you upload here to be useful at some later point, so be sure to document your activity in the class as fully as you can. Make something you will be proud to show your family members and even future employers!

Your Personal Page

Look to the right.
Gtk-go-forward-ltr.svg.png
Gtk-go-forward-ltr.svg.png
You'll see the navigation for this website. Find your first name and your last initial. Click on that and you will land on your personal portfolio page. This is where you will upload your pictures and personalize your space.

Because this navigation system sometimes is not visible on tablets, the list of pages is repeated at the bottom of this page so you can navigate that way.
60px-Gtk-go-down.svg.png
60px-Gtk-go-down.svg.png

How to Make Your Portfolio

Here are instructions for how to make your portfolio page.

Help! What is a Wiki?

60px-Gnome-help.svg.png
60px-Gnome-help.svg.png
A wiki is a particular type of web page that allows users to edit content. The video there there is a really good explanation and much of the text refers to the "textbook wiki" literacymethods.wikispaces.com.
http://literacymethods.wikispaces.com/What+is+a+Wiki

Getting Started With Your Portfolio Page

First, you need a wikispaces account. Wikispaces is not related to Capital University at all, so you can't use your Cap credentials to get to your material on the wiki. Go to wikispaces.com and sign up for a free account. Be sure you create a user name and a password that you can remember. Also understand that if, for some reason, you can't remember your user name or password, you can retrieve them from wikispaces or you can start over with a new account. The important thing is that you need to be signed into some kind of WIKISPACES ACCOUNT in order to have access to all the editing tools, including the ability to upload pictures and documents.

Editing and Saving


Farm-Fresh_cd_edit.png
Farm-Fresh_cd_edit.png
The most important aspects of using a wiki page are the functions of Editing and Saving.

You can find the editing button near the top right corner of any wiki page. Click on the button.

edit button clipped.png
edit button clipped.png

Location of Edit Button
Location of Edit Button
When you click on the button, you'll see the page transform into something that looks like a word processor. The red box in the image below is around the editing bar.


editing bar.png
editing bar.png

Wikispaces Edit Bar
Edit Bar
Just like a word processor, you place your cursor where you want it and start typing. When you are finished editing your page, hit SAVE. If you don't hit Save, your work will be lost. The Save button is circled below.


save button bar.png
save button bar.png
Location of Save Button
You can use Copy and Paste keyboard commands (CTRL-C for Copy and CTRL-V for Paste) which means you can easily make links to other web pages by copying the webpage address and pasting it into your wiki page. That means if you have a Pinterest page or some other thing you want to share, you can put it on your page very quickly and easily.

Adding Files and Pictures to Your Page

Once you have learned to type into your wiki page and are comfortable with that, you are ready for the next step, which is to add files, which can be just about anything--mp3 recordings, papers you have written, pdf files, and, of course, images.

Creating a Unique File Name

Here is the most important piece of information you need to add files and images to your page: Your file must have a unique name that nobody else in the class will use. If you upload a picture that your computer helpfully called "Image01" and someone later uploads an image their computer called "Image01," their image will replace yours.

Before you begin to upload your files, give them unique names, such as a name that includes your name. Here is an example of a photo on my desktop. It's Dr. Cho right after he used a sewing machine in Education 213, Spring 2013. Right now, its name is "Image 01."

image01 before renaming.png
image01 before renaming.png

File with "Image01" name
File with Image 01 Name
There are a couple of ways to rename files. The easiest to try is to place your pointer on the name portion of the file and click once. The name portion might change and look like some text that has been highlighted. If so, type in your new name and click elsewhere on your computer so the name will "take."

Here's another way. Left-click one time on the file. If you are using a mac, you can do control-click (hold down CTRL and click) or you can use two fingers on your track pad. A menu will pop up. What the menu says differs from system to system, but on Linux and Windows, there is an option to rename. On Mac, there is something about "File Info" or something like that which has a renaming option in there. Click on the menu item you want:


Menu_130.png
Menu_130.png

Right Click Menu
Right Click Menu
Then type in your new name. Here is my picture of Dr. Cho with a new name:


image renamed cho.png
image renamed cho.png
Renamed File
If you can't read it, I named it: "Osborne Dr Cho and quilt." I have my name in there and I also have the subject matter of the pic.

Now that you have given all your files appropriate names, you are reading for the next step.

Upload Files

On the edit bar of your wiki page is a little icon that says "File."

file button bar.png
file button bar.png

Location of File Button
Location of File Button
When you click on that icon, you will get something that looks like this:

upload circled.png
upload circled.png

File Menu
File Menu
If you do not see "Upload Files" as in the image above, then you are not signed into your Wikispaces account. Save your page, sign into your account (see "Getting Started..." above on this page), and come back to your page. When you click on the Files icon in the editing bar, you should see "Upload Files." Click on that and you get a popup that allows you to search for the image you want:

popup for upload.png
popup for upload.png

File Selection Menu
File Selection Menu
Navigate to the image you want, click on it, and then click "Open." Wait for both the name of your file and an icon representing your file to appear. Be patient--it might take a couple of minutes, depending on the size of the file and the speed of your internet. Click on that file and it will appear in your wiki page at whatever point your cursor was located. If you accidentally delete your file, you don't have to re-upload it--if you hit the File icon, you can find it:

finding files uploaded.png
finding files uploaded.png

Finding an Uploaded File
Finding an Uploaded File
You can begin typing the name in the box that is circled or you can search through the pages represented by the rectangle. One reason to get in the habit of using your own name as the beginning of each file you upload is that you can easily find your own files by typing your name.

Advanced Wiki Editing

The wiki platform is incredibly flexible and you can do amazing things in it. Here are some starters.

Wikitext Editor

Notice the little triangle next to the save button:

getting to wiki text.png
getting to wiki text.png

Wikitext Editor
Wikitext Editor Button
At the bottom of the menu that pops up when you put your mouse on the triangle is something that says "Wikitext Editor." This text editor allows you to have a huge amount of control over your wiki page. It's a little hard to get used to because you have to imagine what the page is going to look like rather than working in the "What You See Is What You Get" (WYSIWYG) normal editor. This is because you can embed commands in the text to control formatting. You can also embed special commands that allow you to make special kinds of links, such as to a particular section of a page rather than just the top of the page. Here is where you can find a list of the many possibilities of the wikitext editor:
http://help.wikispaces.com/Wikitext

When you are done, hit "Save" as you normally do. Your page will show up and you'll see the effects of your editing. If you get into using Tables in your wiki page, you might find the Wikitext Editor far less frustrating than the WYSIWYG editor, although it takes a lot of imagination to "see" the table when you are working with pipes (|) instead of the lines you would normally see. If you get curious about this, ask Carolyn for assistance and she can show you all about it.

Widgets

Widgets give your wiki page an amazing array of functionality. You can either use other people's widgets or you can even create your own.

A widget is a little piece of code that gets embedded into your wiki page. You use the Widget button on the Editing bar so that the wiki page "knows" that you are not just putting some plain text in. The widget button marks the code as something that needs to do something special. Many web pages that you use all the time have the option of embedding things in a wiki. For example, you can embed a Youtube video, a Prezi, a set of flashcards from Quizlet, or a power point in Slide Share just to name a few. And that's not counting the Widgets that are available from Wikispaces or the specialty widgets from all over the web. Here is a place that has some examples of widgets:
http://literacymethods.wikispaces.com/Widgets+on+a+Wiki%21

Embedding a Youtube Video

Navigate to your favorite Youtube Video. I like bluegrass, so I'm going to embed a Flatt and Scruggs video here on this wiki page. Here's the web page where my video is:

youtube video.png
youtube video.png

Youtube Video
Youtube Video
You'll notice that there is a red circle around the word "Share." Click on that word. Now, what you see is this:

youtube finding embed.png
youtube finding embed.png

Share Button
Location of Embed Button
The word "Embed" is circled here. Click on it and you get:

youtube html stuff.png
youtube html stuff.png

Embed Code
Embed Code
This is the code for the embed. It's the widget! Copy this code--you can use CTRL-C.

Go back to your wiki page. Click on the Edit button and then place your cursor where you want your video to go. Then click on the Widget button on the edit bar:


widget on edit bar.png
widget on edit bar.png

Location of Widget Button
Location of Widget Button
Once you click on that, you get a menu:

widget menu.png
widget menu.png

Widget Menu
Widget Menu
In the upper right hand corner it says "Video." Click on that and you get:

widget video.png
widget video.png

Youtube Widget
Youtube Widget
Then click on "Youtube" and you get:

Widget youtube.png
Widget youtube.png

Location of Code Box
Location of Code Box
Paste the material you copied into the box at the bottom of this menu:

widget youtube html pasted.png
widget youtube html pasted.png

Code pasted into box
Code Pasted Into Box
Hit Save on this menu and you go back to editing your wiki page.

When you hit save on your page, you'll see the actual functionality of your video. Before then, it just looks like a picture. Here is the video, embedded in for your enjoyment!





Flatt and Scruggs Foggy Mountain Breakdown Video

Embedding Wikispace Widgets

When you look at the Widget menu, you'll see all kinds of options:

widget menu.png
widget menu.png

Wikispace Widgets
Wikispace Widgets


For example, the Table of Contents at the top of this page is a Widget from this menu. You can see the range of possible widgets from wikispaces. Choose one and try it out.

Embedding Other Types of Widgets

Many web pages that allow you the opportunity to create something also allow you to embed it. We'll follow this process using a Prezi, but this applies to many other websites as well.

Here is a Prezi I made:

prezi .png
prezi .png

A Prezi
My Prezi
Notice there is a button that says "Share" just below the Prezi. If you don't see this button, get out of Editing mode on Prezi. Click on the Share button and you get:


Prezi sharing button.png
Prezi sharing button.png

Share Button
Share Button
The first option you are given is a web address. That is a good link to the prezi but will NOT embed your prezi in your wiki page. To embed, click on "Embed" and you get:


Prezi html.png
Prezi html.png

Prezi HTML Code
Location of Code in Prezi
Now you have the correct code for embedding your Prezi. Copy that code. You can click on "Copy Code to Clipboard" if you like or select it yourself. Just be sure to select the whole thing or else your embedding process won't work. It needs to have all the data.

On your wiki page, click the Edit button and then place your cursor where you want your Prezi to go. Click the "Widget" button on the Edit bar. You'll see on the Menu, on the left hand side at the bottom, "Other HTML." Click on that and paste the code from your Prezi into the box:


widget html from prezi.png
widget html from prezi.png

Prezi code pasted in wiki box
Prezi Code Pasted in Widget Box
Hit "Save" on the Widget menu and then "Save" on the Editing bar. Your Prezi will show up and be functional!






Prezi

Creating Your Own Widgets

If you know how to write HTML, you can paste your code into the "Other HTML" part of the Widget menu and see what happens.

Thank You

Thank you, Christina H., who took Ed 214 in Spring 2013, for inspiring this level of instruction! It will truly help all sorts of future students.