A Few Quick Things About the OLPC

Yesterday I met Justin Thorp, Rodney DeGracia, Stewart, and Partica over at Murky Coffee in Arlington, VA with our One Laptop per Child machines (OLPCs). We had a good time talking about our new laptops. Stewart even mentioned that the OLPC he had brought with him was his daughters. He had purchased it for her and when he got to using it he like it so much that he did the Give 1 Get 1 again, before the dead line of December 31, 2007, so he could have one for himself.

We played the memorize game with each other over the mesh network. Justin and Stewart used the mesh network to collaborate on a document. It was fun watching Stewart type in his version of the document and then the changes happen on Justin’s in an instant.

There were three items that I had noticed before and wanted to re-test and look at with others there to make sure I was not imagining things.

The first thing was that if you have fixed width website that is greater than 800 pixels you will have to scroll your screen horizontally. The width might be slightly less than 800 pixels, I’m not sure the exact number. I know that my main website, which is 750 pixels wide fits in just fine. One of the OLPC websites does not fit on the screen has to be scrolled and I can’t remember which one right now. You would hope that their own website would fit on their machine. I figure they’re busy and have other things to do that are more important right now.

The second item was that when you fill out a form field or URL that you have done before it does not give you a list of what you have already typed before. This is not a big problem just a nuisance for someone that has used computers for years, but for someone that never has they will not know this information. It looks like the OLPC will let you save cookies, since I marked my Hotmail to remember me  on it and it did I will have to check this out more to make sure it is correct.

The final item and the one I find more interesting and troublesome is that if you have an application that puts up an alert box up it never comes up. I found this out by trying to delete a Twitter message that I had typed wrong on my Twitter account while using the OLPC. On Twitter when you request to delete a message it puts up an alert box that says “Sure you want to delete this update. There is NO undo!”. If you are using a normal machine it comes up fine and give you the option to hit “OK” or “Cancel”. Well when using the OLPC browser this message never came  up. You click the trash can to get the delete function to work and the little circle just spins for awhile, stops, and then nothing happens.

I know that most of the web forms and applications that I have built or maintain now have alert boxes that come up to show errors in the page, etc.. Time to test this out on a few other pages first to make sure I’m correct on this assumption. This could be a problem that makes it difficult for people with these machines to accomplish different tasks that include forms. This puts a barrier up and makes it an accessibility issue to those people using the OLPC. Hopefully it is only a temporary thing until they get it fixed. I know of a lot of web applications will show you a list of errors by putting them in an alert box. By using web standards for your websites I think you will keep away from problems that the OLPC can not handle.

Have any of you noticed either of these problems with your OLPCs or is there any other things I might have missed using my machine. This information would be helpful to me and others for when we are building web pages ad applications to make sure they work on as many devices as possible. If things go well there will be millions of these out in the world in a short time.

More General Information about the OLPC

There are a few things that I have noticed over the course of the day using the OLPC, the XO Laptop, or the $100 Laptop. One of the big ones is that if you take it to a coffee shop people will look at you and then the laptop and look at the laptop some more.

I had a lot of people come up to me and ask if it really worked. I said “Yes, it does and you can get one for yourself even” and went into how they can order the OLPC themselves from OLPCs Give 1 Get 1 website.

I had a lot of people ask “Is that one of those green laptops”, or “Is that one of those $100 laptop”.  I got the most questions from older people asking “Isn’t that the laptop we saw them talking about one CBS”? I assume they saw the “60 Minutes” piece on the OLPC. Each time I would stop reading about the laptop and offered them a chance to use it.

One lady I guess was going to order one for someone or she already had, so she wanted to see it and touch it. She had a young girl who was eleven if I remember correctly use it. The young girl said it was easy for her to type on. Of course she tried to go to one of the Disney websites, which asked for the latest Flash plug-in to see most of the website, not that accessible of a website. A Disney website is probably not the first place someone from third world country would go or at least it shouldn’t be.

Another gentleman asked what kind of software you could put on it, since someone he knew or he was going to a third world country and wanted get a few to let people there use it if it could do a bunch of activities.

