Facultad de Sistemas Mercantiles Carrera de...

UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES”

Facultad de Sistemas Mercantiles

Carrera de Sistemas

Tesis de Grado Previo a la Obtención del Título de Ingeniero en

Sistemas

Tema:

Sitio WEB de la revista Metanoia para la publicación de artículos científicos de Uniandes

Tulcán.

Autor:

Harold Alexander Tarupi Yandun

Asesor:

Ing. Cristian Yovao Dorado Ceballos

Tulcán – Ecuador

2015

ii

Certificación del Asesor

En mi calidad de Asesor de la Tesis de Grado, previo a la obtención del título de Ingeniero

en Sistemas en Informática; Certifico que el señor Harold Alexander Tarupi Yandun,

elaboro su trabajo de grado sobre el tema: Sitio WEB de la revista Metanoia para

publicaciones de artículos científicos de Uniandes Tulcán, bajo los lineamientos

académicos y de investigación de UNIANDES.

El sitio WEB para la publicación de artículos científicos de la universidad Uniandes

Tulcán, se basa en la difusión de la información de estos artículos, cuya característica

principal es el brindar herramientas tecnológicas para la administración de los temas de

investigación realizados por los docentes y/o estudiantes de la universidad Uniandes

Tulcán. La importancia de este sitio WEB radica en que los estudiantes, docentes y público

en general a través del internet pueden informase de temas nuevos y novedosos que han

sido trabajados en institución.

Como asesor de tesis apruebo la respectiva tesis de grado, para que sea sometida a la

revisión de lectores y defensa de la misma, por parte de jurado calificador que se designe.

Atentamente,

--------------------------------------------------

Ing. Cristian Yovao Dorado Ceballos

Asesor de tesis.

iii

Declaración de Autoría de la Tesis

Yo, Harold Alexander Tarupi Yandun con cédula de identidad N°. 0401638135, egresado

de la facultad de sistemas mercantiles, carrera de sistemas, certifico y doy fe que la

presente tesis de grado con el tema: Sitio WEB de la revista Metanoia para publicaciones

de artículos científicos de Uniandes Tulcán, es de mi autoría. Además doy potestad a la

universidad para que emplee el trabajo de culminación de estudio como bibliografía para

futuras investigaciones relacionadas con el tema planteado.

Atentamente,

Harold Alexander Tarupi Yandun

Autor de la tesis de grado.

iv

DEDICATORIA

Al creador de todas las cosas, el que me ha dado fortaleza para continuar cuando he

estado a punto de caer; por ello, con toda la humildad de mi corazón puedo emanar y

dedico primeramente mi trabajo a Dios.

De igual forma, dedico esta tesis a mi madre que ha sabido formarme con buenos

sentimientos, hábitos y valores, lo cual me ayudado a salir adelante en los momentos más

difíciles.

A la persona que ha estado a mi lado durante casi dos años, por brindarme su apoyo,

comprensión y sobre todo compartir sus sentimientos hacia mí.

A todas las personas que día a día damos lo mejor en lo que hacemos y demostramos que

somos personas fuertes y que nuestra mejor satisfacción es la del trabajo bien hecho.

v

AGRADECIMIENTO

A la Universidad Regional Autónoma de los Andes “Uniandes” por hacerme parte de su

familia y hacerme sentir como en casa, a los docentes y personal administrativo en

especial a quienes conforman la Escuela de Sistemas y a mis tutores de tesis el Ing.

Cristian Dorado y el Doc. Milton Gordon.

A mi madre la señora Fanny Yolanda Tarupi Yandún por ser más que una madre una

amiga de verdad, que a pesar de los tiempos difíciles nunca agacho la cabeza y por

siempre sentirse orgullosa de mí.

A Luis Javier Vizcaíno Bernal gracias por brindarme sus conocimientos, su manera de

trabajar en equipo, su persistencia y su motivación han sido fundamentales para terminar

este trabajo de tesis.

Al señor Javier Guerrero por abrirme las puertas de su prestigiosa empresa

“MOVITECH” y darme la oportunidad de enriquecer y explotar mis conocimientos,

dándome la oportunidad de trabajar y estudiar al mismo tiempo.

vi

ÍNDICE GENERAL Pág.

Certificación del Asesor ...................................................................................................................... ii

Declaración de Autoría de la Tesis .....................................................................................................iii

DEDICATORIA ................................................................................................................................. iv

AGRADECIMIENTO ......................................................................................................................... v

Resumen Ejecutivo ............................................................................................................................. xii

Executive Summary .......................................................................................................................... xiii

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

a. Antecedentes de la Investigación. .......................................................................................... 1

b. Planteamiento del problema. ................................................................................................. 1

c. Formulación del problema. ..................................................................................................... 2

d. Delimitación del problema. ..................................................................................................... 2

e. Objeto de investigación y campo de acción ............................................................................ 2

f. Identificación de la línea de Investigación. ............................................................................. 2

g. Objetivos. ................................................................................................................................ 2

h. Justificación del tema. ............................................................................................................. 3

i. Idea a defender. ...................................................................................................................... 3

j. Variables. ................................................................................................................................. 3

k. Métodos de Investigación ....................................................................................................... 3

l. Metodología del Sitio WEB...................................................................................................... 4

m. Resumen de la estructura de la tesis .................................................................................. 5

n. Aporte teórico, significación práctica y novedad científica. ................................................... 6

CAPÍTULO I. MARCO TEÓRICO. ................................................................................................... 7

1.1 Origen y evolución de los procesos informáticos. .............................................................. 7

1.1.1 Generaciones ............................................................................................................... 8

1.2 Análisis de las distintas posiciones teóricas sobre procesos informáticos. ......................... 9

1.2.1 Definición de informática. ........................................................................................... 9

1.2.2 Sistema informático. .................................................................................................... 9

1.2.3 Internet. ....................................................................................................................... 9

1.2.4 Servidor web. ............................................................................................................ 10

1.2.5 HTML. ...................................................................................................................... 11

1.2.6 URL. .......................................................................................................................... 13

1.2.7 Java Script. ................................................................................................................ 14

vii

1.2.8 AJAX. ........................................................................................................................ 15

1.2.9 PHP. .......................................................................................................................... 16

1.2.10 CSS 3. ........................................................................................................................ 16

1.2.11 APLICACIONES WEB. ........................................................................................... 17

1.2.12 Bases de datos ........................................................................................................... 17

1.2.13 MySQL. ..................................................................................................................... 18

1.2.14 Modelo Cliente Servidor. .......................................................................................... 18

1.2.15 Artículos científicos. ................................................................................................. 19

1.2.16 Publicación de artículos. ........................................................................................... 19

1.2.17 Revistas Digitales. ..................................................................................................... 19

1.3 Valoración crítica de los conceptos principales de las distintos posiciones teóricas sobre el

sitio WEB ...................................................................................................................................... 20

1.4 Conclusiones capítulo I ..................................................................................................... 20

CAPÍTULO II. MARCO METODÓLOGICO .................................................................................. 22

2.1 Caracterización de la Universidad Autónoma de los Andes Uniandes extensión Tulcán. ...... 22

2.2 Descripción del procedimiento metodológico para el desarrollo de la investigación. ........... 22

2.2.1 Modalidad de la investigación .......................................................................................... 22

2.2.2 Tipos de investigación. ..................................................................................................... 23

2.2.3 Población y muestra. ........................................................................................................ 23

2.2.4 Métodos, técnicas e instrumentos. .................................................................................... 24

2.3. Metodologías del desarrollo del software. ............................................................................ 28

2.3.1 Modelos de desarrollo de software. .................................................................................. 28

2.4 Conclusiones. ......................................................................................................................... 31

CAPÍTULO III. DESARROLLO DE LA PROPUESTA ................................................................. 32

3.1 Título de la propuesta. ............................................................................................................. 32

3.2 Caracterización de la propuesta. .............................................................................................. 32

3.3 Esquema de la propuesta. ........................................................................................................ 32

3.4 Planteamiento detallado de la propuesta. .......................................................................... 33

3.4.1 Análisis del sistema .......................................................................................................... 33

3.4.2 Diseño del sistema ..................................................................................................... 34

3.4.3 Sublime text 2............................................................................................................ 34

3.4.4 Bases de datos. .......................................................................................................... 35

3.4.5 Creación interfaz gráfica ........................................................................................... 36

viii

3.4.6 Requerimientos de hardware. .................................................................................... 43

3.4.7 Implementación del sistema ...................................................................................... 44

3.5 Validación de la propuesta ................................................................................................ 57

3.6 Conclusiones parciales del capítulo III ............................................................................. 61

Conclusiones y Recomendaciones Generales. .................................................................................. 62

Conclusiones. ................................................................................................................................ 62

Recomendaciones. ........................................................................................................................ 63

BIBLIOGRAFÍA ...................................................................................................................................

ANEXOS .................................................................................................................................................

ix

ÍNDICE DE TABLAS Pág.

Tabla N° 1. Población. .......................................................................................................... 23

Tabla N° 2. Resultados de la pregunta 1. ............................................................................. 25

Tabla N° 3. Resultados de la pregunta 2 .............................................................................. 25





Tabla N° 8. Características del ordenador. ........................................................................... 43

Tabla N° 9. Software del Servidor. ...................................................................................... 44

Tabla N° 10. Hardware del Servidor. ................................................................................... 44

Tabla N° 11. Población. ............................................................................................................

x

ÍNDICE DE GRÁFICOS. Pág.

Gráfico N° 1 Esquema de la propuesta. ................................................................................ 32

Gráfico N° 2. Pantalla Sublime text 2. ................................................................................. 34

Gráfico N° 3. Servidor local con Appserv. ........................................................................... 35

Gráfico N° 4. Gestor de BDD. .............................................................................................. 35

Gráfico N° 5. BDD Metanoia. .............................................................................................. 36

Gráfico N° 6. BDD en el Hosting. ........................................................................................ 36

Gráfico N° 7. Frontal de inicio del sitio web Metanoia. ...................................................... 37

Gráfico N° 8. Frontal de Etiqueta Revistas. ......................................................................... 37

Gráfico N° 9. Frontal de Etiqueta Post Actual. .................................................................... 38

Gráfico N° 10. Frontal de Etiqueta Contáctenos. ................................................................. 38

Gráfico N° 11. Frontal de Autenticación e ingreso de Usuarios. ......................................... 39

Gráfico N° 12. Frontal del Usuario Administrador del sitio web. ........................................ 39

Gráfico N° 13. Frontal sección Mis Datos del Administrador del sitio web. ....................... 40

Gráfico N° 14. Frontal sección Nuevo artículo del Administrador del sitio web. ............... 40

Gráfico N° 15. Frontal Administrador del sitio web. ........................................................... 41

Gráfico N° 16. Frontal sección Nueva revista del Administrador del sitio web. ................. 41

Gráfico N° 17. Frontal sección Nueva revista del Administrador del sitio web. ................. 42

Gráfico N° 18. Comentarios del Administrador del sitio web. ............................................ 42

Gráfico N° 19. Validación de carácter tecnológico. ............................................................. 58

Gráfico N° 20. Efectividad de la propuesta .......................................................................... 59

Gráfico N° 21. Validación de la novedad científica. ............................................................ 59

Gráfico N° 22. Validación de la viabilidad de la aplicación. ............................................... 60

Gráfico N° 23. Validación en la actualidad de la propuesta. ................................................ 60

Gráfico N° 24. Resultados. .......................................................................................................

Gráfico N° 25. Pantalla de inicio del sitio web Metanoia. .......................................................

Gráfico N° 26. Pantalla de Revistas. .......................................................................................

Gráfico N° 27. Pantalla Post Actual. ........................................................................................

Gráfico N° 28. Pantalla Contáctenos. .......................................................................................

Gráfico N° 29. Autenticación e ingreso de Usuarios. ..............................................................

Gráfico N° 30. Usuario Administrador o usuario del sitio web. ..............................................

Gráfico N° 31. Pantalla Mis Datos del Administrador o usuario del sitio web. ......................

Gráfico N° 32. Nuevo artículo del Administrador o usuario del sitio web. .............................

Gráfico N° 33. Administrador del sitio web. ............................................................................

Gráfico N° 34. Nueva revista del Administrador del sitio web. ...............................................

Gráfico N° 35. Registro de usuarios del sitio web. ..................................................................

Gráfico N° 36. Comentarios del sitio web. ...............................................................................

Gráfico N° 37. Configuración del servidor local con Appserv. ...............................................

Gráfico N° 38. Aplicativo de gestor de BDD. ..........................................................................

Gráfico N° 39. Diagrama de la base de datos Metanoia. ..........................................................

xi

Gráfico N° 40. Estructura de la base de datos en Hosting. .......................................................

Gráfico N° 41. Diseño del frontal inicio del sitio web Metanoia. ...........................................

Gráfico N° 42. Diseño del frontal de Autenticación e ingreso de Usuarios. ............................

Gráfico N° 43. Diseño del frontal de Registro. ........................................................................

Gráfico N° 44. Diseño del frontal Revistas. ............................................................................

Gráfico N° 45. Diseño frontal de Etiqueta Post Actual. ...........................................................

Gráfico N° 46. Diseño del Frontal de Etiqueta Contáctenos. ...................................................

Gráfico N° 47. Diseño del Frontal del Usuario Administrador del sitio web. .........................

Gráfico N° 48. Diseño del Frontal sección Mis Datos del Administrador del sitio web. ........

Gráfico N° 49. Diseño del Frontal sección Nuevo artículo del Administrador del sitio web. .

Gráfico N° 50. Diseño del Frontal sección Comentarios del Administrador del sitio web. .....

xii

Resumen Ejecutivo

En los últimos días el manejo de los sitios Web de publicación de artículos ha presentado

un reto en la aceptación y forma de trabajo para los docentes y estudiantes , que son los

principales interpretaras del procesos del manejo de nuevas tecnologías en la educación, ya

que se enfrentan a un modelo de manejo tradicional de información en papel y con el

manejo de herramientas virtuales o multimedia como una alternativa de publicidad,

carecen de las herramientas tecnológicas adecuadas para hacerle frente a esta demanda de

nuevas tendencias de educación.

Es por ello que los interpretas que han sido mencionados anteriormente, se han puesto a

trabajar en la búsqueda de la forma en hacerle frente a estas carencias y han encontrado

alternativas de solución. Tal es el uso de los sitios Web de publicación de artículos, las

cuales no solo están hechas para difundir la información si no que a la vez echas para

fortalecer el conocimiento de los artículos científicos de investigaciones realizadas en la

institución, dando apertura al buen manejo de la herramienta internet.

La correlación que existe entre las variables de la educación en línea y sus diversos

soportes pedagógicos, es una de las acciones que en el marco de solventar dichas carencias

se han tenido que realizar. Es decir, encontrar un justo medio que responda, de la mejor

forma, a las necesidades que se enfrenta.

La correlación que existe entre las variables publicación de artículos en la Web y sus

diversos componentes científicos, es una de las acciones que en el marco de solventar

dichas falencias se han tenido que realizar. Es decir, encontrar un justo medio que

responda, de la mejor forma, a las necesidades que se enfrenta.

Los resultados alcanzados al momento de implementar un sitio Web que permite, fortalecer

la publicación y conocimiento de los artículos científicos de la revista Metanoia de la

Uniandes Tulcán han mejorado los procesos académicos y de investigación que se

desarrollan en esta institución.

xiii

Executive Summary

In recent days the management of Web sites publishing articles presented a challenge in

accepting and way of working for teachers and students, who are the main processes will

interpret the use of new technologies in education as it is face a model of traditional paper-

based information management and managing virtual or multimedia tools as an alternative

advertising, lack adequate to cope with this demand for new trends in education technology

tools.

That is why the interpret that have been mentioned above, have been working on finding

how to cope with these shortcomings and have found alternative solutions. Such is the use

of Web sites publishing articles, which are not only made to disseminate information but

will at once throw to strengthen knowledge of scientific articles of research at the

institution, giving openness to good management the internet tool.

The correlation between the variables in online education and its various teaching aids, is

one of the actions under overcome these shortcomings have had to make. Ie, finding a

happy medium to respond, in the best way, to the needs facing.

The correlation between the variables publishing articles on the Web and its various

scientific components, is one of the actions under overcome these shortcomings have had to

make. Ie, finding a happy medium to respond, in the best way, to the needs facing.

The results achieved when implementing a Web site that allows strengthen the publication

and knowledge of scientific journal articles Metanoia of Uniandes Tulcán have improved

academic and research processes developed in this institution.

1

INTRODUCCIÓN.

a. Antecedentes de la Investigación.

A través del tiempo una sociedad se ha venido evolucionando mediante la implementación de

proyectos novedosos e innovadores, por personas que han explorado nuevas tecnologías, en

donde aportan conocimientos. Actualmente la Universidad Uniandes no cuenta con una

plataforma WEB que les permita socializar artículos realizados por docentes.

Hoy en día las herramientas como sitios WEB son de mucha ayuda para las personas, estos

manejan información, permiten subir y publicar archivos, pero no pasan de ser almacenados

en servidores, y con el pasar del tiempo estas son más útiles para trabajar desde cualquier

lugar.

Con la implementación de nuevas herramientas informáticas que contribuyan con el

desarrollo y publicación de artículos hechos por los docentes de la Universidad Uniandes,

permitirá socializar e intercambiar los trabajos realizados por los docentes en la institución.

En la Universidad Politécnica Estatal del Carchi UPEC actualmente están desarrollando un

sitio Web los programadores de la universidad Técnica del Norte UTN, el cual sirve para la

publicación de artículos científicos realizados por los docentes de la institución.

b. Planteamiento del problema.

En la Universidad Uniandes extensión Tulcán no cuentan con un Sitio WEB que fortalezca el

seguimiento de los nuevos artículos científicos realizados en la institución, por los docentes y

que a la vez no disponen de una herramienta que apoye dicho proceso de una forma práctica y

dinámica.

La no existencia y mal manejo de herramientas WEB se puede evidenciar en la Universidad

Uniandes de la ciudad de Tulcán, esto hace que los docentes que se encarguen del desarrollo

de artículos no los puedan difundir.

2

En la Universidad Uniandes Tulcán se pudo evidenciar que las herramientas WEB no son

comúnmente utilizadas para la publicación de artículos realizados en la institución y los

docentes que se dedican a la elaboración de estos artículos no compartan y socialicen.

En torno a estas falencias, se genera el siguiente problema científico.

c. Formulación del problema.

¿Cómo contribuir a la publicación de artículos científicos de la revista Metanoia de Uniandes

Tulcán?

d. Delimitación del problema.

Lugar. Se llevó acabo en la Universidad Uniandes Tulcán ubicada en el barrio Santa Rosa

de Taques.

Tiempo. Desde noviembre del 2014 hasta el abril del 2015

e. Objeto de investigación y campo de acción

Objeto de investigación: Procesos informáticos

Campo de acción: Software de aplicaciones

f. Identificación de la línea de Investigación.

Tecnologías de Información y comunicación.

g. Objetivos.

Objetivo General.

Implementar un Sitio WEB que contribuya a la publicación de artículos científicos de la

revista Metanoia de la Universidad Uniandes Tulcán.

Objetivos Específicos.

Sistematizar la información referente a sitios WEB y artículos científicos.

Diagnosticar la situación real en la publicación de artículos científicos en la Universidad

Uniandes Tulcán.

Desarrollar el Sitio WEB para las publicaciones de artículos científicos de la revista

3

Metanoia de Uniandes Tulcán.

Validar el Sitio WEB Metanoia propuesto por la vía de expertos.

h. Justificación del tema.

Esta investigación se realiza puesto que en la actualidad a medida de que las tecnológicas

avanzan todo ámbito está siendo sistematizado, es por eso que en una universidad cuente con

una aplicación que permitan a los docentes que se encargan de la realización de artículos

científicos puedan difundirlos a través de la herramienta de internet de una forma práctica y

dinámica.

Es importante que se considere que, el beneficio que obtiene la institución así como para

docentes, estudiantes de la Universidad Uniandes y colectividad en general de la ciudad de

Tulcán.

Es así, entonces, que al desarrollar una Aplicación que fortalezca la publicación de artículos

científicos es de gran importancia para obtener mejores resultados en cuanto a los trabajos

que se desempeñan en la universidad por parte de los docentes y estudiantes de la institución.

i. Idea a defender.

Con la implementación del Sitio WEB se contribuye a la publicación de artículos científicos

