Post on 12-Jun-2015
description
transcript
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/