Spreadsheets

Spreadsheets come in may shapes and sizes. The most popular spreadsheet package used today (Excel) is made by Microsoft, but there are plenty of competitors. For example, we have been experimenting with a web-based spreadsheet (Google Docs) over the last week.

All spreadsheets more or less function in the same way. Visually they are structured based on a grid that is made up of rows and columns. Each row is identified by a number and each column by a letter. The intersection of a row and column is called a “cell,” and cells have names based on their row/column location (i.e. the first cell on a spreadsheet is cell “A1″.)

Here’s a brief overview of how you can get started with using spreadsheets:

  1. Open up a new spreadsheet (either Excel or Google Docs) – the directions below are for Excel but the same general process should work in most spreadsheet packages.
  2. Take a look at the spreadsheet. Make note of the rows (numbers) and columns (letters)
  3. Let’s set up a simple gradebook for our students. Type the word “Students” in cell A1, and then type in the names of our students in this column. Here’s what your final spreadsheet should look like – use this image as a guide as you work through this tutorial:
    Screen shot 2010-01-12 at 10.14.04 AM

    Spreadsheet layout

  4. Type the words ‘Test 1′, ‘Test 2′ and ‘Test 3′ along row 1 in cells B1, C1 and D1.
  5. In cell E1 type the word ‘Max Points’
  6. In cell F1 type the word ‘Grade’
  7. In cell A7 type ‘Average Score’
  8. Fill in some sample grades for test #1 in cells B2, B3 and B4.
  9. To calculate the average for test #1, click inside cell B7. Then type the following “formula” inside the field (without the quotes): ”=AVERAGE(“
  10. Next, highlight the fields you wish to average. For example, to average cells B2 to B4, highlight these cells with your mouse. Then click the Enter button on your keyboard.
  11. If you did it right you should see the average grade appear in cell B7. You can change grades for students in cells B2 to B4 and watch as the average automatically updates itself.
  12. Repeat this process for tests #2 and #3
  13. Fill in the maximum number of points in cells E2 through E4. For example, if all three tests are worth 100 points, type 300 in each cell.
  14. In the grade field we will calculate another formula to calculate the student’s particular grade. Type the following in cell F2 (without the quotes): “=SUM(” and highlight the students grades. Next, type the closing parenthesis [")"] and then type the following without the quotes: ”/E2″. This will sum up the students grades and then divide the sum by the total number points possible.
  15. You can copy the F2 cell into cells F3 and F4 – the formula will automatically update for each student.
  16. You can set up “conditional formatting” on the cell to tell Excel to automatically change the color of the cell based on the content. For example, if you want top grades to show up as green, middle grades as yellow and low grades as red, you can do the following
    1. Highlight cells F2 through F5
    2. Click on the Format menu and then on Conditional Formatting
    3. A “rules” box appears. This lets you define what happens to this cell based on certain criteria. For example, if you want grades of 90% or higher to be listed as green, type the following. Note that I am using fractional values (0.9 through 1.0) since we are dealing with percentages.
      Conditional Formatting

      Conditional Formatting

    4. Next, click the Format button and select ‘Pattern’ – I selected Green as the cell color for grades that are between 0.9 and 1.0.
    5. You can add in any number of “rules” to a conditionally formatted cell.
  17. You can also visually chart information on your spreadsheet. Here’s how:
    1. Let’s start by charting students vs. their test #1 score. To do this, highlight the student names as well as their test #1 score (cells A2 through cells B5)
    2. Click on Insert -> Chart
    3. Select a column chart
    4. You can also select ranges that are not adjacent to one another. For example, to chart tests vs. test averages, highlight cells B1 through D1. Then hit the Control key on your keyboard and highlight cells B7 through D7. Note that this kind of selection does not work on Google Docs (a known issue … they are looking into it)

Pivot Tables

Excel Templates

  1. Excel for all Grade Levels
  2. Student Spreadsheet Activities
  3. More Spreadsheet Activities

History

The following is an interesting video that covers the invention of the spreadsheet in 1979. As I mentioned in class, the first spreadsheet (Visicalc) was dubbed a “killer application,” which means that people would purchase an entire computer system just so they could have the opportunity to run it. Visicalc dramatically drove up sales for Apple because, at the time, it was the only computer that had the ability to run the software. As a consequence, the popularity of Visicalc helped to inspire IBM to enter into the PC market in the early 1980′s so they could compete directly with Apple for the future of the PC.

Posted in Spreadsheets | Leave a comment

Google Trends

Google Trends is a website that lets you view the relative popularity of different search terms using Google’s vast database of web traffic patterns.  Here’s how you can get started:

  1. Visit the Google Trends site at http://www.google.com/trends
  2. Type in a single search term to see how many times that term has been “googled” over the last six years.
  3. Type in two search terms (separated by a comma) to compare the relative popularity of the two terms to each other.
  4. Google will return a graph that outlines the popularity of your term(s) by date
Posted in Google | Leave a comment

“G” is for Google

While not a strictly an educational application of Google Maps, this collection of geo-alphabetical formations is really amusing. The full article can be found here.

a_1437415i

Learn your ABC’s from 10,000 feet above sea level

Posted in Google | Leave a comment

Two interesting articles

Posted in Research | Leave a comment

The Open Clip Art Library

The Open Clip Art Library is an open-source project that aims to categorize, manage and distribute royalty free clip art. The site offers a wide range of files, including a whopping 377mb ZIP download that is filled with 12,337 freely accessible clip art images. Download your copy here.

Posted in Digital Imaging | Leave a comment

Using Photoshop

Photoshop is a digital image manipulation program that lets you alter any aspect of a digital image or photograph. Here’s a quick video that shows one example of what can be done with PhotoShop:

The tutorial below goes through the basic tasks that we covered in class. Before you start you should probably download the following two items:

  1. Obtain a free trial of the Adobe Photoshop software at http://www.adobe.com/downloads – you can install Photoshop on your computer for 30 days if you activate it in “trial” mode
  2. Click here to download the demo images we used in class (ZIP file)

Once you have these items downloaded and installed you can do the following:

  1. Resizing an Image: open up an image and click on Image -> Image Size. Type in a new size for your image and save it to your computer. This is an extremely useful technique when working with large files that you are trying to e-mail or post to your website / blog.
  2. Adjusting Color Levels: open up an image and click on Image -> Adjustments -> Levels. Move the two little sliders at the ends of the graph so that they create a “bookend” on each side of the curve. This will cause the colors in your image to appear as vibrant as possible.

    Color Levels

    Color Levels

  3. Auto Contrast: Open up an image and click on Image -> Auto Contrast. This will cause the image to appear as sharp as possible.
  4. Crop Tool: Open up an image and click on the “crop” tool, which is the 5th tool down on the toobar. If you don’t see it simply click and hold your mouse over the tool until it appears. Next, draw a box around what you’d like to keep in your image and double click.

    The Crop Tool

    The Crop Tool

  5. Rotation: Open up an image and click on Image -> Image Rotation
  6. Straightening an Image: Open up an image and click on the Ruler tool (the 6th tool down). Draw a line with the ruler tool on something that is straight – then click the ‘Straighten’ button at the top of the screen.

    The Ruler Tool

    The Ruler Tool

  7. Liquify Filter: Open up an image and click on Filters -> Liquify. You can now stretch out an image using a wide range of options, such as warping, puckering and smudging!

    Before

    Before

    After

    After

  8. Combining Images
    1. Open up all the images you want to combine.
    2. Create a new image (File -> New) that will hold your newly created collage.  Make sure it is big enough to hold all the images you want to add.
    3. Go to an image you want to add to your collage.  Click on Select -> All.  then click on Edit -> Copy.  Go to your new collage image and click on Edit -> Paste.
    4. Use the move tool to move your image around the stage. You can also use Edit -> Free Trnasform to resize / rotate / flip your image.
    5. Repeat steps C & D to add all your images.  Note that when you are working with multiple images inside the same file you need to make sure that you’re selecting the correct “layer” when working with a particular image.
Posted in Digital Imaging | Leave a comment

To comic sans or not to comic sans .. that is the question!

Here’s a great article that talks about how “disfluent” fonts, such as Comic Sans, can actually increase student compression when compared to fonts that are more easily readable. I wonder what the folks over at “bancomicsans.com” would say about that! ;)

