SlideShare una empresa de Scribd logo
1 de 6
Descargar para leer sin conexión
UNIVERSIDAD DE LA FRONTERA

     DEPARTEMENTO DE EDUCACIÓN MUNICIPAL DE TEMUCO




“DESARROLLO DE INTERFACES DE USUARIO WEB EN ADOBE FLEX 4.5”

      ETAPA 3: CONEXIÓN CON SERVICIO WEB DE INTERNET.




          ROSSANA ALEJANDRA CONTRERAS HIDALGO.

                                  2012




               Centro de Estudios de Ingeniería en Software
             Rossana Contreras, rossana.contreras@ceisufro.cl
RESUMEN

El presente documento corresponde a un instructivo técnico que busca proporcionar al
alumno la información paso a paso para la conexión con un servicio Web publicado en
la Web (Internet) para el uso de cualquier persona. Todo esto en el marco de los cursos
de verano impartidos por parte de la Universidad de la Frontera en conjunto con el
proyecto Explora para el Departamento de Educación Municipal de Temuco.
1. Conexión de Proyecto con Servicio Web.



http://www.webservicex.net/ws/CATs.aspx?CATID=12&DESC=Utilities

Esta dirección Web proporciona varios servicios web que hacen diferentes operaciones,
para este ejemplo se ha seleccionado el ejemplo “Global Weather” que nos entrega las
condiciones meteorológicas de las principales ciudades de todo el mundo.

El primer paso a llevar a cabo es conectar su proyecto con este servicio Web liberado en
Internet, para esto diríjase a la siguiente ruta.

http://www.webservicex.net/ws/WSDetails.aspx?WSID=56&CATID=12

Y copie la dirección que aparece bajo el título “WSDL Schema Location” que
corresponde a:

http://www.webservicex.net/globalweather.asmx?WSDL

Y vaya a su proyecto que ha ido desarrollando en las etapas anteriores en “Adobe Flash
Builder” y vaya a DataConnect to Web Service




                                                                                      3
Pegue la dirección copiada anteriormente en el espacio “WSDL URI” y pulse “Next”.




Seleccione las opciones que muestra la siguiente imagen y pulse “Finish”.




                                                                                    4
2. Creación de Estructura de la Interfaz.


El servicio Web necesita que le enviemos una ciudad y un país para buscar las
condiciones meteorológicas, para acotar el ejemplo ese país será siempre Chile y las
ciudades serán Santiago, Temuco, Osorno y Antofagasta.

Cree una nueva pestaña a su componente “Accordion”, como ya lo ha hecho antes, y
dele por título “Condiciones Meteorológicas de Ciudades de Chile”.

Busque un “ComboBox” en la barra de componentes, como ya lo ha hecho antes, y
arrástrelo a su espacio de trabajo, y vaya al código de éste.




                                                                                  5
Debe configurar las ciudades que se mostraran en esta lista que las mencionamos en un
inicio, configure su código de la siguiente forma.




Agregue un “Label” o etiqueta y cambie su texto por “CIUDAD” y póngala a un
costado izquierdo del combobox.




                                                                                   6

Más contenido relacionado

Destacado

5. taller tutorial-guiabasica 2014
5.  taller tutorial-guiabasica 20145.  taller tutorial-guiabasica 2014
5. taller tutorial-guiabasica 2014Victor Aravena
 
Introdución Typo3 6.2
Introdución Typo3 6.2Introdución Typo3 6.2
Introdución Typo3 6.2Victor Aravena
 
Planificación curso periodístico en typo3.
Planificación curso periodístico en typo3.Planificación curso periodístico en typo3.
Planificación curso periodístico en typo3.Victor Aravena
 
1. tutorial unity3d introducción
1.  tutorial unity3d introducción1.  tutorial unity3d introducción
1. tutorial unity3d introducciónVictor Aravena
 
Instructivo dia 3_curso_flex
Instructivo dia 3_curso_flexInstructivo dia 3_curso_flex
Instructivo dia 3_curso_flexVictor Aravena
 
1. instalaciondeconstruct2 2014
1.  instalaciondeconstruct2 20141.  instalaciondeconstruct2 2014
1. instalaciondeconstruct2 2014Victor Aravena
 
3. tutorialguiabasico 2014
3.  tutorialguiabasico 20143.  tutorialguiabasico 2014
3. tutorialguiabasico 2014Victor Aravena
 
