윤선생 영어교실의
영어 지식인 서비스 ASK YOON이 새로이 리뉴얼 오픈을 했습니다.
기존의 차분했던 스타일에서 좀더 역동적인 컬러와 직관적인 질문 분류의 그루핑으로 사이트의 이용이 편리해지고, ASK YOON의 대표 서비스중의 하나인 매일 매일 하나의 주제로 이야기를 나눠가는 타임토크도 기능이 보강되어 재미를 더했습니다.
윤선생영어교실의 다양한 콘텐츠를 바로 갈 수 있는 허브역할을 겸하게 되어 풍성한 구성을 함께 하게되어 앞으로 이용이 더 편리해질것으로 예상됩니다.
게다가 준비중인 모사와의 제휴개발이 완료되면 더욱 다양한 질문과 답변으로 영어교육의 해답을 찾을 수 있게 할 예정입니다.
참, 하나 팁을 말씀드리자면 이번 개편에는 반응형 모바일웹도 부분적으로 디자인 리뉴얼 되었습니다. 스마트폰 사용자분들은 http://ask.yoons.com 을 스마트폰의 웹브라우저에서 접속하시면 모바일 반응형 웹을 만나보실 수 있습니다.
바로가기 : http://ask.yoons.com
패션 커뮤니티 “대마왕”이 오픈되었습니다.
퍼니피플의 funnyBBS 솔루션의 가장 최근 버전을 사용한 대마왕은 퍼니피플의 그동안의 노우하우가 잘 녹아 있게 되었습니다.
그들의 콘텐츠 진행일정을 엿보다 보니 전문 콘텐츠부터 인터넷 공간에서 허락되는 가벼운 콘텐츠까지 구색이 두루 갖춰져 있습니다. 어지간한 중견 오프라인 잡지사와 견주어봐도 손색이 없을만큼 체계적이고 방대한 양을 자랑합니다.
점점 늘어가는 콘텐츠와 방문자를 어떻게 원활하게 지원할까가 이제 퍼니피플의 몫이 되었습니다.
지금까지 준비해서 오픈한 대마왕은 그들이 보여주고자 하는 부분의 절반도 되지 않습니다. 좀더 덜 상업적이고, 객관적인 정보제공을 기치로 잡는다는 그들의 목표가 어떤 그림으로 자리잡을지 귀추가 주목됩니다. 대마왕. 파이팅!
바로가기 : http://www.demawang.com
퍼니피플 모바일 내부 프로젝트 2차
“헤어다이어리”
헤어다이어리는 어느날 문득 머리가 길다며 헤어샵에 다녀오신 CTO께서 이렇게 물어왔습니다.
“다들 머리하러가서 뭐라고 해? 난 머리를 언제했는지 기억이 안나서 대충 3개월 전으로 돌려주세요 라고만 해”
네. 신기술 개발하랴 공부하랴 바쁜 퍼니인들.
대체 머리는 언제 했는지, 누구한테 어디서 했는지 기억이 날리가 만무합니다.
이렇게 헤어다이어리 프로젝트가 시작되었고, 옆에서 뒤에서 치고 들어오는 업무들을 틈새를 공략하여 드디어 세상에 빛을 보게 되었습니다.
헤어다이어리는 다음과 같은 기능을 가지고 있습니다.
이제 헤어샵 가서 “두달전 모습으로 만들어주세요.”뭐 이런얘기는 그만. ^^
헤어다이어리 앱을 통해 스타일리쉬한 사람이 되어보세요.
퍼니피플 모바일 내부 프로젝트 1차
사내 아이디어 공모후 첫번째 만든 아이폰 앱입니다.
신조어 셔틀은 새로 등장하는 십대들의 신조어를 검색하고, 언의의 의미, 활용, 예제를 통해 손쉽게 신조어를 접하고, 학습할 수 있습니다.
바쁜 업무 일정때문에 콘텐츠 보강에 신경을 못써서 아직 콘텐츠의 양은 얼마 없지만, 곧 있을 업데이트에서 새로운 기능과 함께 방대한 신조어 데이터베이스가 구축 될 예정입니다.
콘텐츠보다 UI 개발에 초점을 둔 실험적 제품입니다.
이 앱을 다운로드 받기 위해서는 아래 URL을 방문하세요
http://itunes.apple.com/kr/app/sinjo-eo-syeoteul/id502800550?mt=8
퍼니피플이 제작한 매일유업의 “상하치즈 모바일웹 – 치즈, 요리가 되다”가 코리아 모바일 어워드에서 모바일웹 분야 최우수상을 수상했습니다.
코리아 모바일 어워드는 한국무선인터넷산업협회가 주최하고, 방송통신위원회, SK텔레콤, KT, LG U+, 한국인터넷 진흥원이 후원하는 대한민국에서 가장 공신력있는 모바일 어워드입니다.
2010년말 최초 기획 제안 후, 2011년 한해동안 치즈 제품에 QR코드를 부착하고, 모바일웹으로 고객들에게 구입한 치즈에 대한 정보와 보고있는 치즈로 손쉽게 만들수 있는 요리 레시피를 제공하자는 취지에서 개발된 상하치즈 모바일 웹 프로젝트입니다.
상하치즈 모바일웹은 HTML5 기술과 CSS3를 통해 보다 빠르고 안정적인 모바일웹을 목표로 개발되었습니다.
특히, iPhone 4시리즈의 Retina Display(레티나 디스플레이)에 최적화 되어 고해상도의 깨끗한 이미지를 표현해주고, 안드로이드OS와 iOS 양쪽 모두를 만족할 수 있게끔 수많은 테스트를 거쳐 출시되었습니다.
기능 업데이트를 앞두고 있는 상하치즈 모바일웹은 더욱 발전된 모습으로 보다 쓰임새 높은 모바일웹이 될것이라 기대합니다.
이번 수상을 계기로 그동안 시도중인 다양한 모바일 기술을 더욱 고도화 하고, 새로운 기술의 개발에 박차를 가하여 다음 연도 어워드에서 더욱 다양한 성과를 낼 수 있도록 할 예정입니다.
아울러 그동안 상하치즈 모바일웹을 개발하는데 고생해준 퍼니피플 개발담당 김정호 과장과 디자인 담당 채준 과장. 그리고, 원활한 커뮤니케이션을 가능하게 해준 기획팀 김미정 과장님과 매일유업 김인성 과장님께 감사의 마음을 전합니다.
점점 식구들 늘어나서 회의테이블까지 점령해버리는 사태에 진작부터 본사 이전을 추진했지만, 영하로 떨어져버린 날씨 탓에 주변에 당장 이사할 사무실이 보이지 않았습니다.
늘어난 식구들을 추운 겨울을 조용하고 따뜻하게 보낼 수 있게 가스보일러로 난방이 가능 해야 하고, 시끄러운 자와 조용한 자를 분리하여 수용(?)할 수 있는 독립적인 공간. 까다로운 퍼니인들의 입맛에 딱맞는 사무실을 구하기란 정말 어려운 일이었습니다.
원체 시끄럽고 재미난 친구들 뿐이라. 함께 울고 웃고 떠들 수 있는 공간을 원했기에 무려 1달이라는 시간동안 주변을 이잡듯이 뒤져서 찾아낸 새로운 사무실.
2012년 2월 11일. 1년중 두번 밖에 없는 이사 길일을 잡아 드디어 새 사무실로 무사히 입주를 마쳤습니다.
기존에 있던 분들이 사옥을 지어 멋지게 탈출(?)하셨다고 하니 더욱더 기대에 부풉니다^^
이전한 주소는 “서울시 마포구 서교동 444-3번지 장강빌딩 4층” 입니다.
6호선 망원역 1번출구에서 약 200m, 2,6호선 합정역에서 약 450m 정도 떨어져있습니다. (단 직선거리입니다 ^^;)
새로운 사무실에서 더욱 재미난 일들이 우리를 기다리고 있습니다.
벌써부터 퍼니한 기운이 느껴지지 않으십니까?
http://itunes.apple.com/kr/app/the-korea-herald/id451087000
오랜시간 동안 개발(이라 부르고 전쟁이라고 이해합니다)해온 The Korea Herald iPad APP이 드디어 출시되었습니다.
전세계 유래를 찾아보기 힘들만큼 Sencha-Touch의 극한을 맛보아야 했던 개발품이라 자신하는 이 앱은 처음 SenchaTouch를 Sencha사의 Demo와 PhoneGap의 데모를 보고 이거면 원하는 기능을 모두 구현할 수 있다! 라는 생각에 도전했던 프로젝트.
중도에 포기를 해야할까 계속해야할까 고객사도 수행사도 수많은 번뇌에 휩싸이게 했던 이 프로젝트는 Javascript로 할 수 있는 모든것에 속하는 많은 기능들을 개발해야 했고, Native App과 경쟁하기 위해 사용된 오랜 연구를 하게끔 했었습니다.
마침내 완성이 되었지만, 그때마다 iOS의 업그레이드와 더불에 Javascript 엔진이 변경되는 바람에 번번히 좌절해야했고, 생각보다 부족한 iPAD의 메모리와 이미지 랜더링 속도등의 제약으로 결국 PDF 뉴스 서비스는 별도로 Native로 개발을 해서 연동해야했고, PhoneGap을 통한 In-App Purchase. Layer 개념의 HTML5의 Video기능의 부족함은 개발을 더욱더 어렵게 만드는 요소가 되었더랍니다. 물론 커스텀한 UI를 적용하기 위해 최신의 SCSS를 매우 깊이있게 연구했어야 했습니다.
이 앱을 성공하기까지 노고를 아끼지 아니했던 김정호 과장과 진입명 사원, 권동문 님께 특별한 감사를 드립니다.
http://itunes.apple.com/us/app/snura/id494501443
지난번 Sencha Touch 개발의 고통을 달래고자 또 다른 시도를 통해 탄생한 iPad, iPhone Hybrid APP 입니다.
이번 앱은 Sencha Touch 대신 자체 제작한 HTML5과 각종 기능들은 jQuery와 iScroll4를 접목시켜 개발되었습니다.
기간제 유료 서비스 되는 APP이기에 Data는 모두 PHP Data서버로 부터 JSONP로 공급을 받고, 보안을 위해 SSL과 128bit Key Chain을 통한 암호화된 인증 알고리즘을 통해 세션을 통제하였습니다. 이를 통해 불법적인 사용자를 차단하고, 더욱 견고한 시스템을 구성할 수 있게 되었습니다.
Native에서는 각 페이지별 Web View를 Javascript와 연동하여 관리하여, 페이징이 가능하게 하고, 현 상태를 기억하게끔 하여 빠른 속도로 앱을 이용할 수 있게끔 고려하였습니다.
또한, iPAD/iPhone 유니버셜 APP으로 제작하고, Media Query를 적용하여 가로/세로모드를 구현함으로써, Native APP과 거의 같은 속도를 유지할 수 있으면서 필요한 기능을 서버사이드에서 반영할 수 있게 함으로써, 자잘한 업데이트를 APPLE의 Update에 의존하지 않아도 되게끔 하였습니다.
가벼운 jQuery와 iScroll 라이브러리만을 사용하고, 각종 기능을 독자적으로 개발하였기에 보다 유연하고 빠른 속도를 구사할 수 있었습니다.
3개월이라는 비교적 짧은 기간동안 개발된 이 앱을 위해 애써주신 개발담당 권영칠 이사님과 깔끔한 Native 기능 개발의 이원 선임, 심오한 디자인의 채준과장께 고마움을 표합니다.
* 2012년 2월 현재는 애플사의 권고로 IAP를 탑재하고, 푸시기능을 추가한 새로운 1.1 버전이 업데이트 대기중입니다.
SenchaTouch 의 비밀번호 찾기등을 만들때 Input Enter 오류가 있다.
아주 힘들게 찾아낸 SenchaTouch의 버그 … 중 하나!!!
다음 소스중에 오류는 볼드 처리한 놈으로 해결가능했다.
input 이 한개일때는 Enter 오류(즉, submit 날라가는) 가 나서 처음한 hidden으로 전송을 했었지만,
같은 오류 발생!!그래서 해결하는방법은 다음과같다.
바로 CSS로 display:none 처리하는방법이다.!!!
약간 꼼수이지만 sencha의 버그가 고쳐지기 전 까지는
어쩔수 없이 요런꼼수를 부려야겠다.
{
xtype : ‘fieldset’,
title : ”,
defaults: {
required : true,
labelAlign: ‘left’,
labelWidth: ’40%’
},
items : [
{
xtype : 'textfield',
name : 'aaa',
label : '',
useClearIcon: true,
autoCapitalize: false,
value : '' ,
placeHolder : ''
},
{
xtype : 'textfield',
style : {display :'none'},
name : 'act',
label : 'act',
value : 'search'
}
]
},
