1. Wikinavigátor Martin Bielik

2. Mozilla firefox Free and open source web browser 30% of worldwide usage Gecko layout engine Microsoft Windows, GNU/Linux, Mac OS and other platforms

3. Firefox Extensions Used for : –Adding features (RSS, Toolbars, Email, FTP, …) –Modifying how to user views web pages (GreaseMonkey) –Other uses Technologies : –CSS –JavaScript –DOM –XUL –XPCOM –XPI

4. Wikinavigátor Display a graph (Tree) of Tab History Screenshot of a web page Screenshot of a web page Screenshot of a web page Screenshot of a web page Screenshot of a web page Starting page Current page

5. Extensions – file structure install.rdf chrome.manifest /default/ /chrome/ /content/ /sample.xul /main.js /skin/ /overlay.css /locale/ /en-US/ /local.dtd install.rdf (xml) –Extension name –Description –Author name –Version –Min and max version of firefox –…

6. Extensions – Chrome URL and overlays chrome.manifest –content myExtension chrome/content/ –skin myExtension classic/1.0 chrome/skin/ –locale myExtension en-US chrome/locale/en-US/ –Chrome URL : chrome://myExtension/content/sample.xul Overlays –Browser xul file chrome://browser/content/browser.xul –overlay chrome://browser/content/browser.xul chrome://myExtension/content/sample.xul –overlay chrome://browser/content/browser.xul chrome://myExtension/skin/overlay.css

7. Extensions - XUL Markup language developed by Mozilla CSS, JavaScript, DOM DOM Inspector JS Namespaces (myExtension.funct();) gBrowser

8. Extension – XPI install Zip extension folder Rename.zip to.xpi

9. Wikinavigátor – History Drawing Div 1 Div 2

10. Wikinavigátor – source preview overlay.xul index.html Wikinavigator.Classes.Navigator Wikinavigator.Classes.Node Wikinavigator.Main

11. Wikinavigátor - Implementation Tab open listneners (new navigator) Page load listeners (addNode) Navigator page – show tabs Navigator page – draw current tab history

12. Thank you for your attention Ask your questions