Este documento presenta una agenda sobre diferentes APIs del HTML5 como la geolocalización, aplicaciones web offline, almacenamiento web, canvas, web workers, web sockets y web SQL. Incluye enlaces a ejemplos de uso de estas APIs y una actividad propuesta para encontrar 3 ejemplos adicionales de aplicación de APIs en páginas web.

1. Lilian P. Carbajal Ida - 10410592
Luis M. Silva Ramírez - 10410507
14/02/2014
1

2. AGENDA:
Geolocalización.
Aplicaciones Web offline.
Almacenamiento Web.
Canvas.
Web Workers.
Web Sockets.
Web SQL.
Conclusiones.
Actividad.
Bibliografía.
2

3. 3

4. http://www.vistarural.com/mapagl.php?lang=es
4

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

6. http://www.nakshart.com/
6

7. 7

8. 8

9. Gmail Calendar
9

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

12. 12

13. http://jonathanmelgoza.com/lab/almacenamiento-web-con-html5/
13

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

15. 15

16. 16

17. http://www.craftymind.com/factory/html5video/CanvasVideo.html
17

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

19. 19

20. 20

21. http://js-fireworks.appspot.com/
21

22. 22

23. http://raymondhill.net/puzzle-rhill/jigsawpuzzle-rhill.php
http://tinyurl.com/c6plmwk
23

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

25. 25

26. http://nerget.com/rayjs-mt/rayjs.html
26

27. http://tinyurl.com/lyd3y23
27

28. 28

29. http://labs.dinahmoe.com/plink/
29

30. 30

31. http://www.mrdoob.com/projects/multiuserpad/
31

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

33. 33

34. http://www.webkit.org/demos/calendar/Calendar.html
34

35. 35

36. http://www.webkit.org/demos/sticky-notes/
36

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. 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. BIBLIOGRAFIA
TODOS LOS ENLACES CONTENIDOS EN LAS DIAPOSITIVAS A LO LARGO DE LA
PRESENTACION.
(WEB SQL) http://www.webkit.org/demos/
39