Instructivo dia 1_curso_flex
Instructivo dia 1_curso_flexInstructivo dia 1_curso_flex
Instructivo dia 1_curso_flexVictor Aravena
 
Instructivo dia 2_curso_flex
Instructivo dia 2_curso_flexInstructivo dia 2_curso_flex
Instructivo dia 2_curso_flexVictor Aravena
 
1. tutorial unity3d introducción
1.  tutorial unity3d introducción1.  tutorial unity3d introducción
1. tutorial unity3d introducciónVictor Aravena
 
Manual desarrollo extensiones typo3
Manual desarrollo extensiones typo3Manual desarrollo extensiones typo3
Manual desarrollo extensiones typo3Victor Aravena
 
Formulario de implementación de componentes de software transaccional de amb...
Formulario de implementación de  componentes de software transaccional de amb...Formulario de implementación de  componentes de software transaccional de amb...
Formulario de implementación de componentes de software transaccional de amb...Victor Aravena
 
Personajes y comerciantes del mercado municipal
Personajes y comerciantes del mercado municipalPersonajes y comerciantes del mercado municipal
Personajes y comerciantes del mercado municipalVictor Aravena
 

Destacado (14)

5. taller tutorial-guiabasica 2014
5.  taller tutorial-guiabasica 20145.  taller tutorial-guiabasica 2014
5. taller tutorial-guiabasica 2014
 
Introdución Typo3 6.2
Introdución Typo3 6.2Introdución Typo3 6.2
Introdución Typo3 6.2
 
Planificación curso periodístico en typo3.
Planificación curso periodístico en typo3.Planificación curso periodístico en typo3.
Planificación curso periodístico en typo3.
 
1. tutorial unity3d introducción
1.  tutorial unity3d introducción1.  tutorial unity3d introducción
1. tutorial unity3d introducción
 
Instructivo dia 3_curso_flex
Instructivo dia 3_curso_flexInstructivo dia 3_curso_flex
Instructivo dia 3_curso_flex
 
1. instalaciondeconstruct2 2014
1.  instalaciondeconstruct2 20141.  instalaciondeconstruct2 2014
1. instalaciondeconstruct2 2014
 
3. tutorialguiabasico 2014
3.  tutorialguiabasico 20143.  tutorialguiabasico 2014
3. tutorialguiabasico 2014
 
Instructivo dia 1_curso_flex
Instructivo dia 1_curso_flexInstructivo dia 1_curso_flex
Instructivo dia 1_curso_flex
 
Instructivo dia 2_curso_flex
Instructivo dia 2_curso_flexInstructivo dia 2_curso_flex
Instructivo dia 2_curso_flex
 
1. tutorial unity3d introducción
1.  tutorial unity3d introducción1.  tutorial unity3d introducción
1. tutorial unity3d introducción
 
Manual desarrollo extensiones typo3
Manual desarrollo extensiones typo3Manual desarrollo extensiones typo3
Manual desarrollo extensiones typo3
 
Formulario de implementación de componentes de software transaccional de amb...
Formulario de implementación de  componentes de software transaccional de amb...Formulario de implementación de  componentes de software transaccional de amb...
Formulario de implementación de componentes de software transaccional de amb...
 
Personajes y comerciantes del mercado municipal
Personajes y comerciantes del mercado municipalPersonajes y comerciantes del mercado municipal
Personajes y comerciantes del mercado municipal
 
Manual Typo3
Manual  Typo3Manual  Typo3
Manual Typo3
 

Similar a Instructivo dia 4_curso_flex

CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
CONEXION A BASE DE DATOS - VISUAL BASIC 6.0 CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
CONEXION A BASE DE DATOS - VISUAL BASIC 6.0 Ambar Larrazabal
 
Aplicacion movil con_bd
Aplicacion movil con_bdAplicacion movil con_bd
Aplicacion movil con_bdAnnie Mrtx
 
Aplicacion movil con_bd
Aplicacion movil con_bdAplicacion movil con_bd
Aplicacion movil con_bdAnnie Mrtx
 
Diseño de sistemas
Diseño de sistemasDiseño de sistemas
Diseño de sistemasunefa
 
Diseño de sistemas
Diseño de sistemasDiseño de sistemas
Diseño de sistemasunefa
 
Trabajo final punto a punto Pinos- El Obraje
Trabajo final punto a punto Pinos- El ObrajeTrabajo final punto a punto Pinos- El Obraje
Trabajo final punto a punto Pinos- El ObrajeLupithaa Guerrero
 
