• Evaluate web design information, practices, and techniques for currency, utility, and elegance
• Reflect on, critique, and (re)share new information, practices, and techniques

I think it’s important that web design students create and post to their own blog for several reasons:

• Exposure to blog as a platform. Even if blogging as we know it doesn’t persist as a popular form of web sites, the functionality of a blog is still fundamental to a lot of web systems, for reasons of themes, plug-ins, content management, permissions, syndication, etc.
• A place to showcase work. A blog makes a great portfolio, whether of your web design work, or of your thinking about web design.
• “I write so I know what I think.” I can’t say it any better than Eric Meyer, for anybody in any field.

The latter two reasons tie in to my belief the students need to assert their own digital identity. When a prospective employer searches your name on the web, what do they find? I’d like them to find your portfolio. I’d like them to find what you think about web design. I’d like them to find that you’re engaged in the field of web design, that you link to and comment on the blogs of your colleagues. Blogging provides the impetus for this kind of behavior, and the web keeps track of it for you.

So, I explain these objectives and benefits, then direct my students to some blogging platforms, including WordPress.com, Blogger.com, and the UVU WordPress instance that I spearheaded while Director of IDS.

(I have to say “Real Blogs” in the title because LMS are notorious for providing “blogs” that–there’s no nice way to put this–suck. Or that are not even related to blogs at all. Thankfully the designers of Canvas acknowledged this and provided, instead, some interesting tools to help teachers manage real-world, student-owned blogs.)

In this course, students’ weekly projects could be posted directly to our discussion forums, or can be posted to their blogs and referenced. I obviously encourage the latter, because it adds to the showcase of learning, and provides more opportunities for exposure and connection beyond the walls of the classroom.

Archiving Articles through Diigo

The official blogging assignment is to post at least 3 times during the semester on articles that they have read and found valuable. In the past I’d maintained a wiki page listing what I thought were useful articles, web sites, blogs, and magazines that they could choose from, but I’ve recently discovered that the class Diigo Group archive has become robust enough, and is a far more elegant repository for this purpose. So now, if they’ve reviewed an article that I’ve not read or I know is not on the Diigo Group list, I ask them to also bookmark it for the Group.

Encouraging Connections

In order to encourage interaction between students on their blogs, I first collect all the blog URLs, add those to by Google Reader, and then export an OPML file so students can download and subscribe to all of their peers’ blogs at once.

I also grab the Google Reader “bundle” RSS feed, and add that feed to the Canvas Announcements as another trigger to read, connect, and share their learning.

Blogging Beyond the Class

I, like many other web design and development practitioners, am self-taught–or, rather, taught only through the open web. This fact keeps me keenly aware of the potential to waste students’ time in a formal classroom environment seems to me always a risk. This is just one way I think I can force students to engage in some positive behaviors that may lead to meaningful habits and leverage their advantage as they move toward their careers. I would be lying if I said I didn’t care if students abandoned their blogs at the end of the semester, but I think even if they only maintain it for the term of 15 weeks, they’ve at least been exposed to the blogging phenomenon, and, perhaps, have begun to understand how this field operates as a connected community of professional practitioners.

I also hope that by encouraging them to read and comment on each other’s blogs in addition to the community-based activities we do behind digital classroom walls, they might build relationships with each other that are collegial and persist well into their careers.

And, I tell myself, if they leave their blogs up, they will at least have something out there for others to find. And, based on the typical work of these students on their blogs, that’s something they can be proud of. I certainly am.

• Develop habits and practices that maintain currency with new information in the field
• Evaluate web design information, practices, and techniques for currency, utility, and elegance

I maintain a Diigo Group specifically for my online Web Design class that, unlike services in a traditional LMS, doesn’t have to die at the end of the semester. Students elect to become members of the Diigo Group, and use the Diigo browser add-on to quickly share and comment on blog posts or articles that they find relevant with the Group (i.e. the class). Diigo also provides tools to tag, comment on, and highlight passages from the article (I haven’t required this, but probably would in a special topics class that focused more on new practices and methods in web design and development).

