I have never been a Mac fan. I’m definitely not a hater, just not a fan. I am an iPhone and all Apple products admirer. This world has just lost one of God’s most creative creation.

A CNBC documentary once interviewed someone who worked closely with Steve Jobs. When asked what and how’s Steve Jobs like, his answer is:

How can you explain to a fish and expect it to understand how a bird flies in the sky? It’s just impossible. He is on a whole different level that no human being can understand.

Today I found his commencement address at Stanford, and I feel like this speech really speaks to me. I’m amazed. Farewell Mr. Jobs, may God blesses the family you left behind. There won’t be another Steve Jobs.

Here is an exerpt:

‘You’ve got to find what you love,’ Jobs says

This is a prepared text of the Commencement address delivered by Steve Jobs, CEO of Apple Computer and of Pixar Animation Studios, on June 12, 2005.

I am honored to be with you today at your commencement from one of the finest universities in the world. I never graduated from college. Truth be told, this is the closest I’ve ever gotten to a college graduation. Today I want to tell you three stories from my life. That’s it. No big deal. Just three stories.

The first story is about connecting the dots.

I dropped out of Reed College after the first 6 months, but then stayed around as a drop-in for another 18 months or so before I really quit. So why did I drop out?

It started before I was born. My biological mother was a young, unwed college graduate student, and she decided to put me up for adoption. She felt very strongly that I should be adopted by college graduates, so everything was all set for me to be adopted at birth by a lawyer and his wife. Except that when I popped out they decided at the last minute that they really wanted a girl. So my parents, who were on a waiting list, got a call in the middle of the night asking: “We have an unexpected baby boy; do you want him?” They said: “Of course.” My biological mother later found out that my mother had never graduated from college and that my father had never graduated from high school. She refused to sign the final adoption papers. She only relented a few months later when my parents promised that I would someday go to college.

And 17 years later I did go to college. But I naively chose a college that was almost as expensive as Stanford, and all of my working-class parents’ savings were being spent on my college tuition. After six months, I couldn’t see the value in it. I had no idea what I wanted to do with my life and no idea how college was going to help me figure it out. And here I was spending all of the money my parents had saved their entire life. So I decided to drop out and trust that it would all work out OK. It was pretty scary at the time, but looking back it was one of the best decisions I ever made. The minute I dropped out I could stop taking the required classes that didn’t interest me, and begin dropping in on the ones that looked interesting.

It wasn’t all romantic. I didn’t have a dorm room, so I slept on the floor in friends’ rooms, I returned coke bottles for the 5¢ deposits to buy food with, and I would walk the 7 miles across town every Sunday night to get one good meal a week at the Hare Krishna temple. I loved it. And much of what I stumbled into by following my curiosity and intuition turned out to be priceless later on. Let me give you one example:

Reed College at that time offered perhaps the best calligraphy instruction in the country. Throughout the campus every poster, every label on every drawer, was beautifully hand calligraphed. Because I had dropped out and didn’t have to take the normal classes, I decided to take a calligraphy class to learn how to do this. I learned about serif and san serif typefaces, about varying the amount of space between different letter combinations, about what makes great typography great. It was beautiful, historical, artistically subtle in a way that science can’t capture, and I found it fascinating.

None of this had even a hope of any practical application in my life. But ten years later, when we were designing the first Macintosh computer, it all came back to me. And we designed it all into the Mac. It was the first computer with beautiful typography. If I had never dropped in on that single course in college, the Mac would have never had multiple typefaces or proportionally spaced fonts. And since Windows just copied the Mac, it’s likely that no personal computer would have them. If I had never dropped out, I would have never dropped in on this calligraphy class, and personal computers might not have the wonderful typography that they do. Of course it was impossible to connect the dots looking forward when I was in college. But it was very, very clear looking backwards ten years later.

Again, you can’t connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something — your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life.

My second story is about love and loss.

I was lucky — I found what I loved to do early in life. Woz and I started Apple in my parents garage when I was 20. We worked hard, and in 10 years Apple had grown from just the two of us in a garage into a $2 billion company with over 4000 employees. We had just released our finest creation — the Macintosh — a year earlier, and I had just turned 30. And then I got fired. How can you get fired from a company you started? Well, as Apple grew we hired someone who I thought was very talented to run the company with me, and for the first year or so things went well. But then our visions of the future began to diverge and eventually we had a falling out. When we did, our Board of Directors sided with him. So at 30 I was out. And very publicly out. What had been the focus of my entire adult life was gone, and it was devastating.

