MANUAL DE USUARIO

ARQUITECTURAS DE SOFTWARE

INTEGRANTES: LORENA LLUMIQUINGA ANDRES NECPAS GABRIEL NOLIVOS VERONICA PEREZ FECHA: 5 De Mayo del 2011

ESPE

MANUAL DE USUARIO ARQUITECTURAS DE SOFTWARE

API DE FLICKR FLICKR
Es un sitio web que permite almacenar, ordenar, buscar, vender y compartir fotografas y videos en lnea. Es por ello que nos ser de gran ayuda para el desarrollo de nuestro proyecto OBJETIVO Desarrollar una prctica la cual nos permita consumir el api de Flickr para ello se desarrolla dos aplicaciones, un Restful en la cual se consumir el api de Flickr y otra en la cual se implementara la interfaz con IceFaces . DESARROLLO DE LA PRCTICA Para el desarrollo de la prctica es necesario Crear una cuanta en flickr

CREANDO LA CUENTA EN FLICKR Iniciamos nuestra sesin slo te lleva un momento con tu ID de Yahoo!, Google o Facebook.

MANUAL DE USUARIO | [Seleccionar fecha]

Abrimos la url: http://www.flickr.com/services/developer en la cual esta la guia para desarrolladores de Flickr

Click en api y Solicita una clave de API para ejecutar tus requisitos de API. Es recomendable: Leer las Normas de la comunidad y las Condiciones de uso de la API.

Ingresamos a App Garden, todas las aplicaciones del App Garden fueron creadas por miembros de Flickr. Solicitamos una Clave Api
MANUAL DE USUARIO | [Seleccionar fecha]

Se debe tomar en cuenta si nuestra aplicacin es comercial o no. Como es una aplicacin de fines no comerciales escogemos solicitar una clave no comercial.

A continuacin escribimos infrmanos sobre nuestra aplicacin

MANUAL DE USUARIO | [Seleccionar fecha]

A continuacin Flickr nos proporciona dos claves: el secreto y la clave de API para tu nueva aplicacin y Para verificar que la configuracin es correcta entramos a Ver todas las aplicaciones de tu autora

Escogemos la opcin App Garden

MANUAL DE USUARIO | [Seleccionar fecha]

A continuacin escogemos API de Flickr

MANUAL DE USUARIO | [Seleccionar fecha]

A continuacin escogemos flickr.photos.getContext para realizar una prueba

Aqu un ejemplo de respuesta Este mtodo devuelve el .XML estndar de la lista de fotos:

Escojemos el Id de nuestra imagen y llamamos al mtodo esto nos devuelve una url que es nuestra imagen.
MANUAL DE USUARIO | [Seleccionar fecha]

Ejecutamos la imagen en un browser para verificar

MANUAL DE USUARIO | [Seleccionar fecha]

CREANDO RESTFUL Creamos un nuevo proyecto Web

Creamos un nuevo Restful a partir de Patrones

MANUAL DE USUARIO | [Seleccionar fecha]

El tipo de patrn ser SINGLETON

Agregamos nuestras libreras que nos descargamos anteriormente en FLICKR

MANUAL DE USUARIO | [Seleccionar fecha]

Importamos todas las libreras que van hacer necesarias

Pasamos Parmetros

DISEANDO LA INTERFAZ La interfaz se la implementara en NETBEANS 6.5 . Click en archivos => nuevo proyecto
MANUAL DE USUARIO | [Seleccionar fecha]

10

Seleccionar la opcion JAVA WEB =>web application

Asignar nombre a el proyecto

MANUAL DE USUARIO | [Seleccionar fecha]

Selecionar

la opcin ICEfaces y Visual Web ICEfaces a continuacion click en ternimar

11

A continuacin desplegara el formulario .

Colocamos en el diseo del formulario los elementos que va a tener la interfaz.

12

MANUAL DE USUARIO | [Seleccionar fecha]

A continuacin click en propiedades de los elementos que contiene el formulario , el cual desplegara las propiedades la cuales las procedemos a poner el nombre , cambiar de color entre otros

MANUAL DE USUARIO | [Seleccionar fecha]

La interfaz de nuestro buscador de fotos al final tendr el siguiente diseo

13

Guardamos los cambios realizados para ello click en el icono del diskette

Como siguiente paso click en la opcin run, la cual nos deplegara le interfaz en el browser

14

MANUAL DE USUARIO | [Seleccionar fecha]

Agregando flickr Click sobre el boton BUSCAR el cual desplegar lo siguiente

MANUAL DE USUARIO | [Seleccionar fecha]

A continuacin click en la opcin Web Services =>Flickr

15

Seleccionar y arrastar

el mtodo get hacia el formulario

A continuacin se proceder a implementar el cdigo.

16

MANUAL DE USUARIO | [Seleccionar fecha]

MANUAL DE USUARIO | [Seleccionar fecha]

17