Manual de programa para celular
Manual de programa para celularManual de programa para celular
Manual de programa para celularRuben Adan Gomez
 
Taller informatica
Taller informaticaTaller informatica
Taller informaticaRemington
 
Informe de enlace de Visual Basic a bases de datos por Elysaul Yoris
Informe de enlace de Visual Basic a bases de datos por Elysaul YorisInforme de enlace de Visual Basic a bases de datos por Elysaul Yoris
Informe de enlace de Visual Basic a bases de datos por Elysaul Yoriskleidynelliz
 
Punto a punto Pinos- El Obraje
Punto a punto Pinos- El ObrajePunto a punto Pinos- El Obraje
Punto a punto Pinos- El ObrajeLupithaa Guerrero
 
la web
la webla web
la webAlexis
 
Visual basic conexion base de datos
Visual basic conexion base de datos Visual basic conexion base de datos
Visual basic conexion base de datos luilly xavier
 
Base de datos desde visual basic 6.0
Base de datos desde visual basic 6.0Base de datos desde visual basic 6.0
Base de datos desde visual basic 6.0daiacos
 
Taller1 generación codigopersistencia
Taller1 generación codigopersistenciaTaller1 generación codigopersistencia
Taller1 generación codigopersistenciaVictor Aravena
 
Actualizando bases de datos
Actualizando bases de datosActualizando bases de datos
Actualizando bases de datosLuisSanchez1235
 
Taller informatica
Taller informaticaTaller informatica
Taller informaticadulopez
 

Similar a Instructivo dia 4_curso_flex (20)

CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
CONEXION A BASE DE DATOS - VISUAL BASIC 6.0 CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
 
Aplicacion movil con_bd
Aplicacion movil con_bdAplicacion movil con_bd
Aplicacion movil con_bd
 
Aplicacion movil con_bd
Aplicacion movil con_bdAplicacion movil con_bd
Aplicacion movil con_bd
 
Diseño de sistemas
Diseño de sistemasDiseño de sistemas
Diseño de sistemas
 
Diseño de sistemas
Diseño de sistemasDiseño de sistemas
Diseño de sistemas
 
Trabajo final punto a punto Pinos- El Obraje
Trabajo final punto a punto Pinos- El ObrajeTrabajo final punto a punto Pinos- El Obraje
Trabajo final punto a punto Pinos- El Obraje
 
Manual de programa para celular
Manual de programa para celularManual de programa para celular
Manual de programa para celular
 
Taller informatica
Taller informaticaTaller informatica
Taller informatica
 
Informe de enlace de Visual Basic a bases de datos por Elysaul Yoris
Informe de enlace de Visual Basic a bases de datos por Elysaul YorisInforme de enlace de Visual Basic a bases de datos por Elysaul Yoris
Informe de enlace de Visual Basic a bases de datos por Elysaul Yoris
 
Taller -evaluacion
Taller  -evaluacionTaller  -evaluacion
Taller -evaluacion
 
Infor.
Infor.Infor.
Infor.
 
Punto a punto Pinos- El Obraje
Punto a punto Pinos- El ObrajePunto a punto Pinos- El Obraje
Punto a punto Pinos- El Obraje
 
Webservice
WebserviceWebservice
Webservice
 
la web
la webla web
la web
 
Visual basic conexion base de datos
Visual basic conexion base de datos Visual basic conexion base de datos
Visual basic conexion base de datos
 
Base de datos desde visual basic 6.0
Base de datos desde visual basic 6.0Base de datos desde visual basic 6.0
Base de datos desde visual basic 6.0
 
Taller1 generación codigopersistencia
Taller1 generación codigopersistenciaTaller1 generación codigopersistencia
Taller1 generación codigopersistencia
 
Actualizando bases de datos
Actualizando bases de datosActualizando bases de datos
Actualizando bases de datos
 
Servicios Web
Servicios WebServicios Web
Servicios Web
 
Taller informatica
Taller informaticaTaller informatica
Taller informatica
 

Más de Victor Aravena

Presentación CISTI 2016 "Distinciones Conceptuales para la Trazabilidad de l...
Presentación CISTI 2016 "Distinciones Conceptuales para la Trazabilidad de l...Presentación CISTI 2016 "Distinciones Conceptuales para la Trazabilidad de l...
Presentación CISTI 2016 "Distinciones Conceptuales para la Trazabilidad de l...Victor Aravena
 
