List of public pages created with Protopage

Untitled 1

Rich sticky notes

Colors & Settings

To pick the colors & settings of your protopage follow these directions. Helpful animation or flash in the same color panel on this page

  1. Click the colors / settings link near the bottom left of this page.  The icon looks like this .
  2. The Color Scheme panel is split into Panel colors, Page background, Page preferences, and Widget positioning.  Follow the directions to edit the variables of each part.
  3. Click OK at the bottom right of the Color Scheme panel to close the panel and save your changes.
  4. You should be able to see the changes you made.

Lesson Numbers & Titles

  1. Pick the colors & settings of a Protopage - Page 1
  2. Add Sticky Notes Widgets (What is a Widget?) - Page 2
  3. Add a Photo Widget - Page 3
  4. Add a Bookmarks Widget - Page 4
  5. Add an E-mail Inbox Widget - Page 5
  6. Add a Weather Widget - Page 6
  7. Add a Web Page Widget - Page 7
  8. Add an News Feed Widget - Page 8
  9. Identify & Use the Window Elements - Page 9
  10. Extras like Page locking - Page 10

Create Your Very Own Protopage

You will also get to see examples of specialized Widgets.

When you complete the exercises, please follow this short list of instructions designed to assist you in registering for your own protopage. 

This protopage is used for these exercises so that I may follow your progress and understanding of the objectives listed.

At the bottom right of each page are the numbers that correspond to layers (virtual pages) of this web page.  Please use the page numbers that correspond with the following lessons to get to each lesson or "page" as version 1.0 and 2.0 of protopage has not allowed for linking to layers or pages.  v 3.0 of Protopage is under development and is said to contain tabbed pages.



How to Use Protopage

Following these directions to learn how to customize a protopage to suit your needs. 

You will learn how to .........

Untitled 2

Rich sticky notes

Add Sticky Notes Widget (What is a Widget?)

To Add a Sticky Note

  1. Click the Add widget icon from the bottom middle of the page.
  2. Choose Add sticky note from the pop-up menu
  3. Within the sticky note panel add a panel title, type the body text in the large area below the toolbar, and use the toolbar to format the text the way you want.
  4. Click on the HTML radio button to add html code directly (optional).
  5. Add the following HTML code to place a graphic/photograph within a sticky note (graphic/photograph must be stored on another server).  copy and paste the following text - <big><big><a href="http://www.esc.edu/esconline/myesc.nsf/sublogoTrimmed.gif?OpenImageResource"><img src="http://www.esc.edu/esconline/myesc.nsf/sublogoTrimmed.gif?OpenImageResource" align="left" border="0" hspace="4" vspace="4"></a><big>Here is an example of a graphic mixed with text that can only be done within Protopage using a sticky note panel.&nbsp; A photo panel only allows for the graphic or photo to have a title and a caption, but not the desktop publishing look found here.</big> </big></big>

What is a widget?

A widget is Protopage's helpful applet designed to make web designing (HTML- Hypertext Markup Language) easy.  Protopage actually uses a special HTML called AJAX (Asynchronous JavaScript and XML,).  Click here later for a Wikipedia definition of AJAX.

Sticky note

Here is an example of a graphic mixed with text that can only be done within Protopage using a sticky note panel.  A photo panel only allows for the graphic or photo to have a title and a caption, but not the desktop publishing look found here.

Grocery List

Type the text you want.

Untitled 3

Rich sticky notes

Add Photo Panel using the Add photo widget

To Add Photo using the Add photo widget

  1. Click the Add widget icon from the bottom middle of the page
  2. Choose Add photo from the pop-up menu
  3. Click in the browse field and click the Browse... button
  4. Browse to the picture on your local computer and click open
  5. Resize the panel by dragging the lower right tiny triangle keeping in mind the size of your photo or graphic.
  6. Choose the resize photo to fit inside panel radio button or resize to dimensions depending on how you want your photo or gaphic to look
  7. Click and type in the title field to add an optional title
  8. Click and type in the description field to add an optional description
  9. Click the upload button