elaborados por los docentes de la universidad Uniandes extensión Tulcán.

j. Variables.

Variable independiente: Sitio Web.

Variable dependiente: Publicación de artículos científicos.

k. Métodos de Investigación

Los métodos de investigación que se utilizaron para el desarrollo de la presente tesis de grado,

son de carácter empírico y teórico del conocimiento.

4

Empíricos.

Observación Científica.

Este método se lo utilizó como herramienta para detectar objetivamente el problema de

investigación y realizar la propuesta de solución al mismo.

Análisis Documental.

Describe y se representa los documentos de forma unificada y sistemática, además de que

nos permite la obtención de ideas e información fiable y actual

Validación por Expertos.

La validez de la tesis se realizó de dos formas, poniendo en ejecución la aplicación y la

segunda expertos en el área, se encargaron de analizar el sitio Web.

Teóricos.

Método Analítico – Sintético.

Se utilizó para analizar y sintetizar la información que está relacionada con artículos

científicos y sitios Web.

Método Inductivo – Deductivo.

Permite deducir de información general a la información particular. Este método facilitó la

formación de un marco teórico, mismo que se elaboró de manera deductiva, para después

presentar una propuesta de solución de forma inductiva

Método Sistémico.

Se basa en la teoría o enfoque de sistemas y permite la elaboración de Sitio WEB por partes

para llegar a la integración de sus componentes y así garantizar la publicación de los artículos

científicos hechos por los docentes de la Universidad Uniandes Tulcán.

Técnicas e Instrumentos de Investigación.

La técnica para recopilación de datos, a utilizarse es la encuesta y su instrumento es el

cuestionario o test.

l. Metodología del Sitio WEB.

La metodología del Sitio Web se basa en el análisis de la plataforma, diseño, desarrollo o

implementación y pruebas de funcionamiento; las mismas que se detallan a continuación.

5

Análisis del Sitio WEB. En esta fase se realizó una especificación lógica funcional de la

nueva plataforma, se analizaron los requisitos para el sitio Web que permita publicar de

manera dinámica los artículos científicos.

Diseño del Sitio WEB. Aquí se elabora una especificación física funcional del sitio WEB de

publicación de artículos científicos, determinando las herramientas para su implementación.

Implementación del sistema de información. Aquí se detallaron las herramientas necesarias

para la elaboración del Sitio WEB para la publicación de artículos científicos realizados por

los docentes. Utilizando herramientas como leguajes de programación orientados a la web y

bases de datos.

Pruebas. En esta fase se realizaron las pruebas de funcionamiento del Sitio WEB.

m. Resumen de la estructura de la tesis

Portada

Certificación de tutoría

Certificación de autoría de tesis

Dedicatoria

Agradecimiento

Índice general

Resumen ejecutivo

Introducción

Antecedentes de la investigación

Planteamiento del problema

Formulación del problema

Delimitación del problema

Objeto de investigación y campo de acción

Identificación de la línea de investigación

Objetivo general

Objetivos específicos

Idea a defender

6

Justificación del tema

Variables de la investigación

Metodología a emplear: métodos, técnicas y herramientas empleadas en la investigación.

Resumen de la estructura de la tesis

Aporte teórico significación práctica y novedad científica.

Capítulo I. Marco teórico.

Explica la fundamentación teórica para la solución del problema investigado y el

cumplimiento del objetivo general.

Capítulo II. Marco Metodológico.

Describe la metodología de investigación científica y la metodología de ingeniería de

software utilizado durante el desarrollo de la tesis de grado.

Capítulo III. Planteamiento de la propuesta.

Contiene el desarrollo de la propuesta basada en la metodóloga de ingeniería de software.

Conclusiones generales

Recomendaciones

Bibliografía

Anexos

n. Aporte teórico, significación práctica y novedad científica.

El aporte teórico está basado en conceptos, definiciones que están relacionados con Sitios

web y publicación de artículos científicos.

El aporte práctico del sitio WEB es para la Universidad Unidades, cuyos beneficiarios

puedan publicar y revisar sus artículos científicos dentro y fuera de la institución, mediante la

conexión de internet.

Lo novedad científica es que este sitio WEB permite publicar, actualizar y modificar artículos

científicos elaborados por los docentes, además está a disposición a nivel local, nacional e

internacional.

7

CAPÍTULO I. MARCO TEÓRICO.

1.1 Origen y evolución de los procesos informáticos.

Al inicio de los aparatos de cálculo fueron aproximadamente a 3000 ADC, el cálculo

provocaba algunos problemas para poder desenvolverse uno de ellos era la no existencia de un

mecanismo que facilite el ingreso, calculo y la entrega de resultados de forma rápida y exacta

de datos que procedían del comercio, el cobro de impuestos, calendarios, entre otros cálculos,

dentro de la historia de la humanidad se han construido distintas maquinas e instrumentos que

faciliten el trabajo matemático, aritmético, lógico, resolviendo problemas más complejos que

surgen con el pasar del tiempo. Los babilonios que habitaban en la antigua Mesopotamia

utilizaron un instrumento para realizar cálculos matemáticos de adicción y sustracción

denominado Abaco. En (1642) el físico y matemático francés Blaise Pascal invento el primer

calculador mecánico, la Pascalina, deseando facilitar el trabajo que realizaba su padre como

funcionario de impuestos, fabricando un dispositivo que contaba con 8 ruedas dentadas las

cuales avanzaban una a una cuando la anterior completaba una vuelta. Marcadas con un

número del 0 al 9, se manejaban dos ruedas para los decimales, generando números entre

000000, 0.1 y 000000000.99 manejado mediante manivela permitiendo sumar y restar con

simplicidad, 30 años después el filósofo y matemático Alemán Leibnitz invento una máquina

de cálculo para multiplicar, dividir hasta obtener raíces cuadradas en un sistema binario.

Dispositivo que años después fue perfeccionado utilizando un motor analítico que permitió

aumentar la velocidad de cálculo a 60 sumas por minuto. A comienzo de los años 30, John

Vincent Atanasoff, vio la posibilidad de construir un calculador digital, decidió que la

maquina debía operar en sistema binario, y hacer los cálculos de modo distinto a como lo

realizaban las calculadoras mecánicas utilizando medios electrónicos.

ENIACC creada en el año de 1943 hasta 1947 con una inversión de 486.804,22 dólares; contaba con

19.000 tubos de vacío, 1500 relés, 7500 interruptores, cientos de miles de resistencias, condenadores e

inductores y 800 kilómetros de alambre. Podía realizar unas 5000 sumas por segundo, con un peso de

30 toneladas y un tamaño equivalente a un salón de clases y consumía 200 kilovatios de potencia

eléctrica, pero lo impresionante de ENIACC no era simplemente su capacidad de cálculo, sino el que

permitía realizar tareas que antes eran imposibles. (Historia de la informática, 2010)

8

1.1.1 Generaciones

Primera generación (1938-1958).

En esta época los ordenadores trabajaban con válvulas al vacío, usaban tarjetas perforadas para

ingresar los datos y los programas, utilizaban cilindros magnéticos para almacenar

información e instrucciones internas y se utilizaban solamente en el área científica o militar.

Segunda generación (1958-1963).

La era de los transistores utilizados para procesar información, siendo estos mucho más

rápidos, pequeños y más confiables que los tubos al vacío, nacen lenguajes de programación

como COBOL y FORTRAN, se empezó a utilizar las computadoras a nivel comercial, gracias

a la reducción del tamaño de los ordenadores

Tercera generación (1964-1970).

La aparición de circuitos integrados, permitió abaratar costos al tiempo que se aumentaba la

capacidad de procesamiento y reducía el tamaño de las máquinas.

Cuarta generación (1971-1983).

Gracias al avance de la electrónica nacen los microprocesadores remplazando a varios

dispositivos de los ordenadores convirtiéndolos en mucho más pequeños y rápidos creándose

las computadoras personales o PC.

Quinta generación (1988-1999).

IBM presenta la primera computadora personal revolucionando el sector informático, la

acelerada evolución de la microelectrónica, la sociedad industrial ve necesario poner a la

altura el desarrollo de software y los sistemas con que se manejan las computadoras.

Sexta generación (1999- Actualidad).

Se produce una evolución ya no solo en los ordenadores también evolucionan las redes de

comunicación, las capacidades de operación tecnológica e inteligencia artificial, teoría del

caos, sistemas difusos, orografía, transitores, entre otra tecnología, que está desarrollada o en

desarrollo. (Rodriguez, 2013)

9

1.2 Análisis de las distintas posiciones teóricas sobre procesos informáticos.

1.2.1 Definición de informática.

“La informática es una ciencia que estudia métodos, procesos, técnicas, con el fin de

almacenar, procesar y transmitir información y datos en forma digital”. (Romeo, 2014.)

La evaluación de los métodos, procesos, técnicas que den manejo al almacenamiento de

información en servidores, procesamiento a través de unidades lógicas, la transmisión de datos

digitales mediante distintos medios y dispositivos de red es denominada cómo informática.

1.2.2 Sistema informático.

Es un conjunto de dispositivos, que cuentan con una CPU o unidad central de procesos, que se

encuentran física o lógicamente conectados entre sí de manera local, o acoplados a diversos

dispositivos de transporte en información de forma remota, toda la estructura se integra

mediante componentes lógicos para poder interactuar con agentes externos. Dando soporte al

procesado, almacenamiento, entrada y salida de datos que suelen formar parte de un sistema

de información universal o específico. (Moreno Juan, Serrano Juan, 2010.)

Los sistemas informáticos están compuestos tanto por dispositivos físicos llamados Hardware

así como también dispositivos lógicos llamados Software, trabajan en unión con el fin de

procesar la entrada y salida de información que se encuentra dirigida por la CPU.

1.2.3 Internet.

En primera instancia se dañaron cientos de equipos, pero el concepto de buscar una red basada

en un sistema descentralizado con varios equipos en red se dio por medio de las interacciones

sociales.

La primera descripción registrada de las interacciones sociales que se podían habilitar a

través de la red fue una serie de memorandos escritos por J.C.R. Licklider, del MIT, en agosto

de 1962, en los que describe su concepto de “Red galáctica”. Imaginó un conjunto de

ordenadores interconectados globalmente, a través de los que todo el mundo podría acceder

rápidamente a datos y programas desde cualquier sitio. (Luján, 2012).

Si bien es cierto no es más que una red de computadores personales que está enfocada en

permitir la comunicación global entre usuarios finales, dando lugar y revolucionando a la

informática y las comunicaciones, transformándose en una herramienta de transmisión

http://www.internetsociety.org/es/breve-historia-de-internet#JCRL62

10

alrededor del mundo, y a la vez siendo una herramienta para la difusión de la información, sin

tener en cuenta en lugar donde se encuentra.

La idea de una red de ordenadores diseñada para permitir la comunicación general entre

usuarios de varias computadoras sea tanto desarrollos tecnológicos como la fusión de la

infraestructura de la red ya existente y los sistemas de telecomunicaciones. La primera

descripción documentada acerca de las interacciones sociales que podrían ser propiciadas a

través del networking (trabajo en red) está contenida en una serie de memorandos escritos por

J.C.R. Licklider, del Massachusetts Institute of Technology, en agosto de 1962, en los cuales

Licklider discute sobre su concepto de Galactic Network .(J.C.R Licklider.2002).

La herramienta de Internet en los últimos días se ha convertido en un terreno de investigación,

desarrollo e infraestructura, además el campo ocupacional de esta herramienta crece mucho

rápido que cualquier otra herramienta.

1.2.4 Servidor web.

El científico de la computación Tim Berners Lee fue el primer creador de un servidor web y

el primer navegador, e hizo la con la aparición en 1993, que fueron desarrollados en una

interfaz perteneciente al a empresa “NeXT Computer”.

Este NeXTcube de Berners-Lee fue el primer servidor web. Se utilizó también para programar

el primer navegador web, llamado precisamente World Wide Web, en 1990. En la Navidad de

aquel año, Berners-Lee ya tenía todas las herramientas necesarias para hacer funcionar la

Web: el navegador web (que funcionaba también como editor web), el servidor web y las

primeras páginas HTML que describían el proyecto en sí mismo. (Hernández, 2007).

La Organización Europea para la Investigación Nuclear en el año de 1993, se da a conocer al

mundo mediante su dominio público, el software “Cliente – Servidor WWW” con lo que ellos

garantizaban que de cualquier manera sea accesible la web y que nadie se pudiera apoderar

de su representación, hay que tener el claro que esto de que vino a ser de forma gratis fue la

razón para que en realidad sobresalgan.

http://es.wikipedia.org/wiki/Red_de_ordenadores

http://es.wikipedia.org/wiki/Computadora

http://es.wikipedia.org/wiki/Infraestructura

http://es.wikipedia.org/wiki/Telecomunicaciones

http://es.wikipedia.org/wiki/Memorando

http://en.wikipedia.org/wiki/NeXTcube

http://es.wikipedia.org/wiki/Servidor_web

http://es.wikipedia.org/wiki/Navegador_web

http://es.wikipedia.org/wiki/WorldWideWeb

11

1.2.5 HTML.

Satndard Generalized Markup lenguaje fue la creadora de esta herramienta en el año 1980

por Tom Berners Lee, con base en el estándar ISO 8879, en el año de 1986 se emplea para la

organización y etiquetado de textos, además trabaja conjuntamente con la herramienta XML

que es un lenguaje que nos ayuda a especificar las normas para el etiquetado de documentos,

no ha cambiado su forma de trabajas desde su creación hasta la actualidad.

La herramienta HTML 1.0 (HyperText Markup Language) no contenía tablas y formularios,

así como también su configuración de programación no contaba con la etiquetas HEAD

(cabeza) y BODY (cuerpo). En el año de 1993 aparece HTML+ es una extensión propuesta de

HTML que se ha debatido durante más de un año en el Internet como una solicitud de

comentarios (RFC) documento estaba compuesto por títulos, párrafos, listas, figuras, tablas,

formularios, pero lo más novedoso en este eran las tabla y los formularios, además que

permitía trabajar con ecuaciones matemáticas. Por el año de 1994 se funda W3C (World Wide

Web Consortium), un organismo que se encarga de las tecnologías que mueven la web.

Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la

informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada

con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos

sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales. Tras

finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una

convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después

de unir sus fuerzas con el ingeniero de sistemas Robert Canillita, presentaron la propuesta

ganadora llamada World Wide Web (W3). (Dave, Raggett, 2008).

La herramienta HTML 2.0 fue construida por Tim Berners Lee es un lenguaje programación

que se dedica al etiquetado o marcado y a la vez se lo utiliza para la creación de páginas web,

con el tiempo ha ido ganando terreno y a la vez viene moderando todas y cada una de sus

versiones sin dejar alado el primer estándar que se utilizó. También es conocida como la web

2.0 está orientado a la integración y a las redes sociales mediante webs interactivas y

visuales.

En el año de 1995 el primer estándar de la herramienta WEB 2.0, aun sin ser una

recomendación del W3C (World Wide Web Consortium), daba su primer paso a la

estandarización.

12

“En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el

22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0

es el primer estándar oficial de HTML.” (Libros web, 2012).

Ya en el año 1996 los estándares de lenguaje de marcas de hipertexto los publica otro

organismo llamado W3C, como:

La herramienta HTML 3.2 que dio su inicio el 14 de febrero en el año de 1997 como la

primera versión que ya contaba con la estandarización de W3C y a la vez agrupando en sus

nuevas herramientas las Applets de Java y de texto que corren alrededor de las imágenes.

La herramienta HTML 4.0 comienza su funcionamiento un 24 de Abril en el año de 1998 a

1999 ya era una versión corregida y mejorada a la del 18 de diciembre de año 1997, que

contaba con algo nuevo como las hojas de estilos denominadas CSS, además de scripts,

tablas complejas, y presentaban mejoramientos en sus formularios.

HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML abandonando el

desarrollo de HTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera

mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse

en una nueva asociación llamada WHATWG Web Hypertext Application Technology Working

Group. (Regget, 2008).

Posteriormente Web Hypertext Application Technology Working Group (WHATWG) se

centra en el futuro estándar de la herramienta HTML5, que su primer borrador fue presentado

el 22 de enero del año 2007 y a la vez van incorporando las etiquetas Fig y Figcaption, las

cuales servían para marcar contenido de las imágenes.

“HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la

variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5

que deberá ser servida como XML. Esta es la primera vez que HTML y XHTML se han

desarrollado en paralelo.” (Aubry, 2012).

La herramienta HTML5 hasta hoy en día no se considerado como una estándar ya que se

encuentras en todos los desarrolladores, además trabaja conjuntamente con CSS3 que vendría

ser la hoja de estilos en cascada, consiguiendo nuevos elementos y atributos para darle y

http://www.whatwg.org/

http://es.wikipedia.org/wiki/XHTML

13

mejorarle con un nuevo dinamismo a la interfaz de todas las plataformas web, y por último se

hizo realidad en el 2015 HTML5 vendría a estandarizar.

1.2.6 URL.

Localizador uniforme de recursos fue desarrollado por el físico Tim Berners – Lee científico

de la computación Británico, estableció la primera comunicación entre un cliente y un servidor

usando el protocolo HTTP en noviembre de 1989, y para el año de 1993 en un ordenador

NeXT el mismo que tenían como objetivo el sector educativo. La WEB original contenía

información sobre la WWW, sus protocolos, y otro material relacionado. Es ahí donde se

fueron creando distintas organizaciones y grupos de trabajo para avanzar Internet e ir

desarrollando estándares, tales como HTTP, HTTPS, FTP hasta llegar a la actualidad con

HTML5 o también conocida como CSS3, herramienta para compartir información entre los

físicos y las universidades del mundo.

El CERN habilita la primera URL de la Historia para conmemorar la World Wide Web Para

celebrar el día en que la World Wide Web se convirtió oficialmente en un sistema de dominio

público, el CERN ha vuelto a mantener operativa la primera URL en la que publicó los

primeros datos acerca de la red, incluyendo una breve descripción (Portaltic, 2007).

NeXT una empresa Estadounidense que desarrolló y fabricó una serie de estaciones de trabajo

destinadas a la educación superior y las empresas fue quien lanzo la primera dirección de un

sitio web del mundo que apuntada al primer servidor web del mundo, que se ejecutaba en el

CERN. La primera dirección página de Internet fue

http://info.cern.ch/hypertext/WWW/TheProject.html.

Esta dirección se enfocó en la información sobre el proyecto desarrollado en WWW. Quienes

visitaban esta dirección podían aprender más sobre el hipertexto, los detalles técnicos para la

creación de su propia página web, e incluso les mostraría una explicación sobre la manera de

buscar en la Web para obtener información.

HTTP. Es una herramienta que ha pasado por múltiples versiones del protocolo, muchas de

las cuales son compatibles con las versiones anteriores el RFC-2145 describe el uso de los

http://info.cern.ch/hypertext/WWW/TheProject.html

14

números de versión de HTTP, el cliente le dice al servidor al principio de la petición la

versión que usa, y el servidor usa la misma o una anterior en su respuesta.

0.9 Obsoleta. Esta versión soporta sólo un comando, GET, y además no especifica el número

de versión HTTP, al igual que no soporta cabeceras, y como esta versión no soporta POST, el

cliente no puede enviarle mucha información al servidor.

HTTP/1.0. En el año de 1996 aparece la primera revisión del protocolo que especifica su

versión en las comunicaciones, y en la actualidad aún se usa ampliamente, sobre todo en

servidores proxy.

HTTP/1.1. Ya para el año 1999 aparece la versión actual; las conexiones persistentes están

activadas por defecto y funcionan bien con los proxys, además permite al cliente enviar

múltiples peticiones a la vez lo que hace posible eliminar el tiempo de Round Trip delay que

es tiempo que tarda un paquete de datos enviado desde un emisor en volver a este mismo

emisor habiendo pasado por el receptor de destino por cada petición.

HTTP/1.2. Ya para esta versión los primeros borradores de 1995 del documento, el cuál

propone el protocolo de extensión de protocolo, abreviado PEP los hizo el World Wide Web y

se envió al Internet. Este documento que en un inicio estaba destinado a convertirse en un

rango distintivo de HTTP/1.2. En borradores posteriores, sin embargo, se eliminó la referencia

a HTTP/1.2. HTTP extensión de framework, incluye en gran medida a PEP y que se publicó

en febrero de 2000.

1.2.7 Java Script.

