2012년 12월 4일
by shpark
0 comments

HTML5 기반 웹 앱(Web App) 장터

차세대 인터넷표준 HTML5 기반 웹 앱(Web App) 장터가 올 하반기부터 내년까지 잇따라 열린다. 이에 힘입어 HTML5를 지원하는 단말기가 2016년 21억대를 넘어설 것으로 전망됐다.

구글 플레이와 애플 앱스토어가 주도해온 `앱 장터` 시장이 HTML5 중심으로 빠르게 재편될 것으로 예상된다.

W3C대한민국사무국은 18일 서울 건설회관에서 개최한 `W3C HTML5 데이 아시아 컨퍼런스 2012` 열고 내년 웹 OS 스마트폰 등장과 함께 HTML5 생태계가 활성화 원년이 될 것으로 전망했다.

파이어폭스는 올 하반기 `모질라 웹 앱스토어`를 개설하며, 타이젠어소시에이션도 타이젠 기기를 위한 웹 앱스토어를 준비 중이다. 웹 OS를 개발한 구글과 파이어폭스, 타이젠어소시에이션은 웹 OS 표준화도 시작했다.

웹 앱이란 HTML5기반 웹 애플리케이션으로 브라우저로 접속하며 설치와 업데이트가 필요 없다. HTML5 표준에 맞춘 웹만 개발하면 플랫폼이나 기기에 상관없이 어디서나 볼 수 있다.

이승윤 W3C대한민국사무국장은 “애플 앱스토어와 구글 플레이 등에서 앱을 다운로드 받아 쓰던 방식에서 내년에는 단말기와 스크린, 플랫폼에 관계없이 쓸 수 있는 웹 앱으로 패러다임이 전환 될 것”이라고 말했다.

이 국장은 “ABI리서치는 2016년 HTML5를 지원하는 단말이 21억대를 넘어설 것으로 전망했다”며 “웹 OS를 개발한 구글과 파이어폭스, 타이젠어소시에이션 등이 표준화를 논의하고 있어 생태계가 더욱 확장될 것”이라고 덧붙였다.

전종홍 한국전자통신연구원(ETRI) 책임 연구원은 `HTML5 과거, 현재 그리고 미래` 발표를 통해 “스마트모바일 시대 가장 큰 문제는 단말기와 스크린, 플랫폼의 파편화로 개발비용과 난이도, 복잡도가 증가하고 있다”며 “표준 웹만 개발하면 어디서나 볼 수 있는 HTML5가 대안”이라고 말했다.

이원석 W3C HTML5 대한민국 관심그룹 의장은 “구글 크롬 스토어에 이어 모질라가 가을 웹 앱 스토어를 공개할 것”이라며 “내년 웹 OS기반 스마트폰까지 출시되면 스마트폰 활용 행태에 변화가 생길 것”이라고 설명했다.

김인순기자 insoon@etnews.com

2012년 10월 18일
by gdkim
0 comments

Möbius music box – cool DIY alert

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/

2012년 10월 4일
by shpark
0 comments

고객이 전문가

우리나라의 소프트웨어 환경의 문제점 중 하나가 고객이 잘 모른다는 것이다.

예를 들어 공공 SI 프로젝트의 경우 발주처인 공공기관의 담당자가 SI회사의 개발자들보다 업무를 잘 모르는 경우가 종종 있다. 공무원들은 몇년만다 한번씩 자리를 옮기기 때문에 자신의 업무를 빠삭하게 알지 못하고 SI회사에 많이 의지하게 된다.

SI회사에서는 해당 분야의 업무만 오랫동안 개발해온 개발자들이 있어서 현업 담당자보다 더 잘 알곤 한다. 외국의 경우 몇십년씩 한자리에서 공무원이 최고의 전문가가 되는 경우와는 사뭇 다르다.

그래서 공공프로젝트를 진행할 때 SI회사가 많이 주도를 한다. 심지어는 발주처에서 해야 할 일도 다 SI회사가 해주곤 한다. 어떻게 보면 SI회사에 좋기도 하지만 문제도 많다. 요구사항 분석 때 충분한 정보를 주지 않아 나중에 요구사항이 많이 바뀌기가 일쑤이고 그로 인해서 프로젝트에서 손해도 많이 난다.

