Archive for December, 2006

User Interface Design : Switchy McLayout Technique

Monday, December 25th, 2006

Many times, I have wondered about how to handle UI for the wide-screen displays. Liquid layouts worked well, but in resolutions such as 1600, they create good amount of accessibility issues. I strongly thought about using javascript and CSS, to manage multiple resolutions. But never found any solid workaround.

Today, I came across an excellent article by Marc, at A List Apart, describing the Switchy McLayout technique, which uses the JS and CSS to handle UI according to the screen size available. Thats way cool. :-) Here is the link about the Switchy McLayout.. and some excerpts below.


Quote:
CSS-based liquid layout has proven successful during the reign of 800-pixel to 1024-pixel screens, but as we use a wider range of devices to access the web, we need more powerful and flexible ways of managing layout. If we want to serve devices whose viewports range from 240 pixels to about 1680 pixels—and with resolution ranging from 72 to 150 pixels per inch—we need a new method.

What’s the problem with liquid layouts?

If you create a liquid layout optimized for a maximum width of 1024 pixels—limiting maximum line-lengths for your text to maintain readability— gaps will appear on a wider screens, and your carefully balanced layout will break. On a tiny-screened PDA, your text and images will be compressed into a crowded content sandwich. No designer wants that. If vector-based layouts were technically possible on a wide range of browsers, we could use a single generic layout that looked exactly the same on all screen sizes. Since that’s more fictional than feasible, we have to find another way.

….

Switchy McLayout to the rescue

Switchy McLayout lets you define the dimensions, information richness, and appearance of your content objects for set ranges of screen sizes. A news site, for example, could have one layout and appearance for wide screens, one for medium-sized screens, and another for PDAs. Images could shrink or even disappear according to the screen size, columns could come and go as needed to maintain readability, and you can achieve a more efficient use of the available space for each screen size.

- Rajesh Sundaram

What is SQL Injection? - for newbies

Tuesday, December 19th, 2006

Many of you might have heard of the term “SQL injection”. It’s a type of vulnerability. Joel on Software, has written a short and preceise post about what is SQL injection? how it is done? etc. It wil take less than a minute to understand the SQL vulnerability. Here it is . http://joelonsoftware.com/items/2006/11/01.html

- Rajesh Sundaram

TrueSpace 3.2 - First Run

Thursday, December 14th, 2006

Downloaded Truespace 3.2 the free edition of Caligari’s Award winning Truespace series. The latest version is v6.6 and it costs around USD 400. But this v3.2 is free to use. I had some early experiences with v2. So it was easy for me to work with v3.2. Here is the LCD monitor model I created within 4 minutes.

Primitives used :

1. Box

2. Cylinder

Way cool. And v3.2 even has object kinetics support too.

- Rajesh Sundaram

User Interface Design - Book about UI Patterns

Thursday, December 14th, 2006

Jennifer Tidwell, has written a wonderful book about UI Patterns and, the latest update includes new patterns as well. A highly recommended source for anyone who are in UI Design. The book is published by O’Reily and is available in Amazon.

The Website http://designinginterfaces.com lists a simple and short listing of all UI patterns.

Check it out. :-)

- Rajesh Sundaram

Cognitive Walkthroughs and User Experience Design

Monday, December 11th, 2006

Cognitive Walk-through is the technical name for “design a prototype - test it yourself ” method of usability testing. It is usually executed in the initial stages of software development. In User experience / Interface design, it means, instead of a real user testing the prototype, the UX/I designer himself tests the prototype as the user. This is very essential in the initial stages of UI design where you don’t have access to users, or users dont exist.

In general only a small percentage of real people send feedback about your software. The rest simply uninstall the software and move away. That way, you lose vital feedbacks about the issues they faced. So do cognitive walk-throughs during initial design. This will help you to get rid of the “common-sense” issues.

I made a couple of cognitive walk throughs in the current product design.. and well, I am designing the experience again from scratch. Why? Because the cognitive walkthough of my first design did not produce satisfactory results in me. But I am happy that the issues let me know the problems in the first design. And the second iteration is coming up with attention being paid to the pain points observed in the first iteration. :-)

- Rajesh Sundaram

Alan Wake

Tuesday, December 5th, 2006

