PDF de programación - Análisis de los frameworks YII y ZEND para mejorar la usabilidad y la compatibilidad del sitio web de la cooperativa de ahorro y crédito minga ltda

ESCUELA SUPERIOR POLITÉCNICA DE CHIMBORAZO

FACULTAD DE INFORMÁTICA Y ELECTRÓNICA

ESCUELA DE INGENIERÍA EN SISTEMAS



“ANÁLISIS DE LOS FRAMEWORKS YII Y ZEND PARA

MEJORAR LA USABILIDAD Y LA COMPATIBILIDAD DEL

SITIO WEB DE LA COOPERATIVA DE AHORRO Y

CRÉDITO MINGA LTDA.”

Tesis de Grado previo a la obtención del título de:

INGENIERO EN SISTEMAS INFORMÁTICOS

AUTORES: MANUEL MIRANDA CHINLLI

CÉSAR GONZALO ROCHINA ROCHINA

TUTOR:

ING. GERMANIA VELOZ

RIOBAMBA – ECUADOR

2015



ESCUELA SUPERIOR POLITÉCNICA DE CHIMBORAZO

FACULTAD DE INFORMÁTICA Y ELECTRÓNICA

ESCUELA DE INGENIERÍA EN SISTEMAS



El Tribunal de Tesis certifica que: El trabajo de investigación “ANÁLISIS DE LOS

FRAMEWORKS YII Y ZEND PARA MEJORAR LA USABILIDAD Y LA

COMPATIBILIDAD DEL SITIO WEB DE LA COOPERATIVA DE AHORRO Y CRÉDITO

MINGA LTDA.”, de responsabilidad de los señores Manuel Miranda Chinlli, César Gonzalo

Rochina Rochina, ha sido minuciosamente revisado por los miembros del Tribunal de Tesis,

quedando autorizada su presentación:



Ing. Gonzalo Samaniego Erazo

______________________

__________________

DECANO DE LA FACULTAD DE

INFORMÁTICA Y ELECTRÓNICA



Dr.

Julio Santillán Castillo

______________________

___________________

DIRECTOR DE LA ESCUELA DE

INGENIERÍA EN SISTEMAS



Ing. Germania Veloz



DIRECTOR DE TESIS



Ing. Jorge Menéndez



MIEMBRO DE TESIS



DOCUMENTALISTA

SISBIB – ESPOCH



NOTA: _________________



______________________

___________________

______________________

___________________

______________________

___________________



ii



AGRADECIMIENTO



Agradezco infinitamente a Dios por permitirme cumplir mis metas y objetivos, especialmente a

mi madre por su amor y abnegación por inculcarme siempre buenos valores y darme fortaleza

para estar siempre de pie ante las adversidades y luchar para alcanzar cada meta planteado.



Manuel

Agradezco a Dios por darme salud y vida hasta el día de hoy, para así poder cumplir con mis

sueños, por darme fortaleza en momentos de debilidad. Agradezco infinitamente a mis padres,

por todos los sacrificios que hicieron durante mi vida estudiantil, por su comprensión y su

paciencia, por apoyarme y motivarme en todo momento. A mis profesores a quienes les debo

gran parte de mis conocimientos, a mis compañeros y un eterno agradecimiento a esta

prestigiosa Politécnica.

César



iii

DEDICATORIA



A mi madre que con amor y sacrificio, supo motivarme moral y materialmente para culminar

una etapa más de mi vida, por su tiempo y compresión para alentarme en mis logros y caídas

hasta cumplir una meta más.



Manuel



A mis padres, quienes a lo largo de mi vida han velado por mi bienestar y educación siendo mi

apoyo en todo momento, por sus consejos, sus valores y por las motivaciones constantes

depositando su entera confianza en cada reto que se me presentaba sin dudar ni un solo

momento en mi inteligencia y capacidad, es por ellos que soy lo que soy ahora.



César

iv

Nosotros, Manuel Miranda Chinlli y César Gonzalo Rochina Rochina somos los responsables

de las ideas, doctrinas y resultados expuestos en esta Tesis y el patrimonio intelectual de la

misma pertenecen a la Escuela Superior Politécnica de Chimborazo.



_____________________ __________________________

Manuel Miranda Chinlli

César Gonzalo Rochina Rochina



v

ÍNDICE GENERAL



ÍNDICE DE ABREVIATURAS………………………………………………………………...ix

ÍNDICE DE FIGURAS…………………………………………………………………………..x

ÍNDICE DE TABLAS………………………………………………………………………….xii

RESUMEN………..……………………………………………………………………………xiii

SUMARY……………………………………………………………………………………....xiv

INTRODUCCIÓN………………………………………………………………………………..1

CAPÍTULO I

MARCO TEÓRICO

1.1

Patrón de Diseño MVC (Modelo Vista Controlador)................................................ 7

1.1.1

Beneficios....................................................................................................................... 8

1.2

Framework web............................................................................................................ 8

1.2.1

Objetivos......................................................................................................................... 8

1.3

Zend Framework.......................................................................................................... 9

1.3.1

Características................................................................................................................ 9

1.3.2

Estructura de una aplicación en ZF............................................................................10

1.3.3

Seguridad......................................................................................................................10

1.3.4

Requerimientos.............................................................................................................11

1.3.5

Ventajas.........................................................................................................................11

1.3.6

Desventajas...................................................................................................................11

1.4

Yii Framework.............................................................................................................12

1.4.1

Características.............................................................................................................12

1.4.2

Estructura de una aplicación en Yii............................................................................13

1.4.3

Seguridad......................................................................................................................13

1.4.4

Requerimientos.............................................................................................................14

1.4.5

Ventajas.........................................................................................................................14

1.4.6

Desventajas...................................................................................................................15

1.5

Usabilidad web.............................................................................................................15

1.5.1

Definición......................................................................................................................15

1.5.2

Atributos de usabilidad.................................................................................................17

1.6

Ingeniería de Usabilidad.............................................................................................17

1.6.1

Ciclo de vida de la ingeniería de Usabilidad................................................................18

1.7

Compatibilidad web....................................................................................................20

1.7.1

Problemas de compatibilidad web................................................................................20

1.7.2

Navegadores web..........................................................................................................21



vi

1.7.3

Mejorar la compatibilidad web.....................................................................................21

CAPÍTULO II

MARCO METODOLÓGICO

2.1

Evaluación de la usabilidad........................................................................................23

2.1.1

Objetivos........................................................................................................................23

2.1.2

Métodos de evaluación.................................................................................................23

2.1.3

Métodos de Inspección.................................................................................................24

2.1.4

Métodos Indagación.....................................................................................................25

2.1.5

Métodos de Pruebas......................................................................................................26

2.1.6

Protocolo de Prueba con Usuarios...............................................................................27

2.2

Herramientas de prueba.............................................................................................29

2.2.1

BrowserShots /screenshots...........................................................................................29

2.2.2

Pingdom........................................................................................................................29

2.2.3

Device Mode Mobile Emulation...................................................................................30

2.2.4

Firebug..........................................................................................................................30

CAPÍTULO III

MARCO DE RESULTADOS

3.1

Introducción.................................................................................................................32

3.2

Construcción de prototipos.........................................................................................32

3.2.1

Prototipo Yii Framework..............................................................................................34

3.2.2

Prototipo Zend Framework..........................................................................................38

3.3

Determinación de los parámetros