One women I know asked if you could look up porn on the laptop. I told I figured you could, since I had not heard that they had software to stop it. Really wanted to know if kids could look up porn. So when she got hold of the OLPC she went to the Playboy website and started laughing when she got to their home page. I grab the OLPC back from her to get rid of it, since we were sitting the middle of the coffee shop with a lot of little kids and older adults.

I did get some reading done about the OLPC on how to get started, how it works, and what activities the OLPC has on it. They even have a wiki, which contains information about hardware, software, content, testing, educators, developers, and a whole lot more. They have some cool rollovers explaining what certain parts of the machine are for. One of the ones I just found was the page that has information on what the keyboard does. They also have a page that shows which features the OLPC has.

With all the question and people playing with it I did not get to do as much as I wanted today on learning about the activities on the OLPC. It was like three different “Tam Tam” activities. They are:

  • Tam Tam mini” – an application that allows for people to perform music and play instruments.
  • “Tam Tam Edit” – an application allows you to generate music using a colorful and intuitive graphical interface.
  • “TamTam Jam” – the music performance activity. Sounds are played by striking individual keys on the keyboard. This is designed more for younger children.

Other activities that the OLPC has are: (this information was mostly taken from the activities webpage)

  • Chat“ -simple environment for discussion, whether it is between two individuals or an entire classroom.
  • Memorize“ – is the classic memory game of finding and matching pairs with a twist: a pair can consist of any multimedia object, such as images, sounds,and text.
  • Record” – provides a simple way for children to take pictures, view slideshows, and record video and audio all content that can be shared via the mesh network.
  • Journal“ – is an automated diary of everything a child does with his or her laptop.
  • Draw“ – provides a canvas for a child or a group of children to express themselves creatively.
  • Pippy“ – a simple and fun introduction to programming in Python, the dynamic programming language underlying much of the software on the laptop.
  • and a whole lot more

The final cool thing on the activities page is the last item, which  is the part about downloads for the OLPC. The download page has like 50+ items to download and use like (some is games others is source code):

  • Domino“ – classic space game
  • Image Quiz“ – a simple concept: one question, one image, one click
  • 3D Pong“ – three dimensional wireframe arcade game
  • SimCity“ – construct and maintain your own city
  • Block Party“ – Tetris-inspired game
  • and a whole bunch of other things

The woman across the table from me at Murky Coffee in Arlington said, “I should bring the OLPC out with me, it might actually be better than having a puppy or a baby with me for getting people to stop and talk to me”.

Hopefully this blog post is usefully for those that do not have their OLPCs yet, are waiting until Christmas to open with their kids, want to read up on what it has, what is being developed, or what you can do with it.

Need Help with Skills List

In preparation for my talk on Accessibility for the January, 2008, Refresh DC meeting I am looking to build a small simple accessible web application that might be useful in the end to the DC Technology Community. It will allow people to put in information about themselves and their websites, along with what areas they have skills in. This web application will be used to show how an application can be both 508 compliant, accessible, useful, and use web standards all at the same time.

I am looking for your help in putting together a list of skills people might have or need to work in technology. I know some people are designers, developers, printers, marketers, and business development so the list might be a bit broad. In the long run I think it will mostly be used by people looking for designers and developers.

Below is the list I have so far and I know it is not everything. I’m not sure if it should be more of a general list or should be like “Photoshop CS”, “Photoshop CS2″, “Photoshop CS3″, etc.

Here is what I have so far.

UPDATE – I added missing items or corrected capitalization from the people listed next to them. Justin Stockton also suggested that I add Adobe, Microsoft, etc. in front of items that should have them.

  • Accessibility
  • Actionscript
  • Adobe FLASH
  • Adobe Illustrator
  • Adobe Photoshop
  • Applescript
  • ASP
  • ATOM
  • C
  • C++
  • C#
  • CGI
  • Cold Fusion
  • COBOL
  • CSS
  • DOM Scripting
  • HTML
  • J2EE
  • Java
  • JavaScript
  • JCL
  • JSP
  • Lingo
  • Linux – Justin Stockton
  • LISP – Matt Bowen
  • Microsoft Access
  • MySQL – Justin Stockton
  • .NET
  • ORACLE
  • Pascal – Justin Stockton
  • Perl – Justin Stockton
  • PHP
  • PostgreSQL – Justin Stockton
  • Python
  • Sharepoint – Doug March
  • SOAP
  • SQL
  • REXX
  • RSS
  • Ruby on Rails
  • RUP – Doug March
  • Section 508 – Justin Stockton
  • SCHEME – Matt Bowen
  • SCORM – Doug March
  • UNIX
  • VBScript
  • Web Standards
  • XHTML
  • XML
  • XSLT