Taller generación codigopersistenciaderby-netbeans
Taller generación codigopersistenciaderby-netbeansTaller generación codigopersistenciaderby-netbeans
Taller generación codigopersistenciaderby-netbeansVictor Aravena
 
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+Victor Aravena
 
Estrategia e Implementación de Sistema Sidra en Chile!!!
Estrategia e Implementación de Sistema Sidra en Chile!!!Estrategia e Implementación de Sistema Sidra en Chile!!!
Estrategia e Implementación de Sistema Sidra en Chile!!!Victor Aravena
 
2. tutorial unity3d-disparo
2.  tutorial unity3d-disparo2.  tutorial unity3d-disparo
2. tutorial unity3d-disparoVictor Aravena
 
6. revisión y modificación del juego -“space blaster”- Construct 5 - VideoGame
6.  revisión y modificación del juego -“space blaster”- Construct 5 - VideoGame6.  revisión y modificación del juego -“space blaster”- Construct 5 - VideoGame
6. revisión y modificación del juego -“space blaster”- Construct 5 - VideoGameVictor Aravena
 
4. elementos apoyotaller-tutorialguiabasica 2014
4.  elementos apoyotaller-tutorialguiabasica 20144.  elementos apoyotaller-tutorialguiabasica 2014
4. elementos apoyotaller-tutorialguiabasica 2014Victor Aravena
 
2. principales elementos
2.  principales elementos2.  principales elementos
2. principales elementosVictor Aravena
 
2. tutorial unity3d-disparo
2.  tutorial unity3d-disparo2.  tutorial unity3d-disparo
2. tutorial unity3d-disparoVictor Aravena
 
Acm ioi-olimpiada informática - universidad frontera 2013
Acm ioi-olimpiada informática - universidad frontera 2013Acm ioi-olimpiada informática - universidad frontera 2013
Acm ioi-olimpiada informática - universidad frontera 2013Victor Aravena
 
Curso veranovideojuegos 2014
Curso veranovideojuegos 2014Curso veranovideojuegos 2014
Curso veranovideojuegos 2014Victor Aravena
 
Factorial again! Olimpiada Informática Media IOI- ACM
Factorial again! Olimpiada  Informática Media IOI- ACMFactorial again! Olimpiada  Informática Media IOI- ACM
Factorial again! Olimpiada Informática Media IOI- ACMVictor Aravena
 
Planificación Cursos Android
Planificación Cursos AndroidPlanificación Cursos Android
Planificación Cursos AndroidVictor Aravena
 
Parte III Curso Android
Parte III Curso AndroidParte III Curso Android
Parte III Curso AndroidVictor Aravena
 
Parte II Curso Android
Parte II Curso AndroidParte II Curso Android
Parte II Curso AndroidVictor Aravena
 

Más de Victor Aravena (19)

Presentación CISTI 2016 "Distinciones Conceptuales para la Trazabilidad de l...
Presentación CISTI 2016 "Distinciones Conceptuales para la Trazabilidad de l...Presentación CISTI 2016 "Distinciones Conceptuales para la Trazabilidad de l...
Presentación CISTI 2016 "Distinciones Conceptuales para la Trazabilidad de l...
 
Taller generación codigopersistenciaderby-netbeans
Taller generación codigopersistenciaderby-netbeansTaller generación codigopersistenciaderby-netbeans
Taller generación codigopersistenciaderby-netbeans
 
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
 
Estrategia e Implementación de Sistema Sidra en Chile!!!
Estrategia e Implementación de Sistema Sidra en Chile!!!Estrategia e Implementación de Sistema Sidra en Chile!!!
Estrategia e Implementación de Sistema Sidra en Chile!!!
 
2. tutorial unity3d-disparo
2.  tutorial unity3d-disparo2.  tutorial unity3d-disparo
2. tutorial unity3d-disparo
 
6. revisión y modificación del juego -“space blaster”- Construct 5 - VideoGame
6.  revisión y modificación del juego -“space blaster”- Construct 5 - VideoGame6.  revisión y modificación del juego -“space blaster”- Construct 5 - VideoGame
6. revisión y modificación del juego -“space blaster”- Construct 5 - VideoGame
 
4. elementos apoyotaller-tutorialguiabasica 2014
4.  elementos apoyotaller-tutorialguiabasica 20144.  elementos apoyotaller-tutorialguiabasica 2014
4. elementos apoyotaller-tutorialguiabasica 2014
 
2. principales elementos
2.  principales elementos2.  principales elementos
2. principales elementos
 
