updated 5/9/10

"Only connect! . . .Live in fragments no longer.Ó  E. M. Forster, Howards End (1910), ch. 22

ÔOne day when I was twenty-three or twenty-four this sentence seemed to form in my head, without my willing it, much as sentences form when we are half-asleep, ÔHammer your thoughts into unityÕ. For days I could think of nothing else and for years I tested all I did by that sentence [...]Ó William Butler Yeats (cited in Frank Tuohy, Yeats, 1976, p.51 )

------------------------------------------------------------------------------------


 

Portfolios

Second requirement: DETAILED, WORKING INDEX FILES INTEGRATING BOTH SEMESTERS, NOT USING THE CATEGORIES "FALL" AND "SPRING" OR SOMETHING SIMILAR or -280. MOLLY has the right format, though her items are in reverse chronological order.


First requirement: In other words, your portfolio WILL NOT BE ACCEPTED and will be given a grade of -280 IF THERE ANY LINKS TO THE WEB, WITH THE EXCEPTION OF THE LINKS TO OUR COURSE WEBSITE and links to videos that can not be seen in any other way.

There is a simple way to find out if you have links to the web that will make your portfolio unacceptable. Take your jump drive (with your complete portfolio on it) to someone else's computer. Disconnect that computer from the internet: turn off the wireless, remove the ethernet cable, etc. Now open up a browser on that computer and go to "open file" and open the index file on your jump drive. Notice what works and what does not work. The only features that should not work are the links to the course website or to the location of video files. If your blogs don't work because they are linked to FAcebook, or your project pictures don't appear because they are hyperlinks not picture files, or whatever, your portfolio is unacceptable. Your need to replace those hyperlinks to Facebook or whatever with links to files on your jump drive.


 

Third requirement:You can not include files that an internet browser such as Firefox can not display in the browser itself, such as files ending in .doc, .docx, .rtf, .txt, .pdf, .mht, .zip, etc.


checklist

Reminder: You can not include files that an internet browser such as Firefox can not display in the browser itself. Files ending in .doc, .docx, .rtf, .txt, .pdf, .mht, .zip, etc. are prohibited.

 ______Visual impact of the whole portfolio: 30 points.

Includes presentation of ALL pictures and videos of four or fewer people in which you appear, whether the pictures and videos are on our website (and its subdirectories) or were in Facebook.

You must also include at least two class pictures in which you appear.

-4 FOR EACH ONE MISSING.

The visual presentation grade will be low if you simply put all the photos in a folder somewhere with no order or organization instead of organizing them chronologically or in some other way and selecting some to show up where appropriate in the portfolio. Also, for maximum credit, some of the pictures themselves will appear on their own, not as links which must then be selected by the reader.

 _______Complete and accurate index files: every individual item with its own working link on an index page (not necessarily the first index page). REQUIRED.. Up to 9 points. -280 WITHOUT DETAILED, WORKING INDEX FILES INTEGRATING BOTH SEMESTERS, NOT USING THE CATEGORIES "FALL" AND "SPRING" OR SOMETHING SIMILAR.

(Before you make the index files you should have all the files you want in your portfolio in a single folder on your jump drive. You create your index file inside that folder also. As you may have discovered by now, to make an index file your first choice should be a website creation program such as Dreamweaver. Without such a program you can either use Notepad or Textedit to modify someone else's index file such as the ones below. To do the latter just find a portfolio index page you like and then in, say, Firefox, go to "View" and select "Page Source." Then when the code appears, go to "Edit" and then "Select All" and then "Copy." Now go to Notepad or Textedit and "Paste" in the code. Then make the changes in the file names and item names to make it your own. If you want to use Word in the text only mode, make sure you don't accidentally revert to its primary formatting modes.)

Projects: clean copies, no highlighting unless specified, color pictures, only htm or html files.

______ Projects P3 and P4 REQUIRED OR -280

______Reviews of your project 3 by others (1 X 5)

______Reviews of your project 4 by others (1 X 5)

______ Your reviews of othersÕ third projects (1 X 5)

______ Your reviews of othersÕ fourth projects (1 X 5)

_____  Discussion Board contributions, with images,

in this order   75  points [ 25  X3]: Dass 1; Dass 2 ; Dass 3; Martel 1; Poetry; Martel 2; Martel 3; Jewish Bible; Christian Bible; ; Asian religions; Siddhartha 1; Siddhartha 2; Siddhartha 3; Alice Diversity; Black Elk 1; Black Elk2; Bluest Eye1; Bluest Eye2; Bluest Eye 3; Students 1; Students 2; WW1; WW2; WW3; Alice Graduates;

. (For a good example of how to include all your DB entries in a web portfolio see Franzi and websites listed above.)

____  In Class Writing Exercises (2X3=6): Listening Test; Taniguchi Garden; Texas Museum;

____  Revisions of "final" copies of P3

____  Optional DBs such as LBJ; Debate; Letter to Next Class; Who Are You?; Coetzee Lecture

_____ Extra Credit: Extra Credit DBs;

_________Total number of points for portfolio (140 maximum)

_________ Total number of points in course


REMEMBER THE PROCEDURE?

1. Collect, create all your files. Complete files are required for blogs; critiques; pictures that are not on our website; etc. All files must be on the jump drive and linked to the index. Hyperlinks to such files on blogger.com, Blackboard, Facebook, etc. will make your portfolio unacceptable.

To avoid such links, when you go back to blogger.com and view your blog in, say, Firefox, go to "File" and then select "Save Page As." The result will be an html file and an accompanying folder of image files (the same kind of result as choosing "Save as Web Page" for a Word document). The resulting html file AND the folder of images must be put on your jump drive.