I would like it to be a more general list and I figure the application I’m building could be used to either find people locally with a given skill to help with work or if you have a question that you might need further explanation on. I’m figuring the web application will only be available to retrieve information about people from those people that have signed-up and the other person wants to make their information available to others by web page or e-mail only. The application will contain a notes field so you can expand on the level of your knowledge in a given area or subject.

So please use the comments to add skills I have not listed.

Thanks, greatly in advance for your help.

CLiCk Speak Firefox Extension

Last year while at SXSW 2007 in Austin, Texas, I spent some time at the Knowbility trade show booth and talked with a young man by the name of Charles L. Chen about his Firefox extension CLiCk Speak. I have found this extension to be every useful to me in that it allows me to listen to what my web pages sound like to a non-sighted individual. It does not have all the features of that the major screen readers like JAWS and Window-Eyes have, but CLiCk Speak at least let’s you hear the information on your pages.

The following text is an overview of CLiCk Speak from their website.

“CLiCk, Speak is designed for sighted users who want text to speech functionality. It doesn’t identify elements or announce events – two features that are very important for visually impaired users but very annoying for sighted users. It also has a simplified, mouse driven interface that is designed to be easy for users familiar with point-and-click graphical user interfaces. Like Fire Vox, CLiCk, Speak works on Windows, Macintosh, and Linux; and Fire Vox has multilingual support, making it great for users who are trying to learn a foreign language and need to hear foreign language web sites read out to them for practice.”

CLiCK Speak buttons in order left to right are 'Speak Selection', 'Auto Speak Mode', and 'Stop Speaking'

The three main features that I have used is the one that just reads down the page from the beginning of your code, so source order does matters, after pressing the “Auto Reading Mode” button. Next it has a “Stop Speaking” button so you can stop it from reading of the page whenever you want to and just push the “Auto Reading Mode” button again to resume from where it left off. The final feature is where you highlight a section of text and click the “Speak Selection” button and  it will only read that part of the page. I could see this as being useful to read a part of the page that you have just updated and wanted to make sure it sounded good. Another advantage to the highlight and read text feature is that if you wanted to go to lets say ESPN.com or CNN.com you could have it read you the article or sport scores, while the browser window is only showing in the toolbar at the bottom of your page. That is if you have headphones on, so no one finds out. It could be used by people that have English as a second language to learn English, since it also highlights each sentence as it reads them.

Charles L. Chen and company have another Firefox extension called Fire Vox. From what I have read this one is more like a normal screen reader.

The following text is a summary from the website.

“Fire Vox is designed to accommodate different users with different needs. For visually impaired users, all Fire Vox commands are keyboard activated. In addition, the keyboard commands can be easily reconfigured in the self Fire Vox Options menu to avoid conflicts with other accessibility software products or to suit personal preferences. For sighted users who need a screen reader, such as web developers interested in testing their webpages or educators who work with visually impaired students, Fire Vox’s highlighting feature makes it easy to keep track of where it is reading from on a page. This highlighting feature is also useful for dyslexic users and partially sighted users.”

While at last weekends DC Adaptive Technology meet up I talked with Patrick Timony about another free screen reader, that is called Thunder, which is free.

I have not tried the Fire Vox Firefox extension or the Thunder screen reader yet, but I plan on trying them out in the next week or so and will report back on what I have found out.

I hope these products are helpful to you in your work and can save you money by not having to get JAWS or other expensive screen readers that cost  hundreds of dollars.

DC Adaptive Technology Meetup

I found another great meetup by using Ross Karchner‘s DC Tech Events website.