Alan Wake is the new upcoming hero for the PC gaming universe. Remedy Entertainment - the developers of acclaimed Max Payne series is coming up with new psycho thriller game called Alan Wake. Little is known about the storyline. Taking into account Remedy’s graphics superiority and innovative game play (Max Payne’s bullet time) concepts .. Alan Wake is expected to be another blockbuster in 2007.

While many game developers license game engines from id Software (Doom 3 engine) and Epic (Unreal engine), few others brew their own gaming technology. Remedy has developed their state-of-the-art game engine for this Alan wake game.

Some of the other developers who uses their own gaming engines are

1. Bungie (Halo Series)

2. Valve (Half life)

3. Crytek (Far Cry / Crysis Engine)

4. Remedy

5. iD Software (Doom / Quake Series)

6. Epic Games (Unreal series)

7. EA (NFS Series)

8. Flagship studios (Hellgate London)

and more..

SSSSSSnake in AdventNet

Friday, December 1st, 2006

[b:f81b051370]The Visit[/b:f81b051370]

AdventNet’s B wing received a strange visitor last night. He introduced himself to Jeri John Prabhu as Mr.Snake and took a nice dark warm shelter under one of the draws behind Ranjith DSM’s table. Jeri was jaw-dropped :shock: seeing the snake crawling across the floor and moving under the table. He immediately rushed to the security and soon some 10 people gathered near Ranjith’s cubicle.

[b:f81b051370]Weapons of Snake Destruction[/b:f81b051370]

All we could get immediately was a compact latti from security people. Later there came the 3 foot long heavy wood which is sure enough to smash the snake. It was dark under the table and the snake rested in the gap between the drawer and table partition. The electrical maintenance people provided an emergency lamp and we were now able to see the snake clearly. :idea:

[b:f81b051370]Escape to Jambav School[/b:f81b051370]

Seeing the sudden wave of light.. the snake sneaked under the partition and managed to enter the Jambav School. We quickly moved near the Jambav door and watched.. it crawled quickly and rested in the middle of the room. We opened the door and stretched our hands.. groped the wall hoping to find the switches.. and yes, finally managed to switch the lights on. Again the light made the snake to go nervous and it crept again to the opposite partition. We closed the door immediately and watched it entering the other meeting room. :shock:

[b:f81b051370]Meeting Point[/b:f81b051370]

When the snake was half way thru.. Jeri entered Jambav School and attempted to hit the floor near its tail. Unfortunately, it hit the Here too we switched on the lights.. and the snake found itself nowhere to go. The snake was very nervous again and made a blind jump against the wall.. pity, it was cornered. It crawled along the table and crawled towards the door. We closed the door and locked it. Seeing no way to escape, the snake crawled back behind the table and rested there.

[b:f81b051370]To hit or not to hit[/b:f81b051370]

We made a quick discussion about what to do next. We first decided to keep the snake inside the room itself. We found some newspapers and stuffed them under the partition to block the under-partition-passage. There was two plans. One to hit the snake with the latti and wooden log. Two is to get the help of Fire-Brigade. As we do not know what snake that was … whether a venomous one or harmless water snake, we decided to get the fire-brigade help. Sasi called up the Police first… who then suggested to approach Fire-brigade. When contacted, fire-brigade gave the phone number of a professional snake-catcher, who in turn re-directed to contact the forest office in velachery check-post, as that was close to us. :)

[b:f81b051370]Action Stations[/b:f81b051370]

Sasi and Srinivas visited the forest office and returned with the snake-catcher. He was armed with a long iron stick with a hook at the end and a cloth bag to carry the snake. Till he arrived, we kept a close eye on the snake’s movement. Even managed to move near the table and shoot a small clip [1.preview-shot.3gp]. The snake was quite calm now and it didn’t move. The snake catcher entered the room, and used the iron stick to pull the snake out to light. We were watching everything standing outside the room. [2.TheMeeting.3gp].