Photos

Mother's Day

I created this graphic for my mother this year.

Untitled 4

Bookmarks

My quick links

Rich sticky notes

Add Sticky Notes Widget (What is a Widget?)

To Add a Bookmarks panel using the add bookmarks widget

  1. Click the Add widget icon from the bottom middle of the page
  2. Choose Add bookmarks from the pop-up menu
  3. Once the panel appears click the edit text near the upper right of that panel
  4. Within the bookmarks panel add a panel title, type the bookmark lable text in the lable field, and paste or type the URL (ie. http://www.google.com) in the URL field
  5. Click the color you prefer from the color toolbar within that edit panel (optional)
  6. Click save changes

Rich text note

Kyle

You saved the day for me.

art

Arthur L. Finkle


-----Original Message-----
From: Kyle.Songer@esc.edu [mailto:Kyle.Songer@esc.edu]
Sent: Monday, July 16, 2007 1:27 PM
To: Denise.Coblish@esc.edu; afinkle221@comcast.net
Subject: here is a java link


http://www.java.com/en/download/index.jsp

Kyle D. Songer
Instructional Technologist
Center for Learning and Technology
SUNY Empire State College
3 Union Avenue
Saratoga Springs, NY 12866
(518)587-2100 x2531

Hi men, you are great and I sincerely enjoyed working with you. I will definitely visit the sites you provided and contribute accordingly.

Regards,
Francis



-------------------------------------------------------------------------------
Francis N. Murage, Ed.D.
Instructional Technologist
Center for Learning and Technology
SUNY Empire State College
3 Union Avenue
Saratoga Springs, NY 12866
(518) 587-2100 x2500



Kyle Songer/SUNY
07/19/2007 11:22 AM   
To
Francis Murage/SUNY@SUNY
cc

Subject
Hi Francis
   

   

Hi All, as my time at Empire State College might be drawing to a close, I would like to thank everyone that I have worked with for all your help and the wonderful experiences.  I have created the beginnings of an e-portfolio blog at http://ksonger.blogspot.com  Here I would like to continue to create a place where potential employers can see my educational philosophy, testaments to what it is like to work with me, and eventually examples of interactive learning that I have created.  This is found at my Curriculum Vitae blog at http://ksonger.blogspot.com   If you would like to contribute a post that will describe to potential employers what it is like to work with me in higher or secondary education, please do so.  "I want to thank in advance all the people that I have worked with in the past few years. It is so important to me to be able to share my knowledge, gain knowledge from others, and evolve into the best person I can be. With this post I would like people to add comments concerning their experiences with me in a secondary education or higher education setting. Here you might find some comments related to my Empire State College Help Desk role or my role as a teacher/trainer in various subjects including the ANGEL Learning Management System. This blog will serve as one place to show my e-portfolio as I develop it over the next few months. Thank you once again to everyone who contributes."  Thank you again, all of you.  Kyle

Kyle D. Songer
Instructional Technologist
Center for Learning and Technology
SUNY Empire State College
3 Union Avenue
Saratoga Springs, NY 12866
(518)587-2100 x2531


Thank you so very much, Kyle, for your prompt, courteous assistance J
 
Tanya
 

From: Kyle.Songer@esc.edu [mailto:Kyle.Songer@esc.edu]
Sent: Thursday, July 19, 2007 11:04 AM
To: Diane.Shichtman@esc.edu; LMS-all.SUNY@esc.edu; Suzanne.Hayes@esc.edu; Robert.Anderson@sln.suny.edu; awuaha@sunyocc.edu; stcalabrese@earthlink.net; Carol.Carnevale@esc.edu; jbclute@nycap.rr.com; Sergia.Coffey@esc.edu; VCOLONN1@NYCAP.RR.COM; Stephen.Didas@esc.edu; Bruce.Fassett@esc.edu; Richard.Ferguson@esc.edu; Cynthia.Flax@esc.edu; Jacob.Fruchter@esc.edu; Julie.Gedro@esc.edu; lehewitt@verizon.net; Deborah.Holler@esc.edu; cworet@nycap.rr.com; lawrence7000@msn.com; Oto.Jones@esc.edu; Sherrie.Lyons@esc.edu; Cheryl_McDowell@msn.com; mauikarol@aol.com; thasha2001@msn.com; Joyce.Munro@esc.edu; Sylvain.Nagler@esc.edu; leighann@imap.cc; Georgette.Nicolaides@esc.edu; Michael.O'Connell@esc.edu; JPfister@nycap.rr.com; rpreece@rochester.rr.com; scr7@twcny.rr.com; jrussell@yorku.ca; mosheschneider@optonline.net; Kathleen.Stallmer@esc.edu; TanyaStarker@nycap.rr.com; strumh@sage.edu; Craig.Tunwall@esc.edu; Gary.Wager@esc.edu; swebber@hughes.net
Subject: Thank you all
 

Hi All, as my time at Empire State College might be drawing to a close, I would like to thank everyone that I have worked with for all your help and the wonderful experiences.  I have created the beginnings of an e-portfolio blog at http://ksonger.blogspot.com  Here I would like to continue to create a place where potential employers can see my educational philosophy, testaments to what it is like to work with me, and eventually examples of interactive learning that I have created.  This is found at my Curriculum Vitae blog at http://ksonger.blogspot.com   If you would like to contribute a post that will describe to potential employers what it is like to work with me in higher or secondary education, please do so.  "I want to thank in advance all the people that I have worked with in the past few years. It is so important to me to be able to share my knowledge, gain knowledge from others, and evolve into the best person I can be. With this post I would like people to add comments concerning their experiences with me in a secondary education or higher education setting. Here you might find some comments related to my Empire State College Help Desk role or my role as a teacher/trainer in various subjects including the ANGEL Learning Management System. This blog will serve as one place to show my e-portfolio as I develop it over the next few months. Thank you once again to everyone who contributes."  Thank you again, all of you.  Kyle


Kyle D. Songer
Instructional Technologist
Center for Learning and Technology
SUNY Empire State College
3 Union Avenue
Saratoga Springs, NY 12866
(518)587-2100 x2531

Kyle, thought you'd like to see this.
Suzanne

__________________

Hi Suzanne -

As the fall term approaches, I just perused the workshops and noticed there is only one gradebook training for August (Aug. 2 and it is during reading period), and there was only one gradebook training for July.    Will more gradebook and, additionally, report training mini workshops be held in August or early September before the term starts?  If not, I will need to set up a time with someone to help me personally.

Many instructors and AC's will be teaching again in September (and did not in May) and have inquired or mentioned they need further gradebook training, report training, etc.    Reading Period does not end until August 17.   Could your group please consider offering more of these advanced level trainings.   I didn't want to train on the Gradebook again until it was closer to when I was going to teach.   I realized, also, after my Angel 7.2 training today, I need further training in the reports function.

On a side note:   I would like to commend Kyle Songer for his outstanding ability to training Angel users in clear, easy-to-follow terms, with very good organization and presentation skills, patience, understanding and he is very knowledgeable to answer questions!!!!!!!!    I sincerely hope CLT, CDL, ESC in general holds on to him!!    He is a great asset to learning Angel.

Linda Lawrence
Assistant Area Coordinator for the Humanities Group.

Hey Kyle,
I'm sorry to hear you might not remain at Empire State College. I just noticed they posted a position for a Help Desk Technician though, have you applied for that?
I saw your blog - it was interesting.
I will be teaching two courses at Empire State College next semester but I fear I may be moving in September so I will also need a substantial position in the very near future. Freelance writing just hasn't paid off, yet.
I  probably will not keep this email address if that happens, so you can reach me at Dmontewetz@Juno.com sometime in the fall. I am assuming you will change your email from esc.edu. I do have your number so we can keep in touch.
I wish you all the best, always,
Debra


On Jul 19, 2007, at 11:19 AM, Kyle.Songer@esc.edu wrote:


Hi All, as my time at Empire State College might be drawing to a close, I would like to thank everyone that I have worked with for all your help and the wonderful experiences.  I have created the beginnings of an e-portfolio blog at http://ksonger.blogspot.com  Here I would like to continue to create a place where potential employers can see my educational philosophy, testaments to what it is like to work with me, and eventually examples of interactive learning that I have created.  This is found at my Curriculum Vitae blog at http://ksonger.blogspot.com   If you would like to contribute a post that will describe to potential employers what it is like to work with me in higher or secondary education, please do so.  "I want to thank in advance all the people that I have worked with in the past few years. It is so important to me to be able to share my knowledge, gain knowledge from others, and evolve into the best person I can be. With this post I would like people to add comments concerning their experiences with me in a secondary education or higher education setting. Here you might find some comments related to my Empire State College Help Desk role or my role as a teacher/trainer in various subjects including the ANGEL Learning Management System. This blog will serve as one place to show my e-portfolio as I develop it over the next few months. Thank you once again to everyone who contributes."  Thank you again, all of you.  Kyle

Kyle D. Songer
Instructional Technologist
Center for Learning and Technology
SUNY Empire State College
3 Union Avenue
Saratoga Springs, NY 12866
(518)587-2100 x2531

Debra Monte-Wetzel <wetzel21@verizon.net>
07/11/2007 07:36 AM    
   
To
Kyle.Songer@esc.edu
cc

Subject
Re: ANGEL Coaching Help
   
   

   



Hi Kyle,
I took yet another Angel Workshop last night with Denise. She said most of you have found other jobs. I do hope you are still with Empire State and that we meet again someday.
Thanks for all your help.
Debra


On Jun 11, 2007, at 8:06 AM, Kyle.Songer@esc.edu wrote:


Hi Debra, it was nice seeing you at the conference too, you always have  a smile on your face and such beautiful eyes.  If your students submit files from a pc in .doc format from the real early version or most recent version of MS word, there could be a problem.  The best thing to do is to open your mS Word for the Mac and try to open the file from there using File>open from the File menu.  If the file can not be converted and/or opened from there, than without knowing the version of MS Word they used, for example Word 2007, then a utility to convert might be the best way to open the file.  I will place links to some utilities below.  Mozilla is the company that produces firefox, and that is probably not the problem although in my opinion it is a superior browser to intenet explorer for the mac, and equivalent if not slightly better than safari for the mac.  Kyle

Older PC File  http://www.panergy-software.com/products/lp/pc/gn_op_pc.html

Newer file  http://www.creativetechs.com/iq/convert_ms_word_2007_docx_files_for_a_mac.html

Kyle D. Songer
Instructional Technologist
Center for Learning and Technology
SUNY Empire State College
3 Union Avenue
Saratoga Springs, NY 12866
(518)587-2100 x2531
Debra Monte-Wetzel <wetzel21@verizon.net>
06/09/2007 03:49 PM    
   
To
Kyle.Songer@esc.edu
cc

Subject
ANGEL Coaching Help
   

   

   




Hey Kyle,
It was very nice to see yesterday at the Conference. It certainly was  
interesting, long but interesting.
I have a quick question for you. As you may, or may not,  remember I  
have a Mac. It is beginning to cause some problems with my course.  
Some of my students submitted papers in doc. files and I was unable  
to open them. I asked them to resubmit them in pdf. files because  
they were due and I needed to read them. In the future, would you  
suggest I download Foxfire or Mozilla? Would that alleviate the  
situation or is there something else you would recommend?
Have a nice weekend and thanks for your help.
Until next time...Debra

Thanks so much, Kyle!  I really appreciate it, and thanks for the information on how to fix it myself next time.  :-)
 
