Thursday, March 27, 2014

// // Leave a Comment

Display Story1. Smart Revolution and Display's Importance

Recently I watched a drama got a background 20 years ago and I thought the world had changed with many things. Actually, It is unnecessary for comparing 20years ago. Just for 5 years, so many things have changed but these changes are not made by a need of people. These made needs for a people. I can illustrate a smartphone as a representative example. When I entered to a company, iPhone 3gs was just released and other gadgets were at the ready. Almost people seemed to be attracted at unprecedentedness of a smart phone rather than it was indispensable. In particular, It leaded a trend to be called an augmented reality application which can show weather information when you see the sky through a camera of smartphone. I would imagine interesting future through a new function of the smart phone and it has been realized with numerous developers. At now, it is unfamiliar to use a conventional phone and an indefinite future is going to walk in the real world through a smart phone.
▲ Smartphone and SmartTV

Pioneers drawn a image of future and users had absorbed a change with giving praise to an innovation. At present, we are living in the innovation which it was hard to be imagine 10 years ago. If It is ture that I feel like this just because of reaching old age, I seem to live in the best rapid change until now. This change which can be just a beginning used to be called the smart revolution. The reason of what the smart revolution was possible beyond smartphone to smart-TV, smart-watch and the internet of things is because there is a base on the number of revolutions. From now on, I want to tell based revolutions and the future of our lives in the smart revolution because there is a worth and roll of displays in the furure including a direction of my article.

What Make to be Possible the Smart Revolution?

These changes it is based on the smart revolution can be categorized like that user experience(UX) / IC of hardware / battery / communication / display.


▲ UX, AP, Battery, Communication, Display

UX : What smart phone becomes really smart is thanks to be able to operate many functions supporting conventional PC. The operating system(OS) getting bigger and bigger can be lighter by an optimization based on a compatiblitity of between hardware and application and the expandability among various gadget . At last, users can have been able to get PC' experiences through a small gadget. Becoming light is got other expression such as a time reduction for operation OS with application or power reduction for longer battery. Just becoming light don't include all revolutions. On this basement, it was added to multi-touch function called a revolution of UI and sensors such as GPS, gyroscope and etc, which takes an important roll of smart revolution. The user experience (UX) is built by combining aforementioned hardware basement and the big data.
Hardware component : The core value of success of a small gadget is miniature IC called MCU or AP which operates OS , image processing, memory controlling and etc. And it is thanks to advanced semiconductor technique and it results miniature ICs including memories and sensors as well as AP. Through combining an integrated IC, which is based on ASIC technology and semiconductor process called 'nano technique', it is to be possible to a smaller chip than a nail of human and it become based on changes . In here, combining sensors play really important roll to implement UX as on a small thing called smart gadget. 
Battery : The stable power system must be necessary for operating hardware and software.. And it has to be small, chargeable, durable to meet a condition of a small gadget. These were possible by developing lithium ion battery which gets high energy density and supports a charge and reuse.
Communication : At the center of the smart revolution, there were a progress of communication technique. WCDMA build an environment can communicate each other whenever they need it. Also WIFI made stable communication system in the home or office. At now, LTE's day is arrived and whoever can communicate high-capacity multimedia data using a small gadget.

Display : A cellular phone was possible thanks to development of TFT LCD which support display screen on the small device. And a smartphone which support full screen could be made by loading high resolution display. Thanks to the display, a gap of environment which users connect contents was decreased dramatically between mobile and PC.

How these contents are going to be changed

When the first concept of the ubiquitous computing was proposed by Mark Weiser at 1998, it meant "when technology recedes into the background of our lives" and it also meant "whenever, wherever, there is computing" which is possible to be every things on the internet. But the smart phone shakes a border of ubiquitous computing. At now, UX of the smart phone becomes on the each electronic machine and it moves future's one to the present.

How will have changed aforementioned categories of smart revolution? UX will be developed to the direction getting rid of a border between reality and virtual reality. It means that people can touch something, can feel surroundings and can control everything by their sense organ like real life in the virtual world. You can see many examples in the sense of a movie that computing natural gesture and moving a matter through just thinking about that. Presently, there has been many meaningful tries to implement future UX. From now on, it looks to be important to dear with getting data smartly from each sensor rather than making more sensitive sensors.