I really didn’t know what to do for a few months. I felt that I had let the previous generation of entrepreneurs down – that I had dropped the baton as it was being passed to me. I met with David Packard and Bob Noyce and tried to apologize for screwing up so badly. I was a very public failure, and I even thought about running away from the valley. But something slowly began to dawn on me — I still loved what I did. The turn of events at Apple had not changed that one bit. I had been rejected, but I was still in love. And so I decided to start over.

I didn’t see it then, but it turned out that getting fired from Apple was the best thing that could have ever happened to me. The heaviness of being successful was replaced by the lightness of being a beginner again, less sure about everything. It freed me to enter one of the most creative periods of my life.

During the next five years, I started a company named NeXT, another company named Pixar, and fell in love with an amazing woman who would become my wife. Pixar went on to create the worlds first computer animated feature film, Toy Story, and is now the most successful animation studio in the world. In a remarkable turn of events, Apple bought NeXT, I returned to Apple, and the technology we developed at NeXT is at the heart of Apple’s current renaissance. And Laurene and I have a wonderful family together.

I’m pretty sure none of this would have happened if I hadn’t been fired from Apple. It was awful tasting medicine, but I guess the patient needed it. Sometimes life hits you in the head with a brick. Don’t lose faith. I’m convinced that the only thing that kept me going was that I loved what I did. You’ve got to find what you love. And that is as true for your work as it is for your lovers. Your work is going to fill a large part of your life, and the only way to be truly satisfied is to do what you believe is great work. And the only way to do great work is to love what you do. If you haven’t found it yet, keep looking. Don’t settle. As with all matters of the heart, you’ll know when you find it. And, like any great relationship, it just gets better and better as the years roll on. So keep looking until you find it. Don’t settle.

My third story is about death.

When I was 17, I read a quote that went something like: “If you live each day as if it was your last, someday you’ll most certainly be right.” It made an impression on me, and since then, for the past 33 years, I have looked in the mirror every morning and asked myself: “If today were the last day of my life, would I want to do what I am about to do today?” And whenever the answer has been “No” for too many days in a row, I know I need to change something.

Remembering that I’ll be dead soon is the most important tool I’ve ever encountered to help me make the big choices in life. Because almost everything — all external expectations, all pride, all fear of embarrassment or failure – these things just fall away in the face of death, leaving only what is truly important. Remembering that you are going to die is the best way I know to avoid the trap of thinking you have something to lose. You are already naked. There is no reason not to follow your heart.

About a year ago I was diagnosed with cancer. I had a scan at 7:30 in the morning, and it clearly showed a tumor on my pancreas. I didn’t even know what a pancreas was. The doctors told me this was almost certainly a type of cancer that is incurable, and that I should expect to live no longer than three to six months. My doctor advised me to go home and get my affairs in order, which is doctor’s code for prepare to die. It means to try to tell your kids everything you thought you’d have the next 10 years to tell them in just a few months. It means to make sure everything is buttoned up so that it will be as easy as possible for your family. It means to say your goodbyes.

I lived with that diagnosis all day. Later that evening I had a biopsy, where they stuck an endoscope down my throat, through my stomach and into my intestines, put a needle into my pancreas and got a few cells from the tumor. I was sedated, but my wife, who was there, told me that when they viewed the cells under a microscope the doctors started crying because it turned out to be a very rare form of pancreatic cancer that is curable with surgery. I had the surgery and I’m fine now.

This was the closest I’ve been to facing death, and I hope it’s the closest I get for a few more decades. Having lived through it, I can now say this to you with a bit more certainty than when death was a useful but purely intellectual concept:

No one wants to die. Even people who want to go to heaven don’t want to die to get there. And yet death is the destination we all share. No one has ever escaped it. And that is as it should be, because Death is very likely the single best invention of Life. It is Life’s change agent. It clears out the old to make way for the new. Right now the new is you, but someday not too long from now, you will gradually become the old and be cleared away. Sorry to be so dramatic, but it is quite true.

Your time is limited, so don’t waste it living someone else’s life. Don’t be trapped by dogma — which is living with the results of other people’s thinking. Don’t let the noise of others’ opinions drown out your own inner voice. And most important, have the courage to follow your heart and intuition. They somehow already know what you truly want to become. Everything else is secondary.

When I was young, there was an amazing publication called The Whole Earth Catalog, which was one of the bibles of my generation. It was created by a fellow named Stewart Brand not far from here in Menlo Park, and he brought it to life with his poetic touch. This was in the late 1960′s, before personal computers and desktop publishing, so it was all made with typewriters, scissors, and polaroid cameras. It was sort of like Google in paperback form, 35 years before Google came along: it was idealistic, and overflowing with neat tools and great notions.

