Lilian P. Carbajal Ida - 10410592
Luis M. Silva Ramírez - 10410507

14/02/2014

1
AGENDA:
Geolocalización.
Aplicaciones Web offline.
Almacenamiento Web.
Canvas.
Web Workers.
Web Sockets.
Web SQL.
Conclusi...
3
http://www.vistarural.com/mapagl.php?lang=es

4
http://www.hardrock.com/locations.aspx

5
http://www.nakshart.com/

6
7
8
Gmail Calendar

9
http://tinyurl.com/kel5jr2
https://developer.mozilla.org/media/uploads/demos/p/a/paulrouget/8bfba7f0b6c62d87
7a2b82dd5e109...
11
12
http://jonathanmelgoza.com/lab/almacenamiento-web-con-html5/

13
http://jayweeks.com/sketchy-structures-html5-canvas/

14
15
16
http://www.craftymind.com/factory/html5video/CanvasVideo.html

17
http://thecodeplayer.com/walkthrough/html5-canvas-experiment-a-cool-flame-fire-effectusing-particles

18
19
20
http://js-fireworks.appspot.com/

21
22
http://raymondhill.net/puzzle-rhill/jigsawpuzzle-rhill.php

http://tinyurl.com/c6plmwk

23
MAS EJEMPLOS DE CANVAS:
http://www.nosolocss.com/blog/html5/12-ejemplos-para-inspirarse-en-eluso-de-html5-canvas

24
25
http://nerget.com/rayjs-mt/rayjs.html

26
http://tinyurl.com/lyd3y23

27
28
http://labs.dinahmoe.com/plink/

29
30
http://www.mrdoob.com/projects/multiuserpad/

31
Video de ejemplo:
http://www.youtube.com/watch?v=s-rbxT8fjIQ#t=49

32
33
http://www.webkit.org/demos/calendar/Calendar.html

34
35
http://www.webkit.org/demos/sticky-notes/

36
CONCLUSIONES
Con esta actividad se aprendieron nuevas maneras de emplear APIs en las paginas web
de formas muy creativas y...
ACTIVIDAD:

*Escoger 3 APIs diferentes y buscar un ejemplo de cada una aplicada a una pagina de
internet.
*La pagina debe ...
BIBLIOGRAFIA
TODOS LOS ENLACES CONTENIDOS EN LAS DIAPOSITIVAS A LO LARGO DE LA
PRESENTACION.

(WEB SQL) http://www.webkit....
Upcoming SlideShare
Loading in …5
×

Ejemplos de APIs en HTML5

976 views

Published on

exposicion de ejemplos de los diferentes tipos de APIs en HTML5

Published in: Self Improvement
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
976
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ejemplos de APIs en HTML5

  1. 1. Lilian P. Carbajal Ida - 10410592 Luis M. Silva Ramírez - 10410507 14/02/2014 1
  2. 2. AGENDA: Geolocalización. Aplicaciones Web offline. Almacenamiento Web. Canvas. Web Workers. Web Sockets. Web SQL. Conclusiones. Actividad. Bibliografía. 2
  3. 3. 3
  4. 4. http://www.vistarural.com/mapagl.php?lang=es 4
  5. 5. http://www.hardrock.com/locations.aspx 5
  6. 6. http://www.nakshart.com/ 6
  7. 7. 7
  8. 8. 8
  9. 9. Gmail Calendar 9
  10. 10. http://tinyurl.com/kel5jr2 https://developer.mozilla.org/media/uploads/demos/p/a/paulrouget/8bfba7f0b6c62d87 7a2b82dd5e10931e/hacksmozillaorg-achi_1334270447_demo_package/todo/ 10
  11. 11. 11
  12. 12. 12
  13. 13. http://jonathanmelgoza.com/lab/almacenamiento-web-con-html5/ 13
  14. 14. http://jayweeks.com/sketchy-structures-html5-canvas/ 14
  15. 15. 15
  16. 16. 16
  17. 17. http://www.craftymind.com/factory/html5video/CanvasVideo.html 17
  18. 18. http://thecodeplayer.com/walkthrough/html5-canvas-experiment-a-cool-flame-fire-effectusing-particles 18
  19. 19. 19
  20. 20. 20
  21. 21. http://js-fireworks.appspot.com/ 21
  22. 22. 22
  23. 23. http://raymondhill.net/puzzle-rhill/jigsawpuzzle-rhill.php http://tinyurl.com/c6plmwk 23
  24. 24. MAS EJEMPLOS DE CANVAS: http://www.nosolocss.com/blog/html5/12-ejemplos-para-inspirarse-en-eluso-de-html5-canvas 24
  25. 25. 25
  26. 26. http://nerget.com/rayjs-mt/rayjs.html 26
  27. 27. http://tinyurl.com/lyd3y23 27
  28. 28. 28
  29. 29. http://labs.dinahmoe.com/plink/ 29
  30. 30. 30
  31. 31. http://www.mrdoob.com/projects/multiuserpad/ 31
  32. 32. Video de ejemplo: http://www.youtube.com/watch?v=s-rbxT8fjIQ#t=49 32
  33. 33. 33
  34. 34. http://www.webkit.org/demos/calendar/Calendar.html 34
  35. 35. 35
  36. 36. http://www.webkit.org/demos/sticky-notes/ 36
  37. 37. CONCLUSIONES Con esta actividad se aprendieron nuevas maneras de emplear APIs en las paginas web de formas muy creativas y originales que quizás no nos hubiéramos imaginado. No hubo ningún contratiempo que afectara en la entrega del trabajo. DIFICULTAD DE LA ACTIVIDAD: +Encontrar las APIs. +Algunas APIs no era tan sencillo el comprobar su uso en la pagina web. DURACION: 12 horas. 37
  38. 38. ACTIVIDAD: *Escoger 3 APIs diferentes y buscar un ejemplo de cada una aplicada a una pagina de internet. *La pagina debe de ser diferente a todas las antes vistas en esta exposición ó en exposiciones anteriores. *Comprobar el uso de la API en la pagina ya sea mostrando claramente alguna de las características principales de dicha API (diapositiva 7) o mostrando en el código fuente de la pagina el fragmento de código donde se utilice dicha API (diapositivas 19,20,22,35,36). *En equipo de dos integrantes. *En formato de PDF. OBJETIVO: Buscar mas ejemplos de aplicación de APIs en paginas web con el fin de descubrir nuevas e ingeniosas maneras de utilizar las APIs. 38
  39. 39. BIBLIOGRAFIA TODOS LOS ENLACES CONTENIDOS EN LAS DIAPOSITIVAS A LO LARGO DE LA PRESENTACION. (WEB SQL) http://www.webkit.org/demos/ 39

×