Mediante módems a una velocidad de hasta 28.8 kbps. Conectaban a Internet un gran número

de usuarios en los años 90, para esta época, iniciaron con el desarrollo de las primeras

aplicaciones web, las mismas permitían ser más interactivas para el usuario, por lo que la

navegación se hacía cada vez más lenta, por lo cual se propuso crear un lenguaje de

programación que trabajara o corriera sobre el navegador del usuario además que interactúe

15

directamente con la interfaz y no esperar a un lenguaje de programación del lado del servidor

que demoraba en consultar una respuesta.

Brendan Eich, un programador que trabajaba en Netscape, pensó que podría solucionar este

problema adaptando otras tecnologías existentes (como ScriptEase) al navegador Netscape

Navigator 2.0, que iba a lanzarse en 1995. Inicialmente, Eich denominó a su

lenguaje LiveScript, posteriormente, Netscape firmó una alianza con Sun Microsystems para

el desarrollo del nuevo lenguaje de programación. Además, justo antes del lanzamiento

Netscape decidió cambiar el nombre por el de JavaScript. La razón del cambio de nombre fue

exclusivamente por marketing, ya que Java era la palabra de moda en el mundo informático y

de Internet de la época (Sánchez, 2012).

La eminente versión de la herramienta JavaScript fue un completo éxito y el navegador

comercial Netscape Navigator 3.0 ya era parte de la siguiente versión del lenguaje, la versión

1.1, además al mismo tiempo Microsoft lanzó el lenguaje de programación interpretado

JScript con su navegador Internet Explorer 3. Esta herramienta JScript no era más que una

copia de JavaScript al que le cambiaron el nombre para evitar problemas legales que pudieron

haber tenido.

1.2.8 AJAX.

Asynchronous JavaScript And XML es una técnica de desarrollo web para crear aplicaciones

interactivas o RIA (Rich Internet Applications) fue desarrolla en el año 2005 por Jesse James

Garret quien vino a mejorar la satisfacción del usuario mediante la mejora de la usabilidad,

facilidad de uso, y el placer proporcionado en la interacción entre el usuario y el producto esta

vez como técnica de desarrollo web para crear aplicaciones interactivas o RIA).

Con estas aplicaciones ya ejecutadas en el cliente, es decir, en que el navegador de los

usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. Y

así de esta forma seria probable que se realicen cambios sobre las páginas sin necesidad de

volverlas a recargar además de que presentan una interactividad, velocidad y usabilidad en las

aplicaciones de manera inmediata.

“Iniciativa de Microsoft en el desarrollo de Scripting Remoto. Sin embargo, las técnicas para

la carga asíncrona de contenidos en una página existente sin requerir recarga completa

remontan al tiempo del elemento ifram” (Torres, 2007).

16

Es así como el congreso de programadores web, lo primero que colaboraron por medio del

grupo de noticias microsoft.public.scripting.remote y después usando los famosos blogs, hasta

llegando a desarrollar una escala de técnicas de scripting remoto para conseguir los mismos

resultados en diferentes navegadores.

1.2.9 PHP.

Lenguaje de programación de uso general de código del lado del servidor, PHP como se lo

conoce en los últimos tiempos es el resultado de un producto, en realidad es el sucesor de

PHP/FI, desarrollado en el año 1994 por el programador informático Rasmus Lerdorf, la

primera versión de PHP era un conjunto simple de ficheros binarios Common Gateway

Interface escritos en lenguaje C.

En junio de 1995, Rasmus publicó el código fuente de PHP Tools, lo que permitió a los

desarrolladores usarlo como considerasen apropiado. Esto también permitió y animó a los

usuarios a proporcionar soluciones a los errores del código, y generalmente a mejorarlo.

Rasmus amplió PHP y -por un corto periodo de tiempo- abandonó el nombre de PHP. Ahora,

refiriéndose a las herramientas como FI (abreviatura de "Forms Interpreter"), la nueva

implementación incluía algunas de las funciones básicas de PHP tal y como la conocemos

hoy. Tenía variables como las de Perl, interpretación automática de variables de formulario y

sintaxis incrustada HTML. (Manual de PHP, 2015).

PHP es un lenguaje que se ejecuta en un servidor web, es potente, versátil, robusto, los

códigos de este lenguaje son embebidos dentro del código HTML, muy utilizado en la

actualidad para la creación de páginas dinámicas.

1.2.10 CSS 3.

Es una herramienta novedosa que permite mediante hojas de estilo en forma de cascada dar

diseño a una aplicación, su nacimiento fue alrededor de los años 70 y desde su creación de

Standard Generalized Markup Language, se observó la necesidad de definir un mecanismo que

permitiera aplicar de forma consistente diferentes estilos a los documentos electrónicos, con la

creación de las hojas de estilo en cascada se produjo con el boom de Internet y el crecimiento

exponencial del lenguaje HTML para la creación de documentos electrónicos.

17

El organismo W3C (World Wide Web Consortium), encargado de crear todos los estándares

relacionados con la web, propuso la creación de un lenguaje de hojas de estilos específico

para el lenguaje HTML y se presentaron nueve propuestas. Las dos propuestas que se tuvieron

en cuenta fueron la CHSS (Cascading HTML Style Sheets) y la SSP. (World Wide Web, 2008).

Los navegadores que trabajan con estas hojas de estilo en cascada requieren un largo periodo

de tiempo, ya que en el mismo año que se publicó CSS 1, Microsoft lanzaba su navegador

Internet Explorer 3.0, que disponía de un soporte bastante reducido para las hojas de estilo en

cascada, uno de los primeros navegadores con soporte completo de CSS 1 fue la versión para

Mac de Internet Explorer 5, que se publicó en el año 2000.

1.2.11 APLICACIONES WEB.

En su mayoría las herramientas que pueden utilizar los usuarios para acceder a un servidor

web a través de una conexión de internet o de una intranet mediante los navegadores, las

aplicaciones web son multitudinarias debido a la facilidad del uso e instalación de un

navegador web como cliente desde sus dispositivos.

La estructura de las aplicaciones web cuenta con tres capas, la primera es el navegador web, el

segundo es un motor capaz de usar tecnologías web dinámicas como lo son PHP, Java

Servlets, ASP.NET, CGI, ColdFusion, embPerl, Python, entre otras; mientras que la base de

datos es la tercera capa. Entonces el navegador web envía peticiones a la segunda capa que

ofrece servicios utilizando consultas y actualizaciones a la base de datos y termina

presentando una interfaz de usuario. (JKBW, 2014).

Un aplicativo web no es más que un instrumento dirigido a los usuarios, al cual se accede

mediante un navegador web ligero instalado en un ordenador con conexión a red de

información por la cual se comunica con un servidor web el cual cuenta con las tecnologías

web y la base de datos que permitían presentar una interfaz amigable al usuario final.

1.2.12 Bases de datos

Estas herramientas son repositorios, que nos permiten interconectar datos así mismo estos

pueden ser utilizados desde otra aplicación.

Es básicamente un sistema computarizado para guardar registros; es decir, la finalidad principal es

almacenar información y permitir a los usuarios recuperar y actualizar esa información con base a

http://www.w3.org/

18

peticiones o consultas. Un sistema de base de datos comprende cuatro componentes principales:

datos, hardware, software y usuarios. (Ruiz, Date, 2001)

Una Base de Datos Relacional, es una base de datos que cumple con el modelo relacional, el

cual es el modelo más utilizado en la actualidad para implementar bases de datos ya

planificadas. Permiten establecer interconexiones relaciones entre los datos que están

guardados en tablas), y a través de dichas conexiones relacionar los datos de ambas tablas.

1.2.13 MySQL.

El motor de bases de datos MySQL es un modelo relacional que es desarrollada por Michael

Widenius, al no encontrar un sistema de almacenamiento de archivos que le resultara

satisfactorio, además es un caso particular, pues se trata de un programa de licencia open-

source y gratuito pero que, sin embargo, está mantenido por una empresa, MySQL AB, con

sede en Suecia.

En 1995, y en colaboración con David Axmark, Widenius desarrolló un producto que

básicamente era el resultado de sus investigaciones, más dos aportaciones nuevas: el uso del

lenguaje SQL y la accesibilidad a través de Internet. Así nació MySQL y también la empresa

MySQL AB. (Joumin, 2002).

MYSQL es un sistema gestor de bases de datos, adecuado para trabajar con páginas web

dinámicas, almacenando datos de una forma rápida, solida, flexible; con las consultas que el

cliente requiera.

1.2.14 Modelo Cliente Servidor.

TCP es un protocolo orientado a conexión en el cual no existen relaciones maestro/esclavo, los

proyectos, sin embargo, utilizan un modelo cliente/servidor en las comunicaciones.

Se puede decir que un servidor es una aplicación que ofrece un servicio a usuarios de Internet,

un cliente es el que pide ese servicio, además una aplicación consta de una parte de servidor y

una de cliente, que se pueden ejecutar en el mismo o en diferentes sistemas que se encuentren

interconectados por red.

Este modelo cliente servidor es una herramienta mejorada para interactuar una persona que

pide un servicio y otra que lo presta de una forma eficaz y fácil, el cliente servidor es capaz de

usarse en diferentes plataformas o sitios web.

19

1.2.15 Artículos científicos.

Un artículo científico es un trabajo de investigación destinado a la publicación en revistas

especializadas.

Según el council of Science Editors, el artículo científico es una publicación primaria; y por ello sus

lectores deben encontrar en esta clase de informes, la información suficiente para analizar las

observaciones, repetir los experimentos y evaluar los procesos intelectuales que condujeron a su

creación. De acuerdo a esto, sólo los artículos experimentales serían verdaderos textos científicos,

aunque en las revistas se publican otros tipos de textos. (Campos, 2011).

Tiene como objetivo difundir de manera clara y precisa, los resultados de una investigación

realizada sobre un área determinada del conocimiento, también busca fomentar el desarrollo

de métodos experimentales e innovadores.

Los artículos científicos están cuidadosamente redactados para poder expresar de un modo

claro y sistémico lo que se pretende comunicar, y para que incluya las citas y referencias

indispensables para contextualizar, verificar y poder reproducir los resultados originales que se

dan a conocer en el mismo.

1.2.16 Publicación de artículos.

Un artículo científico es uno de los últimos pasos de cualquier investigación científica,

actualmente es una de las herramienta más avanzadas de internet.

“Una publicación científica primaria aceptables debe ser “la primera divulgación”.

Indudablemente, la primera revelación de nuevos datos de investigación se realiza a menudo

por medio de una presentación verbal en alguna reunión científica.”(Day, 2011).

Comenzaron como cartas personales entre los científicos, libros y publicaciones periódicas

como anuarios o revistas científicas.

1.2.17 Revistas Digitales.

Se considera a una publicación diseñada en algún medio digital u óptico como CD, DVD, o en

un archivo digital que se lo transfiere entre personas o empresas mediante un correo

electrónico.

La publicación de revistas destinadas exclusivamente al medio electrónico es un nuevo fenómeno Web.

La revista electrónica se asemeja a la que se distribuye impresa en que los artículos han sido

20

revisados por expertos y redactadores antes de su publicación. Pueden incluir también sonido,

películas breves y animaciones como referencias visuales para los datos, lo mismo que hacen los CD-

ROM, aunque con diferente tecnología. (Day, 2005).

También pueden denominarse así a las publicaciones como internet en un formato similar o

parecido a una revista impresa.

1.3 Valoración crítica de los conceptos principales de las distintos posiciones teóricas

sobre el sitio WEB

El software se ha convertido en una de las herramientas educativas donde los estudiantes

ponen en práctica los conceptos adquiridos, así mismo impulsa a los alumnos adquirir y

desarrollar nuevos conocimiento en las disciplinas que convergen en el diseño, la

construcción, y la programación de los sistemas.

Un sistema por competencias que se convierta en una herramienta confiable basada en

proyectos en el desarrollo de los temas y conceptos de ciencias e ingeniería, esto es

imprescindible lo más importante es saber, que con esto se logra mejorar el servicio de

transporte a los usuarios. Induciéndolos así al manejo de tecnologías actuales y al desarrollo

de proyectos tecnológicos y competitivos.

1.4 Conclusiones capítulo I

La problemática del presente proyecto de tesis ha sido sustentada de forma teórica y

tecnológica, por todos y cada uno de los conceptos descritos anteriormente, el mismo

que conducen a la elaboración de la propuesta como alternativa de solución

informático.

Es fácil notar el desarrollo vertiginoso de las tecnologías de programación web esto ha

permitido que actualmente el usuario común pueda disponer de una gran cantidad de

servicios en la red.

La tecnología para el desarrollo de aplicaciones a través de sistemas web ha

evolucionado al punto de volverse no solo un simple sistema de información, sino que

ahora se pueden desarrollar aplicaciones complejas que cumplen con todas las

21

necesidades que se le presenten y que cumplen con requerimientos de seguridad,

rapidez y facilidad de uso.

En este capítulo se revisa el principio y evolución de los métodos informáticos la cual

permite tener el aspecto más importante de la propuesta y permite dar una solución

directa del problema, a más de eso se analizan los diferentes temas que se relacionan

con el problema a investigarse.

22

CAPÍTULO II. MARCO METODÓLOGICO

2.1 Caracterización de la Universidad Autónoma de los Andes Uniandes extensión

Tulcán.

La Universidad Regional Autónoma de los Andes Uniandes extensión Tulcán, se encuentra

ubicada en el sector Santa Rosa de Taques, es una Universidad particular, que tiene como

propósito formar profesionales de tercer y cuarto nivel de investigación, responsables,

competitivos, con conciencia ética y solidaria capaces de contribuir al desarrollo nacional y

democrático, mediante una educación humanista, cultural y científica dirigida a bachilleres y

profesionales nacionales y extranjeros. Cuya visión es ser una institución reconocida a nivel

nacional e internacional por su calidad, manteniendo entre sus fortalezas un cuerpo docente de

alto nivel académico y un proceso de formación profesional centrada en el estudiante, acorde

con los avances científicos, tecnológicos, de investigación en vínculo permanente con los

sectores sociales y productivos. Cuenta con las siguientes carreras; Sistemas, Derecho,

Enfermería, Contabilidad y Auditoría.

2.2 Descripción del procedimiento metodológico para el desarrollo de la investigación.

Los elementos a desarrollarse en este punto son:

2.2.1 Modalidad de la investigación

Considerando la naturaleza y el área que abarca este proyecto; “Implementar un sitio WEB de

la revista Metanoia” para contribuir a la publicación de artículos científicos elaborados por los

docentes de la institución, se eligió un entorno cualitativo y cuantitativo debido a que se lo

realizó por medio de encuestas a los docentes de la Universidad Uniandes Tulcán.

El paradigma cuantitativo se lo utiliza por llevar a cabo una investigación de campo,

fundamentada en encuestas, las mismas que son aplicadas a una muestra debidamente

seleccionada de la población motivo de estudio, para los cuales se tabulan los datos en forma

numérica y se presentan en gráficas estadísticos, estos instrumentos han sido aplicados a los

docentes y estudiantes de la institución a las que se les aplicó encuestas.

23

El paradigma cualitativo se lo emplea por la utilización de métodos teóricos de investigación,

los mismos que permiten el análisis de la información teórica presentada en la tesis; también la

propuesta permite publicar los artículos científicos elaborados por los docentes de la

institución.

2.2.2 Tipos de investigación.

Los tipos de investigación empleados para el desarrollo de este trabajo de grado son:

Investigación aplicada. Este tipo de investigación integro, la teoría con la práctica para dar

una solución adecuada al problema, como es el sitio Web, para mejorar la publicación de

artículos científicos de la revista Metanoia.

Investigación de campo. Se desarrolla en la universidad Uniandes Tulcán con la finalidad de

recopilar datos a través de encuestas.

Investigación bibliográfica. Porque se realizó un estudio en libros y en internet.

Investigación descriptiva. Porque se hace el estudio y la descripción de las dos variables:

Sitio Web – Publicación de artículos científicos.

Investigación correlacional. Por cuanto tiene un grado de incidencia la variable

independiente sobre la variable dependiente, es decir el: Sitio Web – Publicación de artículos

científicos mediante la herramienta Internet dentro y fuera de la cuidad de Tulcán.

2.2.3 Población y muestra.

Población.

La población tomada en cuenta para llevar a cabo la investigación de campo es:

Tabla N° 1. Población.

Extracto Población Técnica

Docentes 10 Encuesta

Estudiantes 40 Encuesta

TOTAL 50

Fuente: Investigación de Campo

Elaborado por: Harold Tarupi

24

Muestra.

La cantidad entre docentes y estudiantes de los últimos paralelos de los novenos semestres que hacen

parte de la universidad Uniandes extensión Tulcán no reúne una población suficiente mayoritaria para

tomar una muestra de ella, razón por la cual se va a trabajar con todo el universo; es decir 10 docentes

y 40 estudiantes de la institución.

2.2.4 Métodos, técnicas e instrumentos.

2.2.4.1 Métodos.

Métodos teóricos.

Método analítico-sintético. Se utiliza para analizar la elaboración de la encuesta y en el

marco teórico porque nos permite ir de un todo a sus partes, y la síntesis se la aplica en la

propuesta porque nos permite ir de las partes al todo.

Método inductivo-deductivo. Se lo utiliza porque siempre se lo utiliza en planteamientos

generales para inducir conocimientos específicos.

Método Histórico – Lógico. Porque se hace un estudio de los antecedentes de la prestación de

textos, así como se clasifica en etapas el marco teórico.

Método sistémico. Se lo va a implementar en el desarrollo del Sitio Web en cada uno de sus

módulos, así como también en el desarrollo de la tesis en cada uno de sus capítulos para al

final integrar todo en un solo documento.

Métodos empíricos.

Observación científica. Permite determinar el problema a investigar para poner una

alternativa de solución

Criterio de Expertos. Mediante la ayuda de profesionales en la rama se valida el Sistema

mediante puntos de vista y se analiza sobre el problema a solucionar, en este caso los

validadores fueron: Ing. Leonardo Chávez docente de Unidad Educativa “Vicente Fierro”, Ing.

Fayer Calderon Jefe del departamento de sistemas de la Cooperativa Pablo Muñoz Vega e Ing.

Mauricio Paredes programador de la empresa Siscontable S.A.

25

2.2.4.2 Técnicas.

Como técnicas de investigación se utilizó la encuesta.

2.2.5. Interpretación de resultados de la encuesta aplicada a docentes y estudiantes de la

Universidad Regional Autónoma de los Andes Uniandes extensión Tulcán.

En la pregunta N° 1 se consultó: ¿La universidad cuenta con un Sitio WEB de publicación

de artículos científicos a manera de revista digital?; arrojando los siguientes resultados.

Tabla N° 2. Resultados de la pregunta 1.

Indicador Frecuencia Porcentaje

SI 5 10%

NO 45 90%

TOTAL 50 100%

Interpretación de Resultados. De acuerdo a los resultados obtenidos, se identifica que

tanto docentes como estudiantes en su mayoría afirman que no existe un Sitio WEB de

publicación de artículos científicos a manera de revista digital en la Universidad Uniandes

Tulcán.

En la pregunta N° 2 se consultó: ¿Le gustaría que la universidad cuente con un sitio WEB

de publicación de artículos científicos a manera de revista digital?; arrojando los siguientes

resultados.

Tabla N° 3. Resultados de la pregunta 2


SI 48 96%

NO 2 4%

TOTAL 50 100%





26


tanto docentes como estudiantes en su mayoría aseguran que les gustaría disponer de un

Sitio WEB de publicación de artículos científicos a manera de revista digital en la

Universidad Uniandes Tulcán.

En la pregunta N° 3 se consultó: ¿Conoce usted de qué manera se publican los artículos

científicos realizados por los docentes de la Uniandes Tulcán?; arrojando los siguientes

resultados.



SI 7 14%

NO 43 86%

TOTAL 50 100%

Interpretación de Resultados. De acuerdo a los resultados obtenidos, se identifica que tanto

docentes como estudiantes en su mayoría aseguran desconocer de qué manera se lleva la

publicación de los artículos científicos realizados por los docentes en la Universidad Uniandes

Tulcán.

En la pregunta N° 4 se consultó: ¿La publicación de los artículos científicos de docentes y

estudiantes es?; arrojando los siguientes resultados.



27



Excelente 0 0%

Muy Bueno 2 4%

Bueno 1 2%

Regular 20 40%

Mala 27 54%

TOTAL 50 100%


