[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.67,0:00:04.90,Default,,0000,0000,0000,,Hola! Em dic Lloyd Hilaiel i estic treballant amb Marcio Galli a Mozilla Labs.
Dialogue: 0,0:00:04.90,0:00:09.71,Default,,0000,0000,0000,,En aquest curt vídeo que hem compilat farem una ullada al projecte Chromeless.
Dialogue: 0,0:00:09.71,0:00:13.55,Default,,0000,0000,0000,,Chromeless és un experiment que apunta a facilitar el jugar
Dialogue: 0,0:00:13.55,0:00:16.92,Default,,0000,0000,0000,,amb noves idees al voltant de la interfície d'usuari en la web.
Dialogue: 0,0:00:16.92,0:00:19.12,Default,,0000,0000,0000,,intenta incluir a més gent en la conversa
Dialogue: 0,0:00:19.12,0:00:21.62,Default,,0000,0000,0000,,sobre com hauria de ser un programa de navegació web.
Dialogue: 0,0:00:21.62,0:00:23.95,Default,,0000,0000,0000,,I de com hauria de funcionar
Dialogue: 0,0:00:23.95,0:00:26.83,Default,,0000,0000,0000,,Tècnicament, Chromeless no és realment res de nou.
Dialogue: 0,0:00:26.83,0:00:30.13,Default,,0000,0000,0000,,El que hem fet és agafar XULrunner, el temps d'ejecució de aplicació sobre
Dialogue: 0,0:00:30.13,0:00:31.93,Default,,0000,0000,0000,,els quals Firefox i Thunderbird estàn construïts
Dialogue: 0,0:00:31.93,0:00:34.74,Default,,0000,0000,0000,,i posar una prima capa d'abstracció per sobre.
Dialogue: 0,0:00:34.74,0:00:37.80,Default,,0000,0000,0000,,La capa fa possible construir ràpidament un explorador web
Dialogue: 0,0:00:37.80,0:00:42.51,Default,,0000,0000,0000,,fent servir tecnologies web com html, javascript i css.
Dialogue: 0,0:00:42.51,0:00:45.41,Default,,0000,0000,0000,,Ara en Chromeless un senzill document html
Dialogue: 0,0:00:45.41,0:00:48.59,Default,,0000,0000,0000,,defineix la interfície d'usuari de l'explorador mateix.
Dialogue: 0,0:00:48.59,0:00:50.52,Default,,0000,0000,0000,,Per fer més fàcil la comunicació hem estat anomenant
Dialogue: 0,0:00:50.52,0:00:54.15,Default,,0000,0000,0000,,el document html inicial "codi d'explorador".
Dialogue: 0,0:00:54.15,0:00:57.46,Default,,0000,0000,0000,,Ara tal com altre contingut web normal pot integrar llocs i quadres flotants,
Dialogue: 0,0:00:57.46,0:00:59.96,Default,,0000,0000,0000,,Aquest explorador també ho pot integrar
Dialogue: 0,0:00:59.96,0:01:02.70,Default,,0000,0000,0000,,però té majors privilegis per a afectar i monitorejar
Dialogue: 0,0:01:02.70,0:01:05.15,Default,,0000,0000,0000,,contingut dins aquest marc.
Dialogue: 0,0:01:05.15,0:01:08.04,Default,,0000,0000,0000,,Aquest tema d'agafar conceptos web ja existents
Dialogue: 0,0:01:08.04,0:01:10.24,Default,,0000,0000,0000,,i augmentar-los una mica
Dialogue: 0,0:01:10.24,0:01:13.11,Default,,0000,0000,0000,,és la idea bàsica de Chromeless.
Dialogue: 0,0:01:13.11,0:01:17.61,Default,,0000,0000,0000,,Ara, fem un recorregut per algunes de las cosas que pot fer.
Dialogue: 0,0:01:17.61,0:01:20.08,Default,,0000,0000,0000,,El que estàs mirant ara és un explorador web\N\Nmolt simple,
Dialogue: 0,0:01:20.08,0:01:21.82,Default,,0000,0000,0000,,però funcional
Dialogue: 0,0:01:21.82,0:01:24.58,Default,,0000,0000,0000,,Aquí pots veure html bàsic que genera un quadre
Dialogue: 0,0:01:24.58,0:01:27.79,Default,,0000,0000,0000,,de text on pots introduir una url i un marc
Dialogue: 0,0:01:27.79,0:01:30.16,Default,,0000,0000,0000,,on anar al contingut web.
Dialogue: 0,0:01:30.16,0:01:32.40,Default,,0000,0000,0000,,Amb Chromeless és en realitat tot el codi que necessites
Dialogue: 0,0:01:32.40,0:01:34.33,Default,,0000,0000,0000,,per construir un explorador.
Dialogue: 0,0:01:34.33,0:01:35.60,Default,,0000,0000,0000,,Portem-lo una mica mes lluny.
Dialogue: 0,0:01:35.60,0:01:38.40,Default,,0000,0000,0000,,I si volem deixar a l'usuari activar el mode a pantalla completa?
Dialogue: 0,0:01:38.40,0:01:40.63,Default,,0000,0000,0000,,Expandir-se a pantalla completa és, òbviament, quelcom
Dialogue: 0,0:01:40.63,0:01:42.90,Default,,0000,0000,0000,,que una pàgina web normal no pot fer.
Dialogue: 0,0:01:42.90,0:01:45.25,Default,,0000,0000,0000,,Així que hem de obrir una nova API.
Dialogue: 0,0:01:45.25,0:01:47.73,Default,,0000,0000,0000,,Dintre de Chromeless, el mode d'accedir a noves API's,
Dialogue: 0,0:01:47.73,0:01:50.63,Default,,0000,0000,0000,,es fa mitjançant la funció "global require".
Dialogue: 0,0:01:50.63,0:01:54.01,Default,,0000,0000,0000,,En aquest cas farem servir la "biblioteca misc".
Dialogue: 0,0:01:54.01,0:01:55.93,Default,,0000,0000,0000,,El nom "misc" és només un contenidor
Dialogue: 0,0:01:55.93,0:01:58.58,Default,,0000,0000,0000,,però exposa una funció de pantalla completa que podem usar
Dialogue: 0,0:01:58.58,0:02:01.22,Default,,0000,0000,0000,,per canviar el mode de l'explorador.
Dialogue: 0,0:02:01.22,0:02:03.64,Default,,0000,0000,0000,,Invocarà la funció dintre d'un manejador
Dialogue: 0,0:02:03.64,0:02:05.34,Default,,0000,0000,0000,,de click de botó.
Dialogue: 0,0:02:05.34,0:02:07.90,Default,,0000,0000,0000,,Amb 4 línies més de codi el nostre explorador ara te
Dialogue: 0,0:02:07.90,0:02:10.93,Default,,0000,0000,0000,,un mode de pantalla completa funcional.
Dialogue: 0,0:02:10.93,0:02:12.97,Default,,0000,0000,0000,,Així que a continuació intentarem alguna cosa una mica més lúdica
Dialogue: 0,0:02:12.97,0:02:14.60,Default,,0000,0000,0000,,combinant un parell de noves ideas.
Dialogue: 0,0:02:14.60,0:02:16.96,Default,,0000,0000,0000,,Primer, com mencionarem abans, el codi
Dialogue: 0,0:02:16.96,0:02:21.24,Default,,0000,0000,0000,,té majors privilegis per a monitorejar el contingut web ejecutant-se en marcs.
Dialogue: 0,0:02:21.24,0:02:24.88,Default,,0000,0000,0000,,Un exemple és el esdeveniment experimental "dom load"
Dialogue: 0,0:02:24.88,0:02:28.68,Default,,0000,0000,0000,,que s'activa quan es carrega nou contingut en un marc.
Dialogue: 0,0:02:28.68,0:02:31.42,Default,,0000,0000,0000,,L'altra ferramenta que usarem serà la biblioteca "dom shot"
Dialogue: 0,0:02:31.42,0:02:34.79,Default,,0000,0000,0000,,la qual pot obtenir instantànies gràfiques d'un node "dom" específic.
Dialogue: 0,0:02:34.79,0:02:37.39,Default,,0000,0000,0000,,El valor afegit per la funció és una url que
Dialogue: 0,0:02:37.39,0:02:40.23,Default,,0000,0000,0000,,contenint dades d'imatge png integrades.
Dialogue: 0,0:02:40.23,0:02:42.63,Default,,0000,0000,0000,,Ara Marcio combina les dues característiques i una mica de
Dialogue: 0,0:02:42.63,0:02:44.62,Default,,0000,0000,0000,,jquery per construir aquest explorador de demostració.
Dialogue: 0,0:02:44.62,0:02:48.07,Default,,0000,0000,0000,,Et deixa veure miniatures de pestanyes obertes,
Dialogue: 0,0:02:48.07,0:02:50.94,Default,,0000,0000,0000,,amb un efecte d'ull de peix.
Dialogue: 0,0:02:50.94,0:02:53.71,Default,,0000,0000,0000,,Esperem que això et permetrà comprendre molt bé
Dialogue: 0,0:02:53.71,0:02:55.31,Default,,0000,0000,0000,,en què consisteix Chromeless.
Dialogue: 0,0:02:55.31,0:02:56.84,Default,,0000,0000,0000,,Per saber més et recomanem
Dialogue: 0,0:02:56.84,0:03:00.08,Default,,0000,0000,0000,,obtenir el codi des de github i començar amb el tutorial inclòs.
Dialogue: 0,0:03:00.08,0:03:03.15,Default,,0000,0000,0000,,Mentre que algunes de les API's que hem mostrat aquí podrien haver canviat,
Dialogue: 0,0:03:03.15,0:03:06.95,Default,,0000,0000,0000,,les idees bàsiques darrere Chromeless segur que no ho han fet.
Dialogue: 0,0:03:06.95,0:03:08.99,Default,,0000,0000,0000,,Si tens idees sobre Chromeless, o t'agradaria
Dialogue: 0,0:03:08.99,0:03:11.79,Default,,0000,0000,0000,,contribuir, pots unir-te a la batalla en els llocs usuals,
Dialogue: 0,0:03:11.79,0:03:13.93,Default,,0000,0000,0000,,via IRC i a la nostra llista de distribució.
Dialogue: 0,0:03:13.93,9:59:59.99,Default,,0000,0000,0000,,Gràcies per l'atenció.