gps firefox extension step by step

2007.12.17ICL W200 SJH

firefox extension

● 擴充

● 檔名 .xpi ， ( XPInstall )● 與 UI相關如 : Web Developer, Flash plugin● 與 UI無關如： google gear● XPCOM (Cross Platform Component

Object Model)

與 UI相關

● 使用 XUL建構 UI● 使用 java script 來操作互動

與 UI無關

● 使用 XPCOM技術● 使用本機端資源

● 與本機端其他 library連結● 可以使用 C++， javascript， python實作出

XPCOM

gps firefox extensionstep 1

● 了解需求：

– Linux環境之 firefox使用者可以使用一般網頁技術，如 java script，來取得本機 gps裝置傳回的經緯度，並且顯示於 google map上。

gps firefox extensionstep 2

● 需求分析：

● firefox使用者可以使用一般網頁技術，如 java script：提供一個 firefox extension，讓javascript可以呼叫以下之擴充功能。

● 來取得本機 gps裝置傳回的經緯度：使用 linux上的 gpsd。

● 並且顯示於 google map  上： 使用 google map API

gps firefox extensionstep 3

● 實作 firefox extension：● 功能：讓 javascript取得 gps經緯度，不需要處理畫面。

● firefox extension安裝檔案為 .xpi。● 架構為：

● 實作看看

● 測試

MyExt.xpi

HelloWorld.xpi

googlegear.xpi

XPCOM Type Library

share libs

gps firefox extensionstep 4

● 實作 xpcom● 以 C++實作● 架構為：

● 實作看看

● 包裝成 xpi● 測試

xpcom目錄結構

interface description language

share libs

xpcom實作

XPCOM Type Library

gps firefox extensionstep 5

● 實作 gps xpcom ● 使用 libgps 與 gpsd 溝通● 架構為：

● 實作看看

● 包裝成 xpi● 測試

gps firefox extensionstep 6 -google map略

● 實作 google api● 使用 javascript取得經緯度● 畫在 google map上● 實作