tanto docentes como estudiantes en su mayoría afirman que la publicación de los artículos

científicos realizados por los docentes es regular y en algunos casos confirman que es mala

en la Universidad Uniandes Tulcán.

En la pregunta N° 5 se consultó: ¿Al implementar un sitio WEB de una revista digital se

contribuye al mejoramiento de publicación de artículos científicos para la universidad

Uniandes Tulcán de manera?; arrojando los siguientes resultados.



Excelente 32 64%

Muy Bueno 13 26%

Bueno 5 10%

Regular 0 0%

Mala 0 0%

TOTAL 50 100%


tanto docentes como estudiantes están de acuerdo en que se implemente un sitio web de

publicación de artículos científicos a manera de revista digital en la Universidad Uniandes

Tulcán.





28

En la pregunta N° 6 se consultó: ¿De su opinión sobre la publicación de los artículos

científicos que se realizan en Uniandes Tulcán?; arrojando los siguientes resultados.



Comentarios Positivos 44 88%

Comentarios Negativos 6 12%

TOTAL 50 100%


tanto docentes como estudiantes le ven como una herramienta necesaria el implementar un

Sitio Web de publicación de artículos científicos en la Universidad Uniandes Tulcán.

2.3. Metodologías del desarrollo del software.

El concepto de metodología, dentro de la Ingeniería del Software es, sin duda, uno de los más

oscuros y que más confusión produce tanto en estudiantes como en profesionales involucrados

en procesos de desarrollo de software.

Además, la constante innovación tecnológica hace que cada vez sea necesaria la aplicación de

nuevas metodologías adaptadas a los nuevos tiempos y, sin embargo, siguen figurando en los

libros de texto viejas metodologías pensadas para viejos problemas cosa que no sería

necesariamente mala si las nuevas metodologías tuviesen también su lugar, pero a menudo no

es así.

2.3.1 Modelos de desarrollo de software.

La ingeniería de software tiene varios modelos, paradigmas o filosofías de desarrollo en los

cuales se puede apoyar para la realización de software, de los cuales podemos destacar a éstos

por ser los más utilizados y los más completos:



29

Modelo en cascada o Clásico (modelo tradicional)

2.3.1.1 Método del ciclo de vida clásico.

El método del ciclo de vida para desarrollo de sistemas es el conjunto de actividades que los

analistas, diseñadores y usuarios realizan para desarrollar e implantar un sistema de

información.

2.3.1.2 Investigación Preliminar.

La solicitud para recibir ayuda de un sistema de información pueden originarse por una

persona, cuando se formula la solicitud comienza la primera actividad del sistema. Esta

actividad tiene tres partes:

Aclaración de la solicitud.

Antes de considerar cualquier investigación de sistemas, la solicitud de proyecto debió

examinarse para determinar con precisión lo que el solicitante deseó; ya que muchas

solicitudes no se formulan de manera clara.

Estudio de factibilidad.

En la investigación preliminar un punto importante fue determinar que el sistema solicitado

sea factible. Existen tres aspectos relacionados con el estudio de factibilidad, que son

realizados por lo general por analistas o directivos.

Aprobación de la solicitud.

Algunas organizaciones reciben tantas solicitudes de proyectos. Sin embargo, aquellos

proyectos que son deseables y factibles deben incorporarse en los planes de la empresa.

Cuando esto ocurre, la administración decide qué proyectos son los más importantes y el

orden en que se llevarán a cabo.

Después de ser aprobada la solicitud del proyecto se estimó su costo, el tiempo necesario para

terminarlo y las necesidades de personal.

30

2.3.1.3 Determinación de los requisitos del sistema.

Los analistas, al trabajar con los empleados y administradores, deben estudiar los procesos de

una empresa para dar respuesta a ciertas preguntas claves.

Para contestar estas preguntas, el analista conversó con varias personas para reunir detalles

relacionados con los procesos de la Universidad. Porque no fue posible entrevistar, en forma

personal a los miembros de grupos grandes dentro de la organización, se emplearon

cuestionarios para obtener esta información.

2.3.1.4 Diseño del sistema.

El diseño de un sistema de información responde a la forma en la que el sistema cumplirá con

los requerimientos identificados durante la fase de análisis.

Es común que los diseñadores hagan un esquema del formato o pantalla que esperan que

aparezca cuando el sistema está terminado, se realiza en papel o en la pantalla de una terminal

utilizando algunas de las herramientas automatizadas disponibles para el desarrollo de

sistemas. También se indican los datos de entrada, los que serán calculados y los que deben ser

almacenados. Los diseñadores seleccionan las estructuras de archivo y los dispositivos de

almacenamiento. Los procedimientos que se escriben indican cómo procesar los datos y

producir salidas.

2.3.1.5 Desarrollo de software (diseño físico).

Los encargados de desarrollar software pueden instalar software comprado a terceros o

escribir programas diseñados a la medida del solicitante. La elección depende del costo de

cada alternativa, del tiempo disponible para escribir el software y de la disponibilidad de los

programadores.

Los programadores son responsables de la documentación de los programas y de explicar su

codificación, esta documentación es esencial para probar el programa y hacer el

mantenimiento.

31

2.3.1.6 Prueba de sistemas.

Durante esta fase, el sistema se emplea de manera experimental para asegurarse que el

software no tenga fallas, es decir, que funciona de acuerdo con las especificaciones y en la

forma en que los usuarios esperan que lo haga. Se alimentan como entradas conjuntos de datos

de prueba para su procesamiento y después se examinan los resultados. En ocasiones se

permite que varios usuarios utilicen el sistema, para que los analistas observen si tratan de

emplearlo en formas no previstas, antes de que la organización implante el sistema y dependa

de él.

2.4 Conclusiones.

Según los objetivos planteados para el presente trabajo de investigación y tomando en cuenta

los resultados obtenidos, se presentan las siguientes conclusiones que fueron resultado de un

profundo análisis:

De las preguntas realizadas en la encuesta, la mayor población son los estudiantes, razón

por la cual es favorable y necesario controlar de mejor manera.

El diagnóstico del problema se lo establece de manera cuantitativa y cualitativa,

estableciendo que la Universidad Uniandes no cuenta con un Sitio Web para la publicación

de artículos científicos; solamente se han realizado de manera escrita y no se ha difundido

dicha información.

Tanto los estudiantes, docentes y personal administrativo de la Universidad Uniandes

Tulcán están de acuerdo que se implemente un Sitio Web de la revista Metanoia para

contribuir con la publicación de artículos científicos; facilitando de esta manera la mejora

de la educción, teniendo acceso a la información necesaria de la revista Metanoia a través

de la herramienta Internet.

32

CAPÍTULO III. DESARROLLO DE LA PROPUESTA

3.1 Título de la propuesta.

Revista Digital Metanoia para publicaciones de artículos científicos de Uniandes Tulcán.

3.2 Caracterización de la propuesta.

El sitio web de la revista presta servicios de gestión y publicación de artículos científicos e

información adicional a manera de una revista digital, realizados por los estudiantes y

docentes de la institución mediante cualquier navegador desde cualquier parte a través de la

herramienta de internet.

3.3 Esquema de la propuesta.

La realización de la presente propuesta se la ha diseñado aplicando metodología de ingeniería

de software, partiendo de la investigación preliminar, hasta llegar a la implantación de la

plataforma de educación.

Gráfico N° 1 Esquema de la propuesta.

La metodología de ingeniería de software tradicional imponen una disciplina de trabajo sobre

el proceso de desarrollo del software, con el fin de conseguir un software más eficiente, para

ello se hace énfasis en la planificación total de todo el trabajo a realizar y una vez que está

Fuente: Investigación bibliográfica

Autor: Adrián Rengifo

33

todo detallado, comienza el ciclo de desarrollo del producto software, se centran

especialmente en el control del proceso, mediante una rigurosa definición de roles,

actividades, artefactos, herramientas y notaciones para el modelado y documentación

detallada, además, las metodologías tradicionales no se adaptan adecuadamente a los cambios,

por lo que no son métodos adecuados cuando se trabaja en un entorno, donde los requisitos no

pueden predecirse o bien pueden variar.

3.4 Planteamiento detallado de la propuesta.

3.4.1 Análisis del sistema

En cuanto a la elaboración del sitio web para la revista Metanoia para publicación de artículos

científicos se debe tomar muy en cuenta todo el contenido que dispondrá alojado, para luego

conocer los requerimientos mínimos para el correcto funcionamiento del mismo.

3.4.1.1 Análisis y requerimientos del software

Propósito. Se debe enfocar en las especificaciones básicas que se debe cumplir para el sitio

web de la revista Metanoia son muy altas, debido a que se integra un sistema administrativo

dinámico por las actualizaciones de los contenidos que se van a alojar.

Ámbito del Sistema. Al implementar el sitio web de la revista Metanoia se puede publicar

artículos científicos realizados por docentes de la institución para que los lectores puedan

tener acceso de una manera dinámica desde cualquier parte.

Atributos del Sistema. Con cada gestión que se detallan a continuación, tienen la labor de

contribuir al mejoramiento en la publicación de artículos científicos de la reviste Metanoia.

Gestión de Usuarios. Los usuarios que se registren en el sitio web de la revista Metanoia,

tanto estudiantes, lectores, docentes como las personas encargadas de su administración

estarán habilitados con diferentes permisos para cada tipo de usuario, los privilegios de los

docentes corresponden a editar, subir, bajar diferentes tipos de contenido, los estudiantes y

lectores tendrán como privilegios ver, calificar y enviar comentarios de las publicaciones y

revistas expuestas, en cuanto al administrador se encargara de publicar las revistas cada cierto

periodo.

34

Gestión de Información. La información que podrán visualizar los visitantes en el frontal del

sitio web dependerá de las actualizaciones que haga el administrador, los estudiantes y lectores

en general podrán visitar el sitio y podrán descargar los artículos en archivos pdf, por otro lado

los docentes ya que tienen su espacio para personalizarlo pudiendo tener varios artículos los

cuales pueden ser editados, eliminados y sin la aprobación del administrador no pueden ser

publicados.

3.4.2 Diseño del sistema

El diseño, es el proceso en donde se traduce los requisitos previos de un sistema representados

de tal manera que pueda conocerse la arquitectura, funcionalidad e incluso la calidad del

mismo, al igual que el análisis se debe documentar ya que forma parte de la configuración del

sistema, en este caso se mencionara cada uno de los framework y herramientas para el

desarrollo del sitio web.

3.4.3 Sublime text 2

Esta herramienta trabaja como un editor de texto que permite al usuario interactuar con

múltiples lenguajes de programación, además de lenguajes de etiquetado y maquetación en

este caso utilizaremos PHP, HTML5, JS, CSS3.

Gráfico N° 2. Pantalla Sublime text 2.

Fuente: Pantalla sblime text 2

Autor: Harold Tarupi

35

3.4.4 Bases de datos.

Para el desarrollo del sitio web utilizamos la BBD MySQL Y PHP MyAdmin para manejar y

crear BD y sus procedimientos almacenados partiendo de la instalación y configuración de un

servidor apache.

Gráfico N° 3. Servidor local con Appserv.

Gráfico N° 4. Gestor de BDD.

Fuente: Servidor local Appserv


Fuente: Query Browser Mysql


36

Gráfico N° 5. BDD Metanoia.

Gráfico N° 6. BDD en el Hosting.

3.4.5 Creación interfaz gráfica

Interfaz gráfica de inicio del sitio web de la revista Metanoia es decir el índex del frontal que

nos aparecerá al ingresarnos al link del sitio, así como también es aquí donde nos dirigirá la

etiqueta Inicio de la plataforma la cual nos muestra información de la revista digital, link para

dirigirnos a artículos relacionados por carreras, así como también nos muestra sitios

relacionados con la revista. Además de un menú de navegación interactivo.

Fuente: BDD Metanoia


Fuente: Hostinger BDD


37

Gráfico N° 7. Frontal de inicio del sitio web Metanoia.

Revistas. Nos permite vizualizar todas las ediciones de la revista Metanoia publicadas en el

Sitio Web, de manera que si damos click en el icono con la letra V nos presentara los artículos

científicos publicados en esta edición a manera de archivos pdf e información relevante de la

misma, además en la parte izquierda existe un navegador de articulos por carreras, por último

cuenta con un buscador de revistas en la parte superior derecha.

Gráfico N° 8. Frontal de Etiqueta Revistas.

Fuente: Frontal de inicio del sitio web Metanoia


Fuente: Frontal Etiqueta Revistas


38

Post Actual. Al hacer clic en esta etiqueta nos llevara al frontal que aparecen los artículos

científicos y toda la información por secciones de la revista publicada actualmente.

Gráfico N° 9. Frontal de Etiqueta Post Actual.

Contáctenos. Esta etiqueta nos llevará a un frontal donde podamos encontrar información

relacionada con nuestra institución, encontraran redes sociales y sitios web vinculadas con la

revista, además cuenta con una sección donde los visitantes del sitio pueden dejar sus

comentarios y sugerencias.

Gráfico N° 10. Frontal de Etiqueta Contáctenos.

Fuente: Frontal Etiqueta Post Actual


Fuente: Frontal Etiqueta Contáctenos


39

Ingresar. Esta etiqueta nos lleva al siguiente formulario de verificación e ingreso de usuarios

del sitio web de la revista Metanoia.

Gráfico N° 11. Frontal de Autenticación e ingreso de Usuarios.

[email protected]. En este caso como el usuario es el Administrador le aparecera el

siguiente frontal con sus respectivos artículos cientícos, en la parte izquierda se detallara su

información a travez de secciones y la opción de publicar un nuevo artículo.

Gráfico N° 12. Frontal del Usuario Administrador del sitio web.

Fuente: Frontal Etiqueta Autenticación e ingreso de Usuarios


Fuente: Frontal Administrador


40

Mis datos. En esta sección se mostrará la información relevante del administrador incluido

redes sociales y link asociados con la opción de editar estos datos.

Gráfico N° 13. Frontal sección Mis Datos del Administrador del sitio web.

Nuevo artículo. En esta sección el sitio web nos permitirá subir un nuevo artículo científico

en cual nos presenta la cajas de texto con su respectiva indicación, una caja de selección de

carreras a la que pertenece el artículo, un botón que permite adjuntar una imagen al artículo,

además permite subir al artículo a manera de archivo pdf y un botón que permite cancelar el

proceso.

Gráfico N° 14. Frontal sección Nuevo artículo del Administrador del sitio web.

Fuente: Frontal Mis Datos del Administrador


Fuente: Frontal Nuevo artículo del Administrador


41

Administrador. En esta etiqueta encontraremos todas las revistas ya listas para su

publicación, en la parte derecha encontraremos etiquetas que nos dirigirán tanto a revistas

creadas información de una nueva revista, registrar un nuevo usuario y revisar los comentarios

del sitio web.

Gráfico N° 15. Frontal Administrador del sitio web.

Nueva revista. Esta sección es para ingresar la información y artículos correspondientes a la

revista actual, una vez ingresada la información que es requerida en los cajones de texto puede

presionar el boton guardar para que la revista pueda ser publicada.

Gráfico N° 16. Frontal sección Nueva revista del Administrador del sitio web.

Fuente: Frontal del Administrador


Fuente: Frontal de la sección Nueva revista


42

Registrar nuevo usuario. Esta etiqueta nos dirigirá a una nueva pantalla de ingreso de

información de un usuario del sitio web de la revista Metanoia.

Gráfico N° 17. Frontal sección Nueva revista del Administrador del sitio web.

Comentarios. En esta sección aparecerán todos los comentarios que dejan los visitantes del

sitio web conjuntamente con la información sintetizada del lector.

Gráfico N° 18. Comentarios del Administrador del sitio web.

Fuente: Formulario de ingreso de usuarios




43

3.4.6 Requerimientos de hardware.

Desarrollador. En este caso para el desarrollo se utilizó un computador con las siguientes

características

Tabla N° 8. Características del ordenador.

Componente Detalle

Procesador CoreI7 2.3hz

Sistema Operativo Windows 8

Memoria RAM 6 Gb

Usuario. Metanoia es un sitio web está diseñado de forma que en cualquier plataforma pueda

ser modificado es decir corre sobre cualquier sistema operativo que tenga acceso a internet,

pero es recomendable desde un procesado corei-3 en adelante,

El sitio web Metanoia tiene un diseño responsivo para no solamente se pueda ingresar desde

un computador tradicional si no que permite que el usuario tenga acceso desde cualquier

terminal, a través de la herramienta de internet.

Servidor. El servidor recomendable nos debe permitir la unión de varias tecnologías como

sistema operativo apache como servidor web, MySQL en calidad de base de datos PHP como

lenguaje de programación.

Fuente: Características del ordenador


44

Tabla N° 9. Software del Servidor.

Programa Característica mínima

Sistema Operativo Windows 7

Apache Httpd-2.2.3-31

MySQL Mysql-5.0.77-3.el5.i386

PHP Php-5.1.6-44.el5-10.i386

CSS 3.0

PhpMyAdmin Servidor:2.11.11.3/Cliente:5.0.77

Tabla N° 10. Hardware del Servidor.

Hardware Característica mínima

Procesador Corei-3

MainBoard Intel D845EPI/D845GVSR

Memoria RAM 256 MB

Disco Duro 360 GB/7200RPM

Tarjeta de Red 310/100 Fast Ethernet NIC

3.4.7 Implementación del sistema

Identificaremos de algunos scripts creados por el desarrollador para agilizar el proceso de

creación de Metanoia, Los mismo que están creador en Sublime bajo un package control.

La codificación para la aplicación está dada por el siguiente código. Dado que está construida

en PHP, JS y bajo HTML5 identificaremos los scripts y consultas más sobresalientes como los

de conexión a la base de datos.

Fuente: Hardware del servidor


Fuente: Hardware del servidor


45

Inicio. Index.php

Frontal de inicio.

<?php

session_start();

require_once("php_conection.php");

if (isset($_GET['item'])) {

$item=$_GET['item'];

}else{

$item= "presentacion.php";

}

$query_artc= 'SELECT * FROM t_archivos where b_publicado=0 order by n_calificacion desc

limit 7';

$ejec_query_art = mysql_query($query_artc,$conex) or die(mysql_error());

?>

<!Doctype html>

<html lang="es">

<head>

<meta charset="utf-8" />

<title>Revista Metanoia</title>

<link rel="stylesheet" href="css/normalize.css">

<link rel="stylesheet" href="css/index.css">

<script src="js/jquery-1.11.1.min.js"></script>

<script src="js/slider.js"></script>

<script src="js/ajax.js"></script>

</head>

<body>

<header>

<div id="slider">

<div id="contslider">

<img src="img/pub1.jpg" alt="">






</div>

</div>

<nav>

<?php

require_once("menu.php");

?>

</nav>

</header>

<div id="openModal" class="modalDialog">

<div>

<a href="#close" title="Cerrar" class="close">X</a>

<div class="titulos">

<h2>Autenticación de usuarios.</h2>

</div>

<hr>

<form action="php_ingreso.php" name ="" method="post" class="cl_ingreso">

Usuario:<input type="text" class="cl_usuario" name="c_usuario" placeholder="Usuario"

46

?>

</nav>

</header>


<div>




</div>

<hr>



required/>

Password:<input type="password" class="cl_password" name="c_password"

placeholder="Password" required/>

<input type="submit" values="Ingrese." style="margin-top:1em;color:#fff;"

class="cl_boton_login">

</form>

<hr>

</div>

</div>

<section>

<article>

<div class="cl_artdestac" style="display:none;">

<div class="cl_loadart" id="id_loadart">

</div>

<div class="cl_scrolart" id="id_scrolart">

<h4>Articulos destacados</h4>

<hr>

<?php

while ($res_art=mysql_fetch_array($ejec_query_art)) {

?>

<div class="cl_articulo" onclick="buscar_tema('<?php echo $res_art["idt_archivos"];?>')">

<p><strong>Nombre: </strong> <?php echo $res_art['c_nombre']; ?></p>

<p><strong>Descrpcion: </strong> <?php echo $res_art['c_descripcion']; ?></p>

<p><strong>Fecha: </strong> <?php echo $res_art['d_fecha']; ?></p>

<p><a href="#">Ver articulo completo</a></p>

</div>

<?php

}

?>

</div>

</div>

<div class="cl_otros">

<div class="catalogo_artic">

<h4>Catálgo de artículos</h4><hr>

<a href="#">Derecho</a>