After a minute of observation, he managed to drive the snake a little away from the table.. and again the snake attempted a swirling jump in the air. Unbelievable.. and damn fast that was.. you should see that in real ! The snake catcher managed to hold it to the floor with the iron stick. [3.FlyingSnake.3gp] The snake swirled around the stick and bitten a couple of times. But no use. The snake catcher, without taking away the iron stick, moved it slowly over the snake’s body and successfully reached the snake’s neck. Pressing a little hard, he moved his left hand near to the head. Then he slowly moved the stick over the head and the snake was pushed to close it mouth. He quickly locked the head using left hand thumb and index finger. 8)

Keeping the stick away, he lifted the snake [4.Arrested.3gp] and walked across the room holding the snake by its head and tail. We were able to see the snake clearly now. It was around 3 feet in length and 1.5″ in diameter. He said the snake is an harmless one.. the water snake variety. Non-venomous. But when bitten may leave their teeth buried in our skin, leading to septic and infection. He opened his cloth bag, dropped the snake into it and roped the opening tightly [5.Lockup.3gp].

[b:f81b051370]The Drama concludes[/b:f81b051370]

The snake catcher, Sasi and Srinivas drove back to Velachery forest office. [6.Movingout.3gp and 7.SnakeInTheCar.3gp] Signed a govt paper there and learned that the snake will be taken to Vandalur Zoo. As per policy they will not kill any snakes or animals. Captured animals are transported to vandalur zoo in the next few days and will be released into the natural habitat. :)

[b:f81b051370]Safety and Conclusion[/b:f81b051370]

Nobody knows how the snake checked into AdventNet. The B Wing’s glass doors are leveled equally to the ground level with an inch gap below. Luckily today someone noticed it.. and even lucky it’s an non-venomous one. But what if no-one notices such entry?

The network room is very close to the entrance and if snakes could get pass under the partition, they can find a good shelter in those crazy huge UTP cabling in the router/switch racks. The construction garbage in the gap between multivista and invensys wings are possible sources for snake/rat shelters. Also the windows must be checked for locks. A open window / broken glass in window will easily let in a snake or rat inside.

The photos and videos (shot using mobile camera) are attached ! Enjoy. You need Quicktime Player or Nokia Media Player to watch the videos.

KFC @ Ascendas, Chennai - Review

Friday, December 1st, 2006

KFC at Chennai - Food Review

The much hyped KFC is finally in chennai. I believe KFC was opened more than a month or two ago. But only today I had the chance to visit. The famous KFC logo and smiling colonel in a perfect red background can be seen in Ascendas’s Food court. So what’s so special about KFC? The chickens are fried in a mash made up of 11 ingredients, which is one of the best kept trade secrets till now.

Interiors

Well KFC outlet is in Ascendas’s food court. Nothng new to report. The exclusive counter is modern and simple.

Food

KFC serves veg and non-veg food. Sorry I didnt look at the veg menu, so I don’t know what they serve for veg. Overall, the menu is limited. No lengthy foot long menu.

They sell burgers, chicken fries, meals, bucket chicken etc. The highlight is the bucket chicken, which contains 8 or 12 pieces of assorted chicken (legs, breast, wings etc). All covered and fried with the secret ‘masala’.

We ordered for Chicken Bucket feast which came with a bucket of chicken (8 pieces), two veg-rice, 4 pepsis, 4 ice creams. Extras included are the raitha like stuff and tomato sauce.

Ordering

There are 4 counters, where you can place your order and pay by cash. Yes, plastic money is outta question, only real money. During peak hours, it takes nearly 10 minutes to reach the counter.. 2 minutes to order and 5-7 minutes to get the food delivered. Remember, it is self-service.

Taste

I was restless to taste the “one of the world’s best kept trade secrets”, and as soon as we reached our table, we attacked!. Kara kara moru moru… bites. Its not sweet.. not spicy.. = kind of bland in taste. :-) Atleast to me, it is bland. But the chicken was good. Well boiled, easy to bite.. and overall decent.

Conclusion

KFC’s taste is bland when compared to our desi items. I don’t find any spectacular or wow taste in it. Try it and see, you may find the taste to be good..or you may find it bland. Taste is subjective. And as for me, no wonder KFC increased my love for our chicken tandoori, kadai chicken, pepper chicken, pallipalayam chicken etc more and more. :-)

Oh Btw, mind where you sit in KFC’s exclusive dine. Most of the tables are visited by unwanted visitors.. the flies. So get your tray and move to the hall.