mozilla

Compare Revisions

Quickstart guide to Gaia development

Change Revisions

Revision 600953:

Revision 600953 by leo89 on

Revision 600955:

Revision 600955 by leo89 on

Title:
Quickstart guide to Gaia development
Quickstart guide to Gaia development
Slug:
Mozilla/Firefox_OS/Developing_Firefox_OS/Quickstart_guide_to_Gaia_development
Mozilla/Firefox_OS/Developing_Firefox_OS/Quickstart_guide_to_Gaia_development
Tags:
"Gaia", "Apps", "Firefox OS"
"Gaia", "Apps", "Firefox OS"
Content:

Revision 600953
Revision 600955
n1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"n1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
2    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">2<html>
3<html xmlns="http://www.w3.org/1999/xhtml">
n5    <link rel="stylesheet" type="text/css" href="perfil.css" />n
6    <meta http-equiv="Content-Type" content="text/html; charset=u
>tf-8" /> 
7    <meta content="initial-scale=1, minimum-scale=1, width=device
>-width" name="viewport" /> 
8    <meta content="" name="description" />
9    <title>
10      Mozillians School app
11    </title>4    <title></title>
12    <style type="text/css">
13/*<![CDATA[*/
14    body{
15    margin:0px;
16    padding:0px;
17    height: 100%;
18    min-width: 1000px}
19    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6
>, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
> img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,  
>dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, cap 
>tion, tbody, tfoot, thead, tr, th, td, article, aside, canvas, de 
>tails, figure, figcaption, hgroup, menu, footer, header, nav, sec 
>tion, summary, time, mark, audio, video 
20    {margin: 0px;
21    padding: 0px;
22    border: 0px none;}
23    #head1{background-image: url('logo_sprite.svg?2014-01');backg
>round-position: 0px 0px; 
24    background-repeat: no-repeat;
25    background-size: 10% auto;background-color:#666;
26    color:#fff;height:120px;border-bottom:solid 20px orange;posit
>ion:absolute;position:fixed; width:1290px; 
27    margin:-148px 0px 0px 0px;
28 
29    }
30 
31 
32    #boxopstion p {
33    color:#6699cc;
34 
35 
36 
37    }
38 
39 
40 
41 
42 
43    #title{
44    margin:146px 0px 0px 30px;
45    width:350px;
46 
47    }
48    #boxsumary{
49    position:fixed;
50    margin:-150px 0px 0px 980px;
51    width:300px;
52    border-radius:4px;
53    border:#ccc solid 1px;
54    background:#fff;
55    text-align:center;
56    float:right;
57    box-shadow:5px 5px 10px #CCC;
58    }
59    #boxopstion
60    {
61 
62    margin:30px 320px 0px 160px;
63    width:800px;
64    height:1600px;
65    margin-bottom:20px;
66    border:#fff solid 1px;
67    background:#fff;
68    text-align:justify;
69    float:center;box-shadow:5px 5px 10px #CCC;;border-radius:4px;
70    color:#ff9933;
71    }
72    /*]]>*/
73    </style>
n76    <div id="head1">n7    <div class="twocolumns">
77      <font size="20px"><b>Firefox OS Dossiê</b></font><br />8      <h3>
78      <img src="" alt="" /><img src="fxicon.png" alt="" />9        <strong><span style="color:#3399ff;">Firefox OS oque é?</
 >span></strong>