Stewart and his team put out several issues of The Whole Earth Catalog, and then when it had run its course, they put out a final issue. It was the mid-1970s, and I was your age. On the back cover of their final issue was a photograph of an early morning country road, the kind you might find yourself hitchhiking on if you were so adventurous. Beneath it were the words: “Stay Hungry. Stay Foolish.” It was their farewell message as they signed off. Stay Hungry. Stay Foolish. And I have always wished that for myself. And now, as you graduate to begin anew, I wish that for you.

Stay Hungry. Stay Foolish.

Thank you all very much.

Android ListView

Android ListView

So, like I mentioned in my previous blog, I started picking up android recently. It’s been fun. It’s confusing sometimes translating web developer’s framework into Android’s mindset. This is what I learn. My current self-initiated project is to build a room reservation system for Android. Ball State has an online room reservation system, and I’m basically building an android app for it. When someone is searching for a room, basically list of rooms will be displayed. This list has 2 rows(pictured on the right).

I’m so used to being a web developer. To me this looks like a drop down(combo) box where each option has its own unique ID field. Well…. similar, but a bit different in android. This was somewhat confusing to me because each row in drop down box has only single row. In android, a list item can consist of more than 1 row or column, but still uses one single unique identifier.

Let’s get crackin’ from the bottom up.

First of all, you can customize pretty much how everything looks in android. You just need to add an XML file to create a layout. Kinda like the CSS in Android in my opinion. So, let’s define how each row is going to look like. Basically I want each Item to have 2 rows and to look like below.

ListView item

ListView item

The first row is a TextView, the room number posted outside each room in the library. This will be populated based on the search query sent to a web service I wrote. The second row will be the detail of the room, will also be pulled from the web service. I need to tell Android that I want each of my item in a ListView to look exactly like the one on the left when it’s filled with data.

This is the XML layout code. I called mine item_listing.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" 
  android:background="@color/room_listing_background">
	<TextView 
		android:layout_height="wrap_content" 
		android:id="@+id/txtRoom" 
		android:textAppearance="?android:attr/textAppearanceLarge" 
		android:layout_width="fill_parent" 
                android:background="@drawable/room_listing_states"
                android:paddingLeft="@dimen/left_padding" 
                android:textColor="#ffffff" 
                android:textStyle="bold" 
                android:paddingTop="5dp"></TextView>
	<TextView 
		android:layout_height="wrap_content" 
		android:text="TextView" android:id="@+id/txtCapacity" 
		android:background="@drawable/room_listing_states" 
		android:layout_width="fill_parent" 
		android:textColor="#ffffff" 
		android:textAppearance="?android:attr/textAppearanceMedium" 
		android:paddingLeft="15dp" 
		android:paddingBottom="5dp" 
		android:layout_margin="0dp"></TextView>
 </LinearLayout>

Don’t worry about the background=@drawable code above for now. It’s yet another layout(drawable) to tell each item how they should be displayed when they are in clicked mode, hover mode, or regular mode. I’ll post the code for it below.

Okay, I just defined how each item is going to look. Now, I need to define how the screen is going to look. I basically want it to look like the first picture on the right above(Android ListView). The area with white background is 2 TextViews object occupying 2 rows. These 2 rows do not scroll. The red area is a scrollable ListView populated using the XML layout(rule) above for each item. Let’s call this rooms.xml This is the code:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" android:background="@color/screen_background">
    <TextView 
    	android:layout_width="wrap_content" 
    	android:layout_height="wrap_content" 
    	android:id="@+id/lblAvailRooms" 
    	android:textColor="@color/label_color" 
    	android:layout_marginLeft="@dimen/left_padding" 
    	android:textAppearance="?android:attr/textAppearanceMedium" 
        android:layout_marginTop="10dp" 
        android:text="@string/strAvailableRooms"/>
 
    	<TextView 
	    	android:layout_width="wrap_content" 
	    	android:layout_height="wrap_content" 
	    	android:text="@string/strTo" 
	    	android:id="@+id/lblTime" 
	    	android:textColor="@color/label_color" 
	    	android:layout_marginLeft="@dimen/left_padding" 
	    	android:layout_marginBottom="@dimen/bottom_padding" 
                android:textAppearance="?android:attr/textAppearanceMedium"/>
    	<ListView 
                android:layout_height="wrap_content" 
                android:layout_width="fill_parent" 
                android:id="@+id/android:list" />
</LinearLayout>

