Random header image at Christen Bouffard

NMC 2009 - More Than Meets the Eye: Using Google Earth and Geo Spacial Apps for Storytelling, Teaching and Finding Your Way

keep in mind that you can make use of geotagging tools, GPS data, and GIS integration (in the case of GE Pro) to create your maps

An NMC 2009 presentation by Keene Haywood
The resources for the entire presentation can be found at http://drop.io/nmc_google_earth

During his presentation Keene highlighted a number of features of Google Earth that make it a powerful tool for visualization and learning. This particular session was well attended with standing room only. Below are highlights of the topics he touched on and links to projects he shared with the group.

The Gallery Layer in Google Earth features data pulled in from other online services like:

  • 360cities.net - Dedicated to promoting geo-mapped, VR panorama photography and VR photographers around the world.
  • gigapan.org - An interesting service to explore in itself, GigaPan was developed by Carnegie Mellon University in collaboration with NASA Ames Intelligent Robotics Group, with support from Google. It is the newest development of the Global Connection Project, which aims to help meet neighbors across the globe, and learn about the planet. GigaPan consists of three technological developments: a robotic camera mount, custom software, and a new type of website for exploring, sharing and commenting on gigapixel panoramas.

Timeline imagery: in Google Earth 5 they’ve included all the historical satellite imagery they have. A number of projects are taking advantage of the historical data visualisation capabilities, as well as mashing additional information with it. Some projects mentioned were:

Tours in Google Earth
Dreaming New Mexico - Go to different sites in New Mexico
Google has posted many GE tours http://google.com/plugin/tours

How can you create your own tours

  1. Record the tour in GE
  2. Use the Google Earth plugin embed gadget to prepare the tour if you’d like to share it on your web site - http://www.gmodules.com/ig/creator
  3. Copy/Paste code generated from the gadget into your web site

Google Earth Mashups

If you’re interested in creating your own visualization using Google Earth keep in mind that you can make use of geotagging tools, GPS data, and GIS integration (in the case of GE Pro) to create your maps.

Great job, Keene, I really enjoyed your presentation.

June 15th, 2009 | Published in Uncategorized, firefox


Eee Top PC

The Eee Top is a good choice for homework, surfing, or display kiosk…

Eee Top

Over the past week I’ve been putting an Eee Top PC through its paces. When I first heard about the Eee Tops my first inclination was to roll my eyes at yet another in the continuous onslaught of netbook clones, but this Eee doesn’t look much like any I’ve seen before - it’s big(ger).

In reality, the Eee Top fills a niche not currently getting a lot of attention - desktops. With a relatively low price point, true to the Eee series, these machines deliver a sleek look, tiny footprint, big sound, and touchscreen interface all in a package the size of a medium-sized flat panel display. They come running Windows XP and include Asus’ own Easy Mode software with its touch-friendly interface. A short keyboard with stylus and a mouse also come in the box. The keyboard is minimalist with low-profile keys, and the mouse is a glossy hand-sized pod. Overall, the system appears very Mac-like and is very quiet too, operating at about 26dB.

Here are the official specs:

  • LCD: 15.6″ 16:9 Wide Panel
  • OS: Genuine Windows® XP Home
  • Touch Screen: Single Touch
  • CPU + Chipset: Intel Atom N270 + 945 GSE
  • Memory: DDR II 1GB
  • HDD: 160G SATAII 5400rpm
  • Graphics: On board graphics
  • Build-in Camera: 1.3M pixel Web camera
  • Mic: Array Mic
  • LAN: 10/100/1000 Mbps
  • Wireless: 802.11 n
  • Audio: 4W Hifi speaker x 2 + SRS Premium Sound System
  • Microphone port in ß> Center/Bass
  • Gigabit LAN x 1
  • USB 2.0 x 4
  • Power Supply: 19Vdc, 3.42A, 65W power adaptor
  • Battery: N/A
  • Net Weight: 4.3KG

