Archive for September, 2010


e-portfolios

I had heard of e-portfolios before we were given this assignment, but I only had a basic understanding of them.  Coincidentally enough, I just had a friend recently who was laid off, and I remember receiving his mass email out to all his friends to let him know of any employment opportunities they may be aware of.  I know when people usually do send out such emails they will include their resume as an attachment, but he did it a little differently.  He actually had set up his own website by purchasing the domain of his name, and he included a website link which I checked out.  Like I said, I had heard of e-portfolios, but had not really seen one in action.  His site was really cool and very multimedia interactive with photos, a few videos, his resume, experience, etc.  And I remember thinking how nice this would probably be to a prospective employer because they don’t have to deal with actual physical resumes.  I used to work for a recruiting agency years ago, and I remember having to scan hundreds of them in a database and run an OCR software on them.  ugh, no fun at all.  So this really solves that issue as there is nothing to store except an electronic file.

I think the most interesting article I read was the one about a university electronic portfolio project.  They described a portfolio as “a collection of work developed across varied contexts over time” and how the “electronic format allows faculty and other professionals to evaluate student portfolios using technology, which may include the Internet, CD-ROM, video, animation or audio”.  Sorry another quote, but I think it’s relevant.  “Electronic portfolios are becoming a popular alternative to traditional paper-based portfolios because they offer practitioners and peers the opportunity to review, communicate and assess portfolios in an asynchronous manner.”  I had to look up asynchronous myself, and it means “of, used in, or being digital communication (as between computers) in which there is no timing requirement for transmission and in which the start of each character is individually signaled by the transmitting device”.  Still not exactly sure what it mean, but it’ll dawn on me.

The article went on to say that colleges are starting to create and use e-portfolios as a means of evaluating a student’s learning or progress.  The author many reasons why to use an e-portofolio, and one of them really stood out to me being that it was related to computer skills a student would gain in the process of creating one of these portfolios.  The article said “students gain valuable computer skills while creating and editing their portfolio”.  Also, the ease of storage and access of an e-portfolio is that much greater than that of a traditional portfolio because you can simply store it on a flash drive and access on any computer at your convenience.

In regards to the student e-portfolio at a university, the article said the main things to include were:  Student Information, Table of Contents, Learner Goals, Rubrics, Guidelines, Artifacts, Instructor feedback, Self-reflection pieces.  It stressed the importance of self-reflective pieces because “a portfolio without reflections is just a multimedia presentation or an electronic resume”.

All in all as web design students, I think this is definitely something we will be exposed to over and over again, and it’s definitely something we need to become as familiar and fluent with as possible.  I look forward to creating mine later on in my educational career at AID.

http://academic.regis.edu/LAAP/eportfolio/basics_what.htm

http://eduscapes.com/tap/topic82.htm

http://electronicportfolios.org/portfolios/howto/index.html

Web Standards

Call me crazy, but one of the reasons I got into web design is because I really wanted to learn the markup coding languages (like HTML, XHTML, XML, etc) and I truly and honestly get excited learning things of this nature. Of course, I still want to learn the artistic design side of it and am just excited about that, hence my enrollment into an art related college.  But I can tell by reading the articles I researched and watching the one video I found, a newfound interest and curiosity has sparked up in me again.  This is kind of what I was waiting for and look forward to other classes covering this kind of material.  I remember one programming class I took in high school and just absolutely loving it.  It was fun to me, especially when so many others were almost brought to tears in trying to understand it.  I’m hoping that same passion will surface with these new web-based languages I’ll be learning.  Pretty sure, it will.

Learning things from how the World Wide Web Consortium (W3C) is dedicated from “leading the Web to its full potential” and how they have come up with standards (or recommendations as they really should be called since they are not enforced by some global law) for the web design community developing “open specifications (de facto standards) to enhance the interoperability of Web-related products’.  There’s also the “European Computer Manufacturers Association (ECMA) which is an organization officially founded in 1961 in order to meet the need for standardizing computer operational formats, including programming languages and input/output codes”.  “The main role of the ECMA is to develop Standards and Technical Reports in the area of information and communication technology.”  Basically, they have a set of web design standards that, if you abide to in your web design coding, will enable your website to viewed in most web browsers, whether they be old or new.  Granted, your website may load in a view as simple as straight text and nothing else, but the more important point is that your website page will still load and the content can be viewed.   As one of the articles said “complying with Web standards can give your Web pages greater visibility in Web searches. The structural information present in compliant documents makes it easy for search engines to access and evaluate the information in those documents, and they get indexed more accurately.”  Your website will be more accessible and also account for more stability.

I also interestingly read and learned about semantically correct code, and how web designers who follow this practice “use heading elements (<h1> – <h6>) for different types of headings, paragraph elements (<p>) for paragraphs of texts, and lists (<ul><ol> etc) for any kind of listing you might have, and so on.”  It’ll make certain parts of your website each to find when troubleshooting any errors in coding, decrease your load time because there’s less code, and “strongly improve maintenance aspects of your web site”.

The importance of “separation of Content (HTML/XHTML), Presentation (CSS) And Interaction (JavaScript)” could not be stressed enough, and it makes perfect sense to me in terms of having order and a structure to things, especially when writing code.  I love order and structure to things.  One of the main reasons I loved math so much in school.  Still do.  Anyways, keeping things like the CSS and JavaScript files separate will help in performance because these files are cached “in the end user’s web browser after the first load, hence dramatically decreasing load times and improving the experience”.  Also, keeping all three of these separate helps you know where to look when troubleshooting as each layer has its own purpose.  In terms of maintenance, “you have all the code in one central location, applying all presentation and interaction code to all the web pages within a website”.

So I could go on and on.  Obviously, I find this stuff interesting and am excited about learning from in future classes.  I love the whole “behind the scenes” sort of vibe you get from learning this stuff.  It’ll be fun one day to actually be able to make sense of all the web associated coding I’ve seen over the years and finally be able to understand what it all means and actually does.

http://www.zeldman.com/2009/04/08/what-are-web-standards/#ooid=hjb2JnOsVPEUD-Izei4yTWSdtfmSSGya,IyeWJnOknf6DNfx7eSRod6UTNHtBAMdE

http://archive.webstandards.org/edu_faq.html

http://robertnyman.com/2007/05/21/what-are-web-standards-a-comprehensive-explanation-of-what-is-comprised-in-the-term/

http://www.zeldman.com/2009/04/08/what-are-web-standards/

http://en.wikipedia.org/wiki/Web_standards