Note the ListView section of the layout. I named the list id list. This is so that I can shift all the data population work to Android, requiring me to code less(very less). This is the awesome part. I don’t need to worry about writing loop to populate the list. I just need to provide the data, and shove it to Android. Let’s do that now. I need to create an activity to display room.xml layout that extends ListActivity. I’m copying only the onCreate method, which shows how to populate the ListView

public class Rooms extends ListActivity {
	private List<HashMap<String, String>> fill;
	private static final String ENC = "UTF-8";
	private int selected;
	@Override
	public void onCreate(Bundle savedInstance){
		super.onCreate(savedInstance);
                //use rooms.xml layout
		this.setContentView(R.layout.rooms);
 
                //set the display text for the white background area. 
                //don't worry about this
		TextView lblAvailRoom = (TextView) findViewById(R.id.lblAvailRooms);
		lblAvailRoom.setText(getResources().getString(R.string.strAvailableRooms) + 
                " " + this.getIntent().getExtras().getString("startDay"));
		TextView lblTime = (TextView) findViewById(R.id.lblTime);
		lblTime.setText(getResources().getString(R.string.strFrom) + 
                " "+ this.getIntent().getExtras().getString("startTime") + 
                " " + getResources().getString(R.string.strTo) + " " + 
                this.getIntent().getExtras().getString("endTime"));
 
                //the rooms parameter passed to this activity contain the result of the web service call.
                //It contains the following string 
                //roomid - the unique identifier of a room that will be used in code
                //name - the actual name of the room
                //capacity - capacity of of the room
               // the are formatted as follow: roomid,name,capacity;roomid,name,capacity
 
 
                //check to see how many room is available 
                //so that i can declare the size of my List
		int length= this.getIntent().getExtras().getString("rooms").split(";").length;
 
		String[] rooms = new String[length];
		rooms=this.getIntent().getExtras().getString("rooms").split(";");
 
		fill = new ArrayList<HashMap<String, String>>();
 
                //I'm using HashMap to store my name-value pair of the available room
		for(int i=0;i<rooms.length;i++){
			String[] temp=new String[3];
			temp=rooms[i].split(",");
			HashMap<String, String> map = new HashMap<String, String>();
			map.put("roomid",temp[0]);
			map.put("name", temp[1]);
			map.put("capacity", temp[2]);
			map.put("max", "Capacity: "+ temp[2] + " People");
 
			fill.add(map);
		}
                //If you don't understand what HashMap does, look it up on google.
                // at this point all my room information is available in a variable called fill
                // all I need to do is create an adapter, fill the adapter with the fill variable,
                // and send the adapter to android to process(to fill the layout with data)
 
               //use simple adapter		
               //note that I tell the adapter to use the variable named "name" and "max"
               //to bing to to text view I specified
               //the "name" variable will be displayed on android id txtRoom
               //in item_listing.xml
               //the "max" variable will be displayed on android id txtCapacity
              // in item_lising.xml
		SimpleAdapter adapter = new SimpleAdapter(this, fill, R.layout.item_listing, 
                    new String[] {"name","max"}, new int[]{R.id.txtRoom,R.id.txtCapacity});
 
              //send it off to android ti display on a layout
		setListAdapter(adapter);
	}
}

Note that the fill variable, and the selected variable are both global within this class. This means I can track which item is selected anywhere in this class. To track which item is selected, onListItemClick abstract method needs to be implemented

	protected void onListItemClick(ListView l, View v, int position, long id){
		super.onListItemClick(l, v, position, id);
		selected=position;				
	}

Now, you can refer to a clicked item from anywhere in this class by calling:

fillList.get(selected).get("name")

or

//this is the unique identifier of a selected item in the list
fillList.get(selected).get("roomid")

That’s pretty much it. The hardest part is to understand it from web developer’s view.

As promised above, this is the XML code that is responsible of how buttons should look in different state:
room_listing_states.xml

 
<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:state_pressed="true">
		<shape>
			<stroke 
				android:width="@dimen/stroke_width"
				android:color="@color/black" />
			<gradient 
				android:startColor="@color/black" 
				android:endColor="@color/fonts" 
				android:angle="270"/>
		</shape>
	</item>
		<item android:state_focused="true">
		<shape>
			<stroke 
				android:width="@dimen/stroke_width"
				android:color="@color/black" />
			<gradient 
				android:startColor="@color/hover_bg" 
				android:endColor="@color/hover_bg"/>
		</shape>
	</item>
	<item>
		<shape>
			<solid android:color="@color/button_background" />	
		</shape>
	</item>
</selector>