Ejemplos de APIs aplicados a paginas webLilian P. Carbajal Ida - 10410592Luis M. Silva Ramírez - 10410507

14/02/2014 1

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

2

Geolocalización

3

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

4

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

5

http://www.nakshart.com/

6

7

Aplicaciones Web offline

8

Gmail Calendar

9

http://tinyurl.com/kel5jr2

10

https://developer.mozilla.org/media/uploads/demos/p/a/paulrouget/8bfba7f0b6c62d877a2b82dd5e10931e/hacksmozillaorg-achi_1334270447_demo_package/todo/

11

Almacenamiento Web

12

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

13

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

14

15

Canvas

16

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

17

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

18

19

20

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

21

22

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

23

http://tinyurl.com/c6plmwk

http://www.nosolocss.com/blog/html5/12-ejemplos-para-inspirarse-en-el-uso-de-html5-canvas

MAS EJEMPLOS DE CANVAS:

24

Web Workers

25

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

26

http://tinyurl.com/lyd3y23

27

WEB SOCKETS

28

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

29

30

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

31

Video de ejemplo:

32

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

Web SQL

33

34

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

35

36

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

CONCLUSIONES

DURACION: 12 horas.

DIFICULTAD DE LA ACTIVIDAD: +Encontrar las APIs. +Algunas APIs no era tan sencillo el comprobar su uso en la pagina web.

37

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.

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.

38

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.

BIBLIOGRAFIA

TODOS LOS ENLACES CONTENIDOS EN LAS DIAPOSITIVAS A LO LARGO DE LA PRESENTACION.

39

(WEB SQL) http://www.webkit.org/demos/