<a href="#">Sistemas</a>

<a href="#">Contabilidad y A.</a>

<a href="#">Enfermeria</a>

</div>

<?php

require_once($item);

?>

47

Conexión.




</div>

<?php


?>

</div>

</article>

<aside>

<div class="cl_otros_sit">

<h4>Sitios Relacionados</h4><hr>

<a href="#"><img src="img/links/img01.jpg" alt=""></a>








</div>

<div class="cl_herraientas">

<h4>Herramietas</h4><hr>

<a href="#">Facebook</a>

<a href="#">Twiter</a>

<a href="#">Unuades Online</a>

</div>

</aside>

</section>

<footer>

</footer>

</body>

</html>

<?php

$conex = mysql_connect("localhost", "root", "harold")

or die("No se pudo realizar la conexion");

mysql_select_db("bd_metanoia",$conex)

or die("ERROR con la base de datos");

?>

48

Formulario de ingreso.

Formulario de registro.

<?php

session_start();/*estas linea simpre va primero que cualquier linea de codigo*/


$cons="SELECT c_mail from t_usuarios where c_mail='".$_POST['c_usuario']."' and

c_password='".$_POST['c_password']."'";

$res=mysql_query($cons, $conex);

if (mysql_num_rows($res)==0) {

echo '<script type="text/javascript">

alert("El usuario y la clave no coinciden");

window.location="index.php";

</script>';

}else{

$cons1="SELECT * FROM t_usuarios where c_mail='".$_POST['c_usuario']."' and


$res1=mysql_query($cons1,$conex);

if (mysql_num_rows($res1)==0) {


alert("Usuario y Password no identificados");


</script>';

}else{

$_SESSION["usuario"]=$_POST['c_usuario'];

header("location:perfil.php");

}}?>

<!Doctype html>

<html lang="es">

<head>


</head>

</html>

<?php

require_once('php_conection.php');

$c_nombre=$_POST['c_nombres'];

$c_apellidos=$_POST['c_apellidos'];

$c_mail = $_POST['c_mail'];

$c_mail2 = $_POST['c_mail2'];

$c_pas = $_POST['c_password'];

$c_pas2 = $_POST['c_password2'];

$c_fecha=$_POST['c_fecha_nac'];

49

Menú Navegación.

if ($c_mail==$c_mail2 or $c_pas==$c_pas2) {

if (trim($c_nombre)=="" or trim($c_apellidos)=="" or trim($c_pas)=="" or

trim($c_pas2)=="") {

echo "<script>

alert('Ingreso incorecto en NOMBRE o APELLIDOS');

window.location='index.php';

</script>";

}else{

$cad ="INSERT INTO t_usuarios VALUES(null, '".$c_nombre."', '".$c_apellidos."',

'".$c_mail."', '".$c_pas."', '".$c_fecha."',

'img/usuarios/usu.png', null, null, null, null, null, null, null, null, null, 2);";

$cadena_insert=mysql_query($cad,$conex);

//echo $cad;

echo "<script>

alert('".$c_nombre.", te has registrado correctamente en METANOIA UNIANDES.');


</script>";

}

}else{

echo "<script>

alert('Error..!!.. al verificar el PASSWORD o su MAIL..');


</script>";

}

?>

<ul class="menu">

<li><a href="index.php?item=presentacion.php">Inicio</a></li>

<li><a href="inicio.php?id=revistas.php">Revistas</a></li>

<li><a href="inicio.php?id=porstactual.php" title="Encuentra la ultima revista">Post

Actual</a></li>

<li><a href="index.php?item=contacto.php">Contactenos</a></li>

<?php