2. tutorial unity3d-disparo
2.  tutorial unity3d-disparo2.  tutorial unity3d-disparo
2. tutorial unity3d-disparo
 
Acm ioi-olimpiada informática - universidad frontera 2013
Acm ioi-olimpiada informática - universidad frontera 2013Acm ioi-olimpiada informática - universidad frontera 2013
Acm ioi-olimpiada informática - universidad frontera 2013
 
Curso veranovideojuegos 2014
Curso veranovideojuegos 2014Curso veranovideojuegos 2014
Curso veranovideojuegos 2014
 
Factorial again! Olimpiada Informática Media IOI- ACM
Factorial again! Olimpiada  Informática Media IOI- ACMFactorial again! Olimpiada  Informática Media IOI- ACM
Factorial again! Olimpiada Informática Media IOI- ACM
 
Encuentro linux 2013
Encuentro linux 2013Encuentro linux 2013
Encuentro linux 2013
 
Resumen typo3
Resumen typo3Resumen typo3
Resumen typo3
 
Planificación Cursos Android
Planificación Cursos AndroidPlanificación Cursos Android
Planificación Cursos Android
 
Parte III Curso Android
Parte III Curso AndroidParte III Curso Android
Parte III Curso Android
 
Parte II Curso Android
Parte II Curso AndroidParte II Curso Android
Parte II Curso Android
 
Parte I Curso Android
Parte I Curso AndroidParte I Curso Android
Parte I Curso Android
 
Clases scratch
Clases scratchClases scratch
Clases scratch
 

Instructivo dia 4_curso_flex

  • 1. UNIVERSIDAD DE LA FRONTERA DEPARTEMENTO DE EDUCACIÓN MUNICIPAL DE TEMUCO “DESARROLLO DE INTERFACES DE USUARIO WEB EN ADOBE FLEX 4.5” ETAPA 3: CONEXIÓN CON SERVICIO WEB DE INTERNET. ROSSANA ALEJANDRA CONTRERAS HIDALGO. 2012 Centro de Estudios de Ingeniería en Software Rossana Contreras, rossana.contreras@ceisufro.cl
  • 2. RESUMEN El presente documento corresponde a un instructivo técnico que busca proporcionar al alumno la información paso a paso para la conexión con un servicio Web publicado en la Web (Internet) para el uso de cualquier persona. Todo esto en el marco de los cursos de verano impartidos por parte de la Universidad de la Frontera en conjunto con el proyecto Explora para el Departamento de Educación Municipal de Temuco.
  • 3. 1. Conexión de Proyecto con Servicio Web. http://www.webservicex.net/ws/CATs.aspx?CATID=12&DESC=Utilities Esta dirección Web proporciona varios servicios web que hacen diferentes operaciones, para este ejemplo se ha seleccionado el ejemplo “Global Weather” que nos entrega las condiciones meteorológicas de las principales ciudades de todo el mundo. El primer paso a llevar a cabo es conectar su proyecto con este servicio Web liberado en Internet, para esto diríjase a la siguiente ruta. http://www.webservicex.net/ws/WSDetails.aspx?WSID=56&CATID=12 Y copie la dirección que aparece bajo el título “WSDL Schema Location” que corresponde a: http://www.webservicex.net/globalweather.asmx?WSDL Y vaya a su proyecto que ha ido desarrollando en las etapas anteriores en “Adobe Flash Builder” y vaya a DataConnect to Web Service 3
  • 4. Pegue la dirección copiada anteriormente en el espacio “WSDL URI” y pulse “Next”. Seleccione las opciones que muestra la siguiente imagen y pulse “Finish”. 4
  • 5. 2. Creación de Estructura de la Interfaz. El servicio Web necesita que le enviemos una ciudad y un país para buscar las condiciones meteorológicas, para acotar el ejemplo ese país será siempre Chile y las ciudades serán Santiago, Temuco, Osorno y Antofagasta. Cree una nueva pestaña a su componente “Accordion”, como ya lo ha hecho antes, y dele por título “Condiciones Meteorológicas de Ciudades de Chile”. Busque un “ComboBox” en la barra de componentes, como ya lo ha hecho antes, y arrástrelo a su espacio de trabajo, y vaya al código de éste. 5
  • 6. Debe configurar las ciudades que se mostraran en esta lista que las mencionamos en un inicio, configure su código de la siguiente forma. Agregue un “Label” o etiqueta y cambie su texto por “CIUDAD” y póngala a un costado izquierdo del combobox. 6