비단 공공분야만이 아니다. 소프트웨어 선진국에서는 기업이 소프트웨어 외주를 줄 때 해당 기업에서 충분히 분석, 설계 역량이 있고 스펙을 제대로 작성해서 외주를 주곤한다. 즉, 직접 개발할 역량도 충분히 있는데 비용이나 시간 상 외주를 주는 것이다.

그런데 우리나라에서 외주를 주는 형태를 보면 고객이 잘 모르기 때문에 대충 외주를 주고 개발 업체가 이거저거 정말 알아서 다 해줘야 할 때가 많다. 그러다 보니 계약도 불분명하고 다툼도 많다. 법정까지 가는 다툼도 많이 발생하지만 엉성한 계약서를 가지고 누구의 자잘못인지 따지기도 어렵다. 개발업체에서 스펙을 제대로 작성하기 위해서 고객 인터뷰를 하고 요구사항 분석을 해도 협조가 잘 되지 않는다. 정확한 인터뷰 대상 선정도 쉽지 않다. 업체에서 나름대로 최대한 노력해서 스펙을 작성해도 고객이 스펙을 충분히 검토해서 확인을 해주는 일도 드물다.

일단 고객이 스펙을 충분히 잘 검토할 수 있는 실력이 부족한 경우가 많다. 그래서 스펙을 봐도 잘 모르기 때문에 잘 보지 않으려고 한다. 또, 개발해 놓으면 언제든지 바꿔달라고 하면 되는 것으로 착각을 해서 개발 전에 스펙을 잘 보지 않아도 된다고 생각한다. 심지어는 스펙을 잘 검토해서 확인을 해주면 나중에 바꿔달라고 못할지도 모른다는 생각도 한다.

이런 비전문가적인 고객들은 개발업체를 엄청 괴롭히지만 프로젝트에도 긍정적이지 않다. 이런 환경에서 좋은 아키텍처의 소프트웨어가 나오기 어렵다. 개발업체도 제대로 개발하고 싶겠지만 그냥 어떻게 검수만 나도 된다는 식으로 개발하기 쉽다. 서로에게 모두 손해가 되는 것이다.

외주, 즉 아웃소싱이 제대로 되려면 고객이 전문가가 되어야 하는 것이다.

 

컬럼리스트 전규현님 블로그 발췌

2012년 9월 25일
by shpark
2 Comments

HTML5.. 그리고..

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

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

 

 

2012년 9월 24일
by 김성용
0 comments

모바일 OS 점유율

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

현 추세는 이렇습니다.

 

2012년 9월 23일
by 김성용
0 comments

html5 Web Awards

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.

 

 

 

 

 

 

 

 

2012년 9월 23일
by 김성용
0 comments

UI Kit 두번째

이번엔 간단한 자료여서
그냥 첨부하여 넣습니다.

스토리지 서버에도 지난번과 동일 폴더인

\\Storagesvr\공유폴더\UIkit 에 공유 하도록 하겠습니다.

2012년 9월 21일
by admin
0 comments

소셜미디어와 관련된 인포그래픽 모음

그다지 이 포스트에서 할 이야기는 없습니다.

제목 그대로 소셜미디어와 관련도니 인포그래픽을 모아놓은 핀터레스트 사이트입니다.

아시는 분들도 있겠지만… 모르시는 분들을 위해 공유합니다.

 

http://pinterest.com/mushman/social-media-infographic/

2012년 9월 20일
by 김성용
0 comments

wireframe ui kit

기획, 디자인, 개발 에서 언제든지 활용할 수 있는

iOS / Android gui Kit 을 이다 공유 서버에 올려 놓았습니다.
많은 자료로 이루어 진것은 아니고 해당 공유 폴더에 주기적으로 업데이트를 하면서
서로 사용 될 수 있었으면 하네요

공유 주소 :  \\Storagesvr\공유폴더\UIkit

2012년 9월 14일
by gdkim
0 comments

iTypewriter

Proudly powered by WordPress | Theme: Yoko by Elmastudio

Top