Category Archives: EDA LIBRARY

Pretty creative, don’t you think?  Maybe his next one will use a Klein bottle.

http://www.synthgear.com/2009/audio-gear/diy-mobius-music-box/

HTML5가 아직 공식 표준안이 되지는 않았지만 모바일웹 개발 할 수 있는것 자체로도
꾸준히 웹개발자의 길을 걸어온 저에게 또 하나의 재미있는 숙제가 되고 있습니다.
(또 하나는 요즘 IOS개발 공부에 푹빠져 있어서 조만간 아이디어내 조그만 APP을 개발하려합니다. – 김성용대리의 많은 도움이 필요할듯.. 맥주살께..^^)
사실 HTML5는 스티브잡스가 자신의 IOS 폐쇄성을 강화하고자 어도비플래시는 내치면서
더욱더 많은 이들의 관심을 받기 시작했습니다.

기술적 측면에서 보면  기존 Html에서 태그 더 추가된것에 처럼 보이지만  CSS3와 jQuery을 함께 사용
함으로 해서 아직은 플래시보다 다소 약한 부분이 있지만 동적인 부분을 구현할 수 있게 되었고,
더 인터렉티브한 웹사이트를 만들수 있게 되었습니다.

HTML5 관한 인포그래픽입니다.

얼마전 FaceBook CEO 마크 주커버그가 한 인터뷰에서 “본인의 최대 실수는 HTML5에 너무 얽매였던 것이다.
페이스북은 HTML5를 포기하고 네이티브 앱을 제작중이다”라는 발언이 국내에서도 상당히 화제가 되었습니다.

주커버그 는 “HTML5로 만든 느리고 투박한 페이스북 모바일 앱은 우리가 해왔던것 중에서 가장 큰 전략적 실수였습니다.
우리가 원했던(어플리케이션) 품질을 얻는것이 불가능했습니다. 그래서 이전에 만들어뒀던 결과물을 되돌아보는 대신에,
이후 2년간의 시간동안 페이스북은 상처 위에서 어플리케이션을 다시 만들기로 결정했었습니다.
그것은 아이폰에서 동작하는 네이티브 어플리케이션이었습니다. 결과물은 아이폰에서 이전보다 더 빨랐고, 이전보다 더 부드러워졌습니다.
페이스북은 이제 안드로이드 어플리케이션도 아이폰만에서 만큼의 성능을 내기 위해서 개발하고 있습니다.”라고 말했습니다.

하지만 페이스북 스스로 사용자가 PC용 FaceBook을 더 사용하게 조장한 느낌도 없지 않습니다. 또한
모바일에서는 서드파티(주 기술을 이용한 파생상품 : 다시겠지만…^^) 앱에 대한 비지니스 또한 쉽게 만들 수 없기도 합니다.

얼마전 애플사는 A6 프로세서와 4인치 디스플레이, 그리고 LTE 네트워크를 지원하는 아이폰5를 발표했습니다.
그리고, 기존 iPhone과 iPad 사용자에 대한 버전 업그레이드는 한국 시간 20일 새벽 2시부터 제공하기 시작했습니다.
iOS6 버전의 수많은 업그레이드 항목 중에서 JavaScript 엔진의 속도 향상과 더불어 브라우저에서 바로
사진을 촬영하고 업로드할 수 있는 기능이 탑재된 것이 가장 주목할만 합니다. 즉 이제 HTML5 할수 있는 잼있는 일들이
우리를 기다리고있다는 뜻이기도 하지요!!  (아이폰5를 구입하긴 해야할 모양입니다. 비싸겠지요!! ㅠ.ㅠ)

(스마트워크의 핵심 기술이 HTML5로 대두가 되고 있습니다. 하지만 우리는 Native APP , JSP,ASP,PHP 도 등한시 해서는 안됩니다.
HTML5는 ” 이다”  비즈니스적 영역을 더 넓혀줄수는 있지만 전체 상품을 개발하고 만들기에는 한계성을 가지고 있기 때문입니다. )

ps. 요즘 크리스미디어본부 여기저기서 땀흘리는 소리가 들립니다.
비딩까지 참여하는 디자인팀의 노고는 말할것도 없고, 흔들림없는 반석같은 기획팀도 정말 수고가 많지요!!

배가 항구만 있다면 배가 아니고, 평온한 바다는 결코 유능한 뱃사람을 만들 수 없습니다.
“이다”라는 “크로스미디어본부”라는 배를 함께 노를 젓다보면,  조만간 우리는 신대륙을 발견 할지도 모릅니다. ^^

차세대 웹 개발을 위한 HTML5 API

