Desarrollo de los Módulos en la Herramienta de Entorno Visual Zend Studio Enterprise

3.6.3.1 Modulo 1:

Para la construcción de este módulo se v a utilizar la tecnología para el desarrollo de páginas web llamada PHP, la misma que nos proporciona varias funcionalidades para la construcción de las interfaz, los pasos para el desarrollo de este módulo se describen a continuación:

Primeramente creamos un nuevo proyecto, agregamos las librerías necesarias para utilizar la tecnología correspondiente.

Figura III.80 Crear un proyecto con Zend Studio

1.-Se creó el archivo index.php que es la pantalla inicial y es la que contiene todos los contenedores y tablas donde se carga toda la información, contiene las imágenes y la animación flash.

Figura III.81 Crear index con Zend Studio

2.-Se creó el archivo styles.css para definir los colores y estilos de todas las páginas del sitio.

Figura III.82 Crear Hojas de estilo con Zend Studio

3.-Se añadieron las llamadas a las librerías javascript que se utilizan en todo el sitio web.

Figura III.83 Añadiendo librerías javascript

4.- Se aumentó la función AC_FL_RunContent que ejecuta la animación flash al cargar la página.

Figura 84 función AC_FL_RunContent para animación flash

3.6.3.2 Modulo 2

1.- Se creó la página ingreso_estudiantes.php que es la que contiene todos los elementos de ingreso de datos del formulario, como los inputs, checkbox y botones.

2.-Se crearon las funciones:

• chequear_form() : Es la función que controla que los campos no se encuentren vacios al momento de guardar. Trabaja en conjunto con otras funciones como son: isEmpty() y checkEmail().

• isEmpty(): Indica si el campo esta vacio o no.

• checkEmail(): Chequea si el email tiene el formato correcto.

• guardar_datos(): Guarda todos los datos ingresados del formulario. Interactúa con el servidor Apache con Ajax.

• load_resp(): Una vez guardados los datos vacía el formulario y muestra mensaje de que los datos han sido guardados.

Figura III.86 Funciones creadas para validación de componentes del formulario 3.- Se crearon las clase s para guardar los datos en la base:

• Class_alumno.php .- Interactúa con la tabla estudiantes.

• Class_inscripcion.php.- Interactúa con la tabla inscripciones.

• Class_matricula.php.- Interactúa con la tabla matricula.

• Class_programa.php.- Interactúa con la tabla programas.

• MySqlClass.php.- Contiene todas la funciones mysql que utilizan las clases anteriores.

4.- Se creó un archivo de configuración de la base de datos donde está el usuario y contraseña de la base: dbconfig.php

Figura III. 87 archivo de configuración para conexión a base de datos

5.- Se creó el archivo guarda_datos.php que recibe los datos de la función guardar_datos() y los ingresa en la base de datos.

Figura III.88 Código php para guardar datos en base de datos, Zend Studio

3.6.3.4 Modulo 3

1.- Se creó un archivo con los elementos para las búsquedas y presentación de resultados:

Búsqueda.php

Figura III.89 código php con elementos de búsqueda y presentación de resultados en php Designer 2.- Se añadieron las funciones javascript:

Buscar().- Ejecuta la búsqueda de la palabra ingresada.

Figura III.90 Creación de Funciones java scrip en zend studio

3.-Se creó el archivo buscar.php que contiene el query de búsqueda en la base y genera la tabla de resultados, recibe los datos de la función buscar().

Figura III.91 código para la función buscar en la base de datos

3.6.3.4 Modulo 4

1.- Se añadió los campos de ingreso de usuario y contraseña en el index.php

Figura III.92 Código para generan la pantalla login en zend studio 2.- Se añadieron las funciones javascript :

• Login().- verifica si se ingresaron los datos en los campos de usuario y contraseña.

• mostrar_login.- Si los datos son correctos , los envía a un archivo para iniciar la sesión.

• mostrar_sesion().- Una vez iniciada la sesión carga la página siguiente.

• cargar_pagina().- Carga la pagina que recibe como parámetro.

• logout().- Cierra la sesión.

Figura III.93 Código para funciones java script en zend studio 3.-Se crearon los archivos:

login.php .- recibe los datos de la función login() y revisa si los datos están en la base. iniciar_sesion.php.- Recibe los datos de la función entrar e inicia la sesión.

Logout.php .- Cierra la sesión.

Figura III.94 Manejo de sesiones con PHP Designer

3.6.3.4 Modulo 5

Para depurar la aplicación se da un clic en

Automáticamente se nos genera una ventana en la que nos muestra la depuración de la aplicación, cuando se está realizando la depuración nos

aparece la figura anterior en la parte inferior de la aplicación,

Si tenemos errores en la aplicación nos da un mensaje de error y nos indica que sintaxis nos falta o la línea de código que contiene errores.

Figura III.95 Depuración en Zend Studio

3.7 Análisis Cualitativo y Cuantitativo.

En esta sección vamos a realizar el análisis

cuantitativo y cualitativo realizado con las

herramientas de entorno visual para desarrollo web con php, Dreamweaver CS3, PHP Designer 2008 y Zend Studio, mediante la utilización de cuadros comparativos que permitirán determinar de manera cuantitativa y cualitativa la mejor herramienta para el desarrollo web con PHP, mismos que serán interpretados y calificados, los cuadros comparativos serán realizados tomando en cuenta los parámetros definidos con anterioridad, con sus respectivas variables que ayudaran a realizar un análisis mas profundo de cada parámetro.

La calificación de cada unos de los parámetros de comparación estará realizada en base a la escala que se mostrara continuación, lo cual nos permitirá obtener resultados cuantitativos y cualitativos para determinar la herramienta más adecuada para el desarrollo web con PHP.

Tabla III. 6 Análisis Cualitativo y Cuantitativo

Regular Bueno Muy Bueno Excelente

A cada una de las variables que intervienes en los respectivos parámetros se les dio un valor de 1 , 2 0 3 puntos dependiendo de la importancia de dicha variable.

Para determinar la calificación de de cada una de las variables empleadas se uso la siguiente tabla de valoraciones.

Escala de valoración cualitativa.

1 2 3 4

En desacuerdo Parcialmente de acuerdo Mayoritariamente de

acuerdo

Totalmente de acuerdo

Ninguno Parcialmente En su mayor parte Totalmente

No se cumple Se cumple

insatisfactoriamente

Se cumple aceptablemente

Se cumple plenamente

No satisfactorio Poco satisfactorio Satisfactorio Muy satisfactorio

Malo Regular Bueno Muy bueno

Inadecuado Mas o menos Adecuado Muy adecuado

Insatisfecho Regularmente satisfecho Satisfecho Muy satisfecho

Insuficiente Parcial Suficiente Excelente

Deficiente Poco eficiente Eficiente Muy Eficiente

Ninguna avance Cierto avance Avance significativo Objetivo logrado

Nunca Pocas veces Muchas veces Siempre

Ninguno Poco Mucho Todo

Y para poder dar una calificación general de cada una de las variables según su valor se uso la siguiente tabla de equivalencias.

Tabla de equivalencia entre el puntaje de una variable y su valoración cualitativa

V. Cualitativa V. Variables 1 2 3 4 1 0.25 0.5 0.75 1 2 0.5 1 1.5 2 3 0.75 1.5 2.25 3

Tabla III. 8 Tabla de equivalencia entre el puntaje de una variable y su valoración cualitativa Para realizar la comparación se utilizara la siguiente nomenclatura.

X: representa el puntaje obtenido por la herramienta Dreamweaver CS3 en la variable.