I actually first started this activity with a simple wiki page listing relevant articles that the class could contribute to. I also used a Delicious account with a for: tag that I linked to from the wiki for more current articles. Both were eventually replaced by this Diigo Group.

Diigo + Canvas

Diigo is the mechanism for both the bookmarking and the archiving of these web pages, and students are able to subscribe to the Diigo Group’s new bookmarks, but I am able to go a step further thanks to Canvas*.

Diigo produces an RSS feed, and Canvas can subscribe to any number of feeds. So I simply add the Diigo Group feed to the Canvas course Announcements. This means that any time a new Diigo Group bookmark is made, Canvas automatically posts it as a hyperlink in a new Announcement.

Students are able to control how Canvas automatically notifies them of announcements (e.g. via email, text, twitter, whatever) as well as the frequency of these notifications (e.g. right away, once a day, etc).

So, in addition to the Diigo archive of bookmarks, Canvas will keep a secondary record of all the bookmarks made in the Diigo Group for the entire semester. This simple act of syndication provides students with additional avenues by which they can choose to learn about new resources–especially important for students who may not yet be comfortable venturing outside of the traditional classroom space.

That’s the mechanism for the activity, but the activity itself is clearly founded in the first learning outcome described above. But I think there are some indirect benefits to this activity as well. For instance, I encourage students to find and read blogs in addition to web design magazines, because, in this field at least, blogs are the best way to share new information fast. Frankly, web design has little need of academics for the general practice; for the theory of usability and visual design? Sure. But most new information goes out through informal publications like blogs and forums.

Focusing attention toward blogs presents students a golden opportunity to be up close and almost-personal to web design luminaries like Jeffrey Zeldman, Eric Meyers, Tantek Celik, Cameron Moll, and more. By following the writings of practicing professionals in the field, I hope students might develop their view of the field, and even fall into some indirect cognitive apprenticeship and accidental learning. And by engaging in the rich, deep, and sometimes contentious discussions of techniques found on web sites like Smashing Magazine or A List Apart, students will have begun participating in the actual practitioner community.

My hope is that students will not drop out of the Diigo Group after the semester’s end. But if they do, and many have, I hope they will, at least, continue the practice of bookmarking and sharing new articles and web sites to support their continual engagement in the field — using their own tools, in their own space, choosing whatever methods suit them best.

* I currently work for Instructure, makers of Canvas.

Here’s the first draft of the criterion map, which would be used as a guide for assessing student-created maps:

As a criterion map, this provides assessors with the information they need to score a learner’s original concept map (I can provide learner and instructor materials on request).

Concept map experts & web developers: please offer feedback.

A quick search on Google shows that David Walsh has already worked out a very elegant script that approximates this. My own idea would be to not use a “flashlight” effect, but a “frosted window” effect using moveable, translucent PNG layers (rather than a background) that retains basic shapes, features, and colors, but obscures microfeatures–i.e. the graphemes–of text. Here’s one mock-up to illustrate the idea:

Now there are a number of obvious problems with this idea in research practice–the obfuscation may significantly alter the layout and (potentially distracting) elements of the page; it may negatively affect users ability to gauge document length and position; it wouldn’t necessary reflect normal reading behavior; and, of course, it could be terribly annoying to the reader, etc. That’s just off the top of my head; if you have more ideas, please share.

You might think that Apple holds both [the open web and the App Store] in equal esteem, but
its release of Safari 5 shows that Apple has less regard for publishers on the Web than it does for publishers (and developers) it wants to entice to come to the App Store.

And the App Store is becoming its own little mirror-reflection of the Web. You’ve got content from news providers, you’ve got social networking, you’ve got games, RSS readers—the list goes on and on. You’ve also got, courtesy of Apple, a 100 percent Apple-owned, Apple-powered advertising platform called iAds.

…