Teresa

Kyle.Songer@esc.edu wrote:

Hi Teresa, I fixed the image problem. To find out how to add images in
general to a course please see the step by step directions in the
Conversation About ANGEL course on the Empire State College ANGEL Home
Page. Take care. I hope all is well. Kyle

Kyle D. Songer
Instructional Technologist
Center for Learning and Technology
SUNY Empire State College
3 Union Avenue
Saratoga Springs, NY 12866
(518)587-2100 x2531




~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Teresa Mushik
History/Social Sciences Instructor
"I hate quotations.  Tell me what you know."  --Ralph Waldo Emerson
pickfair27@yahoo.com

Kyle,
 
Thanks for your help.  I was able to make the changes for my discussion headings.
 
Roxanne



Untitled 7

Rich sticky notes

Add a web page using the Add a web page widget

To Add a web page using the web page widget

  1. Click the Add widget icon from the bottom middle of the page.
  2. Choose Add web page from the pop-up menu
  3. When the panel appears click the edit text on the upper right side of that panel
  4. Change the panel title
  5. Type in a web site address in the Web site address field
  6. Check or uncheck the never display scrollbars checkbox (optional)
  7. Leave the offset values alone for now
  8. Click Save changes in the lower right of the edit panel

Untitled 6

Rich sticky notes

