"Think Like the Web" Workshop


Next Generation Web Communication

Let's Start with Evernote


Evernote is a program to write notes, as well as capture, store, and categorize things that you find on the Internet. Much like the Delicious service used to be, you can bookmark pages on the web. The difference being that not only does it capture the URL of a site, but it can capture the site at a moment in time. It is a web service as well as a program that runs on your Mac or Windows computer, and also iOS and android devices. It will then sync across all of your devices. However, Evernote is also an ecosystem of other services that enhance the basic features. Clearly is an add-on for your web browser to give you a simpler view of a web page. It allows you to read a webpage with a consistent look and more “clearly”. Web Clipper is another web browser plugin that enables quick clipping of web sites that you visit. More products are available on the Evernote website.
Learn about Reclaiming the Web

Domain of One's Own

UMW's Domain of One’s Own initiative is intended to provide UMW students, faculty, and staff their own domain and web space. Reclaim Hosting is oriented toward educational institutions to help them provide inexpensive web hosting for students. Otherwise a domain registrar (the place where you sign up for your domain name) such as Hover, and web hosting like A Small Orange are what you need to get started. WordPress.com provide customers with pre-configured solutions for creating websites, but less access to the inner workings of a website, and therefore less control.

If you're ready for the deeper programming of the web then you'll need an FTP client such as Filezilla or Cyberduck (I use ForkLift) to move your files to your web hosting space. You'll also need a Text Editor such as Notepad++ or Text Wrangler (I use Espresso) to write the HTML, CSS, and Javascript code. HTML5 Up provides some free, well-designed, and responsive (look good on mobile devices) templates for non-commercial uses. See the Webmaker section to get started programming the web.
Learn about Instaposts


Instaposts is a term I use for blogging or posting media from wherever I happen to be. The Tumblr mobile app allows you to post text, photos, audio, and video to your Tumblr site, as long as you are connected to the Internet. Instagram is very popular, but I'm using Known which has the added ability to post automatically to Twitter and Facebook.

Another example of instaposting is a site called If This Then That. It allows you to use various web services (Twitter, Flickr, YouTube, Vimeo) to communicate with other web services to automatically do things, For example, if I favorite a video on Vimeo, it automatically sends a tweet to my followers with a link to the video.
Learn about Web RTC


Web RTC is a free, open project to provide real-time communication through a web browser using it's native capabilities - In other words - NO PLUGINS REQUIRED! Currently support is provided by Mozilla Firefox, Google Chrome, and the Opera browsers

Tutorials on the basics are provided on the HTML5 Rocks site, but a stunning example of Web RTC is the Appear In service. It's the WebRTC version of a Skype call, or Google Hangout. Again, you need to use a supported browser, or an iOS or Android mobile device app.
Learn about Rich Media Publishing

Rich Media Publishing

Most people know YouTube, the place where millions of people watch millions of videos every day. It all started with A Trip to the Zoo, and it exploded from there. YouTube, Vimeo (another video site), as well as Flickr and other media storage services, can be combined with the publishing ease of a blogging/content management system such as WordPress to offer Rich Media Publishing environments.

Learn about Mozilla Webmaker


Several websites make up the Mozilla Webmaker project. It is designed to help you experiment, visualize, and hack using web tools that help you understand how the webs works. You can begin at the WebMaker site, then continue on to where you can see through websites with "X-ray Goggles". You can try your HTML coding skills (without breaking the web) at Thimble, and then try out some of the "Makes" that people have shared to teach you beginner to advanced skills.

The P2PU organization has a Webmaking 101 site to help you make even more sense of this web programming world. An example lesson shows what's possible.
Learn about Raspberry Pi

Raspberry Pi

Finally, no "thinking about the web" workshop would be complete without talking about the next wave in the "maker culture" ethos - Micro-microcomputing - represented by the Raspberry Pi. In its most basic form, it is a tiny credit card sized Linux computer priced at under $40. However, its capabilities range from web server, to media center, your own private cloud, to things beyond your imagination (and, yes, maybe beyond your coding skills). Many people share their ideas, and detailed tutorials, to allow people to learn some of the most fundamental aspects of what the web runs on. An updated model of the Raspberry Pi was just released . . .

Meet the Raspberry Pi Model B+ from Raspberry Pi Foundation on Vimeo.