Facultad de Sistemas Mercantiles Carrera de...
Transcript of 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° 4. Resultados de la pregunta 3. ............................................................................. 26
Tabla N° 5. Resultados de la pregunta 4. ............................................................................. 27
Tabla N° 6. Resultados de la pregunta 5. ............................................................................. 27
Tabla N° 7. Resultados de la pregunta 6. ............................................................................. 28
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
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.
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
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
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
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
Indicador Frecuencia Porcentaje
SI 48 96%
NO 2 4%
TOTAL 50 100%
Fuente: Investigación de Campo
Elaborado por: Harold Tarupi
Fuente: Investigación de Campo
Elaborado por: Harold Tarupi
26
Interpretación de Resultados. De acuerdo a los resultados obtenidos, se identifica que
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.
Tabla N° 4. Resultados de la pregunta 3.
Indicador Frecuencia Porcentaje
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.
Fuente: Investigación de Campo
Elaborado por: Harold Tarupi
27
Tabla N° 5. Resultados de la pregunta 4.
Indicador Frecuencia Porcentaje
Excelente 0 0%
Muy Bueno 2 4%
Bueno 1 2%
Regular 20 40%
Mala 27 54%
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 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.
Tabla N° 6. Resultados de la pregunta 5.
Indicador Frecuencia Porcentaje
Excelente 32 64%
Muy Bueno 13 26%
Bueno 5 10%
Regular 0 0%
Mala 0 0%
TOTAL 50 100%
Interpretación de Resultados. De acuerdo a los resultados obtenidos, se identifica que
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.
Fuente: Investigación de Campo
Elaborado por: Harold Tarupi
Fuente: Investigación de Campo
Elaborado por: Harold Tarupi
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.
Tabla N° 7. Resultados de la pregunta 6.
Indicador Frecuencia Porcentaje
Comentarios Positivos 44 88%
Comentarios Negativos 6 12%
TOTAL 50 100%
Interpretación de Resultados. De acuerdo a los resultados obtenidos, se identifica que
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:
Fuente: Investigación de Campo
Elaborado por: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Query Browser Mysql
Autor: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Hostinger BDD
Autor: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Frontal Etiqueta Revistas
Autor: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Frontal Etiqueta Contáctenos
Autor: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Frontal Administrador
Autor: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Frontal Nuevo artículo del Administrador
Autor: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Frontal de la sección Nueva revista
Autor: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Formulario de ingreso de usuarios
Autor: Harold Tarupi
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
Autor: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Hardware del servidor
Autor: Harold Tarupi
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="">
<img src="img/pub2.jpg" alt="">
<img src="img/pub3.jpg" alt="">
<img src="img/pub4.jpg" alt="">
<img src="img/pub5.jpg" alt="">
<img src="img/pub6.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 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"
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.
<a href="#">Sistemas</a>
<a href="#">Contabilidad y A.</a>
<a href="#">Enfermeria</a>
</div>
<?php
require_once($item);
?>
</div>
</article>
<aside>
<div class="cl_otros_sit">
<h4>Sitios Relacionados</h4><hr>
<a href="#"><img src="img/links/img01.jpg" alt=""></a>
<a href="#"><img src="img/links/img02.jpg" alt=""></a>
<a href="#"><img src="img/links/img03.jpg" alt=""></a>
<a href="#"><img src="img/links/img04.jpg" alt=""></a>
<a href="#"><img src="img/links/img05.jpg" alt=""></a>
<a href="#"><img src="img/links/img06.jpg" alt=""></a>
<a href="#"><img src="img/links/img07.jpg" alt=""></a>
<a href="#"><img src="img/links/img08.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*/
require_once("php_conection.php");
$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
c_password='".$_POST['c_password']."'";
$res1=mysql_query($cons1,$conex);
if (mysql_num_rows($res1)==0) {
echo '<script type="text/javascript">
alert("Usuario y Password no identificados");
window.location="index.php";
</script>';
}else{
$_SESSION["usuario"]=$_POST['c_usuario'];
header("location:perfil.php");
}}?>
<!Doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
</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.');
window.location='index.php';
</script>";
}
}else{
echo "<script>
alert('Error..!!.. al verificar el PASSWORD o su MAIL..');
window.location='index.php';
</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"]) {
require_once("php_conection.php");
$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>
<li><a href="php_salir.php" >Salir</a></li>
<?php
}
}else{
?>
<li><a href="#openModal">Ingresar</a></li>
<!--<li><a href="#id_registro">Registro</a></li>-->
<?php
}
?>
</ul>
CREATE DATABASE IF NOT EXISTS bd_metanoia;
USE bd_metanoia;
DROP TABLE IF EXISTS `t_archivos`;
CREATE TABLE `t_archivos` (
`idt_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,
`id_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 (`idt_archivos`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;
51
INSERT INTO `t_archivos`
(`idt_archivos`,`c_nombre`,`c_descripcion`,`d_fecha`,`c_direccion`,`id_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` (
`idt_noticias` int(10) unsigned NOT NULL auto_increment,
`c_titulo` text NOT NULL,
`c_descripcion` text NOT NULL,
`c_noticia` text NOT NULL,
`c_imagen` text NOT NULL,
`b_estado` tinyint(1) NOT NULL default '0',
`d_fecha` date NOT NULL default '0000-00-00',
`n_nivel` int(10) unsigned NOT NULL default '0',
`fk_cod_tipo` int(10) unsigned NOT NULL default '0',
PRIMARY KEY (`idt_noticias`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
DROP TABLE IF EXISTS `t_tipo_noticia`;
CREATE TABLE `t_tipo_noticia` (
`idt_tipo_noticia` int(10) unsigned NOT NULL auto_increment,
`c_tipo` varchar(45) NOT NULL default '',
PRIMARY KEY (`idt_tipo_noticia`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
DROP TABLE IF EXISTS `t_usuarios`;
CREATE TABLE `t_usuarios` (
`idt_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`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;
<?php
session_start();
require_once("php_conection.php");
$query_id= mysql_query('SELECT c_nombres,idt_usuarios FROM t_usuarios where
c_mail="'.$_SESSION["usuario"].'"');
$res_queri_id = mysql_fetch_row($query_id);
$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;
if ($_SESSION["usuario"]) {
?>
<!Doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title><?php echo $id_sesion; ?></title>
</head>
<body>
<?php
if ($kb_img_art>4000) {
?>
53
Formulario del administrador.
<?php
session_start();
require_once("php_conection.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];
$query_revistas= 'SELECT * FROM t_revista order by idt_revista desc';
$ejec_query_rev = mysql_query($query_revistas,$conex) or die(mysql_error());
if( $id_tip_sesion==1){
?>
<!Doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<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/normalize.css">
<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">
<div id="contslider">
<img src="img/baners/banrini01.jpg" alt="">
</div>
</div>
54
<nav>
<?php
require_once("menu.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
require_once("php_conection.php");
$query_artc= 'SELECT * FROM t_archivos , t_seccion where n_seccion=idt_seccion
and n_publicado=0';
$ejec_query_art = mysql_query($query_artc,$conex) or die(mysql_error());
while ($res_art=mysql_fetch_array($ejec_query_art)) {
?>
<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><strong>Fecha: </strong> <?php echo $res_art['d_fecha']; ?></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)) {
?>
<div class="cl_revista" id="id_revista">
<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
Autor: Harold Tarupi
59
Fuente: Efectividad de la propuesta.
Autor: Harold Tarupi
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,
obteniéndose los siguientes resultados.
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%
0% 0%Muy satisfactorio
Satisfactorio
Poco satisfactorio
No satisfactorio
Fuente: Validación de la novedad científica.
Autor: Harold Tarupi
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,
obteniéndose los siguientes resultados.
Gráfico N° 23. Validación en la actualidad de la propuesta.
47%
50%
3% 0%Muy satisfactorio
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.
Autor: Harold Tarupi
Fuente: Validación de la propuesta en la actualidad.
Autor: Harold Tarupi
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.
Fuente: Investigación de Campo
Elaborado por: Harold Tarupi
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
Fuente: Investigación de Campo
Elaborado por: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Pantalla de Revistas del sitio web Metanoia
Autor: Harold Tarupi
Pantalla de Revistas.
Gráfico N° 26. Pantalla de Revistas.
En esta pantalla de Revistas 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.
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.
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.
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
Autor: Harold Tarupi
Pantalla Contáctenos.
Gráfico N° 28. Pantalla Contáctenos.
En esta pantalla de Contáctenos 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.
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
Autor: Harold Tarupi
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
Autor: Harold Tarupi
Pantalla del Usuario Administrador.
Gráfico N° 30. Usuario Administrador o usuario del sitio web.
En esta pantalla de Usuario Adminsitrador 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 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
Autor: Harold Tarupi
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.
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 usuario en caso de ser
administrador le aparecera la opción administrador y salir.
Opciones de Usuario. Aquí encontraremos todas las opciones que puede tener este usuario asi
como Mis datos, Mis Artículos, Nuevo artítulo Salir.
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
Autor: Harold Tarupi
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.
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 usuario en caso de ser
administrador le aparecera la opción administrador y salir.
Opciones de Usuario. Aquí encontraremos todas las opciones que puede tener este usuario asi
como Mis datos, Mis Artículos, Nuevo artítulo Salir.
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
Autor: Harold Tarupi
Pantalla Administrador.
Gráfico N° 33. Administrador del sitio web.
En esta pantalla de Administrador 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 usuario en caso de ser
administrador le aparecera la opción administrador y salir.
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
Autor: Harold Tarupi
Pantalla Nueva revista.
Gráfico N° 34. Nueva revista del Administrador del sitio web.
En esta pantalla de Nueva Revista 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 usuario en caso de ser
administrador le aparecera la opción administrador y salir.
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.
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
Autor: Harold Tarupi
Pantalla Registrar nuevo usuario.
Gráfico N° 35. Registro de usuarios del sitio web.
En esta pantalla de Nueva Revista se puede vizualizar.
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
Autor: Harold Tarupi
Pantalla Comentarios.
Gráfico N° 36. Comentarios del sitio web.
En esta pantalla de Nueva Revista 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 usuario en caso de ser
administrador le aparecera la opción administrador y salir.
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.
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
Autor: Harold Tarupi
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
Autor: Harold Tarupi
Fuente: Query Browser Mysql
Autor: Harold Tarupi
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
Autor: Harold Tarupi
<?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
Autor: Harold Tarupi
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
Autor: Harold Tarupi
<?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="">
<img src="img/pub2.jpg" alt="">
<img src="img/pub3.jpg" alt="">
<img src="img/pub4.jpg" alt="">
<img src="img/pub5.jpg" alt="">
<img src="img/pub6.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"
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);
<a href="#">Sistemas</a>
<a href="#">Contabilidad y A.</a>
<a href="#">Enfermeria</a>
</div>
<?php
require_once($item);
?>
</div>
</article>
<aside>
<div class="cl_otros_sit">
<h4>Sitios Relacionados</h4>
<hr>
<a href="#"><img src="img/links/img01.jpg" alt="">
</a>
<a href="#"><img src="img/links/img02.jpg" alt="">
</a>
<a href="#"><img src="img/links/img03.jpg" alt="">
</a>
<a href="#"><img src="img/links/img04.jpg" alt="">
</a>
<a href="#"><img src="img/links/img05.jpg" alt="">
</a>
<a href="#"><img src="img/links/img06.jpg" alt="">
</a>
<a href="#"><img src="img/links/img07.jpg" alt="">
</a>
<a href="#"><img src="img/links/img08.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>
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
Autor: Harold Tarupi
<?php
session_start();/*estas linea simpre va primero que cualquier linea de codigo*/
require_once("php_conection.php");
$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
c_password='".$_POST['c_password']."'";
$res1=mysql_query($cons1,$conex);
if (mysql_num_rows($res1)==0) {
echo '<script type="text/javascript">
alert("Usuario y Password no identificados");
window.location="index.php";
</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
Autor: Harold Tarupi
<!Doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
</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'];
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.');
window.location='index.php';
</script>";
}
}else{
echo "<script>
alert('Error..!!.. al verificar el PASSWORD o su MAIL..');
window.location='index.php';
</script>";
}
?>
Gráfico N° 44. Diseño del frontal Revistas.
Código fuente. Frontal Revistas.
Fuente: Frontal Revistas
Autor: Harold Tarupi
<?php
session_start();
require_once("php_conection.php");
$query_id= mysql_query('SELECT c_nombres,idt_usuarios FROM t_usuarios where
c_mail="'.$_SESSION["usuario"].'"');
$res_queri_id = mysql_fetch_row($query_id);
$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;
if ($_SESSION["usuario"]) {
?>
<!Doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<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{
echo '<script type="text/javascript">
alert("Usted no ha iniciado secion");
window.location="index.php";
</script>';
}
?>
Gráfico N° 45. Diseño frontal de Etiqueta Post Actual.
Código fuente. Frontal Post Actual.
Fuente: Frontal Etiqueta Post Actual
Autor: Harold Tarupi
<?php
session_start();
require_once('php_conection.php');
$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>
<meta charset="utf-8" />
<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="#">Noticias</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">
<h4>Descripción</h4>
<p>
<?php echo $desc_post ?>
</p>
</div>
<div class="cl_aticulos" id="id_articulos" >
<h4>Articulos de este mes </h4>
<?php
require_once("php_conection.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;
$ejec_query_art = mysql_query($query_artc,$conex) or die(mysql_error());
while ($res_art=mysql_fetch_array($ejec_query_art)) {
?>
<div class="cl_articulo">
<h4><?php echo strtoupper($res_art['c_nombre']); ?></h4>
<p><strong>Descrpcion: </strong> <?php echo $res_art['c_descripcion']; ?></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>
</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
Autor: Harold Tarupi
<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();
require_once("php_conection.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];
$query_revistas= 'SELECT * FROM t_revista order by idt_revista desc';
$ejec_query_rev = mysql_query($query_revistas,$conex) or die(mysql_error());
if( $id_tip_sesion==1){
?>
<!Doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<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/normalize.css">
<link rel="stylesheet" href="css/inicio.css">
<style>
Fuente: Frontal Administrador
Autor: Harold Tarupi
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 id="contslider">
<img src="img/baners/banrini01.jpg" alt="">
</div>
</div>
<nav>
<?php
require_once("menu.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>
</div>
<div class="cl_aticulos_e" id="id_articulos" >
<h4>Selecciones artículos para este POST</h4>
<?php
require_once("php_conection.php");
$query_artc= 'SELECT * FROM t_archivos , t_seccion where n_seccion=idt_seccion
and n_publicado=0';
$ejec_query_art = mysql_query($query_artc,$conex) or die(mysql_error());
while ($res_art=mysql_fetch_array($ejec_query_art)) {
?>
<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><strong>Fecha: </strong> <?php echo $res_art['d_fecha']; ?></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>
<?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)) {
?>
<div class="cl_revista" id="id_revista">
<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>
<td colspan="2"><hr></td>
</tr>
</table>
</form>
</div>
</div>
</section>
</body>
</html>
<?php
} else{
echo "<script>alert('".$_SESSION["usuario"]." lo sentimos tu no eres el
Adminitrador')</script>";
echo '<script type="text/javascript">
window.location="index.php";
</script>';
}
}else{
echo '<script type="text/javascript">
alert("Usted no ha iniciado secion");
window.location="index.php";
</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();
require_once('php_conection.php');
$query_id= mysql_query('SELECT c_nombres, c_apellidos FROM t_usuarios where
c_mail="'.$_SESSION["usuario"].'"');
$res_queri_id = mysql_fetch_row($query_id);
$id_sesion= $res_queri_id[0];
$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
Autor: Harold Tarupi
}
} else {
$foto_perfil ='img/usuarios/usu.png';
}
//echo $cos;
if ($_SESSION["usuario"]) {
?>
<!Doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title><?php echo $id_sesion." ".$app_sesion; ?></title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/inicio.css">
<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">
<img src="img/baners/banrini01.jpg" alt="">
</div>
<nav>
<?php
require_once("menu.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"
enctype="multipart/form-data">
<?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>
<td colspan="4"><hr></td>
</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>
<div class="cl_up_img" id="id_up_img">
<span>Seleccione una Imagen</span>
<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{
echo '<script type="text/javascript">
alert("Usted no ha iniciado secion");
window.location="index.php";
</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();
require_once("php_conection.php");
$query_id= mysql_query('SELECT c_nombres,idt_usuarios FROM t_usuarios where
c_mail="'.$_SESSION["usuario"].'"');
$res_queri_id = mysql_fetch_row($query_id);
$id_sesion= $res_queri_id[0];
$idt_usu= $res_queri_id[1];
$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'];
$kb_img_art= $tam_img_art/1024;
$mg_img_art= $kb_img_art/1024;
$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
Autor: Harold Tarupi
if ($_SESSION["usuario"]) {
?><!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{
echo '<script type="text/javascript">
alert("Usted no ha iniciado secion");
window.location="index.php";
</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.
Fuente: Formulario de ingreso de usuarios
Autor: Harold Tarupi
<?php
session_start();
require_once("php_conection.php");
$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);
echo '<script type="text/javascript">
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
require_once("php_conection.php");
$query_artc= 'SELECT * FROM t_archivos , t_seccion where n_seccion=idt_seccion
and n_publicado=0';
$ejec_query_art = mysql_query($query_artc,$conex) or die(mysql_error());
while ($res_art=mysql_fetch_array($ejec_query_art)) {
?>
<div class="cl_articulo" onclick="buscar_tema('<?php echo
$res_art["idt_archivos"];?>')">
<h4><?php echo strtoupper($res_art['c_nombre']); ?></h4>
<p><strong>Descrpcion: </strong> <?php echo $res_art['c_descripcion']; ?></p>
<p><strong>Fecha: </strong> <?php echo $res_art['d_fecha']; ?></p>
<p><img src="<?php echo $res_art['c_img_referenci']; ?>" alt=""></p>
<p><a href="verpdf.php?id=<?php echo $res_art["idt_archivos"];?>">Ver articulo
completo</a></p>
<div class="cl_opciones">
</div>
</div>
<?php
}?>
</div>
<?php
session_start();
require_once("php_conection.php");
$id_revista=$_GET['id_rev'];
$cad = "UPDATE t_revista set n_estado=1 where idt_revista=".$id_revista;
$resp1=mysql_query($cad,$conex);
echo '<script type="text/javascript">
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
if ($_SESSION["usuario"]) {
require_once("php_conection.php");
$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){
?>
<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>
<li><a href="php_salir.php" >Salir</a></li>
<?php
}
}else{
?>
<li><a href="#openModal">Ingresar</a></li>
<!--<li><a href="#id_registro">Registro</a></li>-->
<?php
}
?>
</ul>
Código fuente. Actualizar datos
<?php
session_start();
require_once("php_conection.php");
$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;
$resp1=mysql_query($cad,$conex);
echo '<script type="text/javascript">
alert("Sus datos se han actualizado correctamente");
window.location="perfil.php";
</script>';
}else{
echo '<script type="text/javascript">
alert("El archivo de imagen no es correcto");
window.location="perfil.php";
</script>';
}
}else{
echo '<script type="text/javascript">
alert("Sus contraeñas no conciden");
window.location="perfil.php";
</script>';}
if ($_SESSION["usuario"]) {
?>
<!Doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Actualizacionde datos</title>
</head>
<body>
</body>
</html>
<?php
}else{
echo '<script type="text/javascript">
alert("Usted no ha iniciado secion");
window.location="index.php";
</script>';
}
?>
Código fuente. Buscar artículo.
<!Doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
</head>
<body>
<?php
require_once('php_conection.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` (
`idt_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,
`id_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 (`idt_archivos`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;
INSERT INTO `t_archivos`
(`idt_archivos`,`c_nombre`,`c_descripcion`,`d_fecha`,`c_direccion`,`id_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` (
`idt_noticias` int(10) unsigned NOT NULL auto_increment,
`c_titulo` text NOT NULL,
`c_descripcion` text NOT NULL,
`c_noticia` text NOT NULL,
`c_imagen` text NOT NULL,
`b_estado` tinyint(1) NOT NULL default '0',
`d_fecha` date NOT NULL default '0000-00-00',
`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 (`idt_tipo_noticia`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
DROP TABLE IF EXISTS `t_usuarios`;
CREATE TABLE `t_usuarios` (
`idt_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 (`idt_usuarios`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;
<?php
session_start();
session_unregister("usuario");
session_destroy();
header("location:index.php")
?>
CARTA DE
ACEPTACIÓN