The Eee Top is a good choice for homework, surfing, or display kiosk, and with its clean lines and cool blue ground effects it is something you won’t mind leaving out for the world to see. It comes loaded with OpenOffice for productivity, but could run MS Office if you prefer. The display is sharp and a good size for reading from. If you like running a high resolution and tiny text with which to create vast tracts of screen real estate, this system simply isn’t going to be for you. It’s a touch screen and Asus designed for sausagey human fingers tapping on the screen. Don’t be fooled though. The touch screen is quite accurate and when used with the stylus tasks like writing on an Elive whiteboard are quite legible.

It’s also possible to play movies IF you have an external player to connect via USB. There is no CDROM, DVD, or BluRay player on board. The picture is good, but if you think you’re going to try and get in some game time or log into Second Life, think again. The graphics card just can’t keep up with the more graphically demanding applications.

Here at CDE we are using this system to help students register for classes at the front desk and to direct them to other online resources. The entire set up is so compact that it fits on the counter without cluttering up space or blocking anyone’s line of sight. We’ve also thought about logging Barb into Skype so she can see who’s in the office and ambush people walking by (just kidding).

Eee Top Black

March 24th, 2009 | Published in tools  |  1 Comment


Over-optimized JPEG

A simple visual object lesson in over-compressing JEPGs.

A simple visual object lesson in over-compressing JEPGs. The video depicts a progressively compressed image over 600 generations.

Generation Loss from hadto on Vimeo.

March 23rd, 2009 | Published in web development


smarthistory

the site is an effort by two art history professors, Beth Harris and Steven Zucker , to eliminate the need for the giant art history text book