if ($_SESSION["usuario"]) {


$query_id= mysql_query('SELECT cod_tipo FROM t_usuarios where

c_mail="'.$_SESSION["usuario"].'"');

$res_queri_id = mysql_fetch_row($query_id);

$id_tip_sesion= $res_queri_id[0];

if( $id_tip_sesion==1){

50

Bases de datos.

?>

<li><a href="perfil.php" ><?php echo $_SESSION["usuario"]; ?></a></li>

<li><a href="administrador.php">Administrador</a></li>

<li><a href="php_salir.php" >Salir</a></li>

<?php

} else{

?>

<li><a href="perfil.php" ><?php echo $_SESSION["usuario"]; ?></a></li>


<?php

}

}else{

?>

<li><a href="#openModal">Ingresar</a></li>



<?php

}

?>

</ul>

CREATE DATABASE IF NOT EXISTS bd_metanoia;

USE bd_metanoia;

DROP TABLE IF EXISTS `t_archivos`;

CREATE TABLE `t_archivos` (

ìdt_archivos` int(10) unsigned NOT NULL auto_increment,

`c_nombre` text NOT NULL,

`c_descripcion` text NOT NULL,

`d_fecha` date NOT NULL default '0000-00-00',

`c_direccion` text NOT NULL,

ìd_usuario` text NOT NULL,

`fk_n_user` int(10) unsigned NOT NULL default '0',

`c_img_referenci` text NOT NULL,

`b_publicado` int(10) unsigned NOT NULL default '0',

`c_iconno` text NOT NULL,

`n_calificacion` int(10) unsigned NOT NULL default '0',

`c_seccion` varchar(45) NOT NULL default '',

PRIMARY KEY (ìdt_archivos`)

) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;

51

INSERT INTO `t_archivos`

(ìdt_archivos`,`c_nombre`,`c_descripcion`,`d_fecha`,`c_direccion`,ìd_usuario`,`fk_n_u

ser`,`c_img_referenci`,`b_publicado`,`c_iconno`,`n_calificacion`,`c_seccion`) VALUES

(3,'preguntas_devsu','preguntas arch01','2015-02-

18','repositorio_pdf','[email protected]',1,'img/img_articulos/art02.jpg',0,'img/ic

on/pdf.png',3,'Tecnologia'),

(4,'preguntas','descripcion','2015-02-

18','repositorio_pdf','[email protected]',1,'img/img_articulos/imgart1.jpg',0,'img

/icon/pdf.png',6,'Tecnologia');

DROP TABLE IF EXISTS `t_noticias`;

CREATE TABLE `t_noticias` (

ìdt_noticias` int(10) unsigned NOT NULL auto_increment,

`c_titulo` text NOT NULL,


`c_noticia` text NOT NULL,

`c_imagen` text NOT NULL,

`b_estado` tinyint(1) NOT NULL default '0',


`n_nivel` int(10) unsigned NOT NULL default '0',

`fk_cod_tipo` int(10) unsigned NOT NULL default '0',

PRIMARY KEY (ìdt_noticias`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

DROP TABLE IF EXISTS `t_tipo_noticia`;

CREATE TABLE `t_tipo_noticia` (

ìdt_tipo_noticia` int(10) unsigned NOT NULL auto_increment,

`c_tipo` varchar(45) NOT NULL default '',

PRIMARY KEY (ìdt_tipo_noticia`)


DROP TABLE IF EXISTS `t_usuarios`;

CREATE TABLE `t_usuarios` (

ìdt_usuarios` int(10) unsigned NOT NULL auto_increment,

`c_nombres` varchar(45) NOT NULL default '',

`c_apellidos` varchar(45) NOT NULL default '',

`c_mail` text NOT NULL,

`c_password` varchar(45) NOT NULL default '',

`d_fecha_nac` date NOT NULL default '0000-00-00',

`c_foto` text,

`c_telefonno` varchar(10) default NULL,

`c_celular` varchar(45) default NULL,

`c_facebook` text,

`c_twter` text,

`c_google` text,

52

Formulario creación de nueva revista.

`c_linkedin` text,

`c_youtube` text,

`c_direccion` text,

`cod_nivel_edcu` int(10) unsigned default NULL,

`cod_tipo` int(10) unsigned default NULL,

PRIMARY KEY (`idt_usuarios`)


<?php

session_start();


$query_id= mysql_query('SELECT c_nombres,idt_usuarios FROM t_usuarios where



$id_sesion= $res_queri_id[0];

$idt_usu= $res_queri_id[1];

$c_nombre=$_POST['c_nombre'];

$c_precentacion= $_POST['c_precentacion'];

$c_decription = $_POST['c_decription'];

$c_bibliografia= $_POST['c_bibliografia'];

$nom_img_art= $_FILES['c_imagen_rev']['name'];

$tmp_img_art= $_FILES['c_imagen_rev']['tmp_name'];

$tam_img_art= $_FILES['c_imagen_rev']['size'];

$tip_img_art= $_FILES['c_imagen_rev']['type'];

$kb_img_art= $tam_img_art/1024;

$mg_img_art= $kb_img_art/1024;


?>

<!Doctype html>

<html lang="es">

<head>


<title><?php echo $id_sesion; ?></title>

</head>

<body>

<?php

if ($kb_img_art>4000) {

?>

53

Formulario del administrador.

<?php

session_start();







$query_revistas= 'SELECT * FROM t_revista order by idt_revista desc';

$ejec_query_rev = mysql_query($query_revistas,$conex) or die(mysql_error());


?>

<!Doctype html>

<html lang="es">

<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Administrador <?php echo $_SESSION["usuario"]; ?></title>

<script type="text/javascript" src="js/ajax.js"></script>


<link rel="stylesheet" href="css/inicio.css">

<style>

input{

padding: 0.2em;

border-radius: 0;

}

</style> <script>

function mostrar (id,valor)

{

document.getElementById('id_nueva_rev').style.display='none';

document.getElementById('id_comentarios').style.display='none';

document.getElementById('id_revistas').style.display='none';

document.getElementById(id).style.display=valor;

}

</script> </head>

<body> <header>

<div id="slider">


<img src="img/baners/banrini01.jpg" alt="">

</div>

</div>

54

<nav>

<?php


?>

</nav>

</header>

<section>

<div class="cl_postactual_e">

<h4>Bienvenido Adminitrador de la revista</h4><hr>

<div class="cl_menu_post_e">

<ul>

<li><a href="javascript:mostrar('id_revistas','block');">Revistas creadas</a></li>

<li><a href="javascript:mostrar('id_nueva_rev','block');">Nueva revista</a>

<ul>

<li><a href="#id_pesentacion">Presentación</a></li>

<li><a href="#id_descripcion">Descripción</a></li>

<li><a href="#id_articulos">Artículos</a></li>

<li><a href="#id_bibliografia">Bibliografía</a></li>

</ul>

</li>

<li><a href="#id_registro">Registrar nuevo usuario</a></li>

<li><a href="javascript:mostrar('id_comentarios','block');">Comentarios</a></li>

</ul>

</div>

<div class="cl_comtenido_e" id="id_nueva_rev">

<form action="php_new_post.php" name="c_frm_post" method="post"

enctype="multipart/form-data">

<div class="cl_nombre_e" id="id_nombre_e">

<h4>Ingrese un nombre para esta nueva revista</h4>

<input type="text" name="c_nombre" placeholder="Ingrese un nombre para esta nueva

revista" required/>

</div>

<div class="cl_pesen_descrip_e" id="id_pesentacion">

<h4>Pesentación</h4>

<textarea name="c_precentacion" id="" cols="100" rows="8"></textarea>

</div>

<div class="cl_pesen_descrip_e" id="id_descripcion">

<h4>Descripción</h4>

<textarea name="c_decription" id="" cols="100"

rows="8"></textarea>

55

</div>

<div class="cl_aticulos_e" id="id_articulos" >

<h4>Selecciones artículos para este POST</h4>

<?php


$query_artc= 'SELECT * FROM t_archivos , t_seccion where n_seccion=idt_seccion

and n_publicado=0';



?>

<div class="cl_articulo">

<h4><?php echo strtoupper($res_art['c_nombre']); ?></h4>

<p><strong>Descripción: </strong> <?php echo $res_art['c_descripcion']; ?></p>


<p><img src="<?php echo $res_art['c_img_referenci']; ?>" alt=""></p>

<div class="cl_opciones">

<a href="verpdf.php?id=<?php echo $res_art["idt_archivos"];?>" title="Ver

articulos">V</a>

<a href="#" title="Publicar articulo en este POST">P</a>

<input name="checkbox[]" type="checkbox" id="checkbox" value="<?php echo

$res_art['idt_archivos']; ?>" />

</div>

</div>

<?php

}

?>

</div>

<div class="cl_pesen_descrip_e" id="id_bibliografia">

<h4>Bibliografía</h4>

<textarea name="c_bibliografia" id="" cols="100" rows="8"></textarea>

</div>

<div class="cl_up_img" id="id_up_img">

<span>Seleccione una Imagen</span>

<input type="file" name="c_imagen_rev" class="cl_btn_up_img" required/>

</div>

<input type="submit" class="cl_btn_guardar" value="Guardar">

</form>

</div>

<div class="cl_revistas" id="id_revistas">

<h4>Todas las revistas</h4><hr>

56

<?php

while ($res_rev=mysql_fetch_array($ejec_query_rev)) {

?>

<div class="cl_revista" id="id_revista">

<h4><?php echo strtoupper($res_rev['c_nombre']); ?></h4>

<img src="<?php echo $res_rev['c_img']; ?>" alt="">

<p><strong><?php $res_rev['d_fecha'] ?></strong></p>

<div class="cl_opciones" id="id_opciones">

<a href="#" class="cl_mas">+</a>

<a href="#" class="cl_men">-</a>

<a href="#" class="cl_ver">V</a>

<?php

if ($res_rev['n_estado']==1) {

echo '<a href="#" class="cl_pub" title="Esta revista ya esta publicada">Y</a>';

}else{

echo '<a href="php_publicar.php?id_rev='.$res_rev['idt_revista'].'" class="cl_pub"

title="Publicar revista">P</a>';

echo '<a href="#" class="cl_edit" title="Editar revista">E</a>';

}

?>

</div> </div> <?php

}

?>

</div>

<div class="cl_comentarios" id="id_comentarios">

<?php

$query_comentarios= 'SELECT nombres, asunto, mail, mensaje FROM t_comentarios

order by idt_comentarios desc';

$ejec_query_comen = mysql_query($query_comentarios,$conex) or die(mysql_error());

while ($res_comen=mysql_fetch_array($ejec_query_comen)) {

?>


<p><?php echo $res_comen['nombres']; ?> </p>

<p><?php echo $res_comen['asunto']; ?> </p>

<p><?php echo $res_comen['mail']; ?> </p>

<p><?php echo $res_comen['mensaje']; ?> </p>

</div>

<?php

}

?>

</div>

</div

57

3.5 Validación de la propuesta

La validación de la propuesta se realizó por la vía de expertos en las áreas de Informática,

Docencia y Desarrollo, a los cuales se les pidió un análisis en cada una de sus ramas

profesionales

Posteriormente se pidió a un cierto número de estudiantes realizar un test para observar en

efecto que causa esta aplicación en estudiantes de secundaria.

Datos informativos del primer validador

Nº de cédula:

Nombres y Apellidos: Fayer Alexis Calderón Yong

Título de mayor jerarquía: Ingeniero en Informática.

Institución que labora: Coop. Pablo Muñoz Vega.

Cargo Actual: Jefe departamento de sistemas.

Años de servicio: 19

Experiencia profesional: 22

Datos informativos del Segundo validador

Nº de cédula: 1709737603

Nombres y Apellidos: Leonardo Hernán Chávez Córdova.

Título de mayor jerarquía: Ingeniero en sistemas.

Institución que labora: Unidad Educativa Vicente Fierro.

Cargo Actual: Docente.

Años de servicio: 19 años.

Experiencia profesional: 20 años.

Datos informativos del Tercer validador

Nº de cédula: 1713120820

Nombres y Apellidos: Mauricio Germán Paredes Villagómez.

Título de mayor jerarquía: Ingeniero en Sistemas.

Institución que labora: Sistcontable S.A.

58

Cargo Actual: Programador

Años de servicio: 8 años.

Experiencia profesional: 13 años

Análisis de la Resultados

El análisis de resultados de la consulta a expertos sobre la propuesta se la realizó, en forma

ordenada y detallando cada indicador evaluado, con la finalidad de comprobar la validez de la

propuesta. A continuación se realiza el análisis de resultados de cada indicador de calidad:

En el primer indicador de calidad, se consultó sobre el carácter tecnológico de la

propuesta, obteniéndose los siguientes resultados.

Gráfico N° 19. Validación de carácter tecnológico.

De acuerdo a los resultados obtenidos en el gráfico, se desprende que la propuesta tiene un

carácter tecnológico que va de muy satisfactorio, lo cual hace viable la implantación del sitio

web de la revista Metanoia de la universidad Uniandes Tulcán.

En el segundo indicador de calidad, se consultó sobre la efectividad de la propuesta,

obteniéndose los siguientes resultados.

33%

67%

0% 0%Muy satisfactorio

Satisfactorio

Poco satisfactorio

No satisfactorio

Fuente: Validación de carácter tecnológico


59

Fuente: Efectividad de la propuesta.


Gráfico N° 20. Efectividad de la propuesta

En el gráfico se visualiza que todos los expertos consultados señalan que la propuesta es

efectiva para su implementación y por ende para la publicación de artículos científicos

realizados por los docentes de la Universidad Uniandes Tulcán.

En el tercer indicador de calidad, se consultó sobre la novedad científica de la propuesta,


Gráfico N° 21. Validación de la novedad científica.

De los datos visualizados en el gráfico, se desprende que la propuesta tiene una novedad

científica que va de satisfactorio a muy satisfactorio; lo cual se establece que la propuesta está

desarrollada en base a las metodologías de investigación científica y de sistemas de

información.

95%

5%0% 0%Muy satisfactorio

Satisfactorio

Poco satisfactorio

No satisfactorio

42%

58%


Satisfactorio

Poco satisfactorio

No satisfactorio

Fuente: Validación de la novedad científica.


60

En el cuarto indicador de calidad, se consultó sobre la viabilidad para la aplicación

práctica de la propuesta, obteniéndose los siguientes resultados.

Gráfico N° 22. Validación de la viabilidad de la aplicación.

En el gráfico se visualiza que la viabilidad para la aplicación práctica de la propuesta, va de

muy satisfactorio a satisfactorio; lo cual se demuestra que la propuesta tiene un alto índice

para ser aplicada en la Universidad Uniandes Tulcán.

En el quinto indicador de calidad, se consultó sobre la actualidad de la propuesta,


Gráfico N° 23. Validación en la actualidad de la propuesta.

47%

50%


Satisfactorio

Poco satisfactorio

No satisfactorio

57%

43%

0% 0%

Muy satisfactorio

Satisfactorio

Poco satisfactorio

No satisfactorio

Fuente: Validación de la viabilidad de la aplicación.


Fuente: Validación de la propuesta en la actualidad.


61

El gráfico indica que la actualidad de la propuesta va de muy satisfactorio a satisfactorio; por

lo tanto se establece que el sitio web de la revista Metanoia se puede utilizar en los procesos

educativos superiores.

Además los validadores indicaron como aspectos interesantes de la propuesta lo siguiente:

Beneficio de usar esta herramienta en la publicación de artículos científicos realizados por

los docentes de la Universidad Uniandes Tulcán.

Mantener en constante actualización de la información de este sitio Web.

3.6 Conclusiones parciales del capítulo III

El desarrollo de la propuesta ha sido de gran importancia ya que se ha puesto en práctica

todas y cada uno de los conocimientos para tener como resultado un sitio web de

publicación de artículos científicos funcional.

El diseño de la propuesta se ha realizado tomando en cuenta el correcto funcionamiento de

la herramienta Ajax con PHP con el fin de interactuar directamente con los

procedimientos en la base de datos de MySQL.

Lo errores detectados en momento de hacer pruebas en el sitio web de la revista Metanoia

de la Universidad Uniandes Tulcán, se han corregido y potenciado su uso para un mejor

rendimiento el terminal con las bases de datos.

En la validación de la propuesta por vía de expertos, se debe tomar en cuenta, el área y la

rama en que se trabaja el sitio Web, para identificar y definir a cada validador, quienes

medirán el carácter tecnológico, efectividad, novedad científica, vialidad y actualidad de la

propuesta.

62

Conclusiones y Recomendaciones Generales.

Conclusiones.

La información establecida en el Capítulo I se compone como fuente de transcendente

importancia para el diseño y desarrollo del sitio web, analizando distintas posiciones

teóricas y técnicas para dar cumplimiento con estándares tecnológicos instituidos en el

Ecuador, permitiendo afronta el problema y dar solución a la publicación de artículos

científicos realizados por los docentes de la Universidad Uniandes Tulcán.

Se realizó una investigación y diagnóstico de los procesos en la publicación de artículos

científicos de la revista Metanoia de la Universidad Uniandes Tulcán, para identificar cada

requerimiento funcional y no funcional, en busquedad de plasmar y cumplir

adecuadamente con las funciones del sitio web.

Con la implementación de la propuesta mediante el uso de pruebas de campo se aseguró

que es viable la propuesta siendo de carácter tecnológico, efectivo, actual y de novedad

científico.

A través de la validación de expertos se obtiene un mejoramiento en la agilidad,

efectividad y actualidad del proceso de la publicación de artículos científicos realizados

por los docentes de la Universidad Uniandes Tulcán.

63

Recomendaciones.

Se recomienda al administrador del sitio web de la revista Metanoia, siga en desarrollo ya

que se puede ampliar el menú de herramientas para que los lectores de la misma tenga

accesible toda la información relevante de las revistas publicadas.

Recomendamos a los docentes que se encargaran de la publicación de las revistas sean lo

más concretos posibles para que así los lectores puedan entender más la información que

es difundida a través de este sitios web.

La persona encargada de la administración del sitio web, debe estar debidamente

capacitada con conocimiento sólidos en informática y de los procesos que se ejecutan

dentro de la revista Metanoia, de igual manera conocer los manuales técnicos y de usuario,

para dar un buen manejo y mantener los equipos en correcto estado para beneficio de la

Universidad Uniandes Tulcán.

Al administrador del sitio web, el acceso al sitio web tanto a docentes como personal de

Telemática debe ser evaluado y confirmado por la comisión de investigación en conjunto

con las autoridades de la Universidad.

BIBLIOGRAFÍA

Ernesto, Á. (2009). Métodos y técnicas de investigación. México: Trillas.

Fernando, A. G. (2007). Metodología de la investigación. México: Trillas.

Roberto, H. (2010). Metodología de la investigación (Vol. 5ta ED). México: McGraw Hill.

Romero, G. (2014). Informática. Obteniendo de Wikipedia Enciclopedia Libre:

http://es.wikipedia.org/wiki/Inform%C3%Altica

Alfonso, G. (2010). Gestión de bases de datos. Madrid: Ra-Ma.

Developers. (2013). AVD Manager. Obteniendo de Androide Developers:

http://developer.android.com/intl/es/tools/help/avd-manager.html.

Historia de la informática. (2010). Obteniendo de Wordpress:

http://informatica4eso.files.wordpress.com/2010/11/historia-de-la-informatica.pdf.

Antonio, Amescua. (2008). Análisis y Diseño estructurado y orientado a objetos de sistemas

informáticos, Rustica, Rus, España

Carina Burato, Ana Laura Canaaro. (2010). monografías.com. Obtenido de

http://www.monografias.com/trabajos10/recped/recped.shtml

Flores, Rafael. (2011)Fundamentos de pedagogía para la escuela del siglo XXI. MEN.

Bogotá.

Guillermo, Pantaleo (2009), Calidad en el desarrollo de Moodle, publishingpast, EEUU.

Iván Lizcano Ruiz. 1997, Formación Tecnológica FT Grado 10 MEN. Bogotá. p. 6

J. Silva, 2010, Evolución de las tecnologías de programación web

John, Martinell (2009), Nuevas Tecnologías, McGraw-Hill, Hill, EEUU.

José, Oros (2010), Adobe Dreamweaver, Rustica, Rus, España.

Lan, Sommerville (2011), Ingeniería de Software, Pearson Educación, México.

Moreno, M. (2010). Aplicación web. Caracas: ALEGSA.com.ar

Rafael, Fraga (2007), Investigación Socioeducativa, Klendarios, Quito- Ecuador

UNIANDES, (2012), Manual de Investigación, Ambato – Ecuador.

ANEXOS

ENCUESTA

UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES

Objetivo.

Recopilar información sobre la creación de un Sitio WEB que contribuya a la publicación

de artículos científicos de la revista Metanoia de la Universidad Uniandes Tulcán.

Indicaciones.

La encuesta es anónima, la veracidad que la información que se brinde, puede de su

responsabilidad y honestidad.

Marque con una X la respuesta que usted considere más adecuada.

1. ¿La universidad cuenta con un Sitio WEB de publicación de artículos científicos a

manera de revista digital?

Si

No

2. ¿Le gustaría que la universidad cuente con un sitio WEB de publicación de

artículos científicos a manera de revista digital?

Si

No

3. ¿Conoce usted de qué manera se publican los artículos científicos realizados por

los docentes de la Uniandes Tulcán?

Si

No

4. La publicación de los artículos científicos de docentes y estudiantes es:

Excelente

Muy bueno

Buena

Regular

Mala

5. Al implementar un sitio WEB de una revista digital se contribuye al mejoramiento de

publicación de artículos científicos para la universidad Uniandes Tulcán de manera:

Excelente

Muy bueno

Buena

Regular

Mala

6. ¿De su opinión sobre publicación de los artículos científicos que se realizan en

Uniandes Tulcán?

……………………………………………………………………………………………………

……………………………………………………………………………………………………

……………………………………………………………………………………

ARTÍCULO

CIENTÍFICO

ARTÍCULO CIENTÍFICO

Título.

Sitio WEB de la revista Metanoia para publicaciones de artículos científicos de Uniandes

Tulcán.

Datos del autor.

Institución. Universidad Regional Autónoma de los Andes “Uniandes”

Faculta. Sistemas Mercantiles

Carrera. Sistemas

Autor. Harold Alexander Tarupi Yandún

Mail. [email protected]

Teléfono. 0979700023

Fecha. 05/04/2015

Resumen ejecutivo.

Los sitios Web de publicación de artículos ha presentado un reto en la aceptación y forma de

trabajo para los docentes y estudiantes , que son los principales interpretaras del procesos del

manejo de nuevas tecnologías en la educación, ya que se enfrentan a un modelo de manejo

tradicional de información en papel y con el manejo de herramientas virtuales o multimedia

como una alternativa de publicidad, carecen de las herramientas tecnológicas adecuadas para

hacerle frente a esta demanda de nuevas tendencias de educación.

Los interpretes que han sido mencionados anteriormente, se han puesto a trabajar en la

búsqueda de la forma en cómo hacerle frente a estas carencias y han encontrado alternativas

de solución, tal es el uso de los sitios Web de publicación de artículos, las cuales no solo están

realizados para difundir la información si no que a la vez direccionados para fortalecer el

conocimiento de los artículos científicos de investigaciones realizadas en la institución, dando

apertura al buen manejo de la herramienta internet.

La propuesta al momento de implementar un sitio Web permite, fortalecer la publicación y

conocimiento de los artículos científicos de la revista Metanoia de la Uniandes Tulcán han

mejorado los procesos académicos y de investigación que se desarrollan en esta institución.

Palabras clave. Criterio de expertos, tecnologías en educación, herramientas virtuales.

Abstract.

The websites of article has presented a challenge in accepting and way of working for teachers

and students, who are the main processes will interpret the use of new technologies in

education as a traditional management model face paper information and managing virtual or

multimedia tools as an alternative advertising, lack adequate to cope with this demand for new

trends in education technology tools.

The interpret that have been mentioned above, have been working on finding how to cope

with these shortcomings and have found alternative solutions, such is the use of Web sites

publishing articles, which are not only made to disseminate information but will at once throw

to strengthen knowledge of scientific articles of research at the institution, giving openness to

good management of the internet tool.

The proposal when implementing a Web site allows, strengthen publication and knowledge of

scientific journal articles Metanoia of Uniandes Tulcán have improved academic and research

processes developed in this institution.

Keywords. Expert judgment technologies in education, virtual tools.

Introducción.

Hoy en día las herramientas como sitios WEB son de mucha ayuda para las personas en

especial para estudiantes y docentes, estos manejan información, permiten subir y publicar

archivos, que son almacenados en servidores, y con el pasar del tiempo estas son más útiles

para trabajar desde cualquier lugar.

En la Universidad Uniandes Tulcán se pudo evidenciar que las herramientas WEB no son

comúnmente utilizadas, y mucho menos para la publicación de artículos en revistas digitales

realizados en la institución, lo que hace que los docentes que se dedican a la elaboración de

estos artículos no compartan y socialicen dicha información.

Esta investigación se realiza puesto que en la actualidad a medida de que las tecnológicas

avanzan todo ámbito está siendo sistematizado, es indispensable que una universidad cuente

con una aplicación que permitan a los docentes que se encargan de la realización de artículos

científicos puedan difundirlos a través de la herramienta de internet como son las revistas

digitales que trabajan de una forma práctica y dinámica, es así entonces, que al desarrollar una

aplicación que fortalezca la publicación de artículos científicos es de gran importancia para

obtener mejores resultados en cuanto a los trabajos que se desempeñan en la universidad por

parte de los docentes y estudiantes de la institución.

Materiales y métodos.

Tipo de investigación. Para el desarrollo de la presente tesis, se emplean diferentes tipos de

investigación por su diseño y por su alcance, por el diseño se toma en cuenta a la

investigación no experimental de tipo transversal, puesto que se caracterizan momentos

específicos de los sistemas de gestión de contenidos de las revistas digitales y los artículos

científicos, además se recolectan datos y se describen sus variables, entre estas tenemos

investigación Descriptiva, investigación Correlacional, investigación Bibliográfica,

investigación de Campo.

Población. La población tomada en cuenta para la recopilación de datos de la respectiva

investigación fueron los últimos semestres de las carreras de Sistemas, Contabilidad,

Enfermería y Derecho y los sus respectivos docentes ya que están próximos a elaborar su

trabajo de tesis y donde se exponen nuevos y novedosos temas científicos.

Tabla N° 11. Población.

Extracto Población Técnica

Docentes 10 Encuesta

Estudiantes 40 Encuesta

Total 50

Muestra. La cantidad entre docentes y estudiantes de los 4 paralelos de los novenos semestres que

hacen parte de la universidad Uniandes extensión Tulcán no reúne una población suficiente mayoritaria

para tomar una muestra de ella, razón por la cual se va a trabajar con todo el universo; es decir 10

docentes y 40 estudiantes de la institución.

Entorno. La investigación se la realizó en las instalacuibes de la Universidad Regional

Autónoma de los Andes “Uniandes” Extención Tulcán, ubicada en el barrio Santa Rosal de

Taques.

Intervención. Las herramientas que se utilizó para el presente trabajo de tesis fueron la

encuesta , testimonios y solicitudes.

Metodología. La metodología empleada para el desarrollo del Sitio WEB de la revista

Metanoia para publicaciones de artículos científicos de Uniandes Tulcán, se basa en la

investigación de campo más la metodología de ingeniería de software para el desarrollo,

específicamente en la orientación a sitios Web, empleando las siguientes fases: el análisis en

donde se establecen los requerimientos funcionales lógicos del sitio Web; el diseño en

donde se determinan los requisitos físicos funcionales del sitio Web; el desarrollo de código

fuente y las respectivas pruebas de funcionamiento del sitio Web.

Resultados.

La implementación de un sitio web utilizando las nuevas tecnologias llamativas e innovadoras

permite tanto a los docentes como estudiantes y público en general poder evidenciar los

trabajos cientificos de forma escrita que se realizan dentro de la intitucion.



Se puede comprobar que los estudiantes prefieren visitar un sitio web desde cualquier parte a

través de la herramienta de internet antes que ir a una biblioteca a leer una revista impresa.

Gráfico N° 24. Resultados.

En este gráfico se puede evidenciar que ha aumentado el número de lectores de la revista a

traves del sitio web ya que se les presenta como algo novedoso e innovaor e incluso como

fuente ibliografica para posteriores trabajos cientifícos a realizarce.

Discución

La revista Metanoia en sus primeras ediciones solo se presentaba de manera impresa la cual

no permitia entender se encontraban separados los articulos publicados por carreras, ademas

de que la información no era tan extensa que por útlimo eran olvidadas en una biblioteca o

incluso a veces ni se publicaba, a tavés del sitio web para la revista digital nos permite llevar a

cabo esta información de manera ordenada y separado por areas además nos permite visualizar

información relevante de la revista e incluso de otros sitios relacionado, lo que hace que el

número de lectores cada vez aumente con el fin de adquirir nuevos conocimientos desde

cualquier lugar y por último la sociedad conozca más del trabajo de la comunidad

universitaria Uniandes que se lleva dentro de la institución.

67%

33%Muy Bueno

Bueno



Conclusiones.

La identificación de cada una de las herramientas de desarrollo es de vital importancia

ya que gracias a un gran manejo de ellas nos permiten crea aplicaciones robustas con

un rendimiento muy bueno.

La implementación del sitio web mediante la creaciones módulos en herramientas

actuales de programación nos permite a los desarrolladores una mejor manipulación de

código fuente tanto para validación de formularios como interacción con bases de

datos y maquetamiento web.

Al ser una revista digital que puede ser vista desde cualquier lugar con la ayuda de la

herramienta de internet los lectores tendrán más oportunidad de conocer las nuevas

investigaciones que se está realizando en la institución.

Referencias Bibliográficas.

Ernesto, Á. (2009). Métodos y técnicas de investigación. México: Trillas.

Fernando, A. G. (2007). Metodología de la investigación. México: Trillas.

Roberto, H. (2010). Metodología de la investigación (Vol. 5ta ED). México: McGraw Hill.

Romero, G. (2014). Informática. Obteniendo de Wikipedia Enciclopedia Libre:

http://es.wikipedia.org/wiki/Inform%C3%Altica

Alfonso, G. (2010). Gestión de bases de datos. Madrid: Ra-Ma.

Developers. (2013). AVD Manager. Obteniendo de Androide Developers:

http://developer.android.com/intl/es/tools/help/avd-manager.html.

Historia de la informática. (2010). Obteniendo de Wordpress:

http://informatica4eso.files.wordpress.com/2010/11/historia-de-la-informatica.pdf.

MANUAL DE

USUARIO

Manual de usuario

Pantalla de inicio.

Gráfico N° 25. Pantalla de inicio del sitio web Metanoia.

En esta pantalla de inicio se puede vizualizar.

Botones de navegación. Cuenta con botones dinámicos que dirigen a las diferentes secciones

del sitio web asi como Inicio, Revistas, Post Actual, Contáctenos e Ingresar.

Catálogo Artículos. En esta parte nos permitira especojer una de las cuatro carreras Derecho,

Sistemas, Contabilidad y Auditoria y Enfermeria, al momento de dar clic nos dirigira a los

artículos publicados referentes a la carrera seleccionada.

Información Relevante. En esta seccion encontramos información relevante, en otras

palabras la introducción e importancia de la revista Metanoia.

Sitios Relacionados. En esta parte encontraras una serie de link que te dirigiran a diferentes.

Fuente: Pantalla de inicio del sitio web Metanoia


Fuente: Pantalla de Revistas del sitio web Metanoia


Pantalla de Revistas.

Gráfico N° 26. Pantalla de Revistas.

En esta pantalla de Revistas se puede vizualizar.



Catálogo Artículos. En esta parte nos permitira especojer una de las cuatro carreras Derecho,

Sistemas, Contabilidad y Auditoria y Enfermeria, al momento de dar clic nos dirigira a los

artículos publicados referentes a la carrera seleccionada.

Buscador. Funciona como un motor de busquedad de las revistas antes publicadas ingresando

el nombre de la revista o edición.

Revistas publicadas. En esta sección apareceran todas las ediciones publicadas de la revista,

las cuales tendran en la parete inferior derecha un boton de visualizacion que los dirigira a la

revista seleccionada.

Página del Post Actual.

Gráfico N° 27. Pantalla Post Actual.

En esta pantalla de Post Actual se puede vizualizar.



Información de la revista. Esta sección nos muestra la información ingresada de esta edición

de la revista en las siguientes partes: Presentación, Descripción, Artículos científicos y

Bibliografía.

Partes de la revista. Nos muestra las opciones Presentación, Descripción, Artículos y

Bibliografía que al momento de darle clic a cualquiera de estas nos dirijira al sitio donde se

encuentra esta información de la edición de la revista seleccionda.

Fuente: Pantalla Post Actual del sitio web Metanoia


Pantalla Contáctenos.

Gráfico N° 28. Pantalla Contáctenos.

En esta pantalla de Contáctenos se puede vizualizar.



Sitios Relacionados. En esta parte encontraras una serie de link que te dirigiran a diferentes.

Redes Sociales. Aquí encontramos links de redes sociales de la Universidad.

Catálogo Artículos. En esta parte nos permitira especojer una de las cuatro carreras, al

momento de dar clic nos dirigira a los artículos publicados referentes a la carrera seleccionada.

Información Universidad. Encontramos información de ubicación e identificación de la

universidad Uniandes.

Fuente: Pantalla Contáctenos


Información lectores. Aquí se debe llenar estos cajones de texto para poder dejar un

comentario del sitio web.

Pantalla Ingresar.

Gráfico N° 29. Autenticación e ingreso de Usuarios.

En esta pantalla de Autenticación de usuarios se puede vizualizar.

Datos del Usuario. Aquí se debe ingresar el correo y la contraseña del usuario del sitio web

que ha sido antes registrado por el administrador.

Ingresar. Este botón nos dirige a la pantalla de la sección que ha sido asignada por el

administrador al usuario.

[email protected]. Sera el usuario que administre el sitio web y a la vez quien se

encargue de crear nuevos usuarios del sitio web.

Fuente: Pantalla de Autenticación e ingreso de Usuarios


Pantalla del Usuario Administrador.

Gráfico N° 30. Usuario Administrador o usuario del sitio web.

En esta pantalla de Usuario Adminsitrador se puede vizualizar.


del sitio web asi como Inicio, Revistas, Post Actual, Contáctenos usuario en caso de ser

administrador le aparecera la opción administrador y salir.

Artículos del Usuario. En esta sección nos apareceran todos los articulos que han sido

subidos al sitio web de la revista por este usuario con las opciones de visualizar editar y

publicar.

Opciones de Usuario. Aquí encontraremos todas las opciones que puede tener este usuario asi

como Mis datos, Mis Artículos, Nuevo artítulo Salir.

Fuente: Pantalla Usuario


Pantalla Mis datos.

Gráfico N° 31. Pantalla Mis Datos del Administrador o usuario del sitio web.

En esta pantalla Mis Datos se puede vizualizar.






Información de Usuario. En esta sección encontraremos cajas de texto en las cuales

constaran los datos del usuario con sus respectivos links de sus redes sociales, además en esta

sección cuenta con un botón de editar estos datos.

Fuente: Pantalla Mis Datos


Pantalla Nuevo artículo.

Gráfico N° 32. Nuevo artículo del Administrador o usuario del sitio web.

En esta pantalla Nuevo artículo se puede vizualizar.






Selección de artículos. En esta parte encontramos las cajas de texto y selección además de los

botones de búsqueda y elección de la información de los artículos a que se van a subir al sitio

web.

Fuente: Pantalla Nuevo artículo


Pantalla Administrador.

Gráfico N° 33. Administrador del sitio web.

En esta pantalla de Administrador se puede vizualizar.




Opciones de Usuario. Aquí encontraremos todas las opciones que puede tener el usuario

Administrador del sitio web: Revistas creadas, Nueva revista y sus componentes:

Presentación, Descripción, Artículos, Bibliografía, ademas puede Registrar nuevo usuario y

leer los comentarios del sitio web.

Revistas. En esta sección podremos visualizar todas las revista creadas y publicadas en el sitio

web de la revisa Metanoia.

Fuente: Pantalla del Administrador


Pantalla Nueva revista.

Gráfico N° 34. Nueva revista del Administrador del sitio web.

En esta pantalla de Nueva Revista se puede vizualizar.








Información de la revista. Son cajones de texto que permitirán al administrador llenar de

información relevante de la edición de la revista a publicarse.

Fuente: Pantalla de la sección Nueva revista


Pantalla Registrar nuevo usuario.

Gráfico N° 35. Registro de usuarios del sitio web.


Información del usuario. Son cajas de texto que permitirán registrar los datos de los nuevos

usuarios del sitio web de la revista Metanoia.

Para lo cual necesita los siguientes datos:

Nombres del Usuario

Apellidos del Usuario

E-mail del Usuario

Una clave de Usuario

Fecha de nacimiento

Fuente: Pantalla de registro de usuarios


Pantalla Comentarios.

Gráfico N° 36. Comentarios del sitio web.









Comentarios lectores revista Metanoia. En esta seccion se desplegaran la lista de lectores y

usurios del sitio web que han dejado un comentario, acompañados de la infromacion de los

mismos.

Fuente: Pantalla comentarios del sitio web


MANUAL DE

PROGRAMADOR

Manual de programador

Gráfico N° 37. Configuración del servidor local con Appserv.

Appserv. Es la herramienta OpenSource para Windows con Apache, MySQL, PHP y otras

adicciones, en la cual estas aplicaciones se configuran en forma automática, lo que permite

ejecutar un servidor web completo.

Gráfico N° 38. Aplicativo de gestor de BDD.

Fuente: Servidor local Appserv


Fuente: Query Browser Mysql


Gráfico N° 39. Diagrama de la base de datos Metanoia.

Código fuente conexión. De la base de datos.

Gráfico N° 40. Estructura de la base de datos en Hosting.

Fuente: BDD Metanoia


<?php

$conex = mysql_connect("localhost", "root", "harold")

or die("No se pudo realizar la conexion");

mysql_select_db("bd_metanoia",$conex)

or die("ERROR con la base de datos");

?>

Fuente: Hostinger BDD


Gráfico N° 41. Diseño del frontal inicio del sitio web Metanoia.

Código fuente. Frontal de inicio del sitio web Metanoia.

Fuente: Frontal de inicio del sitio web Metanoia


<?php

session_start();


if (isset($_GET['item'])) {

$item=$_GET['item'];

}else{ $item= "presentacion.php";}

$query_artc= 'SELECT * FROM t_archivos where b_publicado=0 order by n_calificacion desc

limit 7'; $ejec_query_art = mysql_query($query_artc,$conex) or die(mysql_error()); ?>

<!Doctype html> <html lang="es"> <head>


<title>Revista Metanoia</title> <link rel="stylesheet" href="css/normalize.css">

<link rel="stylesheet" href="css/index.css">

<script src="js/jquery-1.11.1.min.js"></script> <script src="js/slider.js"></script>

<script src="js/ajax.js"></script> </head> <body> <header> <div id="slider">








</div> </div> <nav> <?php require_once("menu.php"); ?>

?>

</nav>

</header>


<div>




</div>

<hr>



required/>

Password:<input type="password" class="cl_password" name="c_password"

placeholder="Password" required/>

<input type="submit" values="Ingrese." style="margin-top:1em;color:#fff;"

class="cl_boton_login">

</form>

<hr>

</div>

</div>

<section>

<article>

<div class="cl_artdestac" style="display:none;">

<div class="cl_loadart" id="id_loadart">

</div>

<div class="cl_scrolart" id="id_scrolart">

<h4>Articulos destacados</h4>

<hr>

<?php


?>

<div class="cl_articulo" onclick="buscar_tema('<?php echo $res_art["idt_archivos"];?>')">

<p><strong>Nombre: </strong> <?php echo $res_art['c_nombre']; ?></p>



<p><a href="#">Ver articulo completo</a></p>

</div>

<?php

}

?>

</div>

</div>

<div class="cl_otros">

<div class="catalogo_artic">

<h4>Catálgo de artículos</h4><hr>

<a href="#">Derecho</a>




</div>

<?php





</div>

<?php


?>

</div>

</article>

<aside>

<div class="cl_otros_sit">

<h4>Sitios Relacionados</h4>

<hr>

<a href="#"><img src="img/links/img01.jpg" alt="">

</a>


</a>


</a>


</a>


</a>


</a>


</a>


</a>

</div>

<div class="cl_herraientas">

<h4>Herramietas</h4><hr>

<a href="#">Facebook</a>

<a href="#">Twiter</a>

<a href="#">Unuades Online</a>

</div>

</aside>

</section>

<footer>

</footer>

</body>

</html>

Gráfico N° 42. Diseño del frontal de Autenticación e ingreso de Usuarios.

Código fuente. Frontal de Autenticación e ingreso de Usuarios.

Fuente: Frontal Autenticación e ingreso de Usuarios


<?php

session_start();/*estas linea simpre va primero que cualquier linea de codigo*/


$cons="SELECT c_mail from t_usuarios where c_mail='".$_POST['c_usuario']."' and


$res=mysql_query($cons, $conex);

if (mysql_num_rows($res)==0) {


alert("El usuario y la clave no coinciden");


</script>';

}else{

$cons1="SELECT * FROM t_usuarios where c_mail='".$_POST['c_usuario']."' and


$res1=mysql_query($cons1,$conex);

if (mysql_num_rows($res1)==0) {


alert("Usuario y Password no identificados");


</script>';

}else{

$_SESSION["usuario"]=$_POST['c_usuario'];

header("location:perfil.php");

}}?>

Gráfico N° 43. Diseño del frontal de Registro.

Código fuente. Frontal de registro de usuarios.

Fuente: Frontal de registro de usuarios


<!Doctype html>

<html lang="es">

<head>


</head>

</html>

<?php


$c_nombre=$_POST['c_nombres'];

$c_apellidos=$_POST['c_apellidos'];

$c_mail = $_POST['c_mail'];

$c_mail2 = $_POST['c_mail2'];

$c_pas = $_POST['c_password'];

$c_pas2 = $_POST['c_password2'];

$c_fecha=$_POST['c_fecha_nac'];

if ($c_mail==$c_mail2 or $c_pas==$c_pas2) {

if (trim($c_nombre)=="" or trim($c_apellidos)=="" or trim($c_pas)=="" or

trim($c_pas2)=="") {

echo "<script>

alert('Ingreso incorecto en NOMBRE o APELLIDOS');


</script>";

}else{

$cad ="INSERT INTO t_usuarios VALUES(null, '".$c_nombre."', '".$c_apellidos."',

'".$c_mail."', '".$c_pas."', '".$c_fecha."',

'img/usuarios/usu.png', null, null, null, null, null, null, null, null, null, 2);";

$cadena_insert=mysql_query($cad,$conex);

//echo $cad;

echo "<script>

alert('".$c_nombre.", te has registrado correctamente en METANOIA UNIANDES.');


</script>";

}

}else{

echo "<script>

alert('Error..!!.. al verificar el PASSWORD o su MAIL..');


</script>";

}

?>

Gráfico N° 44. Diseño del frontal Revistas.

Código fuente. Frontal Revistas.

Fuente: Frontal Revistas


<?php

session_start();







$c_nombre=$_POST['c_nombre'];

$c_precentacion= $_POST['c_precentacion'];

$c_decription = $_POST['c_decription'];

$c_bibliografia= $_POST['c_bibliografia'];

$nom_img_art= $_FILES['c_imagen_rev']['name'];

$tmp_img_art= $_FILES['c_imagen_rev']['tmp_name'];

$tam_img_art= $_FILES['c_imagen_rev']['size'];

$tip_img_art= $_FILES['c_imagen_rev']['type'];




?>

<!Doctype html>

<html lang="es">

<head>


<title><?php echo $id_sesion; ?></title>

</head>

<body>

<?php

if ($kb_img_art>4000) {

?>

<script>alert('La imagen supera las 4 Megas de espacio');</script>

<input type="button" value="Regresar" title="Regresar"

onclick="history.back()">

<?php

}else{

$date = date("Y/m/d");

$imgrel="img/img_rev/".$nom_img_art;

copy($tmp_img_art,$imgrel);

$cad_nuew_rev ="INSERT INTO t_revista VALUES(null,

'".$c_nombre."', '".$c_precentacion."', '".$c_decription."'

, '".$imgrel."', '".$date."', 0)";

$resp1=mysql_query($cad_nuew_rev,$conex);

$query_id_revista= mysql_query('SELECT idt_revista FROM t_revista

ORDER BY idt_revista DESC LIMIT 1');

$res_queri_id_rev = mysql_fetch_row($query_id_revista);

$id_rev= $res_queri_id_rev[0];

if($_POST['checkbox'] != "")

{

if(is_array($_POST['checkbox']))

{

// realizamos el ciclo

while(list($key,$value) = each($_POST['checkbox']))

{

$arrar_art ="INSERT INTO t_articulos_revista VALUES

(NULL,'dir',".$value.",".$id_rev.")";

$resp1=mysql_query($arrar_art,$conex);

$update_art ="UPDATE t_archivos SET n_publicado=1 where idt_archivos=".$value;

$resp1=mysql_query($update_art,$conex);

}

}

}

echo "<script>alert('LA revista de ha creado exitosamente');</script>";

echo "<script>window.location='administrador.php'</script>";

}

?>

</body>

</html>

<?php

}else{


alert("Usted no ha iniciado secion");


</script>';

}

?>

Gráfico N° 45. Diseño frontal de Etiqueta Post Actual.

Código fuente. Frontal Post Actual.

Fuente: Frontal Etiqueta Post Actual


<?php

session_start();


$query_post= mysql_query('SELECT c_nombre, c_precentacion, c_descript, c_img,

idt_revista FROM t_revista where n_estado=1 order by idt_revista desc limit 1');

$res_queri_post = mysql_fetch_row($query_post);

$nombre_post= $res_queri_post[0];

$precs_post= $res_queri_post[1];

$desc_post= $res_queri_post[2];

$img_post= $res_queri_post[3];

$idt_revista= $res_queri_post[4];

?>

<!Doctype html>

<html lang="es">

<head>


<link rel="stylesheet" href="css/contenidos.css">

</head>

<body>

<div class="postactual">

<h4>Revista acual <a href="#"><?php echo $nombre_post;

?></a></h4><hr>

<div class="menu_post">

<a href="#id_pesentacion">Presentación</a>

<a href="#id_descripcion">Descripcción</a>

<a href="#id_articulos">Articulo</a>



<a href="#id_bibliografia">Bibligrafia</a>

</div>

<div class="comtenido">

<div class="cl_pesen_descrip" id="id_pesentacion">

<h4>Pecentación</h4>

<p>

<?php echo $precs_post; ?>

</p>

</div>

<div class="cl_pesen_descrip" id="id_descripcion">


<p>

<?php echo $desc_post ?>

</p>

</div>

<div class="cl_aticulos" id="id_articulos" >

<h4>Articulos de este mes </h4>

<?php


$query_artc= 'SELECT c_nombre,c_descripcion,idt_archivos

FROM t_archivos , t_articulos_revista

where idt_archivos=fk_id_articlo and fk_id_revist='.$idt_revista;

// idt_articulos_revista, c_direccion, fk_id_articlo, fk_id_revist

//echo $query_artc;



?>

<a href="verpdf.php?id=<?php echo $res_art["idt_archivos"];?>" title="Ver

articulos">V</a>


</div>

</div>

<?php

}

?>

</div>

<div class="cl_pesen_descrip" id="id_bibliografia">

<h4>Biblografia</h4>

</div>

</div>

</div>

</body>

</html>

Gráfico N° 46. Diseño del Frontal de Etiqueta Contáctenos.

Código fuente. Frontal Etiqueta Contáctenos.

Fuente: Frontal Etiqueta Contáctenos


<div class="cl_presentacion_contacto" id="id_presentacion_ontacto">

<h4>Contactenos</h4><hr>

<div class="centro">

<div class="ubicacion">

<h4>UNIANDES Tulcán</h4>

<h5>Santa Martha de Taques</h5>

<img src="img/img_contacto" alt="UNIANDES">

</div>

<div class="telf">

<h4 class="tel">Telefonos</h4>

<ul>

<li>0999999999</li>

<li>0999999999</li>

<li>0999999999</li>

</ul>

</div>

</div>

<div class="cl_cometario">

<h4 class="com">Dejenos su comentario</h4>

<hr>

<div class="datcont">

<form name="frm_comentari" action="php_insertcoment.php" method="post">

<input type="text" placeholder="Nombres y Apellidos" name="c_nomandapel"

size="35" maxlength="40" required/>

<input type="text" placeholder="Asunto" size="35"

Gráfico N° 47. Diseño del Frontal del Usuario Administrador del sitio web.

Código fuente. Frontal Etiqueta del Usuario Administrador del sitio web.

<?php

session_start();







$query_revistas= 'SELECT * FROM t_revista order by idt_revista desc';

$ejec_query_rev = mysql_query($query_revistas,$conex) or die(mysql_error());


?>

<!Doctype html>

<html lang="es">

<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Administrador <?php echo $_SESSION["usuario"]; ?></title>

<script type="text/javascript" src="js/ajax.js"></script>



<style>

Fuente: Frontal Administrador


input{

padding: 0.2em;

border-radius: 0;

}

</style>

<script>

function mostrar (id,valor)

{

document.getElementById('id_nueva_rev').style.display='none';

document.getElementById('id_comentarios').style.display='none';

document.getElementById('id_revistas').style.display='none';

document.getElementById(id).style.display=valor;

}

</script>

</head>

<body>

<header>

<div id="slider">



</div>

</div>

<nav>

<?php


?>

</nav>

</header>

<section>

<div class="cl_postactual_e">

<h4>Bienvenido Adminitrador de la revista</h4><hr>

<div class="cl_menu_post_e">

<ul>

<li><a href="javascript:mostrar('id_revistas','block');">Revistas creadas</a></li>

<li><a href="javascript:mostrar('id_nueva_rev','block');">Nueva revista</a>

<ul>

<li><a href="#id_pesentacion">Presentación</a></li>

<li><a href="#id_descripcion">Descripción</a></li>

<li><a href="#id_articulos">Artículos</a></li>

<li><a href="#id_bibliografia">Bibliografía</a></li>

</ul>

</li>

<li><a href="#id_registro">Registrar nuevo usuario</a></li>

<li><a href="javascript:mostrar('id_comentarios','block');">Comentarios</a></li>

</ul>

</div>

<div class="cl_comtenido_e" id="id_nueva_rev">

<form action="php_new_post.php" name="c_frm_post" method="post"


<div class="cl_nombre_e" id="id_nombre_e">

<h4>Ingrese un nombre para esta nueva revista</h4>

<input type="text" name="c_nombre" placeholder="Ingrese un nombre para esta nueva

revista" required/>

</div>

<div class="cl_pesen_descrip_e" id="id_pesentacion">

<h4>Pesentación</h4>

<textarea name="c_precentacion" id="" cols="100" rows="8"></textarea>

</div>

<div class="cl_pesen_descrip_e" id="id_descripcion">


<textarea name="c_decription" id="" cols="100" rows="8"></textarea>

</div>

<div class="cl_aticulos_e" id="id_articulos" >

<h4>Selecciones artículos para este POST</h4>

<?php



and n_publicado=0';



?>



<p><strong>Descripción: </strong> <?php echo $res_art['c_descripcion']; ?></p>




<a

href="verpdf.php?id=<?php echo $res_art["idt_archivos"];?>" title="Ver

articulos">V</a>


<input name="checkbox[]" type="checkbox" id="checkbox" value="<?php echo

$res_art['idt_archivos']; ?>" />

</div>

</div>

<?php

}

?>

</div>

<div class="cl_pesen_descrip_e" id="id_bibliografia">

<h4>Bibliografía</h4>

<textarea name="c_bibliografia" id="" cols="100" rows="8"></textarea>

</div>



<input type="file" name="c_imagen_rev" class="cl_btn_up_img" required/>

</div>

<input type="submit" class="cl_btn_guardar" value="Guardar">

</form>

</div>

<div class="cl_revistas" id="id_revistas">

<h4>Todas las revistas</h4><hr>

<?php

while ($res_rev=mysql_fetch_array($ejec_query_rev)) {

?>


<h4><?php echo strtoupper($res_rev['c_nombre']); ?></h4>

<img src="<?php echo $res_rev['c_img']; ?>" alt="">

<p><strong><?php $res_rev['d_fecha'] ?></strong></p>

<div class="cl_opciones" id="id_opciones">

<a href="#" class="cl_mas">+</a>

<a href="#" class="cl_men">-</a>

<a href="#" class="cl_ver">V</a>

<?php

if ($res_rev['n_estado']==1) {

echo '<a href="#" class="cl_pub" title="Esta revista ya esta publicada">Y</a>'; }else{

echo '<a href="php_publicar.php?id_rev='.$res_rev['idt_revista'].'" class="cl_pub"

title="Publicar revista">P</a>';

echo '<a href="#" class="cl_edit" title="Editar revista">E</a>';

}

?>

</div>

</div>

<?php

}

?>

</div>

<div class="cl_comentarios" id="id_comentarios">

<?php

$query_comentarios= 'SELECT nombres, asunto, mail, mensaje FROM t_comentarios

order by idt_comentarios desc';

$ejec_query_comen = mysql_query($query_comentarios,$conex) or die(mysql_error());

while ($res_comen=mysql_fetch_array($ejec_query_comen)) {

?>


<p><?php echo $res_comen['nombres']; ?> </p>

<p><?php echo $res_comen['asunto']; ?> </p>

<p><?php echo $res_comen['mail']; ?> </p>

<p><?php echo $res_comen['mensaje']; ?> </p>

</div>

<?php

}

?>

</div>

</div>

<div id="id_registro" class="cl_registro">

<div>

<a href="#close" title="Cancelar" class="close">X</a>

<div class="cl_titulos">

<h2 class="titulo1">Registro de nuevos usuarios</h2>

</div>

<form action="php_registro.php" name ="" method="post" class="registro">

<table>

<tr>

<td colspan="2"><hr></td>

</tr>

<tr>

<td colspan="2" align="center"><h2

class="titulo2">Ingrese sus datos</h2></td>

</tr>

<tr>

<td>Ingrese Nombres:</td>

<td><input type="text" class="cl_caja" id="id_nombres" name="c_nombres"

placeholder="Nombres." required/></td>

</tr>

<tr>

<td>Ingrese Apellidos:</td>

<td><input type="text" class="cl_caja" id="id_apellidos" name="c_apellidos"

placeholder="Apellidos." required/></td>

</tr>

<tr>

<td>Ingrese E-mail:</td>

<td><input type="email" class="cl_caja" id="id_mail" name="c_mail"

placeholder="Ingrese su E-mail" required/></td>

</tr>

<tr>

<td>Reingrese E-mail:</td>

<td><input type="email" class="cl_caja" id="id_mail2" name="c_mail2"

placeholder="Vuelva a ingresar su E-mail" required/></td>

</tr>

<tr>

<td>Ingrese Clave:</td>

<td><input type="password" class="cl_caja" id="id_password" name="c_password"

placeholder="Ingrese una clave" required/></td>

</tr>

<tr>

<td>Reingrese su clave:</td>

<td><input type="password" class="cl_caja" id="id_password2" name="c_password2"

placeholder="Vuelva a ingresar su clave" required/></td>

</tr>

<tr>

<td>Fecha de nacimiento:</td>

<td><input type="date" class="cl_caja" id="id_fecha_nac" name="c_fecha_nac"

required/></td>

</tr>

<tr>

<td></td>

<td><input type="submit" class="cl_btn_reg" id="id_btn_reg" value="Registro."></td>

</tr>

<tr>


</tr>

</table>

</form>

</div>

</div>

</section>

</body>

</html>

<?php

} else{

echo "<script>alert('".$_SESSION["usuario"]." lo sentimos tu no eres el

Adminitrador')</script>";



</script>';

}

}else{




</script>';

}