in the end we’re left with a) an open platform [Safari] where Apple is willing to toy with Web publishers, modify their content presentation, and suppress their ads, and b) Apple’s curated, closed platform, where everything is done by Apple’s rules or it’s not done at all.

Fisher is honing in on Safari’s new Reader feature, a space Arc90 has been treading for some time. So it’s somewhat synchronistic that Arc90 echoes the original frustration with Apple’s anti-open web model (though not it’s Reader) in the blog post, “Why We Built Readability” comments,

…publishing finds itself looking elsewhere to solve the puzzle of distributing and monetizing. Magazines like Time, Wired and Popular Science have decided to invest in delivering purchasable “packages” of their content that work on Apple’s iPad.

…

For us, the Web is the right bet. The notion of tethering content delivery to a particular proprietary platform or hardware device is admitting defeat.

Disclaimer: I am no longer a full-time freelance web developer. Indeed, I haven’t been a full-time web developer for a number of years, though I do still take projects on the side.

I did, however, think I had enough info to write out the following rather lengthy answer, which I hope to refine and turn into a lesson page later on this semester. There are quite a few better sources to turn to than I, and there have been a few recent articles and books on this subject, but here’s how I framed this particular answer in a way that hopefully walks the student through my thought process and tips them off to at least a few of the bigger picture items that must be considered sooner or later:

First, you need to decide if you’re going to charge hourly or lump sum. I prefer the latter, and I think clients do too.

Even so, I still start by calculating how much I need to be earning per hour–this is a figure I keep internally, and don’t share with clients.

Then, start adding upwards.

For instance, now that you’re working freelance you’re considered to be self-employed by the US Government, and will need to add about 30% for Federal taxes on top of everything else. (Make sure you put that 30% in a separate bank account!) What about State taxes? That varies state-to-state, so check your local codes.

There’s also a matter of other costs you’ll eventually need to roll in to your charges, especially if you look at doing this full time: What about Internet access, computers, software, electricity — these don’t come free! Do you need this work to pay for benefits for you/your family (health insurance, dental, life, etc)? What about advertising (if any) or time spent drumming up business? These need to be absorbed, too.

I’m going to keep it simple in this example and exclude those costs, and I think you probably don’t have to worry too much about this when you’re first starting up–especially if you’re doing freelance in addition to another job. However, be sure to consider these costs later after you move your business forward.

So if that the take-home amount is, say, $15/hour (which is not too bad for someone just starting out–most of my student developers get less than that) first add 30% for taxes, rounding up to $20/hour.

Then, figure that if you were doing this full time you’d be working at least 40 hours a week at least 4 weeks a month. This gives you a number through which you can absorb business costs on a per-hour basis by simple division. So if I’m working from a home office my internet, electricity (for just my office), computer upkeep might add up $160 a month, which is convenient because it means I just add another dollar to my hourly rate. Etc.

The next number to determine is tougher. How many hours will the project take you? Be realistic, and include meeting times. The best way to know for sure is to have tracked your time on projects in the past. I’ll give you just one example: I wrote XHTML and CSS for someone’s resume the other weekend, which turned out to be a 3 hour job including the initial meeting, and some minor experimentation with CSS 3′s @font-face property at the client’s request. Then I spent an hour testing it across browsers and making minor adjustments. So 4 hours for 1 page of content.

In this case we just needed one page, but in sites with multiple pages using templates will make things go faster. Because of this I usually charge on a first-page, additional-page basis, if that makes sense.

At any rate, it’s common to undercharge early on by not accurately estimating the time involved. And that’s OK early on, because you’re learning! But learn from your mistakes, and track your hours, so that in the future you can be more on-target and provide good service at competitive rates. Consider using a project management or time-tracking tool to help you with this.

Another practice I’ve heard others use in the past is to take my estimated time for a project and double it. This is based on the presumption that we always underestimate how much time tasks take us. I think this is true initially.