We are currently working on a revision of Lisa Kljaich’s Art/Music/Theater 200 class which is set to be ready for enrollment this summer. This revision is exciting because she wants to get rid of the textbook and the CD collection that had been required for the course by replacing them with all open source material - paintings, sculpture, music, and theater performances. If everything goes well this course will be added as one of our OER courses (http://oer.uaf.edu).

As I’ve been working on the class with her I’ve been noticing just how many resources are available online for the areas this course covers, and one site in particular really stands out - smarthistory.org. This site is an effort by two art history professors, Beth Harris and Steven Zucker , to eliminate the need for the giant art history text book traditionally used as required reading in their own classes. This site they are working on is a collection of images, audio, video, and insightful narrative all licensed under a Creative Common Attribution-Noncommercial-Share Alike 3.0 license.

The purpose of the site in their own words:

smARThistory.org is a free multi-media web-book designed as a dynamic enhancement (or even substitute) for the traditional and static art history textbook. Dr. Beth Harris and Dr. Steven Zucker began smARThistory in 2005 by creating a blog featuring free audio guides in the form of podcasts for use in The Museum of Modern Art and the Metropolitan Museum of Art. Soon after, we embedded the audio files in our online survey courses. The response from our students was so positive that we decided to create a multi-media survey of art history web-book. We created audios and videos about works of art found in standard art history survey texts, organized the files stylistically and chronologically, and added text and still images.

We are interested in delivering the narratives of art history using the read-write web’s interactivity and capacity for authoring and remixing… [more]

It is a very well designed site with quite a (growing) collection of resources. In addition to their video collections on Vimeo and YouTube they have set up a Flickr group for anyone interested in sharing pictures they have taken of the works of art discussed on the smarthistory.org site.

I have to mention the very nifty timeline they’ve built for the site. So slidy!

February 25th, 2009 | Published in projects  |  1 Comment


Calculus Functions Explained on YouTube

Lots of math resources to be found on YouTube

December 28th, 2008 | Published in Uncategorized


The Browser as a Learning Platform

This whole idea depends on the answer to one question, though. Can schools make the materials in their online courses more portable so it is even possible for students to access and aggregate the pieces into something that works for them?

I’ve believed for a while that the web browser I use should serve as a toolbox, of sorts - equipped with extensions/addons (the tools) that help me get my online work done more quickly and efficiently. We’ve talked here at CDE about recommending addons in the past during our iTeach training for instructors and faculty, but students (obviously) can benefit from understanding how to take control of their online work environment too.

Along that same line of thinking, the people at Mozilla have put together a set of FireFox addon “collections” for different types of web users - something we could easily put together for students. Recommendations for addons that connect to tools that make accessing, saving, and managing course resources, class conversations, and student research easier. A good place to start, right?

As we talk more and more about personal learning environments, browsers are appealing for their flexibility at the user-level that can be used to pull together various online resources. As a learning environment, browsers are centered around individuals, they can be highly customizable (assuming you use something like Firefox), and they put the student in control of the information. They also makes it possible for students to easily access classes they may be taking from different organizations, or even material they are studying independently, such as from the growing selection of open courseware material.

I could be corny and something to the effect of how browsers put the “P” in PLE, but I won’t, but what other tool offers the student, as an individual, the same level of control? Ok, maybe a notebook, but it can’t connect to the web. This whole idea depends on the answer to one question, though. Can schools make the materials in their online courses more portable so it is even possible for students to access and aggregate the pieces into something that works for them?

December 23rd, 2008 | Published in firefox


Make the Acer Aspire One More Flexible

The thing about the AAO is that it IS stupid-proof. I soon realized I couldn’t see under the hood, leave things to clutter my desktop, or even right-click!

Image courtesy of Friprog on Flickr.

Image courtesy of Friprog on Flickr.

The Acer Aspire is quite a handy device that falls into the category of “netbooks”. There are numerous reviews and unboxing articles available already about the AAO, so I won’t get into the details of the device other than to say it is quite capable for its size.

A few weeks ago I was charged with setting one of these devices up - for what purpose, I was unclear - but it was a chance to work with something small and shiny with lots of buttons, and I of course jumped at it. With a wifi connection available and AC wall outlet nearby, I sat down and booted the device on for the first time. There were some screens asking my name and the region I was located in, and what language I speak. The next thing I knew, VIOLA! the device was fully operational. The entire process was truly uneventful, so much so that I went hunting for updates, which I acquired just as quickly by clicking the update button. It was already online, it downloaded the updates and installed them for me. Done.

The AAO is easy, stupid-proof even, and comes running Linpus with all the basic software to get most of your mundane tasks done. Out of the box you find Open Office, Firefox, a whole slew of games, and a few more things that are handy. The thing about the AAO is that it IS stupid-proof. I soon realized I couldn’t see under the hood, leave icons to clutter my desktop, or even right-click!

That dog won’t hunt, monseigneur. I decided immediately to remove Linpus and install Ubuntu. Why Ubuntu? Well, it’s open, free, and can do pretty things (and yes, it still runs all those boring apps so you can get stuff done).

Here a few articles that will walk you through the entire process:

Installing Ubuntu (Intrepid Ibex)
Setting up Avant Window Navigator and GnomeDo
Setting up Conky
Tweaking

If you haven’t ever worked with Ubuntu or any other flavor of Linux before, fear not. There’s a large community base out there documenting tweaks and answering questions. There’s even a surprisingly large group of AAO fans out there sharing their mods. Getting rid of Linpus is the first step to really giving the Aspire One more flexibility.

November 5th, 2008 | Published in acer aspire one, laptops, tools


Expression Engine Lingo

The kicker is actually learning the lingo. EE uses different words to label its functionality, the meanings of which are not readily apparent. Confusing, if you’re used to working in another system.

If you’re staring at Expression Engine because you are using it for first time, or considering it to build your next project on, I hope this helps explain a few basics I had questions about when I started. My first introduction to Expression Engine (EE) was this past summer, building the Engage site for Cooperative Extension Services here at UAF. First impressions weren’t shocking. Normally, I find myself developing on Wordpress or Movable Type, and Expression Engine is very similar to those platforms in that it runs on php/mysql, and has its own collection of template tags to get most things done quickly. The kicker is actually learning the lingo. EE uses different words to label its functionality, the meanings of which are not readily apparent. Confusing, if you’re used to working in another system, so let me try and clear up the things I found most perplexing.

What is a Weblog?
This is the first place I got stuck. I assume you already have a conceptual understanding of what a weblog is, so I’m going to speak specifically within the context of EE. In a single installation of EE you can create many “weblogs”. The thing is that what they call a “weblog” should really just be considered a container for content that behaves like a conventional weblog. These “weblogs” can be renamed to something more semantically meaningful to your project. For instance, instead of using the term “weblog” you can change it to be “site” or “monkey”, or whatever - you decide. The important thing to remember is that no matter what you call these “containers” - weblogs, sites, or monkeys - they can have their own set of administrative rules that are configured separately from the other “containers”. A “weblog” titled Energy can have its own set of Categories, its own Template Groups, its own set of Member Groups, and its own Members. In this way EE is very flexible.

This flexibility was one of the reasons we chose EE for our project. We needed a platform that would enable the creation of separate “sites” for a number of different user communities that could then be aggregated into a single portal view on the home page, with a shared administrative system to control editing privileges, template features, and security for those different communities.

What Do You Mean “Groups”?
This was the next fuzzy experience I had with EE - Groups. There are five administrative areas in EE that are referred to as groups:

  1. Category Groups - these control the categories that are available in a particular “weblog”. Configure these by going to Admin - “Weblog” Administration - Category Management in the Control Panel
  2. Field Groups - these control what form fields are available on the New Entry page when posting to the web site. Configure these by going to Admin - Site Administration - Custom Site Fields in the Control Panel
  3. Status Groups - these determine the workflow of new posts within a “weblog”. The default statuses are Open and Closed, but you could add more such as Draft or Live if your site requires more control in throughout the editorial process. Configure these by going to Admin - Site Administration - Custom Entry Statuses in the Control Panel. These are directly tied to Member Groups in that you Assign Member Groups to Status Groups (to control how how members of each group are able to post content to the site)
  4. Member Groups - these control who has what permissions on the web site and within different “weblogs”. Configure these by going to Admin - Members and Groups - Member Groups in the Control Panel. New Members are then assigned a Member Group when their accounts are created.
  5. Template Groups - these drive the appearance of pages depending on which “weblog” is being viewed. This makes it possible to have separate areas of the site that look totally different or that share components among each other. Configure these by going to the Templates tab in the Control Panel. Assign a Template Group to each “weblog” configured on the web site.

Each of these types of groups can be configured differently for each “weblog” (or “site” or “monkey” - whatever you call your containers) in your EE installation. Each time you create a new “weblog” in your EE installation you will have to specify which groups are to be used for that new area of the site. Keep in mind the you may not need more than one “weblog” in your EE site, in which case you would only have to set up your groups once.

Where Am I? (Link Structure)
This was the hardest characteristic of EE to wrap my head around. In fact, I still don’t feel comfortable with it. EE builds templates dynamically from the database. Template Groups names and Template names determine the URL of pages. For example, the default address of the home page of an EE site is:

http://websitename.com/index.php

All other pages are built off of the index page because the templates are pulled from the database (by default). The address of a page displaying a single article would have an address built like this:

http://websitename.com/index.php/templategroupname/singlearticletemplatename/articletitle

The URL structure is very difficult to relate to at first. Fortunately, there are ways to get around it and make URLs look normal. Understanding how EE builds URLs, regardless of what the end users see, will help you as the developer leverage the flexibility of the templating system.

After I understood EE “weblogs”, groups and URL structure I was ready to actually tackle my project. If you haven’t looked at EE yet, the above information will seem mostly useless, I think. My next post will be on how to install the EE core (which is free for personal use). That way, if you haven’t seen it in action yet, you will be able to get your feet wet.

November 4th, 2008 | Published in expressionengine, projects, web development


Embedding Fonts with JavaScript

my general belief that keeping things simple is more effective, elegant, portable, blah, blah, blah

First, let me say that I realize the embedding particular fonts in a web page goes against my general belief that keeping things simple is more effective, elegant, portable, blah, blah, blah. Yes, I still believe that, but I’m tired of the face people make when they are actually presented with a site built on these beliefs. Somewhere there is a middle ground and I am determined to find it, because I’ve been missing it along the way. The balance between simple elegance and the look of true appreciation from the average (read *uninformed* here) web user is out there waiting for me to discover it.

With this new approach to web development in mind, I encountered Typeface.js, a simple script that enables non-standard fonts to be embedded into web pages (see examples here). I say simple because it is way less involved that SiFR, which has become a popular way to “fancy up” text while still allowing it to be read by alternative devices, seen by search engines, and selectable by the user (for copy/paste/portability). The main drawback to SiFR in my mind is that is requires access to a copy of Flash and I am truly that lazy AND cheap.

Looking into it further Typeface.js seemed to be a less involved process so I gave it a try and had it up and running in a matter of minutes. Good stuff. Here’s the low down from my point of view right now:

Pros:

  • Doesn’t require a copy of Flash
  • Supported browsers include Firefox 1.5+, Safari 2+, and Internet Explorer 6+, and degrades gracefully in unsupported browsers
  • Text can be searched, copied, and repurposed
  • Draws *pretty* letters with clean, smooth lines for much better looking type, FINALLY
  • The code is open and free
  • A handy TTF converter is available for download or at the site, that converts True Type Font files for use on the web

Cons:

  • It doesn’t support all CSS2 features, but it covers the basics and that’s all I really want anyway
  • You must have copyright permission to distribute the fonts you want to use
  • Doesn’t taste like chocolate

Wait, what was that about having permission to use the font you want to embed on your site? This is a very important thing to note, because typographers work hard too - hunched over their sketch books and laptops in the dark - making the cool fonts you want to use, and they have to eat. Not to worry, though, there are open fonts available for you to use if you’re in a bind. I like to think the typographers who have made these open available have rich benefactors or sugar daddies (or mamas), or are employed by large companies that give them regular paychecks and allow them to have some free time toward altruistic creativity. Truthfully, I just want to imagine them being well fed so I can use these fonts guilt free.

The MgOpen Collection (Get them here)

  • MgOpenCanonica
  • MgOpenCosmetica
  • MgOpenModata
  • MgOpenModerna

Just as a little note, Typeface.js renders text with cleaner lines than the image below displays
open-cosmetica

October 31st, 2008 | Published in Uncategorized, web development  |  1 Comment


Learning Expression Engine

the EE documentation was consistently the most helpful resource for answering questions

On the tail end of the 11th hour I thought I’d blog SOMETHING since this week was actually one of my assigned weeks to blog. There are two big projects I’m finishing up now, the changes to the Distance Gateway (which haven’t launched yet), and the Engage web site which we worked on for Cooperative Extension. The Engage site is now officially in beta as they begin to add some actual content. I’m curious to see what it looks like after it has filled out over a few months.

A while back we had decided to build the site using Expression Engine, a first for me. It seems lately I’ve been building a whole lot of Wordpress sites. Expression Engine is about as easy to work with as Wordpress, but for different reasons - all stemming from the fact that when push comes to shove WP is a blogging platform and EE is a content management system, so it isn’t a straight apples-to-apples camparison between the two. I will say that, in general terms, developing a site in WP or EE takes about the same amount of effort once you’re reasonably familiar with the systems.

I’m planning on writing a few posts around my initial experience with EE while all the questions and fuzzies are still fresh in my head, in the hope that it will straighten a few things out for me, and possibly help someone else out. I will add just one more thing about helping - the EE documentation was consistently the most helpful resource for answering questions.

More on EE to come as I try to collect this last project into something coherent.

October 3rd, 2008 | Published in expressionengine, web development


About Christen Bouffard

and other things at the office . Subscribe via RSS »