?>

Gráfico N° 48. Diseño del Frontal sección Mis Datos del Administrador del sitio web.

Código fuente. Frontal sección Mis Datos del Administrador del sitio web.

<?php

session_start();


$query_id= mysql_query('SELECT c_nombres, c_apellidos FROM t_usuarios where




$app_sesion= $res_queri_id[1];

$datso_usu= 'SELECT * FROM t_usuarios where c_mail="'.$_SESSION["usuario"].'"';

$resultado_datos_usu = mysql_query($datso_usu,$conex) or die(mysql_error());

$edit_usu= 'SELECT * FROM t_usuarios where c_mail="'.$_SESSION["usuario"].'"';

$resultado_dedit_usu = mysql_query($edit_usu,$conex) or die(mysql_error());

$query_art='SELECT * FROM t_archivos where

id_usuario="'.$_SESSION["usuario"].'"';

$ejec_query= mysql_query($query_art,$conex)or die(mysql_error());

$query_secc='SELECT * FROM t_seccion';

$ejec_sec= mysql_query($query_secc,$conex)or die(mysql_error());

$fot_query= 'SELECT c_foto FROM t_usuarios where

c_mail="'.$_SESSION["usuario"].'"';

$resultado_cos = mysql_query($fot_query,$conex) or die(mysql_error());

$num_resultado = mysql_num_rows($resultado_cos);

if ($num_resultado==1) {

while ($res=mysql_fetch_array($resultado_cos)) {

$foto_perfil =$res['c_foto'];

Fuente: Frontal Mis Datos del Administrador


}

} else {

$foto_perfil ='img/usuarios/usu.png';

}

//echo $cos;


?>

<!Doctype html>

<html lang="es">

<head>


<title><?php echo $id_sesion." ".$app_sesion; ?></title>



<script>

function mostrar_div(id,estado){

//alert('bla');

document.getElementById('id_mis_articulos').style.display='none';

document.getElementById('id_mis_datos').style.display='none';

document.getElementById('id_editar_mis_datos').style.display='none';

document.getElementById('id_nuevo_articulo').style.display='none';

document.getElementById(id).style.display=estado;

}

function editar(){

}

</script>

</head>

<body onload="document.form.reset();">

<header>

<div class="cl_baner">


</div>

<nav>

<?php


?>

</ul>

</nav>

</header>

<section>

<aside class="cl_menuperfil">

<a href="#" onclick="mostrar_div('id_mis_datos','block')">Mis Datos</a>

<a href="#" onclick="mostrar_div('id_mis_articulos','block')">Mis Artículos</a>

<a href="#" onclick="mostrar_div('id_nuevo_articulo','block')">Nuevo artículo</a>

<a href="php_salir.php">Salir</a>

</aside>

<article class="cl_contenidoperfil">

<div class="cl_mis_datos" id="id_mis_datos">

<h4>Mis datos personales</h4><hr>

<?php

while ($res2=mysql_fetch_array($resultado_datos_usu)) {

?>

<table>

<tr>

<td><strong>Nombres.</strong></td>

<td colspan="3"><input type="text" style="width:600px;" class="cl_datper"

value="<?php echo $res2['c_nombres'].' '.$res2['c_apellidos'];?>" name="c_nom"

readonly/></td>

</tr>

<tr>

<td><strong>Mail</strong></td>

<td><input type="text" class="cl_datper" value="<?php echo $res2['c_mail']; ?>"

readonly/></td>

<td><strong>Fec. Nac.</strong></td>

<td><input type="text" class="cl_datper" value="<?php echo $res2['d_fecha_nac']; ?>"

readonly/></td>

</tr>

<tr>

<td><strong>Dirección</strong></td>

<td colspan="3"><input type="text" style="width:600px;" class="cl_datper"

value="<?php echo $res2['c_direccion']; ?>" readonly/></td>

</tr>

<tr>

<td><strong>Teléfono</strong></td>

<td><input type="text" class="cl_datper" value="<?php echo $res2['c_telefonno']; ?>"

readonly/></td>

<td><strong>Movil</strong></td>

<td><input type="text" class="cl_datper" value="<?php echo $res2['c_celular']; ?>"

readonly/></td>

</tr>

<tr>

<td><strong>Linkedin</strong></td>

<td><input type="text" class="cl_datper" value="<?php echo $res2['c_linkedin']; ?>"

readonly/></td>

<td><strong>Youtube</strong></td>

<td><input type="text" class="cl_datper" value="<?php echo $res2['c_youtube']; ?>"

readonly/></td>

</tr>

<tr>

<td><strong>Google+</strong></td>

<td><input type="text" class="cl_datper" value="<?php echo $res2['c_google'] ; ?>"

readonly/></td>

<td colspan="2"><a href="javascript:mostrar_div('id_editar_mis_datos','block')"

class="editar">Editar</a></td>

</tr>

</table>

<?php

}

?>

</div>

<div class="cl_editar_mis_datos" id="id_editar_mis_datos">

<h4>Edición de Datos</h4><hr>

<form name="frm_update_dates" action="php_actualizar_datos.php" method="post"


<?php

while ($result = mysql_fetch_array($resultado_dedit_usu)) {

?>

<table>

<tr>

<td><strong>Nombres.</strong></td>

<td><input type="text" class="cl_datper" name="c_nom" value="<?php echo

$result['c_nombres'];?>" required/></td>

<td><strong>Apellidos.</strong></td>

<td><input type="text" class="cl_datper"name="c_app" value="<?php echo

$result['c_apellidos']; ?>" required></td>

</tr>

<tr>

<td><strong>Mail</strong></td>

<td><input type="text" class="cl_datper" name="c_mail" value="<?php echo

$result['c_mail']; ?>" readonly/></td>

<td><strong>Fec. Nac.</strong></td>

<td><input type="date" name="c_fech" value="<?php echo $result['d_fecha_nac'];

?>"></td>

</tr>

<tr>

<td><strong>Dirección</strong></td>

<td colspan="3"><input type="text" name="c_dir"

style="width:600px;"class="cl_datper" value="<?php echo $result['c_direccion'];

?>"></td>

</tr><tr>

<td><strong>Teléfono</strong></td>

<td><input type="text" class="cl_datper" name="c_telf" value="<?php echo

$result['c_telefonno']; ?>"></td>

<td><strong>Movil</strong></td>

<td><input type="text" class="cl_datper" name="c_mov" value="<?php echo

$result['c_celular']; ?>"></td>

</tr>

<tr>

<td><strong>Password</strong></td>

<td><input type="password" name="c_pas1"></td>

<td><strong>Re-ingrese</strong></td>

<td><input type="password" name="c_pas2"></td>

</tr>

<tr>


</tr>

<tr>

<td><strong>Facebook</strong></td>

<td><input type="text" class="cl_datper" name="c_face" value="<?php echo

$result['c_facebook'] ; ?>"></td>

<td><strong>Twitter</strong></td>

<td><input type="text" class="cl_datper" name="c_tiw" value="<?php echo

$result['c_twter'] ; ?>"></td>

</tr>

<tr>

<td><strong>Linkedin</strong></td>

<td><input type="text" class="cl_datper" name="c_link" value="<?php echo

$result['c_linkedin']; ?>"></td>

<td><strong>Youtube</strong></td>

<td><input type="text" class="cl_datper"

name="c_you" value="<?php echo $result['c_youtube']; ?>"></td>

</tr>

<tr>

<td><strong>Google+</strong></td>

<td><input type="text" class="cl_datper" name="c_goo" value="<?php echo

$result['c_google'] ; ?>"></td>

<td colspan="2"><a href="javascript:mostrar_div('id_mis_datos','block')"

class="editar">Cancelar</a></td>

</tr>

</table>

<hr>

<h4>Seleccione una imagen</h4>

<input type="file" name="c_img_perf">

<input type="submit" value="Actualizar datos">

<?php

}

?>

</form>

</div>

<div class="cl_mis_articulos" id="id_mis_articulos">

<h4>Mis artículos</h4><hr>

<?php

while ($res_art=mysql_fetch_array($ejec_query)) {

?>

<div class="articulo">

<p><strong>Nombre: <?php echo $res_art['c_nombre']; ?></strong></p>

<p><strong>Descripcón: </strong><?php echo $res_art['c_descripcion']; ?></p>

<p><strong>Subido el:</strong> <?php echo $res_art['d_fecha']; ?></p>

<div class="menu_article">

<a href="" title="Publicar">P</a>

<a href="" title="Descargar">D</a>

<a href="verpdf.php?id=<?php echo $res_art['idt_archivos']; ?>" title="Vista

previa">V</a>

<img src="<?php echo $res_art['c_img']; ?>" alt="" title="Archivo de tipo PDF">

</div>

</div>

<?php

}

?>

</div>

<div class="cl_nuevo_articulo" id="id_nuevo_articulo">

<h4>Selector de artículos</h4><hr>

<form name="frm_upfile" class="cl_frm_upfile" action="php_subirarchivo.php"

method="post" enctype="multipart/form-data">

<h4>Gestor de artículos</h4>

<table><tr>

<td>Nombre</td>

<td>Descripción</td>

<td>Categoría</td>

</tr><tr>

<td><input type="text" name="c_nombre" class="cl_txt_nombre" placeholder="Nombre

del archivo" required/></td>

<td><input type="text" name="c_descipcion" class="cl_txt_desc" placeholder="Ingrese

una descripción para el artículo" required/br></td>

<td><select name="c_seccion" id="">

<?php

while ($res_secc = mysql_fetch_array($ejec_sec)) {?>

<option value="<?php echo $res_secc['idt_seccion']; ?>"><?php echo

$res_secc['c_seccion']; ?></option>

<?php

}?>

</select>

</td></tr></table>



<input type="file" name="c_imagen_art" class="cl_btn_up_img" required/>

</div>

<div class="cl_up_art" id="id_up_art">

<span>Seleccione Artículo</span>

<input type="file" name="c_archivo" class="cl_btn_up_artic" required/>

</div>

<input type="submit" value="Subir Archivo" title="Subir Archivo" >

</form>

<a href="javascript:mostrar_div('id_mis_datos','block')" class="editar">Cancelar</a>

</div></article></section></body></html>

<?php

}else{




</script>';

}