So now I know my per hour rate ($21), and I’m confident that for a media-free (text-based) static page it takes me about 4 hours. So I might charge $80 for that first page, and, using that first page as a template, charge $20 for each additional page. Now we’re starting to have a basic formula!

Oh, but what if you have to do visual design? Logo design? Will it take you 20 hours to come up with a good visual design? 40? 60? What about changes the client will inevitably request? Certainly you want to include the client at each step, from thumbnails to comps to finished versions. Heavy involvement early on will reduce the likelihood of conflict and frustration later.

Now if Javascript or PHP come into it, we start talking big money. Not just because it takes longer to develop, but because you must work with other people’s web servers, you must be secure, your code must not break on any browser, you must case-test for a number of different user scenarios, etc.

Don’t be afraid to ask yourself if you need to outsource tasks where your skills are not yet adequate. This is a good way to ensure your client gets what they are paying for–and can save you time in the long run. For instance, if I had a client needing a Flex app, I’m not going to spend 200 hours on it when a skilled Flex developer could do it in half that time. Sure, I have to pay them, but sometimes you can barter your skills for theirs.

Finally, make and maintain a master list of services you could provide with a dollar charge next to each, i.e. Basic web page production (HTML & CSS): $200 first page, $50 each addtl page. MySQL database set up: $50 per table, limit 30 fields. etc. I keep my own Excel spreadsheet with as many options as I can think of, and I modify this as I learn more about my own time, resource expenditures, and costs.

That’s it. As I said, this was just an e-mail I kicked out to a student, and this omits important info on contracts and agreements, but it’s a big topic, one which I expect to reflect upon and revisit in this or another post.

To remedy this I have, for quite some time, maintained a custom bit of very basic Javascript and CSS that sets the default view of news items to hidden, with a clickable link to show the entire list from the My Moodle page:

Nothing fancy, and even as I look at it now I can think of improvements…

We just upgraded to 1.9.8 this semester, and because this snippet modifies Moodle core I had my developer Kevin re-test the snippet before I asked our server admin Paul to replace the existing function as follows:

file Location:            '/course/lib.php'
file line:                    "800"
function to replace: "function print_overview($courses)"

Here’s the actual replacement function:

The “switch” in Blackboard and other course management systems helps insure (sic) that the assessment can only be taken with the Respondus LockDown Browser. Without enabling the switch, students can take the assessment using any browser they want, including the secure browser.

For Distance Ed this means that if an instructor wishes to use LDB, we must ensure proctor locations have the LDB software installed. This may require adding wording to the proctoring info web page. For the UVU Testing Center, if they make LDB the only web browser installed on lab computers, all assessments have no option but to be “locked down”.

Brian Swaney has written a lengthy post on LDB, explaining why he thinks it’s an awful idea that only inhibits cheating in limited scenarios, and though Brian’s post gets a little bit out of hand, I do agree with most of his points. Here’s a summary of these, some of which John Krutsch, Marc Hugentobler, and I have brought up in our conference sessions, “How to Cheat Online” and “The Cheatability Factor“:

1. LDB may encourage institutions to take advantage of broadly accessible but ill-suited environments for testing, like open student computer labs.
2. Unless the physical environment is also “locked down” the LDB will do little to inhibit cheating (crib notes, use of a 2nd computer, mobile devices).
3. Unless student identities are verified, LDB does not prevent impersonation (note: LDB doesn’t claim to).
4. There is a line between securing assessments and respecting student privacy. I don’t think LDB crosses it by any means, but Brian raises some legitimate concerns about requiring software installation.
5. All technology, including LDB, can be hacked.
6. The kinds of assessment best protected by LDB may not be good at assessing important kinds of learning. But LDB may be alluring as a (false) panacea for measuring all kinds of learning.

Now like the iPhone/Touch the iPad can use thousands of “apps”– miniature applications developed solely for use on iPhone/iTouch/iPad, and sold through the Apple store. What’s always been disconcerting about the app development process is that Apple controls not only the specifications for apps, but also restricts what apps are made available for use on their product, censors content, and even denies what technologies can be used to produce such apps.