The hardware component is going to develop smaller and smaller and it will disappear from eyes. The high integration technology makes a performance users want despite of reduction its size as users can't see well. And on this component, a cloud computing technology was graft , which have made to reduce a burden of the hardware's performance. Surely, the performance is important, but it has been developed as that users don't recognize its differences comparing than battery performance's development.


▲ Intel Edison

The Intel announced a computer named 'Edison' which has small size according to a SD Card. And it looks to a finished computer because of operating based on Linux and offering Wifi, Bluetooth and etc function. It is representative example to show that hardware is going to disappear and it has sufficient condition to combine other small gadget. This combination called IoT(internet on things) makes needs of small computing.

The battery has been developed to reduce its size like the hardware component. A need of small size makes to advance low-power technique, a technology increasing battery life and wireless charging method. The battery is so important to be operated on the small thing, but aforementioned future example can be realization using existing power .

The communication has developed the direction operating faster and faster and keeping its communication state. And it requires advanced security technique and new communication system like LI-FI in the ubiquitous period.

Eventually I deal with the display. The display can be categorized in hardware like other component, but it has beed developed as other direction. The people requires its direction to increase size bigger and bigger because they want to see a vivid screen and want feel the reality. And it has advanced its appearance with curved, transparent and supporting 3D. It seems that display's final direction is what support hologram to feel like real-life.

Display Plays Important Roll in Future Technology

In brief, the direction of evolution will be proceeded to actualize the virtual thing and it makes feeling like in the real-life. Almost hardware has became smaller and it will disappear finally by results of advanced technology. But the display has a different tendency comparing other hardware above mentioned. The the display will be bigger and be other shape to give users experience like real-life.

Why did I give a long-winded explanation like aforementioned? The UX and display will have a shape can be felt like real after beyonding threshold of a change. Although the hardware and communication aforementioned are very important in the future, they will get a moment which its perpormance is over its need. And after this mement, these are hard to make a change got impact and it called just advanced specification rather than inovation. The battery has get a hurdle to be flexible, but it's going to be possible with many advanced tries at once. And it's going to walk a way like other hardware component. UX needs more experiences and technologies and its way to be a realization of virtualization. For developing UX, something has to be a prerequisite and it is just the display.

I think that the display's developemt play important roll to make advanced gadgets in the future. Already, so many media deals with the shape of the future and they have a common thing which is based on a display like transparent, curved or whole display of a wall.

Somethimes ago, I watched impressive TV-advertisement of a communication company which is not related on display company. The ad drawn future's image and it was look like future of the display company. As well as this ad, medias aforementined shown display's future. Actually, I majored a uniquitous system and its field closes software rather than hardware. But I selected a display which is near hardware's field because I belived the display will become the criterion can prove the future's development.


▲ Advertisement of some communication company
 

How Much Do You Know the Display

Todays, the display is always nearby you. The smartphone, TV, washing machine, refrigerator and other gadgets having some scareen have the display. TV have advantaged from CRT to PDP, LCD and OLED at now. The smartphone has became to get over retina display having high resolution. 3D technology has been developed to give more sense of reality and it has advanced to many image prossesing for displaying vivid screen. Also there is an effort to meet colors with eyes and there is so many agreement between from making a movie to displaying it.

You might heard a diffrence between PDP and LCD or see 3D dirving technology from some pages of internet . And you might come into contact many information about display's superiority or its future but you might be hard to know detailed information how it is possible or why this changes happend.

Although it can be difficult to know the display well, there are so many interesting story on the process to analize phenomenon and to follow traces. As mentioned above, since the display will be center of various inovations for making advanced future, it can make to afford much food for thought.

I Want to Share an Information of Display 

So I have a plan to give helpful stories for understanding the display to those who have interest and those who will have interest it. This contents divided with 3 categories which are issue , theory and future. The posting is going to fill these categories with new contents related on seminar or exhibition. There is an indefinite part in this plan as ever, but I beleive that its result which is steadily stacked make to guide advanced ways.
▲ Posting Plan

