SlideShare una empresa de Scribd logo
1 de 51
Descargar para leer sin conexión
la web y las
herramientas
    google
hola



• Soy Julian Amaya
• monoku
• google api guru
Objetivo


• Mostrarlespara qué este es el
  momento
             por
                  hacer web
• Mostrarles lashacerlo bien de
  Google para
                 herramientas
Es el momento!
Al alcance de todos
Mercado global
web vs desktop
HTML5
La revolución web
html?
<!DOCTYPE html>
<html>
  <head>
     <title>HTML5</title>
  </head>
  <body>Hola esto es html5!</body>
</html>
Historia breve
html5?


Conjunto de estándares y
tecnologías que permiten la
siguiente evolución de la web como
plataforma.
html5 - semántica
html5 - canvas
• Canvas es una etiqueta o elemento
  en HTML que permite la generación
    de gráficos en forma dinámica por
    medio de programación dentro de
    una página. DEMOS:
•   http://www.blobsallad.se/
•   http://www.cs.helsinki.fi/u/ilmarihe/
    canvas_animation_demo/
    mozcampeu09.html
•   http://html5demos.com/canvas-
html5 -
  geolocalización

• Geolocalización permite conocer la
  ubicación del usuario


• DEMOS:
• http://html5demos.com/geo
html5 - bases de
      datos

• Permiteen el navegadordatos
  locales
           tener bases de

• DEMO:
• http://htmlfive.appspot.com/static/
  stickies.html
html5 - offline

• Offline permite usar los sitios web
  sin necesidad de conexión


• DEMOS:
• http://html5demos.com/offlineapp
html5 - video/
          audio
• manipulación de videos yyaudio sin
  Permite la reproducción
    necesidad de plugins.
•   DEMOS AUDIO:
•   http://cubicvr.org/CubicVR.js/bd3/
    BeatDetektor1HD.html
•   http://weare.buildingsky.net/
    processing/dsp.js/examples/fft.html
html5 - web
         workers
• Los web workers permiten que elun
  navegador ejecute funciones en
    hilo aparte.
•   DEMO:
•   http://html5demos.com/worker
•   http://html5demos.com/non-worker
html5 - qué falta?


• devices!
html5 - websockets
      y otros


• kaazing y websockets
• otros demos!
html5 vs. flash


• html5 Flash. a los objetos externos
  como
        AYUDA

• Sin embargo...
Las herramientas
   de Google
Herramientas?
Google Web
      Elements

• Permite agregar FACILMENTE
  productos de Google a tu sitio.
• http://www.google.com/
  webelements/
Google Friend
       Connect
• Permite FACILMENTE volver “social”
  un sitio.
• http://www.google.com/
  friendconnect/home/gadgets?
    hl=en
•   http://www.ossamples.com/guitar-
    universe/
Google Web
  Toolkit
Google Web
  Toolkit
Google Web
  Toolkit
         IE

        Firefo
              x



           i
      Safar e
           m
      Chro


        Opera
Google Web
  Toolkit
         IE

        Firefo
              x



           i
      Safar e
           m
      Chro


        Opera
Google Web
  Toolkit
         IE

        Firefo
              x



           i
      Safar e
           m
      Chro


        Opera
Google App Engine
Stack complejo
Más aun cuando...
pero... Cuándo?


• http://digg.com/
• http://slashdot.org/
• http://meneame.net
El verdadero
      problema


• Cuandodejar todopuedes darte el
  lujo de
          ocurre....
                     esperando?
Google App Engine
Caracteristicas
• Escala
• Rendimiento
• Estándares
• Rentable
• Integración
• Servicios
• Distribución
Portabilidad
Portabilidad
nube a intranet
Dashboard
Gratis al inicio!!
pero...


• bigtable vs base de datos
  relacional
• limite cpu
Closure Tools
Finalmente...
Por qué web?



• Cloud Computing ya está aqui
• Mercado global
Antes de terminar




• GTUG!
Gracias! Preguntas?



• Soy Julian Amaya.
 • @julian_amaya
 • julian@monoku.com

Más contenido relacionado

La actualidad más candente

Multiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de cssMultiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de cssLeonidas Esteban González
 
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...Oscar Abad Folgueira
 
3. uso de medios 8.30-11
3. uso de medios 8.30-113. uso de medios 8.30-11
3. uso de medios 8.30-11retromark
 
3. uso de medios voz
3. uso de medios voz3. uso de medios voz
3. uso de medios vozretromark
 

La actualidad más candente (7)

Multiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de cssMultiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de css
 
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...
 
Las Herramientas de un Frontend
Las Herramientas de un FrontendLas Herramientas de un Frontend
Las Herramientas de un Frontend
 
3. uso de medios 8.30-11
3. uso de medios 8.30-113. uso de medios 8.30-11
3. uso de medios 8.30-11
 
3. uso de medios voz
3. uso de medios voz3. uso de medios voz
3. uso de medios voz
 
Dn12 u3 a9_gfc
Dn12 u3 a9_gfcDn12 u3 a9_gfc
Dn12 u3 a9_gfc
 
Blogger
BloggerBlogger
Blogger
 

Destacado (6)

Html5
Html5Html5
Html5
 
HTML5 El API de geolocalizacion
HTML5 El API de geolocalizacionHTML5 El API de geolocalizacion
HTML5 El API de geolocalizacion
 
Geolocalización en HTML5
Geolocalización en HTML5Geolocalización en HTML5
Geolocalización en HTML5
 