Add Weather using the Add weather widget

To Add weather using the Add weather widget

  1. Click the Add widget icon from the bottom middle of the page.
  2. Choose Add weather from the pop-up menu
  3. Click the edit text from the upper right of the panel that appears
  4. Within the weather panel change the panel title to reflect the city you prefer
  5. Choose mph or km/hr by clicking in the appropriate radio button
  6. Choose temperature units in a similar fashion
  7. Check or uncheck the Compact display mode checkbox
  8. Click Save changes

Untitled 8

News

Science @ NASA

Rich sticky notes

Add News Feeds using the news feeds widget

To Add a news feeds using the Add news feeds widget

  1. Click the Add widget icon from the bottom middle of the page
  2. Choose Add news feeds from the pop-up menu
  3. Click the edit text from the upper right of the panel that appears
  4. Change the panel title to reflect that type of feeds (topics) or simply type "my news"
  5. Use the default values for now and click the topics from the table within the panel for which you would like to recieve news.
  6. Click Save changes

Untitled 9

Rich sticky notes

Identifying & Using Panel Window Elements

Below is a list of window elements for identification and directions for use

Title Bar

edit text

Double up arrow

Diagonal arrows

Scrollbar - Look At The Panel to the Right

Sizing arrow

Untitled 10

Rich sticky notes

Extras - Page Locking & More

Extras for True Interactivity

Page locking

Adding a clock
Adding Science Video from YouTube.com

Adding Music

Adding a Skype Call Me Panel

Adding Your Own Blogspot.com RSS feeds

Customizing the fit of a web page panel

Untitled 12

Rich sticky notes

Skype Me

Call me!

Web widgets

Flash Animation Example

Untitled 11

News

gr8smileandmore Blog RSS Feed

Web widgets

Kyle's Pandora Stations

Untitled 5

Rich sticky notes

Add e-mail inbox using the Add e-mail inbox widget

To Add an e-mail inbox using the widget

  1. Click the Add widget icon from the bottom middle of the page
  2. Choose Add e-mail inbox from the pop-up menu
  3. Click the edit text on the top right of the panel that appears
  4. Within the e-mail inbox panel add a panel title
  5. Choose the appropriate Inbox type radio button
  6. Type the login or username into the Login field
  7. Type the password into the Password field
  8. Edit the max number of e-mails to display (optional)
  9. Check or uncheck the Include message preview
  10. Click Save changes