페이지

2007년 10월 12일 금요일

Mobile Firefox는 어떤 모습일까?

그 동안 minimo 개발 이외에 모바일에 대한 모질라의 의지가 별로 눈에 띄지 않았는데, 드디어 Mobile Firefox에 투자하기로 결정했다고 합니다.

아마도 WebKit이 모바일쪽에서 강력한 영향력을 발휘하면서 내부에서도 많은 논의가 있었나 봅니다. 사실 WebKit은 웹브라우징 기능에 집중하면서 모바일 환경에서도 가볍게 동작하지만 Firefox는 XUL Runner기반으로 개발되어 모바일쪽에서도 사용하기에는 다소 무거웠습니다. 심지어 gecko를 버리고 WebKit으로 Firefox를 개발하자는 논란도 있었습니다.

새로 개발될 Mobile Firefox는 우선 두명의 개발자가 투입된다고 합니다.

OpenWave에서 일했던 크리스찬 세예르센(Christian Sejersen)과 프랑스 텔레폼에서 일했던 브래드 래시(Brad Lassey)입니다. 이 분은 minimo개발을 해왔던 것 같습니다.

Mobile Firefox는 기본 Firefox3에서 사용한는 gecko1.9가 아닌 Mozilla2 플랫폼을 기반으로 개발됩니다. Mozilla2 플랫폼은 그 동안 논란이 되었던 XPCOM을 걷어내고(JavaScript로 노출안되는) JavaScript엔진을 JIT기반의 Tamarin으로 바꿀 예정입니다. 또한 SVG, Canvas에 대한 HW가속을 지원하고 지금까지 복잡했던 코드를 경량화 최적화한다고 합니다.

내년 중반 이후 부터는 아마도 알파 수준의 모습을 확인할 수 있을 것 같습니다. 많은 오픈소스 개발자의 참여를 기대합니다~

2007년 10월 9일 화요일

Firefox와 JavaScirpt의 미래

Future of Web Apps 에서 발표된 자료를 바탕으로 정리한 것입니다.

SVG와 Canvas


SVG는 웹페이지에 벡터 그래픽을 표현하는 표준이고, Canvas는 웹페이지에 Drawing기능을 제공하는 표준입니다. 둘 다 지금까지 웹에서 경험하지 못한 자유로운 그래픽 표현을 위해 HTML5에 추가될 예정이며, 이미 일부 웹브라우저에서는 구현되어 있습니다.

아래 소개하는 예제는 Firefox3 최근 알파 버전에서 동작하며 실험적으로 구현된 기능을 일부 맛볼 수 있습니다.

웹과 Firefox의 앞으로 모습을 잠깐 살펴보시기 바랍니다.

SVG ForeignObject를 이용하면 SVG에 다른 마크업을 임베딩하여 각종 벡터 그래픽 효과를 줄 수 있습니다.

아래 예제에서는 HTML 태그인 <iframe>를 임베딩하여 20도 돌린 효과를 보여주고 있습니다.

<?xml version="1.0" standalone="yes"?>
<svg xmlns = "http://www.w3.org/2000/svg">
<g transform="translate(300, 0) rotate(20)">
<foreignObject x="10" y="10" width="800" height="800">
<body xmlns="http://www.w3.org/1999/xhtml">
<iframe src="http://starkravingfinkle.org/blog" style="width:700px;height:700px"></iframe>
</body>
</foreignObject>
</g>
</svg>

출처: http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/

SVG ForeignObject를 이용하여 동영상을 자유자재로 돌리는 기능을 구현한 예제도 있습니다.

향후, 웹에서도 플래시(Flash)나 실버라이트(Silverlight) 수준의 그래픽 효과를 구현할 수 있을 것 같습니다.

Canvas3D를 구현한 예제도 있는데, firefox3에서 확장을 설치하면 데모를 볼 수 있습니다OpenGL에 thin layer를 제공하여 구현되었고 Canvas 2D처럼 사용하나 봅니다. 실제 해보니 아직은 잘 안되네요.

video와 audio 태그


HTML5에 추가될 video와 audio태그입니다. WHATWG에서 현재 HTML5 스펙을 만들고 있는데, 오페라의 제안으로 video와 audio 태그가 들어간 것 같습니다. 별도의 plug-in 설치 없이 기본적으로 OGG는 동작하도록 하고 다른 파일은 plug-in 형태로 추가됩니다. plug-in이 다르더라도 앞으로는 <video>, <audio> 태그를 통해 동일한 방식으로 멀티미디어 파일을 제어할 수 있게 되었습니다.


 


<video src="BillysBrowser480.ogg" id='v1' style="width: 640; height: 480;"></video>


<script type="text/javascript">
function time_update(v, t) {
t.innerHTML=v.currentTime;
if(!v.paused)
setTimeout(function() { time_update(v, t); }, 1000);
}

function play(video, time) {
var v = document.getElementById(video);
var t = document.getElementById(time);
v.play();
if(time)
time_update(v, t);
}

function pause(video) {
var v = document.getElementById(video);
v.pause();
}

http://www.double.co.nz/video_test/test2.html

Offline Web Application


현재 offline 기능은 Google Gears, 모질라, WHATWG에서 각각 작업을 하고 있습니다. Google Gears는 얼마전에 출시되어 일부 Google 웹서비스에 적용되었습니다. 모질라에서는 SQLite를 이용해서 cookie, cache, bookmark, profile 등의 데이터를 저장할 계획을 갖고 있습니다. 현재는 각각 작업중이지만 Firefox3에서 모두 통합될 전망입니다.

XMLHttpRequest++


Ajax 혁명을 불러온 XMLHttpRequest도 더욱 발전된 전망입니다. 지금까지 하나의 도메인으로만 Request를 보낼 수 있었는데, Firefox3에서 여러 도메인으로 Request를 지원합니다. 웹 어플리케이션의 서버 의존성이 점점 줄어둘고 브라우저 하나만으로 많은 서비스가 가능해졌습니다. 향후 매쉬업 서비스 개발이 더욱 활성될 전망입니다.

참고


http://ejohn.org/blog/future-of-firefox-and-javascript/

이 글은 스프링노트에서 작성되었습니다.

2007년 10월 1일 월요일

2007 JCO 오픈소스 컨퍼런스 강연자 이모저모

10월 13일 자바 개발자 커뮤니티에서 오픈소스 컨퍼런스를 개최합니다.

작년 KLDP 10주년 F/OSS 컨퍼런스에 이어 올 가을에도 오픈소스와 관련한 컨퍼런스가 열리는군요.

발표하는 분들을 잠깐 살펴보니, (제가 아는 분들만)

  • 윤종수 판사님 : Creative Commons Korea 대표입니다. 요즘 많은 블로그에서 심심치 않게 볼 수 있는 Creative Commons을 이용한 저작권 표시 확산에 많은 기여를 하셨습니다. 적접한 방법으로 개인의 창작물을 쉽게 공유하는 방법과 그와 관련된 사회적, 기술적 움직임에 대해 세미나를 하십니다. SW분야 뿐만 아니라 미디어, 예술 계 전반에 영향을 미치고 있으며, ZDNET 컬럼니스트이기도 합니다.




  • 허광남 님: JSP, Java 개발자 커뮤니티인 OkJSP운영자이며, 현재 GS이숍 개발을 맡고 있습니다.




  • 박상길 님: 다음 개발자 사이트인 DNA Lab 운영자이십니다. likejazz라는 블로그를 운영하는 유명 블로거이기도 합니다~


특히, 이번에는 오픈소스화를 결정한 스프링노트 에디터 부분인 Xquard에 관심이 갑니다~

많은 참여바랍니다~