If you’re interested, here’s a quick documentation about the development and use of the Comic Sans font:

And while we’re talking about fonts, feel free to take this little quiz to find out what font type you are! My type was “dot matrix”

http://www.pentagram.com/what-type-are-you/

Posted in Design | Leave a comment

Design Resources

Color

Being colorblind is tough. I can’t tell the difference between reds, greens and browns, and even some blues and purples give me trouble. Matching colors has always been a nightmare for me, and for a long time my digital projects looked as though they were thrown together in a dark room.

Thankfully technology came to my rescue a few years back and provided me with a number of software packages that help me to compensate. Here are two of my favorites:

  1. Colr.org (http://colr.org/): Create a color scheme from any image – just upload a photo or pick on on Flickr and have the program select a color-correct palette for you!
  2. Color Scheme Designer (http://colorschemedesigner.com/): Use color theory to mathematically select perfect color combinations. Amazing!

Fonts

  1. Fontifier (http://www.fontifier.com/): Fontifier lets you design your own font using a downloadable PDF template. To use it, simply hand-write the individual letters and numbers that you would like to include in your personal font. Scan the paper in and voila – instant font! It costs US $9 to create a font through this tool.
  2. daFont (http://www.dafont.com/): Thousands of free fonts for both Macs and PCs.
  3. 1001 Free Fonts (http://www.1001freefonts.com/): The name says it all!
Posted in Design, Digital Imaging | Leave a comment

Web 2.0 Tools for Digital Imaging

The following is a list of great online tools to help manage your digital photographs:

  1. Photoshop Online (https://www.photoshop.com/): Upload, edit, store and embed your digital photographs using Photoshop Online’s free interface. The editing capabilities are fairly basic (level adjustment, color manipulation, etc) but for small projects the site works very well. The free version of site allows you to store up to 2GB of photos.
  2. Aviary (http://aviary.com/): Aviary offers an impressive array of photo manipulation tools that can be accessed directly via your browser. Edit photos using advanced tools that are normally reserved for desktop applications, add special effects, and even make a movie out of your photos.
  3. Picnik (http://www.picnik.com/): Picnik is a slick web-based tool that lets you perform basic image manipulation tasks such as cropping, rotating, red-eye correction, etc. It has an impressive array of sharing options, including a direct link to Flickr, Facebook and Myspace.
  4. Flickr (http://www.flickr.com/): Flickr delivers a wide range of educator friendly services, such as image annotations, integrated discussions and commenting, and the ability to make all of your Flickr images private to the outside world.
  5. PhotoSynth (http://photosynth.net/): Photosynth turns your digital photographs into an explorable 3D space! Simply upload a set of images (20 or more) and the software will “stitch” them together into a cohesive 3D space. Photosynth requires a download and is only available for PCs.
  6. Make your own Magazine Cover (http://bighugelabs.com/magazine.php): Create your own customized magazine cover using photos from your desktop or from Flickr. Big huge labs also offers a number of other customizable projects, such as movie posters and dynamic image collages.
  7. Shape Collage (http://www.shapecollage.com): Lets you easily create dynamic collages based on your Flickr photostream. Collages can be embedded or linked from your own website or blog – click here to see an example!
  8. Flickr Widget (http://www.roytanck.com/get-my-flickr-widget/): A fun little 3D widget that lets you take your Flickr photos and have them fly around in 3D

    Roy Tanck‘s Flickr Widget requires Flash Player 9 or better.

    Get this widget at roytanck.com
Posted in Digital Imaging | Leave a comment

Photosynth

Photosynth is a website that lets you create your own 3D “walkthroughs” of a space by uploading any number of “flat” digital images. For example, here is a walkthrough that lets you experience what it’s like to be on the roof of Bellver International College in Mallorca, Spain (we created this during the summer 2010 version of this course):

It’s easy to get started with Photosynth – just visit http://photosynth.net/ and sign up for a free Microsoft account. From there you will need to download a free Photosynth plugin which only works on PCs (sorry Mac users :( ). You can then upload your photos to the site and watch as your own 3D walkthrough comes to life! Once finished, Photosynths can be embedded on your website or blog.

Posted in Digital Cameras, Digital Imaging | Leave a comment