http://edu.kosta.or.kr/clazzregister/clazzRegister_findClazzWithContents?clazz.clazzId=966

HTML5 & CSS3를 활용한 하이브리드 앱

http://edu.kosta.or.kr/clazzregister/clazzRegister_findClazzWithContents?clazz.clazzId=984

RIA 기반 jQuery 개발 실습

http://edu.kosta.or.kr/clazzregister/clazzRegister_findClazzWithContents?clazz.clazzId=967

jQuery를 이용한 모바일 웹앱 개발

http://edu.kosta.or.kr/clazzregister/clazzRegister_findClazzWithContents?clazz.clazzId=980

[주간]jQuery에서부터 MVC Javascript Frameworks 개발까지

http://edu.kosta.or.kr/clazzregister/clazzRegister_findClazzWithContents?clazz.clazzId=995

개발자가 알아야 할 PM & QA

http://edu.kosta.or.kr/clazzregister/clazzRegister_findClazzWithContents?clazz.clazzId=982

자바스크립트 패턴

http://edu.kosta.or.kr/clazzregister/clazzRegister_findClazzWithContents?clazz.clazzId=986

Node.js 와 Cloud Foundry 활용 및 실무

http://edu.kosta.or.kr/clazzregister/clazzRegister_findClazzWithContents?clazz.clazzId=992

테스트 도구 사용 및 테스트 실습

http://edu.kosta.or.kr/clazzregister/clazzRegister_findClazzWithContents?clazz.clazzId=983

한국의 안드로이드 점유율은 정말 맞는 수치 일지는 모르겠지만…

현 추세는 이렇습니다.

3 Dreams of Black

FWA Website Awards – Peoples Choice Award 2011

3 Dreams of Black takes you on a journey through the world of lucid dreaming to promote Danger Mouse and composer Daniele Luppi’s album Rome. This site creates 3D interactive animations with using WebGL, HTML5 and JavaScript. In other words, the site wishes you could ‘experience’ the song and not simply listened to it. Have fun!

The Wilderness Downtown

FWA Website Awards – Site of the Year 2010

The Wilderness Downtown is an interactive short film for Arcade Fire’s “We Used to Wait” track. When you visit the site, you are asked to enter the address of the home where you grew up and then the site will generate a personalized music video that takes you on a journey back to your home. The site is created by using HTML5 and integrated Google Maps location base on the address you enter. Awesome!

360° Langstrasse Zürich

Awwwards Website Awards – Site of the Year 2011

360° Langstrasse Zürich is a web documentary about one of the most vibrant street of Zurich in Switzerland. Scroll yourself through the street and explore the shops and houses there with 360 indoor panoramas. You could even hear nearby tweets alongside the street. Impressive!

CNN’s Ecosphere

FWA Website Awards – Site of the Month January 2012

The Ecosphere is a real-time WebGL Twitter visualization tool launched by CNN to mark the COP17 climate change conference in Durban. The site monitors every new tweet tagged with the hashtag #COP17 and feed it into a tree representing that specific topic or discussion, and causing it to grow a little more.  The entire site is built in WebGL and HTML5 by Minivegas in partnership with Stinkdigital.

The Honda Experiment

FWA Website Awards – Site of the Month November 2011

The Honda Experiment is a physics-based game that challenges players to create a chain reaction by placing a set of objects (pop-up windows) in the correct sequence. Each object will interacts with those around it and you have to place these objects correctly to achieve the goal stated in the earlier in the game. There are six levels available in the game, and when these are completed, you get the chance to create your own chains. Enjoy!

Adobe – The Expressive Web

Pixel Awards – 2011 Experimental Winner

The Expressive Web is a resource and showcase site that highlights some of the most creative and expressive features being added to the web today by HTML5 and CSS3. The site makes extensive use of HTML5 and CSS3 features such as CSS3 transitions, CSS3 transforms, HTML5 canvas, web storage and etc to provide a visually compelling resource for learning more about HTML5 and CSS3.

Google Music Tour

FWA Website Awards – Site of the day February 01 2012

This is not a usual ‘About’ page as you seen before. The Google Music Tour page demos the product features using attractive animations created by HTML5 Canvas. You could easily navigate through the page and the line will guide you to selected topic. As you learn, you build a track that’s yours to keep.

Toyota Prius Projects

FWA Website Awards – Site of the Day March 04 2011

The Toyota Prius Projects is a home to a series of Prius projects created online and in the real world. It highlights the changes in the world made over the past and allows users to envision what are the upcoming projects. The site was built using HTML5 and WordPress, it’s mobile and tablet friendly, and encourages participation around each unique event.