PDF de programación - Diseño e implementación de servicios web multiplataforma utilizando el framework .NET

ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA DE TELECOMUNICACIÓN

UNIVERSIDAD POLITÉCNICA DE CARTAGENA



Proyecto Fin de Carrera

“Diseño e implementación de servicios web multiplataforma utilizando

el framework .NET”



AUTOR: Manuel Ródenas Galián
DIRECTOR: Antonio Javier García Sánchez

Julio/ 2012







2





Autor

Manuel Ródenas Galián

E-mail del Autor

[email protected]

Director(es)

Antonio Javier García Sánchez

E-mail del Director

[email protected]

Diseño e implementación de servicios web multiplataforma utilizando el framework
.NET



Codirector(es)

Título del PFC

Descriptores

Resumen



Con el auge de las plataformas móviles y la necesidad de estar siempre conectado, se hace necesario

el desarrollo de servicios web multiplataforma que cumplan con la demanda de los usuarios.


.NET es un framework de Microsoft en el que destaca la transparencia de redes, independientemente
de la plataforma de hardware. Su principal característica es que ofrece una manera rápida y económica de
desarrollar aplicaciones permitiendo una integración más rápida y eficaz, y simplificando el acceso a
información desde cualquier tipo de dispositivo.


En este proyecto se ha realizado el estudio de esta tecnología, proponiendo una aplicación chat para la
comunicación tanto en formato texto como en video llamada a través de la conocida aplicación Skype, y
desde cualquier dispositivo con conexión a internet, ya sea pc, Tablet o dispositivos móviles.

Titulación

Ingeniería Técnica de Telecomunicaciones, especialidad Telemática



Intensificación



Departamento

Tecnologías de la Información y las Comunicaciones

Fecha de Presentación 2012



3





Índice



Capítulo 1 .......................................................................................... 8

1.1

Antecedentes ........................................................................................................... 8

1.2 Motivación y objetivos ................................................................................................... 9

1.3 Herramientas utilizadas................................................................................................ 10

Capítulo 2 ........................................................................................ 13

2.1 ASP ............................................................................................................................ 13

2.2. .NET ........................................................................................................................... 15

2.2.1. MSIL, CRL y el código controlado ................................................................................. 16

2.2.2. Basic Class Library......................................................................................................... 17

2.2.3. Assemblies .................................................................................................................... 19

2.2.4. ViewState ..................................................................................................................... 19

2.3. Diferencias entre ASP y .NET ....................................................................................... 20

Capítulo 3 ........................................................................................ 24

3.1 Servicios web ............................................................................................................... 24

3.2 AJAX ............................................................................................................................ 29

3.3 JQuery ........................................................................................................................ 33

3.3.1 Jquery Mobile ................................................................................................................. 33

3.4 Nuevas tecnologías ..................................................................................................... 34

3.4.1 Introducción Android................................................................................................ 35

3.4.2 Introducción iOS ....................................................................................................... 36

Capítulo 4 ........................................................................................ 37

4.1 Introducción ................................................................................................................ 37

4.2 Clases .......................................................................................................................... 37

4.2.1 ChatUser ......................................................................................................................... 37

4.2.2 ChatEngine ..................................................................................................................... 38

4.2.3 ChatMessage .................................................................................................................. 40

4.2.4 ChatRoom ....................................................................................................................... 41

4.2.5 Javascript ........................................................................................................................ 42

4




4.3 Funcionamiento ........................................................................................................... 44

4.4 Funcionamiento (versión móvil) ................................................................................... 46

4.5 Videoconferencia ......................................................................................................... 48

4.6 Diagrama de secuencia ................................................................................................. 49

4.7 Diagrama UML ............................................................................................................. 51

Capítulo 5 ........................................................................................ 52

Capítulo 6 ........................................................................................ 60

6.1 Conclusiones ................................................................................................................ 60

6.2 Líneas futuras .............................................................................................................. 60

Referencias...................................................................................... 62



5


Índice de figuras

Figura 1. 1 Ejemplo de servicio web................................................................................9


Figura 2. 1 Estructura ASP..............................................................................................13

Figura 2. 2 Configuración de una aplicación Web con HTML estático…..........................20

Figura 2. 3 Configuración de una aplicación Web con HTML dinámico..........................21

Figura 2. 4 Familia de tecnologías de la plataforma .NET................................................22

Figura 2. 5 Funcionamiento de los eventos en la plataforma .NET..................................22


Figura 3. 1 Pila de servicios web......................................................................................27

Figura 3. 2 Tecnologías agrupadas bajo el concepto de AJAX………….……........................30

Figura 3. 3 Comparación del modelo tradicional y el nuevo propuesto por AJAX…........31

Figura 3. 4 Comparación entre las comunicaciones síncronas y asíncronas......................32

Figura 3. 5 Progresión de los sistemas operativos móviles...............................................34

Figura 3. 6 Núcleo Android.............................................................................................35


Figura 4. 1 Ejemplos de los mensajes de la clase ChatMessage........................................41

Figura 4. 2 Página principal del servicio ChatASP…………………………………........................45

Figura 4. 3 Sala de chat….................................................................................................46

Figura 4. 4 Versión móvil del servicio ChatASP……………………………………….....................47

Figura 4. 5 Botón Skype…………………………………………………..............................................48

Figura 4. 6 Diagrama de secuencia (parte 1)……………………….………………...........................49

Figura 4. 7 Diagrama de secuencia (parte 2)……………………….………………...........................50

Figura 4. 8 Diagrama UML…………………………………….……………………………….....................51

6





Figura 5. 1 Login versión pc............................................................................................52

Figura 5. 2 Textbox Watermark Extender……………….......................................................53

Figura 5. 3 Required Field Validator…..............................................................................54

Figura 5. 4 Chat versión pc..............................................................................................55

Figura 5. 5 Confirm Button Extender..............................................................................56

Figura 5. 6 Login versión móvil.......................................................................................58

Figura 5. 7 Chat versión móvil.........................................................................................59



7