?>

Gráfico N° 49. Diseño del Frontal sección Nuevo artículo del Administrador del sitio

web.

Código fuente. Frontal sección Nuevo artículo del Administrador del sitio web.

<?php

session_start();







$nombre = $_POST['c_nombre'];

$descrip= $_POST['c_descipcion'];

$seccion = $_POST['c_seccion'];

$nom_img_art= $_FILES['c_imagen_art']['name'];

$tmp_img_art= $_FILES['c_imagen_art']['tmp_name'];

$tam_img_art= $_FILES['c_imagen_art']['size'];

$tip_img_art= $_FILES['c_imagen_art']['type'];



$nom_arch= $_FILES['c_archivo']['name'];

$tmp_arch= $_FILES['c_archivo']['tmp_name'];

$tam_arch= $_FILES['c_archivo']['size'];

$tip_arch= $_FILES['c_archivo']['type'];

$kb_arch=$tam_arch/1024;

$mg_arch=$kb_arch/1024;

Fuente: Frontal Nuevo artículo del Administrador



?><!Doctype html><html lang="es">

<head><meta charset="utf-8" /> <title><?php echo $id_sesion; ?></title></head>

<body> <?php

if ($kb_arch>2000) {

?><script>alert('El archivo subido supera las 2 Megas de espacio');</script>

<input type="button" value="Regresar" title="Regresar" onclick="history.back()">

<?php}else{if ($tip_arch=='application/pdf'){

$new_nom= str_replace(" ","_",$nombre);

copy($tmp_arch,"repositorio_pdf/$new_nom.pdf");

$date = date("Y/m/d");

$imgrel="img/img_articulos/".$nom_img_art;

copy($tmp_img_art,$imgrel);

// echo $imgrel."<br>";

$cons1="INSERT INTO t_archivos values (null, '".$new_nom."', '".$descrip."',

'".$date."', 'repositorio_pdf',

'".$_SESSION["usuario"]."', ".$idt_usu.", '".$imgrel."', 0,

'img/icon/pdf.png', 0, ".$seccion.", 0)";

//echo $cons1;

$resp1=mysql_query($cons1,$conex);

?>

<embed src="<?php echo "repositorio_pdf/$new_nom.pdf"; ?>" width="1000px"

height="600px">

<?php

//echo "<script>alert('El archivo ha sido cargado exitosamente');</script>";

//echo "<script>window.location='perfil.php'</script>";

}else{

?>

<script>

alert("Ha tenido un error con el fromato del archivo.. solo puede ser PDF");

window.location='perfil.php';

</script>

<?php

}}?></body></html><?php

}else{




</script>';

}

?>

Gráfico N° 50. Diseño del Frontal sección Comentarios del Administrador del sitio web.

Código fuente. Frontal sección Comentarios del Administrador del sitio web.



<?php

session_start();


$remitente= $_POST['c_nomandapel'];

$asunto =$_POST['c_asunto'];

$mail=$_POST['c_mail'];

$msn=$_POST['c_mensaje'];

print_r($_POST);

$cad = "INSERT INTO t_comentarios VALUES (NULL, '".$remitente."', '".$asunto."',

'".$mail."', '".$msn."', 1, 1)";

$resp1=mysql_query($cad,$conex);


alert("Gracias '.$remitente.' por dejarnos tu comentario Uniades se pondra en contacto

contigo via email ");

window.location="index.php?item=contacto.php";

</script>';

?>

?>

Código fuente. Sección Artículos

Código fuente. Publicación Artículos

div class="cl_articluos">

<?php



and n_publicado=0';



?>

<div class="cl_articulo" onclick="buscar_tema('<?php echo

$res_art["idt_archivos"];?>')">





<p><a href="verpdf.php?id=<?php echo $res_art["idt_archivos"];?>">Ver articulo

completo</a></p>


</div>

</div>

<?php

}?>

</div>

<?php

session_start();


$id_revista=$_GET['id_rev'];

$cad = "UPDATE t_revista set n_estado=1 where idt_revista=".$id_revista;



alert("La revista se ha publicado correctamente");

window.location="administrador.php";

</script>';

?>

Código fuente. Menú

<ul class="menu">

<li><a href="index.php?item=presentacion.php">Inicio</a></li>

<li><a href="inicio.php?id=revistas.php">Revistas</a></li>

<li><a href="inicio.php?id=porstactual.php" title="Encuentra la ultima

revista">Post Actual</a></li>

<li><a href="index.php?item=contacto.php">Contactenos</a></li>

<?php



$query_id= mysql_query('SELECT cod_tipo FROM t_usuarios

where c_mail="'.$_SESSION["usuario"].'"');




?>

<li><a href="perfil.php" ><?php echo

$_SESSION["usuario"]; ?></a></li>

<li><a

href="administrador.php">Administrador</a></li>


<?php

} else{

?>

<li><a href="perfil.php" ><?php echo

$_SESSION["usuario"]; ?></a></li>


<?php

}

}else{

?>

<li><a href="#openModal">Ingresar</a></li>



<?php

}

?>

</ul>

Código fuente. Actualizar datos

<?php

session_start();


$nom=$_POST['c_nom'];

$ape=$_POST['c_app'];

$mai=$_POST['c_mail'];

$fec=$_POST['c_fech'];

$dir=$_POST['c_dir'];

$tel=$_POST['c_telf'];

$mov=$_POST['c_mov'];

$fac=$_POST['c_face'];

$twi=$_POST['c_tiw'];

$link=$_POST['c_link'];

$you=$_POST['c_you'];

$goo=$_POST['c_goo'];

$pas1=$_POST['c_pas1'];

$pas2=$_POST['c_pas2'];

$nom_arch= $_FILES['c_img_perf']['name'];

$tmp_arch= $_FILES['c_img_perf']['tmp_name'];

$tipo= $_FILES['c_img_perf']['type'];

$nom_arch= str_replace(" ","_",$nom_arch);

if($pas1==$pas2){

if ($tipo=="image/png" or $tipo=="image/jpg" or $tipo=="image/jpeg") {

switch ($tipo) {

case 'image/jpeg':

$ext='.jpeg';

break;

case 'image/png':

$ext='.png';

break;

case 'image/jpg':

$ext='.jpg';

break;

}

copy($tmp_arch,"img/usuarios/$nom_arch".$ext);

$nombref = $nom_arch.$ext;

$cad = "UPDATE t_usuarios set

c_nombres='$nom', c_apellidos='$ape', c_mail='$mai', c_password='$pas1',

d_fecha_nac='$fec',

c_foto='img/usuarios/$nombref', c_telefonno='$tel',

c_celular='$mov', c_facebook='$fac', c_twter='$twi', c_google='$goo',

c_linkedin='$link', c_youtube='$you',

c_direccion='$dir'

where c_mail='".$_SESSION["usuario"]."'";

//echo $nombref;



alert("Sus datos se han actualizado correctamente");

window.location="perfil.php";

</script>';

}else{


alert("El archivo de imagen no es correcto");


</script>';

}

}else{


alert("Sus contraeñas no conciden");


</script>';}


?>

<!Doctype html>

<html lang="es">

<head>


<title>Actualizacionde datos</title>

</head>

<body>

</body>

</html>

<?php

}else{




</script>';

}

?>

Código fuente. Buscar artículo.

<!Doctype html>

<html lang="es">

<head>


</head>

<body>

<?php


$v1=$_POST['val1'];

//echo $v1;//echo $v2;

$cad= 'SELECT * FROM t_archivos where idt_archivos='.$v1;

//echo $cad;

$res_cad= mysql_query($cad,$conex);

if(mysql_num_rows($res_cad)==0){

echo '<h4>No se ha hallado el articulo </h4><hr>';

}else{

while($fila=mysql_fetch_array($res_cad))

{

?>

<div class="contenido_art">

<div class="cl_texto">

<p><strong>Nombre:</strong><?php echo $fila['c_nombre']; ?></p>

<p><strong>Descripcion:</strong><?php echo $fila['c_descripcion']; ?></p>

<p><strong>Autor:</strong><?php echo $fila['id_usuario']; ?></p>

<p><strong>Fecha:</strong><?php echo $fila['d_fecha']; ?></p>

<p><strong>Califiación:</strong><?php echo $fila['n_calificacion']; ?> *</p>

<p><strong>Sección:</strong><?php echo $fila['c_seccion']; ?></p>

</div>

<img src="<?php echo $fila['c_img_referenci']; ?>" alt="">

</div>

<?php

}

}

?>

</body>

</html>

Código fuente. Base de datos.

CREATE DATABASE IF NOT EXISTS bd_metanoia;

USE bd_metanoia;

DROP TABLE IF EXISTS `t_archivos`;

CREATE TABLE `t_archivos` (

ìdt_archivos` int(10) unsigned NOT NULL auto_increment,

`c_nombre` text NOT NULL,



`c_direccion` text NOT NULL,

ìd_usuario` text NOT NULL,

`fk_n_user` int(10) unsigned NOT NULL default '0',

`c_img_referenci` text NOT NULL,

`b_publicado` int(10) unsigned NOT NULL default '0',

`c_iconno` text NOT NULL,

`n_calificacion` int(10) unsigned NOT NULL default '0',

`c_seccion` varchar(45) NOT NULL default '',

PRIMARY KEY (ìdt_archivos`)


INSERT INTO `t_archivos`

(ìdt_archivos`,`c_nombre`,`c_descripcion`,`d_fecha`,`c_direccion`,ìd_usuario`,`fk_n_u

ser`,`c_img_referenci`,`b_publicado`,`c_iconno`,`n_calificacion`,`c_seccion`) VALUES

(3,'preguntas_devsu','preguntas arch01','2015-02-

18','repositorio_pdf','[email protected]',1,'img/img_articulos/art02.jpg',0,'img/ic

on/pdf.png',3,'Tecnologia'),

(4,'preguntas','descripcion','2015-02-

18','repositorio_pdf','[email protected]',1,'img/img_articulos/imgart1.jpg',0,'img

/icon/pdf.png',6,'Tecnologia');

DROP TABLE IF EXISTS `t_noticias`;

CREATE TABLE `t_noticias` (

ìdt_noticias` int(10) unsigned NOT NULL auto_increment,

`c_titulo` text NOT NULL,


`c_noticia` text NOT NULL,

`c_imagen` text NOT NULL,

`b_estado` tinyint(1) NOT NULL default '0',


`n_nivel` int(10) unsigned NOT NULL default '0',

`fk_cod_tipo` int(10) unsigned NOT NULL default '0',

Código fuente. Etiqueta salir.

PRIMARY KEY (ìdt_tipo_noticia`)


DROP TABLE IF EXISTS `t_usuarios`;

CREATE TABLE `t_usuarios` (

ìdt_usuarios` int(10) unsigned NOT NULL auto_increment,

`c_nombres` varchar(45) NOT NULL default '',

`c_apellidos` varchar(45) NOT NULL default '',

`c_mail` text NOT NULL,

`c_password` varchar(45) NOT NULL default '',

`d_fecha_nac` date NOT NULL default '0000-00-00',

`c_foto` text,

`c_telefonno` varchar(10) default NULL,

`c_celular` varchar(45) default NULL,

`c_facebook` text,

`c_twter` text,

`c_google` text,

`c_linkedin` text,

`c_youtube` text,

`c_direccion` text,

`cod_nivel_edcu` int(10) unsigned default NULL,

`cod_tipo` int(10) unsigned default NULL,

PRIMARY KEY (ìdt_usuarios`)


<?php

session_start();

session_unregister("usuario");

session_destroy();

header("location:index.php")

?>

CARTA DE

ACEPTACIÓN

Facultad de Sistemas Mercantiles Carrera de...

Documents

Transcript of Facultad de Sistemas Mercantiles Carrera de...