Posts Tagged ‘web’

Learning Through Real Blogs (+ Canvas)

Apr 17, 2012 at 10:40 pm, Jared Stein
This post is a continuation of my reflection on the design, development, and teaching of an online web design course. This activity (an extension of the shared bookmarking activity) aims to help students achieve two outcomes:

  • 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.

Bookmark Sharing via Diigo (+ Canvas)

Apr 16, 2012 at 8:09 am, Jared Stein
This post is a continuation of my reflection on the design, development, and teaching of an online web design course. This activity aims to help students achieve two outcomes:

  • 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.

Concept Map for Intro to Web Languages for Developers

Aug 9, 2011 at 6:57 pm, Jared Stein

I’m working on a concept map assessment for my web development students as a means of evidencing an understanding of the properties and relationships of contemporary web languages.

Here’s the first draft of the criterion map (more…)

Forced mouse tracking of reading behavior

Mar 28, 2011 at 1:37 pm, Jared Stein

I just had the wacky idea that I could force users in an experimental situation to engage in movements that help track their reading behavior in a web browser. This method would employ Javascript and CSS–in short, the script would obscure text outside of the foveal vision area–the readable foveal vision area would be centered near the cursor, requiring the user to move the cursor with her fixations. Combine this with coordinate-based Javascript mouse tracking and user input that reports to a server via AJAX a la UsaProxy, and you’ve got an interesting, albeit limited, method of tracking eye movements (more…)

A Diagram of Reading Media

Mar 26, 2011 at 3:08 pm, Jared Stein

I was in diagramming mode this afternoon, thinking through different aspects of the processes and interactions of reading. One sketch led me to the following simple visualization of printed vs. digital media. This draft excludes forms and modes, and may only be useful as a component of my own understanding:

Follow-Up on Apple’s War with the Open Web

Jul 28, 2010 at 5:59 pm, Jared Stein

Alright, so maybe “war” is overstating it, but as I argued earlier this year Apple is very much posturing itself against the idea of the open web and for the closed consumption environment controlled by its Apps. I stumbled on a couple follow-up posts that follow-up and nuance this debate (more…)

Advice to a New Freelance Web Developer: Charging Clients

May 26, 2010 at 5:48 pm, Jared Stein

Today I received an e-mail from a former student asking a common question: how do I know what to charge clients for web design/development? (more…)

Condensing the “News” Feature of My Moodle Using a Show/Hide Javascript

May 19, 2010 at 2:19 pm, Jared Stein

The My Moodle feature in Moodle 1.9x displays a list of registered courses to a user after logging in. The nice thing about the list is that each course link is followed by a listing of any recent news or events in the course. Unfortunately in highly active courses this list becomes quite lengthy, and ultimately obnoxious as the length obstructs quick access to other courses in one’s view.

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 (more…)

(Respondus) Lockdown Browser for Assessments at UVU

May 3, 2010 at 3:21 pm, Jared Stein

The UVU Blackboard server now allows designers to require Respondus Lockdown Browser (LDB) on assessments. This means that if an assessment is set to use LDB, the end-user (test-taker) computer must have the free LDB software installed (Bb should prompt the user to install it before the assessment can be accessed). UVU’s Testing Center has installed LDB on all its computers and is testing it before next semester. We presume this is pointless unless the Bb assessment has LDB selected, but are looking into it. In any case where LDB is used to take an assessment, “lock down” happens according to Respondus’s descriptions–even if the exam itself is not triggered to require Lockdown. I asked Respondus to clarify the “switch” in Bb, and they responded this afternoon (more…)

iPad vs the Open Web

Apr 8, 2010 at 3:15 pm, Jared Stein

There’s so much buzz about the iPad you can taste it! And it ain’t all minty! I got my paws on one Tuesday afternoon, and found it not revolutionary as Apple prophesied, but rather as many have described: a big iPod Touch (which is essentially a phone-less iPhone).

apple-ipad

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 (more…)