Ejemplos reales TPW
Ejemplos reales TPWEjemplos reales TPW
Ejemplos reales TPW
 
Presentacion geolocalización
Presentacion geolocalización Presentacion geolocalización
Presentacion geolocalización
 
Mobile marketing business
Mobile marketing businessMobile marketing business
Mobile marketing business
 

Similar a Google y la revolucion Web - Julian Amaya - Dia IT

Similar a Google y la revolucion Web - Julian Amaya - Dia IT (20)

HTML5
HTML5HTML5
HTML5
 
HTML5 y los desafíos del desarrollo web de HOY
HTML5 y los desafíos del desarrollo web de HOYHTML5 y los desafíos del desarrollo web de HOY
HTML5 y los desafíos del desarrollo web de HOY
 
Introduccion html5
Introduccion html5Introduccion html5
Introduccion html5
 
Introducción HTML5 y CSS3
Introducción HTML5 y CSS3Introducción HTML5 y CSS3
Introducción HTML5 y CSS3
 
Aplicaciones o herramientas para integrar a Moodle
Aplicaciones o herramientas para integrar a Moodle Aplicaciones o herramientas para integrar a Moodle
Aplicaciones o herramientas para integrar a Moodle
 
Maria monica
Maria monicaMaria monica
Maria monica
 
En 20 minutos ... Responsive Design
En 20 minutos ... Responsive DesignEn 20 minutos ... Responsive Design
En 20 minutos ... Responsive Design
 
Introducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRIntroducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGR
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Introducción a GitFlow
Introducción a GitFlowIntroducción a GitFlow
Introducción a GitFlow
 
Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5
 
Maria monica web 2,0 [reparado]
Maria monica web 2,0 [reparado]Maria monica web 2,0 [reparado]
Maria monica web 2,0 [reparado]
 
Programas creacionactividades
Programas creacionactividadesProgramas creacionactividades
Programas creacionactividades
 
Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27
Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27
Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27
 
Defensa proyecto fin de carrera
Defensa proyecto fin de carreraDefensa proyecto fin de carrera
Defensa proyecto fin de carrera
 
Charla html5 punt_multimedia_20121129
Charla html5 punt_multimedia_20121129Charla html5 punt_multimedia_20121129
Charla html5 punt_multimedia_20121129
 
Html 5
Html 5Html 5
Html 5
 
Html 5 (2)
Html 5 (2)Html 5 (2)
Html 5 (2)
 
Html 5
Html 5Html 5
Html 5
 

Más de jdmal2001

Nutricion BIONAT - Anticancer
Nutricion BIONAT - AnticancerNutricion BIONAT - Anticancer
Nutricion BIONAT - Anticancerjdmal2001
 
Ibm software social, su valor en la empresa - Germán Valderrama - Dia IT
Ibm software social, su valor en la empresa - Germán Valderrama - Dia ITIbm software social, su valor en la empresa - Germán Valderrama - Dia IT
Ibm software social, su valor en la empresa - Germán Valderrama - Dia ITjdmal2001
 
El poder de la palabra - Mauricio Ortega - Dia IT
El poder de la palabra - Mauricio Ortega - Dia ITEl poder de la palabra - Mauricio Ortega - Dia IT
El poder de la palabra - Mauricio Ortega - Dia ITjdmal2001
 
Dia it icesi2010-daccach
Dia it icesi2010-daccachDia it icesi2010-daccach
Dia it icesi2010-daccachjdmal2001
 
Neuropptidos
NeuropptidosNeuropptidos
Neuropptidosjdmal2001
 
Jugos Curativos
Jugos CurativosJugos Curativos
Jugos Curativosjdmal2001
 
Comer fruta con el estomago vacio por Víctor Javier Chávez
Comer fruta con el estomago vacio por Víctor Javier ChávezComer fruta con el estomago vacio por Víctor Javier Chávez
Comer fruta con el estomago vacio por Víctor Javier Chávezjdmal2001
 

Más de jdmal2001 (7)

Nutricion BIONAT - Anticancer
Nutricion BIONAT - AnticancerNutricion BIONAT - Anticancer
Nutricion BIONAT - Anticancer
 
Ibm software social, su valor en la empresa - Germán Valderrama - Dia IT
Ibm software social, su valor en la empresa - Germán Valderrama - Dia ITIbm software social, su valor en la empresa - Germán Valderrama - Dia IT
Ibm software social, su valor en la empresa - Germán Valderrama - Dia IT
 
El poder de la palabra - Mauricio Ortega - Dia IT
El poder de la palabra - Mauricio Ortega - Dia ITEl poder de la palabra - Mauricio Ortega - Dia IT
El poder de la palabra - Mauricio Ortega - Dia IT
 
Dia it icesi2010-daccach
Dia it icesi2010-daccachDia it icesi2010-daccach
Dia it icesi2010-daccach
 
Neuropptidos
NeuropptidosNeuropptidos
Neuropptidos
 
Jugos Curativos
Jugos CurativosJugos Curativos
Jugos Curativos
 
Comer fruta con el estomago vacio por Víctor Javier Chávez
Comer fruta con el estomago vacio por Víctor Javier ChávezComer fruta con el estomago vacio por Víctor Javier Chávez
Comer fruta con el estomago vacio por Víctor Javier Chávez
 

Último

El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxMariaBurgos55
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxJOSEMANUELHERNANDEZH11
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..RobertoGumucio2
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 

Último (20)

El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptx
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptx
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 

Google y la revolucion Web - Julian Amaya - Dia IT