10      </h3>
t80    <div id="title">t
81      <h4>
82        <b><font size="6px" color="lightblue"><b>Oque é</b></font
>></b> 
83      </h4>
84      <p>12    <p>
85        <font color="#666"><b>Tem como objeto traduzir parte da d13      &nbsp;
>ocumentação de criação de apps para a Plataforma Firefox OS<br /> 
></b></font> 
86      </p><br />
87      <br />
88      <h4>
89        <font size="6px" color="lightblue"><b>Oque será tratado n
>o projeto ?</b></font> 
90      </h4>
91      <p>
92        <font color="#666"><b>Estaremos conceituando oque é Firef
>ox OS,algumas tecnologias web,API até a publicação do seu 1° weba 
>pp<br /></b></font> 
93      </p>14    </p>
94    </div>
95    <div id="boxsumary">
96      <font color="#0066FF"><b><a href="" style="color:#0066ff;te
>xt-decoration:none;">Oque é</a></b></font><br /> 
97      <font color="#0066FF"><b><a href="" style="color:#0066ff;te
>xt-decoration:none;">Arquitetura</a></b></font><br /> 
98      <font color="#0066FF"><b><a href="#Gonk" style="color:#0066
>ff;text-decoration:none;">Gonk</a></b></font><br /> 
99      <font color="#0066FF"><b><a href="#Gecko" style="color:#006
>6ff;text-decoration:none;">Gecko</a></b></font><br /> 
100      <font color="#0066FF"><b><a href="#Gaia" style="color:#0066
>ff;text-decoration:none;">Gaia</a></b></font><br /> 
101    </div>
102    <div id="boxopstion">
103      <center>
104        <strong><font color="#0096DD" size="20px">Firefox OS oque
> é?</font></strong><br /> 
105      </center>Firefox OS é um sistema operacional livre desenvol
>vido pela Mozilla e baseado no navegador da web Firefox. Além de  
>ter a Mozilla como principal responsável, o Firefox OS conta com  
>apoio de outras empresas como a Telefônica e uma vasta comunidade 
> de voluntários em todo o mundo. Este sistema operacional tem com 
>o alvo dispositivos móveis, em especial, modelos modelos mais sim 
>ples e de baixo custo, já que prioriza o baixo consumo de recurso 
>s, como processamento e memória RAM.<br /> 
106      <center>
107        <strong><font color="#0096DD" size="6px"><b>Arquitetura:<
>/b></font></strong><b><br /></b> 
108      </center><b><br />
109      O Boot to Gecko é um projeto open-source e livre. É possíve
>l obter todas as versões, incluindo anteriores, atual ou em desen 
>volvimento, a partir do repositório da Mozilla no Git Hub. Além d 
>o acesso à implementação, a lista de funcionalidades previstas pa 
>ra implementação está aberta ao público. A arquitetura Boot2Gecko 
> é composta por três módulos: Gonk, Gecko e Gaia.<br /></b> 
110      <hr />
111      <center>
112        <b><a name="Gonk" id="Gonk"><strong><font color="#0096DD"
> size="6px"><b>Gonk:</b></font></strong></a></b> 
113      </center><b>É o "sistema operacional" de baixo nível. Essen
>cialmente é o kernel Linux e a camada de abstração de hardware. O 
> kernel é baseado no kernel da versão open source do Android, o A 
>ndroid Open Source Project (AOSP). O uso de parte do projeto AOSP 
> permite ao Firefox OS usar ferramentas comuns às do desenvolvime 
>nto para Android, como o ADB e o fastboot. Outro benefício é o us 
>o de drivers que dão suporte à ampla variedade de dispositivos An 
>droid disponíveis no mercado.<br /> 
114      <br />
115      <br /></b>
116      <center>
117        <b><a name="Gecko" id="Gecko"><strong><font color="#0096D
>D" size="6px"><b>Gecko:</b></font></strong></a></b> 
118      </center><b>Neste estão implementados os padrões HTML, CSS,
> JavaScript. Essa camada é uma versão do mesmo motor de layout ut 
>ilizado no navedor Firefox. Ela permite que as interfaces e apps  
>funcionem no próprio Firefox OS e em outros sistemas operacionais 
> nos quais o navegador é utilizado.<br /> 
119      <br />
120      <br /></b>
121      <center>
122        <b><a name="Gaia" id="Gaia"><strong><font color="#0096DD"
> size="6px"><b>Gaia:</b></font></strong></a></b> 
123      </center><b>É a camada da interface gráfica do sistema oper
>acional. Nela está implementados tudo que aparece quando o sistem 
>a operacional é carregado. Ou seja, tela de bloqueio, barra de no 
>tificações, discador, gerenciador de mensagens de texto, câmera e 
> demais aplicações A interface é totalmente escrita em padrões ab 
>erto da Web: HTML, CSS e JavaScript.<br /></b> 
124      <center>
125        <b><a name="Gaia" id="Gaia"><strong><font color="#0096DD"
> size="6px"><b>Desenvolvimento de apps</b></font></strong></a></b 
>> 
126      </center><b>O desenvolvimento de aplicativos no Firefox OS 
>é simples e muito semelhante com as extensões do navegador Firefo 
>x. É necessário um arquivo "manifest" (no formato JSON), sendo es 
>te responsável por todas as informações que o aplicativo precisa  
>para poder funcionar: (nome do app, versão, informações do desenv 
>olvedor, APIs utilizados, permissões, etc.). As Apps são basicame 
>nte escritas em HTML, JavaScript e CSS, já que o sistema é basead 
>o em tecnologia web. Qualquer desenvolvedor pode submeter seus ap 
>licativos no Marketplace (loja de aplicativos do Firefox OS), bem 
> como distribuí-los em qualquer outros.<br /></b> 
127      <center>
128        <b><a name="Gaia" id="Gaia"><strong><font color="#0096DD"
> size="6px"><b>Tipos de apps</b></font></strong></a></b> 
129      </center><b>O Firefox OS possui três tipos de Apps:<br />
130      <a name="Host App"><strong><font color="#0096DD"><b>Host Ap
>p:</b></font></strong></a>são “Aplicativos Hospedados”, os tipos  
>mais simples e comum de aplicativo. Como eles podem ser hospedado 
>s em locais variados e não passam pelo processo de análise da Pol 
>ítica de Segurança de Conteúdo da Mozilla, eles não podem consegu 
>ir acesso a recursos mais sensíveis do sistema operacional, dispo 
>nível pelas Web APIs.<br /> 
131      <br /></b>
132    </div>

Back to History