If you have the html files in your jump drive, but not the folders of images to go with them, when your html file is selected, the computer begins linking back to blogspot.com., making the whole portfolio unacceptable.

 

1.a. Find the files you need that are already on the site. It is probably easier to link to these files rather than putting them all on your jump drive. However, if you do connect to a website file or image, the link must be the full URL for each file you use, as in http://www.la.utexas.edu/users/bump/603B09/movies/Tea%20Party/JennySkaggsMaryJI.mov

Links to files on our course websites:

http://www.la.utexas.edu/users/bump/603B10/movies/

http://www.la.utexas.edu/users/bump/603B10/images/

http://www.la.utexas.edu/users/bump/603B10/web/

http://www.la.utexas.edu/users/bump/603A09/images/

http://www.la.utexas.edu/users/bump/603A09/web/

1.b. In the case of images on Facebook, if there is no alternative image on our website, copy the Facebook image on to your jump drive. The easiest way is drag and drop.

1.c. WHY ARE YOU DOING THIS?

Role of Class Pictures in the Course


Exemplary Electronic Portfolios from last semester, with scores:

MARY BETH (137 -Publisher?) TYLER (135- iWeb) LYDIA(130)

  SKAGGS  (128)Jenny  (126) AUSTYN  (124-Publisher?)



one way to begin:

1. On the jump drive where you have your website index file and project folders, inside the folder you named WEBSITE  or whatever, in addition to the folders you created for P1 and P2, now create and name more folders for your other categories: say, a folder named DB for Discussion Board entries, one named PR for Project Reviews, one named IC for In-Class Writing, one named Pics for Images, one named M for Miscellaneous, etc.

2. Put all the files you are going to use into the relevant folders3. Now open your original index.htm or index.html file and type in the names of your new folders under the P1 and P2 folder names.4. Now create hyperlinks to the new folders the same way you created hyperlinks to P1 and P2.* 5. Now inside each new folder create a new index.htm file and make links to all the items in that folder in the order specified in the checklist below.


*If your links don't work on other computers, make sure you are not putting a / in front of your initial folder or file name. In other words, let's say you have added a folder called "images" to your basic folder called "website" or whatever. Then you add the line "images" to your index file and create the hyperlink for it.  When your program asks you to supply the link you simply put in "images/" but not "/images" or "/images/"If you are writing the html code directly in Notepad or Textedit or a word processor using the "Text Only" option you would write the code this way:<a href="images/">images</a>



Another option you have is to do your hyperlinks differently (create Hard links, as they say).  You may need to use this option if your links don't work. Erase the old hyperlink and insert one of the following URLs in front of the new folder and file names.

http://www.la.utexas.edu/users/bump/603B10/web/  + your name, as in

http://www.la.utexas.edu/users/bump/603B10/web/Molly/

Then add the name of the new folder and file on our jump drive, followed by a / as in

http://www.la.utexas.edu/users/bump/603B09/portfolios/Andrew/website/index.htm

The only way to test your portfolio, however, using this method is to bring it to my office so that I can upload it to your website, thus activating these URLs.



the Publisher option, for PC users

If you have Publisher on your computer, this may well work for you. Mary Beth and Austyn apparently had success with this program.



 

the iWeb option, for Mac users:

Thanks to Samantha we have some good options with iWeb. See her suggestions below. One of them I would change, however. When you choose the publish to folder option do NOT locate the folder on your desktop but directly on your jump drive. (This is indeed a viable option -- I have tested it.) Otherwise, I fear we will get the problem Samantha had before: after uploading to the internet the index files keep looking for files on the desktop.

Samantha: "for mac users, iweb is pretty handy. You can copy and paste your blogs into it, as well as make new pages for your site which can be p1, p2, photos, etc. The mac tutorial on iweb explains everything pretty clearly and I didn't think it was too hard to figure out. Then once everything is in your site, you can choose the publish to folder option which creates the website folder on your desktop with an index and everything (the index is a separate file, so don't forget to look for it). You can then transport all of this to your jump drive and it should work!! If you have any questions, just ask me."

 


How to increase the visual impact of the whole portfolio.

1. First of all, make sure your images folder includes at least two class pictures in which you appear and all pictures* and videos of four or fewer people in which you appear, whether the pictures and videos are on our website (and its subdirectories) or were in Facebook.*If you have more than ten such pictures, just choose the best ten.

2. Secondly, choose some images to increase the visual impact of your various htm files. For this purpose, you want the pictures themselves to appear on their own, not as links which must then be selected by the reader. To make them appear in this way use the "insert image" command in your program or go to the html code itself and insert the the code <img src= "hyperlink">, as in <img src="http://www.la.utexas.edu/users/bump/603A08/pics/Lydia.jpg" >

3. Thirdly, you might consider using some background images, as long as you can still read the text against the background image. In Dreamweaver, you would go to "Modify" and then "Page Properties" to insert the URL of the image. An alternative is to go the code itself and then insert the following code right below </head><body background="URL"> as in  <body background="http://www.la.utexas.edu/users/bump/images/BevoSky1024x768.jpg">



Grades: To get a B on the portfolio you need to meet all the basic requirements almost perfectly, including detailed table of contents/indexing and linking.

Grades: to get an A on you need to go beyond that to an achievement in visual rhetoric. Think of this as a portfolio you will be citing in an application to an architectural or leadership magazine, seeking employment in competition with many others. You would be well advised to have it all typed in one way or another, perfectly proofread, illustrated, etc. and very professional in appearance.

Return to Bump Home Page