Apple has the right to do all this, of course–it’s their device. Even though the approach out-M$s Microsoft, Apple’s restrictions on production and content of the apps is only one side of a larger problem. What really concerns me is how Apple’s app model will impact digital content on the open web, and I’m not talking about Flash.

The Web as an App

We’ve seen already a number of apps that replicate core functionality of web sites. We’re starting to see more apps produced by content providers as a supplement to their existing web-based content (e.g. Wired, NPR, WSJ). But how long until this supplement supplants the web-based stream? How long until consumers are hooked into fee-based access to this content under the illusion that it’s only available through the app?
I believe Apple has been rather insidious, if clever, in their iPhone/iPad app model, wherein the closed nature of their system requires a kind of fake innovation in the development of “new” apps that do little more than their web-based cousins; certainly little more than what’s already possible with a web browser and a little creative use of standards-based web languages. Instead, these appear to be little more than an opportunity for approved providers to elicit fees in new ways from end-users.

Don’t get me wrong: I’m all for businesses finding new ways to make money by improving service or a product, but is that what we are getting here? The drive to develop web-based products as apps seems entirely backwards, for we already have the one tool we need to facilitate mobility of both content and services: the standards-compliant web browser. What technologies do we need? Not C, C++, or even Flash, but how about HTML, CSS, Javascript, XML, and PHP? How about the open web standards that have facilitated the information access revolution we are experiencing?

Now a “special” path to mobile device development is nothing new; even the W3 tried to sell us on HDML rather than alternative CSS and minimalistic but semantically correct XHTML. But I think time has proven that this is wasted effort in the face of a broadly-accepted, dually-purposed web site constructed on sound principles of web design and utilizing creative applications of open technologies. Even NPR seems to prove this point by the fact that it has not only released it’s own iPad app, it’s also reworked it’s web site to be “iPad-friendly” for those who don’t want to download the (free) app. And at first glance it looks like the web site provides the same essential features.

Enter Blackboard

As expected, in an attempt to capitalize on the iPad buzz and finally make good on years of broken promises for mobile accessibility, Blackboard has unveiled its iPad app, which

recreates the course experience of Blackboard Learn™ … and lets students check grades and assignments, add discussion board comments and blog posts, email instructors and classmates

How stunningly innovative! I surely couldn’t do any of that on a mobile web browser?

I probably rehash this example too often, but I remember sitting in a session at a WebCT conference 5 years ago that was supposed to reveal WebCT’s innovations in mobile delivery of content. Turned out the WebCT rep had nothing to share, but hoped to take ideas from the audience. Disappointed, I turned to my Palm Treo phone and did some grading through Blazer on Moodle. Though the HTML, CSS, and Javascript of Moodle was still disappointingly primitive at the time, it was just good enough that the weak Blazer browser could handle it, and demonstrated the power of using open web standards.

Michael Feldstein suggests that this sort of “innovation” will promote the iPad itself, saying, “if I were a student or faculty member heavily using Blackboard and thinking about buying an iPad, I might find this app to be an additional motivator to buy one”. I bet Bb is hoping the reverse of this will be true: that by providing all their students with an iPad colleges like Seton Hill and George Fox will create a scenario that fits just right with their particular e-learning solution, which is “the industry leader” with full support for “mobile devices”.

This restrictive piping of information that we currently take for granted on the open web is of greatest concern to educators, perhaps, because it has the potential to retard the development of new models of learning. I don’t mean “learning by doing”, though iPad’s failure to support creative production is notable (Jeff Jarvis writes, “It turns us back into an audience again”); I mean particularly developing models that encourage increased learner self-regulation and networked direction along variable learning paths. Such models require access–both broad and deep–to information and depend upon content aggregation, parsing, and re-dissemination. These capabilities have only recently begun to be realized through the open web, thanks in large part to web standards. What schism might the apps model cause in this new standard of information accessibility? What locks and limitations may now encrust upon the ideals of the open web?