This one was the DC Adaptvie Technology meetup that was held at the DC Public Library in Washington, DC. The event was on Saturday December 1st, 2007, from 1:00 PM to 5:00 PM in room 215 at the Martin Luther King Jr. Memorial Library. The Saturday Technology Trainning sessions are usually for users of Adaptive Technology like the JAWS screenreader, the Zoomtext magnifier, and anything else that is technical and useful someone. They are usually held the first and third Saturdays of each month. No, meeting the third Saturday of December because of the holiday season. These meetings are normally run by Patrick Timony.

ICON PDA is a device that allows individulas with visual issues to listen to the web, podcasts, etc.

I was one of only a few sighted people at this meeting, which had about twelve or fifteen people. This meeting included a demonstration of the ICON accessible PDA, a braille reader, and how to use the new Mac OS (Leopard) for better accessibility given by David Poehlman.

David showed everyone how to use the ICON PDA by LevelStar. This device which is the size of an old style manual light meter allows people to use the following tools a calendar, an address book, a music player to listen to music or your favorite pod casts, allows you to take notes yourself with the voice recorder and journal, and stay on top of your world with a word processor, web browser, and email. This device has wifi/wireless and comes with a comprehensive menu of pre-installed applications , 30GB hard drive, and Bluetooth® built-in.

Next, he showed a braille reader that you plug into your computer or I even believe the ICON PDA. Finally, David demonstrated how you can have the new Mac OS be turned on to read everything out loud to you. I forget how he said you turn it on.

ONYX Desktop 17 inch Closed-Circiut TVAfter David got done Jerry Marindin of Freedom Scientific showed everyone how to use the new ONYX Desktop 17 (Closed-circuit television) CCTV. This device allows people with visual issues to magnify papers, books, maps, etc. It also comes in a model that does not have a camera, but plugs into your computer instead. With the remote control that comes with it you can zoom in or out on a document, flip the camera up to point at things in the back of the room and then zoom in on them. This would be great for people at meetings or classrooms that can not see distance. It also allows you to change the color of maps for those that are color blind. You can change the color contrast so if white text on a black background works better for you then you can do that.

pageof text under ONYX CCTV device

I mentioned to Jerry during his presentation that the image under the camera was upside down and he said “I will show you later how to fix that”. He was then able to use the remote to flip the image on the screen to be flipped the proper way that you needed it. He mentioned that when he brought this producted to a meeting a while ago that one of the blind ladies mentioned that the remote when in audible mode said to push the “RED” button. She said what if I can’t see or if I’m color blind. Jerry took that information back with him the company and they fixed that problem. Now the remote says something like “Press the red button in the upper right corner of the remote”. See what happens when you test with really people, you find out things the engineers dont’ think of.

txted zoomed in by the ONYX CCTV device

I learned a bit more after the meeting was over by just sitting and talking with the people that were still there. I asked some questions on what type of things bothered them on the web. It seemed the items that gave them the most grief were forms. Either the form had poor instructions or ones that were to long. They wanted to have short understandable instructions of what the form was for and what type of informtion went in the fields. The other things that bothered them was not telling them that a field was in error until like ten or so fields later or at the end. The one woman said she would like to know as soon as possible when things are incorrect, so she can correct it.

When I left the meeting I asked one of the people still there if they wanted help or they wanted to follow me out to the metro, one woman said sure. I had her grab my arm and follow me out. While getting to the metro I was trying not to tell her to go right or left or whatever, I figured that she would know were to go by where I was leading. She mentioned that at times people will yell “STOP” while she’s out walking somewhere. She was like why should I stop when I don’t know who you are anyway and why should I be stopping. The one other thing she mentioned when we crossed the street was the noise that some of the new crosswalk lights make is really annoying. I asked is it because it does not allow her to hear the traffic and she said “Yes”.

Two other things that I thought was interesting was that Patrick gave out two different agenda lists. One for sighted people that had really big text and one for non-sighted people that was in braille. The other item was that both Patrick and Jerry had business cards that were normal on one side and on the other used big blocky text, one card even had braille on it.

In the end I learned a few things, met some really nice people, and it gave me something more to think about while making my web pages more accessible and 508 compliant by using web standards.

So if you get chance go check out their next meeting, I plan on being there and will post when it is after the holidays.