extension tutorial

http://www.borngeek.com/firefox/toolbar-tutorial/

XUL tutorial:
http://www.xulplanet.com/tutorials/xultu/

Technique Research

Fortunately I found this Firefox Extension Tutorial (http://businesslogs.com/technology/firefox_extension_tutorial.php), which saved me a lot of time from going through some step-by-step tutorials on how to build a firefox extension.

This good tutorial is an overview of the development of a firefox extension. There is a good explaination of what firefox extension is and what technique it includes in the article, "Firefox extensions are simply extra XUL(XML User Interface Language), CSS, and Javascript files that sit on top of the default interface and replace or extend its functionality."

XML, CSS and Javascript are used just like in web design, which I am very familiar with. Firefox made the entire program as extensible as possible, which made extend its function a lot easier. And Mozilla is so committed to web standards that they actually built the entire user interface of their web browser in XUL ("XML User Interface Language") and then styled these XUL widgets using CSS, which made modify its UI as simple as web design. Also, the best thing is Firefox and a lot of its extensions are open source, which made building an extension not neccessary from scratch.

So I think building a firefox extension is not very hard. In the next couple of weeks I'm going to make my extension happen!

Market Research

After talking with Amit, we agreed on the first two things in priority need to be done soon.
1. to find out if this kind of firefox plug-in already exists.
2. to get a general idea of how difficult to actually build this.

Today, i did market research about firefox plug-ins(they call them extensions), the result is there is no such a plug-in the same as i want to build.

Surprisingly I found some helpful extensions for my project which will save a lot of my time I think, as well as some interesting ones.

Helpful for my projects:
Aardvark- https://addons.mozilla.org/firefox/4111/
Print It! - https://addons.mozilla.org/firefox/282/
Print Context Menu - https://addons.mozilla.org/firefox/2594/

Interesting ones:
Internote - https://addons.mozilla.org/firefox/2011/
Nuke Anything Enhanced - https://addons.mozilla.org/firefox/951/

Also found some helpful firefox extension tutorials, really good to get started quickly:
http://roachfiend.com/archives/2004/12/08/how-to-create-firefox-extensions/
http://businesslogs.com/technology/firefox_extension_tutorial.php
http://www.rietta.com/firefox/Tutorial/overview.html

Tomorrow I'll go through these tutorials real quickly, to get a general idea of how to build a firefox extenstion and how hard it is!

Research

Last time the class suggested talk with more people to go deeper into the issue of paper waste. Also I've been trying to measure how big the problem is and how much the effectiveness is if implement the method.

I talked with a friend working at NYU's ITS multimedia center at west 4th street, it's one of the biggest computer lab in NYU. There are printing service as well. My friend told me averagely everyday total amount of paper usage is 10000, and approximately there are 1000 sheets of paper go into the trash bin because of mistaken printing, wrong format, short-time use, etc. He mentioned a story that once an administrator of the lab threw away about 1000 sheets of new paper because those paper got stuck in the printer for a few times. Also another friend who has experience working at computer lab said there were waste of paper in her lab too.

To find out people's attitude towards this problem and their reaction to my plug-in idea, first I talked with some people from ITP and somewhere else, they showed interests and supports in this. In order to get more analytical feedback I made a simple paper survey to find out what is people's habit of print out web pages, their attitude to the issue of waste of paper and the plug-in solution.

The survey has 6 questions:
1. How do you usually print out web pages or emails?
[ ]Use print function in browser
[ ]Any alternative?

2. How often do you encounter the problem that the web page you want to print have so much unwanted information?
[ ] Sometimes [ ] Usually [ ] Almost always

3. Do you feel more or less this problem induces (multiple choices)
[ ]waste of paper
[ ]waste of ink
[ ]waste of time
[ ]annoyance for reading

4. If there is a function in browser with which you can select a portion of web page and right click to print it out, are you willing to use it?
[ ] Yes [ ] No [ ] Maybe
If maybe, can you say a little bit of your concern?

5. Do you feel this function will help save paper, ink and your time, as well as benefit your reading?
[ ] Yes [ ] No [ ] Kind of
If kind of, what’s the shortage do you think?

6. Will you recommend others to use this function?
[ ] Yes [ ] No [ ] Maybe

I got 9 feedback so far, which are all support of the plug-in.

Final Project Proposal

I've been always very interested in the issue of pollution, environment, waste, etc. This semester I am taking two classes related to this topic, Design Expo about health and wellness, Sustainability Practice about environment, energy, pollution, sustainability. I got a lot of awareness in my head. So I am very happy to develop something really help solve some of these problems.

I had an experience earlier this semester, when I had 18 web pages needed to print out, but finally I got 54 sheets of paper, which is a huge waste of paper I think(200% waste!!!), because on the paper there are a lot of information including texts, images, videos, menus, bars and flashes which I don't want and need. I can do nothing but throw them away. It's OK to drop them in the recycling bin, but still a big waste before its full life cycle.

So I got an idea for the project in Design for Constraints class. It's a firefox plug-in, with which people can select a portion of web page and right click to print it out. In this way, people can easily just print the information only they want, thus save paper, ink and time, as well as benefit the reading.

I've shared this idea with some friends. All of them kind of like it and express the willing to use it.

Class #4

Note:



this class is not touching sth new, but it's very important. (i think the most important about this class is a doing strategy, could be applied to anything, design a product, make an art piece, learn some skills, prepare a presentation, etc.)



OODA

O - Observe

O - Orient

D - Decide

A - Act







Reference:

OODA: http://en.wikipedia.org/wiki/OODA_Loop

John Boyd: http://en.wikipedia.org/wiki/John_Boyd_%28military_strategist%29

Usability Analysis

1. Task: Find contact Lynda in cell phone contacts book

2. Buttons: (▼), (2ABC), (3DEF), (4GHI), (5JKL), (6MNO), (7PQRS), (8TUV), (9WXYZ), (0)

3. Notation: ↓ -press ↑ -release * -repeat task s -seconds to complete

CASE #1 - Motorola RAZR V3

[(5JKL)↓↑ *3]3s [(▼)↓↑ *12]8s = 15 operations over 11 seconds

CASE #2 - Nokia N80

[(5JKL)↓↑ *3]3s [(9WXYZ)↓↑ *3]3s [(6MNO)↓↑ *2]1s = 8 operations over 7 seconds

4. Analysis:

In case #1, people use name initial to find the the first contact with the same name initial as the one looking for, and then press down key to find the right one. The number and time of operations depends on the length of contacts list. If a contact is at the end of a long sub-list, it will take many repetitive press operation and consequently long time. And it's very annoying that one have to go through many unwanted contacts to find the wanted one.

In Case #2, people filter the contacts by spelling out the name, which is a very natural and direct way. Also, numbers and time of operations are independent with the length of contacts list.

5. Suggested Improvement

With the above comparison, the way of Case #2 is superior. Further, the longer the contacts list is, the more obvious that Case #2 outperforms Case #1. But still there is improvement space.

In Case #2, say one wants to find the contac "Lynda", he will press "2JKL" button 3 times to get letter "L", and "9WXYZ" button 3 times to get letter "Y", and "6MNO" 2 times to get letter "n", and so on. The numbers of operations can be reduced a lot by bringing in auto-match feature. For example, if on my cell phone, I only need to press "2JKL" button once and "9WXYZ" once and will get "Lynda" and "Kydi", which are two possible matches of these two buttons.