How much do you know the display? I am not an expert who knows everyting about display. But, I know the display how much more interesing it is. Fortunately, I am working in the company giving many chances to get various experiences related on the display. And on my work, I could get special experience with great co-workers and it will help you can understand easily and get interesting.
Read More

Sunday, March 9, 2014

// // 2 comments

Responsive Web Design : with an Example Page of 'Google Web Designer'

Background of Responsive Web Design

Since a mobile gadget supported full web browsing, considerations for web design have been increased.
For supporting other size web, a simple method is what makes 2 different version's website for PC and Mobile. In this case, Mobile version has to be connected to according to its address and PC version has to be linked to different address. It means that if you have website, you just make new site for Mobile without revising existing site.

But there are some problems. 
First, different sites is hard to be managed when you need to update some pages. 
Second, it is hard to give best condition to users because its condition is selected by users and they should consider whether to go Mobile site or PC site.
So, an idea was appeared to adjust site's circumstances responsively, which was started to be called to the responsive web. The responsive web gets information of a connected gadget and responds to each user as best condition.The best simple method is to have 3 version 's different web-size according to gadgets such as Mobile / Tablet / PC. Through these information, the web is released to best size for users.
 
And there is additional advanced technique that it is to get using window size of  a user as well as sorts of gadget. Through this idea, it is possible to give a better solution to users. 
How can make this advanced solution?
Google already implemented the latest technique to their almost web sites to keep up with time.


Analyze Example Responsive web site

This site named 'google web designer' which introduces a tool can web design interactively based on HTML5.  
 


As first action, I connected to the site above mentioned by Mac. (13-inch MacBook Pro with Retina display has 2560x1600 resolution) In advanced responsive web, it is impontant to be opend window's width. In an afore image, the window's widh is almost 2500px because  it is using almost full screen. In this picture, what can you see? There is a keyboard in the left side and a mobile phone and a tablet are in center. And a note is the right side. Also sentences such as 'Focus on design' and 'Amplify with code' is shown just below images.

As next action, I adjusted window width more narrower. The width is decreased to almost 1800px. What is different between before and after? First, the keybord and note in the edge are barely shown. And a gap between the mobile phone and the tablet is wider. Also the gap of sentences is narrower and some texts it was not shown is appeared because the image's height is decreased.



Let's reduce the width. This is almost 1300px. In now, the keyboard and note are not shown and a gap between the mobile phone and tablet is more narrow. There is a noteworthy phenomenon to the sentence according to 'Focus on design', which is disappered on the screen. It was possible since a layer's position was moved to below as narrower width.


I got a few more reduction of window's width as almost 800px. At now, you can see the decreased image size and can check texts easily. And then, two images such as the mobile phone and tablet are overlap.


I reduced the width again and it was almost 600px. At present, the tablet is just shown on the image which is smaller than before. And texts above an image is shown not.  There is a unique penomenon and it was changed to slope of  the tablet. It was slope of 15 degree but now, it looks straight.        

Through 5 captured images above shown, you can see the change of  the image and text as reducing the window's width.
It is possible to be considered to generate best design according to widow's width of users by a publisher.



Summary

Although I don't analyze a code of this web, I can guess how it is possible.
In the first capture, you can an image including the keyboard, mobile phone, tablet and note. The keyboard and note in the edge is background image. And mobile phone and tablet are each image. Through comparison the first capture and second capture, I can guess there is a border between 2500px and 1800px because of  suddenly changing a gap between the mobile phone and tablet. 
And there is a border between 1800px and 1300px. It can be checked from changing arrangement of sentences which was in two column. Two images such as the mobile phone and tablet are designed to go near with each other and the tablet gets order of priority. It can be confirmed at an image in almost 800px. There is an additional border between 800px and 600px. The only tablet is shown and it’s slope is changed. At this time, it looks same image comparing before and it change its degree at 600px.

By this time, we have looked into a responsive web design with an example of the site ‘google web designer’. Although It can be felt hard, you can use this solution easily because so many enterprise give free responsive templets.


<Connect to orignal page(korean)>


Read More