일반 웹페이지를 모바일 웹 페이지로 자동 변환



구글은 정말 대단한거 같습니다

뭔가 항상 찾다보면 구글에 답이 있어서 놀라곤 합니다

이번엔 복잡한 웹페이지를 모바일로 바꾸기위해 파싱 노가다를 하고 있었는데요
페이지가 규칙적이지 않아 모든 페이지에대한 파싱 조건을 만들기 어렵다고 판단되어 고민을 하고 있었습니다

어떻게하면 다 파싱이 가능할까 고민하다가
혹시 일반 웹페이지를 모바일 웹페이지로 바꿔주는 사이트가 있을까? 해서 찾아봤는데
국내에 유로로 제공하는 사이트 한곳과 (http://www.must.or.kr/ko/solution/mwmc/)

구글에서 무료로 모바일 웹페이지로 변환 해준다는 것을 알았습니다

그동안 파싱한게; 수포로 돌아가고있습니다 ㅡㅜ




제가 파싱하려는 페이지 입닌다
(ibm 디벨로퍼웍스 기사 페이지)

해당 페이지 확인해보기 

http://www.ibm.com/developerworks/kr/library/x-xformsaccttool6/index.html?ca=drs-





구글을 이용해서 파싱된 페이지 입니다

해당 페이지 확인해 보기 

http://www.google.co.kr/gwt/x?u=http%3A%2F%2Fwww.ibm.com%2Fdeveloperworks%2Fkr%2Flibrary%2Fx-xformsaccttool6%2Findex.html%3Fca%3Ddrs-&btnGo=%EC%A0%9C%EC%B6%9C&source=wax&ie=UTF-8&oe=UTF-8 
 



구글 웹페이지를 모바일 웹페이지로 변환하는 서비스
http://www.google.co.kr/gwt/x

URL을 입력한후 제출을 누르면 변환된 페이지로 바뀝니다




하지만 문제점도 있습니다
제가 고민하던 테이블 안의 글씨도 아직 구글 모바일 웹 페이지 변환 에서도 완벽한 구현이 안되고 있습니다



그래도 그리 복잡하지 않은 사이트라면 구글의 모바일웹 페이지 전환 기능을 사용해서 볼 수 있어서 편리하긴 하네요
신고





Posted by 파란물







기사 원문으로 가시면 자세한 설명과 소스코드 자료를 볼수 있습니다



요약: 웹 애플리케이션은 전통적으로 싱글스레드 세상에 갇혀 있었습니다. 너무 복잡하면 애플리케이션의 UI가 멈추는 위험을 감수해야 하기 때문에, 실제로 개발자들은 코드에서 할 수 있는 것에만 활동이 제한되었습니다. Web Workers는 멀티스레드를 웹 애플리케이션에 도입하여 이 모든 과제를 극복했습니다. 이는 대부분 애플리케이션의 로직이 클라이언트측인 모바일 웹 애플리케이션에 특히 유용합니다. 이 기사에서는 Web Workers로 작업하는 방법을 살펴보고, 이에 가장 적합한 태스크가 무엇인지 알아봅니다. 다른 HTML 5 기술을 사용하여 어떻게 이러한 기술의 효율성을 높일 수 있는지 살펴볼 것입니다.



모바일 장치에서 멀티스레드 JavaScript
멀티스레드 또는 동시 프로그래밍은 대부분의 개발자에게 익숙한 것이다. 이는 대부분의 현대 프로그래밍 언어에서 어떤 방식으로든지 지원된다. 그러나 JavaScript는 동시 프로그래밍을 지원하는 언어가 아니다. 작성자는 웹 페이지에서 단순한 태스크를 수행하도록 설계된 JavaScript와 같은 언어에 대해 이러한 작업이 너무 문제가 많고 불필요하다고 생각했다. 그러나 웹 페이지가 웹 애플리케이션으로 진화하면서 JavaScript로 수행된 태스크의 복잡도는 JavaScript를 다른 언어와 동등한 수준으로 끌어 올렸다. 동시에 동시 프로그래밍을 지원하는 다른 언어로 작업하는 개발자들은 스레드와 뮤텍스와 같은 동시 프리미티브에 수반되는 놀랍도록 높은 복잡도로 인해 애를 먹으며 고생했다. 사실 최근에는 Scala, Clojure 및 F#과 같은 많은 수의 새 언어 모두 동시성의 간소화를 보장하며 진화하였다.



Listing 1. 페이지 스크립트에서 Web Worker 사용하기

Listing 2. Worker 스크립트

장치 지원

Workers로 성능 개선하기

Listing 3. 거래 애플리케이션 HTML

Listing 4. loadDeals 함수

그림 1. 모바일 거래 UI

Listing 5. 거래 세부 사항 프리페치하기

Listing 6. 거래 세부 사항 Worker 스크립트

Listing 7. Worker로 가져온 스크립트

그림 2. 표시된 거래 세부 사항

Listing 8. showDetails 함수

요약
Web Workers는 웹 개발자에게 이국적인 새로운 기술처럼 보인다. 그러나 이 기사에서 살펴본 것과 같이 이는 매우 실용적인 애플리케이션이다. 모바일 웹 애플리케이션의 경우에는 특히 더하다. Workers는 데이터를 프리페치하거나 다른 앞선(ahead-of-time) 조작을 수행하는 데 사용되어 훨씬 더 생생한 UI를 제공할 수 있다. 이는 잠재적으로 느린 네트워크를 지나 데이터를 로드해야 하는 모바일 웹 애플리케이션의 경우에 특히 더할 수 있다. 이를 캐싱 전략과 결합하면 사용자는 애플리케이션의 간결함에 감탄할 것이다.


 
 기사 원문으로 가시면 에제 코드와 자세한 설명을 볼 수 있습니다
아이베엠 디벨로퍼 웍스 : http://www.ibm.com/developerworks/kr/
기사 원문 주소 : http://www.ibm.com/developerworks/kr/library/x-html5mobile4/index.html

신고





Posted by 파란물











색다른 앱 공개 오디션
Smarter Applicationfor Smarter Planet

2011 똑똑한 지구를 위한 똑똑한 애플리케이션 공모전 시즌II

 스마터 플래닛(Smarter Planet)은 통신, 금융, 도시, 교통 등 우리의 생활과 환경을 실질적으로 변화시키는 새로운 동력입니다. 스마터 플래닛을 테마로 한 혁신적인 변화에 대해 진지하게 탐험하고, 이를 애플리케이션으로 현실화하고자 하는 여러분들의 많은 참여 바랍니다.


 공모 주제 
똑똑한 지구를 주제로 한 애플리케이션

 공모내용
스마터 플래닛
교통/ 금융/ 통신/ 공공안전 / 헬스케어/ 대학등

개발 분야
웹/ 모바일/ 클라이언트 서버

개발 플랫폼
IBM의 System z(리눅스) 기반 스마터 컴퓨팅 환경
모바일의 경우 안드로이드 플랫폼 환경

- 시상 내용
총 상금 2000만원 + 사업화 지원
 
- 기간
2011년 4월 19일 ~ 9월 30일

 참가부분 및 참가자격
대학부
전국 2년제 이상 대학(원) 재학생 및 휴학생, 개인 및 팀 지원 가능
팀의 경우 학생 최대 5명과 지도교수 1명으로 구성(지도교수 참가 권장)

일반부
개업에 소속되지 않은 개인 또는 아래 지원자격 조건을 모두 부합하는 깅버에 속한 개인들이 지원
. 창업한 지 3년 미만의 10인 이하 개인 소유 기업
. 소프트웨어 제품 개발 기업
. IBM 파트너 월드(http://www.ibm.com/partnerworld/)가입 기업
(개인 또는 5인 이하팀 참여가능)
(팀 구성시 학생이 아닌 일반인이 1인 이상 포함될 경우, 일반 부분으로 참여)




공모전 일정
제안서 접수 마감(2011년 6월 10일)
제안서 아이디어 공개 심사 (2011년 6월 13-17일)
스마트캠프(오리엔테이션) (2011년 6월 24일)
애플리 케이션 제출 마감 (2011년 8월 31일)
시상식 (2011년 9월 30일)




 시상 내용
스마트상 (부문공통, 1팀) 상금 500만원
혁신상 (부문별 각 1팀) 상금 300만원
기술상 (부문별 각 1팀) 상금 200만원
100주년 기념상 (부문 공통 5팀) 상금 100만원


(중소 기업청 지원대상에 부합할 경우, 별도의 사업비를 포함한 비즈니스 혜택을 제공합니다)
(제작물이 제 3자의 특허나 지적 재산권을 침해한 경우, 당선이 취소될 수 있습니다)
(상금의 제세공과금은 수상자 부담 입니다)

참가자 혜택
- 제안서를 제출한 참가자 전원에게‘참가 인증서’발급
- 참가팀 중 사전 제안서 심사를 통해 DB2 자격증 취득을 위한 교육 지원 (강사, 교재, 자격증)
- 참가팀 중 희망 대학생을 대상으로 'System z 애플리케이션 개발자 과정' 교육 지원 (강사, 교재, 인증서)
- 대학생 부문 참가팀의 경우, IBM의 대학생 홍보대사인‘IBM Campus Wizard’참여 기회 부여

 심사 기준
. 시장성(사업정) 25%
. 안전성(기술 완성도) 25%
. 사용직관성 25%
. 혁신성 25%

수상팀 특전
- 중소기업청 앱 창작터를 통한 교육, 창업, 컨설팅 등 지원 가능
(예비 창업팀 프로젝트 비용 500만원까지 지급, 앱 창작터 프로젝트 룸 무상 대여 등)
- 수상 애플리케이션이 사회 공헌과 관련된 경우, IBM 100주년 글로벌 사회공헌 프로젝트의 일환으로
1) 정부기관 및 NGO 등 유관기관과 연계하여 상용화 서비스 지원 가능
2) 수상팀의 이름으로 해당 정부기관 및 NGO에 전달할 수 있는 기부금 신청 가능(최대 1억까지)
- 수상팀 멤버 전원, IBM 글로벌 인재 DB 등록


본 공모전에 대한 상세한 내용은 웹사이트(www.smarterplanet-contest.co.kr)에서 확인할 수 있습니다.
제출된 아이디어와 애플리케이션은 반환하지 않습니다.

주최 : IBM
후원 : 중소기업청
협찬 : SK telecom, redhat, AppTalk




 
공모전 사이트로 바로 가기 

공모전 소개 pdf 파일 받기



신고





Posted by 파란물

티스토리 툴바