Está en la página 1de 13

513-PR-03-R02

PROTOCOLO DE INVESTIGACIN
(CI-02/2015)
NOMBRE DE LA INSTITUCIN
Instituto tecnolgico de Culiacn

Ttulo del proyecto

Realizacin de una pgina web de asesoras en linea

1. DESCRIPCIN DEL PROYECTO


1.1 Resumen
Las pginas web son una plataforma de desarrollo de programas. El nmero de
computadoras conectadas en red ha crecido con rapidez y hoy es el mecanismo
de informacin ms grande del mundo. Hoy en da los alumnos pasan gran
tiempo del da en sus computadoras y constituye una herramienta fundamental
para para sus estudios . Al implementar una pgina web donde alumnos puedan
obtener asesoras en lnea y descargar informacin adecuada para sus clases,
estamos promoviendo el uso del internet como herramienta de estudio directa
en la preparatoria uas navolato, esta investigacin se realiza con el nimo de
difundir el desarrollo y la participacin de docentes y alumnos adems de
facilitarles informacin referente a la escuela. Dando como resultado que este
sitio proporcione el acceso al contenido y al encuentro de estudiantes y
profesores, donde este resultado es la elevacin de la calidad de las clases.
1.2 Introduccin
La investigacin es acerca de una pgina web que se realizara en la preparatoria
uas navolato, su objetivo principal es que alumnos de esta preparatoria puedan
dar o recibir asesoras de forma remota adems los maestros tendrn un espacio
donde podrn proporcionar documentos que ayuden al alumno con sus clases
regulares, se podrn crear adems grupos de estudio donde los alumnos podrn
realizar debatir acerca de algn tema en particular adems de poder intercambiar
documentos.

CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

513-PR-03-R02

Realizar una pgina Web no es una tarea fcil, esto implica hablar desde su
concepto hasta el anlisis, diseo, implantacin y prueba. Al disear una pgina
Web para la preparatoria uas navolato, estamos resolviendo una necesidad que
demandan los estudiantes. Para hacer un anlisis para una pgina Web se debe
de tener en cuenta una serie de requerimientos como la organizacin de la
informacin que va a contener la pgina, objetivos por los cuales se va a realizar la
pgina y la visualizacin que esta va a tener.
En cuanto al diseo de la pgina se deben de tener en cuenta tres aspectos
principales: la comunicacin (humana), su programacin ya sea (HTML,
JAVASCRIPT, PHP, etc.) y su diseo grfico que debe de ser adecuado
dependiendo del negocio u organizacin para la cual se est realizando. Una vez
terminado el anlisis y el diseo nos encargamos de la puesta en marcha, las
correcciones y ajustes finales, se debe de asegurar que todo funcione bien. Las
pginas debern hacerse lo ms corta y concisa posible ya que est demostrado
que a la gente no le gusta leer tanto en la pantalla de un ordenador, deben de tener
una interfaz amigable, de tal manera que el color que se le aplique no perturbe la
lectura de las pginas.

1.3 Antecedentes
En el municipio de navolato a tan solo se encuentra la preparatoria uas navoalto
la cual fue fundada data de 1970 como consecuencia de la alta demanda de
jvenes que queran cursar este nivel y para hacerlo tenan que trasladarse a la
ciudad de Culiacn, ya que era el lugar ms cercano. Ao y medio despus de
su creacin la Escuela Preparatoria Navolato logra incorporarse a la Universidad
Autnoma de Sinaloa y posteriormente en 1976 se fusiona a esta misma
Universidad, siendo el primer Director de esta escuela el Ing. Ignacio Lpez
Estolano.
Actualmente la Unidad Acadmica Preparatoria Navolato de la Universidad
Autnoma de Sinaloa, es la Institucin Educativa del Nivel Medio Superior de
mayor
tradicin
en
el
Municipio
de
Navolato.
El objetivo fundamental desde sus inicios ha sido dar cobertura educativa a
jvenes de la localidad y sus alrededores, contribuyendo al desarrollo requerido
por la sociedad; elevando las posibilidades de una mejor vida para los jvenes
que atiende, mediante una educacin integral y la promocin de los valores. La
institucin es una escuela que cuenta con una pgina de internet que sirve para
revisar tus calificaciones pero esto solo al final del semestre con las
calificaciones finales, esto es una problemtica para el alumno, ya que el alumno
desea estar al tanto de la calificacin de cada examen que realice, la pgina
CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

513-PR-03-R02

web con la que cuenta la preparatoria es muy pobre en cuanto diseo, es muy
rustico adems de poco amable con el usuario, tiene tambin una seccin de
tutoras la cual no es en lnea, solo presenta los horarios en los cuales puedes
recibirlos.
Algunos docentes de la Institucin, como los que se mencionan a continuacin,
han demostrado inters por solucionar la problemtica de informacin y
comunicacin promulgando de forma individual a travs de Facebook creando
grupos, donde alumnos puedan subir sus tareas, adems tambin el maestro
sube informacin a estos grupos para que los alumnos estudien, tambin lo
hacen por otros medios electrnicos como lo es el correo electrnico, pidiendo a
sus alumnos que enven sus tareas por este medio. Por tal motivo se requiere
un medio de comunicacin ms efectivo que logre obtener mayores resultados
en los alumnos.

1.4 Marco terico


Qu es una pgina web?
Una Pgina Web es una fuente de informacin adaptada para la World Wide
Web y accesible mediante un navegador de Internet. sta informacin se
presenta generalmente en formato HTML y puede contener hiperenlaces a otras
pginas Web, constituyendo la red enlazada de la World Wide Web. Una pgina
de Internet o pgina Web es un documento electrnico que contiene informacin
especfica de un tema en particular y que es almacenado en algn sistema de
cmputo que se encuentre conectado a la red mundial de informacin
denominada Internet, de tal forma que este documento pueda ser consultado por
cualquier persona que se conecte a esta red mundial de comunicaciones y que
cuente con los permisos apropiados para hacerlo. Las pginas Web pueden ser
cargadas de un ordenador local o remoto, llamado Servidor Web. El servidor
Web puede restringir las pginas a una red privada, por ejemplo, una intranet, o
puede publicar las pginas en el World Wide Web. Las pginas Web son
solicitadas y transferidas de los servidores usando el Protocolo de Transferencia
de Hipertexto (HTTP - Hypertext Transfer Protocol). Las pginas Web pueden
consistir en archivos de texto esttico, o se pueden leer una serie de archivos
con cdigo que instruya al servidor cmo construir el HTML para cada pgina
que es solicitada, a esto se le conoce como Pgina Web Dinmica.
CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

513-PR-03-R02

(http://www.madrid.org/cs/StaticFiles/Emprendedores/GuiaEmprendedor/tema7/F
49_7.9_WEB.pdf)
Sitio en la web
Un sitio web es un sitio (localizacin) en la Word Wide Web que contiene
documentos (pginas web) organizados jerrquicamente. Cada documento
(Pgina web) contiene texto y o grficos que aparecen como informacin digital
en la pantalla de un ordenador. Un sitio puede contener una combinacin de
grficos, texto, audio, vdeo, y otros materiales dinmicos o estticos.
(http://www.madrid.org/cs/StaticFiles/Emprendedores/GuiaEmprendedor/tema7/F
49_7.9_WEB.pdf)
Navegadores ms populares
Los programas navegadores, o web browsers, son las aplicaciones encargadas
de desplegar los contenidos de las pginas web y otros contenidos de internet.
Leen los elementos descritos en el cdigo de cada pgina (identificada por su
direccin web o URL) y los muestran en la pantalla de la computadora, el
smartphone o la tablet. Aunque hace algunos aos el Internet Explorer de
Microsoft acapar casi todo el mercado, hoy existen varias opciones para elegir,
cada
una
con
ventajas
y
desventajas
para
el
usuario.
Explorer
El Internet Explorer de Microsoft es el ms usado de los navegadores, con un
57% del mercado, aunque lejos del 95% que tuvo en 2002. Su principal ventaja
es que, salvo en Europa, viene instalado de entrada en las PC con sistema
Windows. Actualmente se encuentra en su versin 8, y la versin 9 se ofrece ya
en versin casi final. Su punto fuerte (y motivo de crticas) es su integracin con
Windows, aunque es azotado por problemas de seguridad.
Firefox es una aplicacin abierta de la fundacin Mozilla y heredera de
Netscape, el navegador que domin el mercado en los aos 90. Cuenta con un
21% del mercado. Firefox se ofrece en versiones para Windows, MacOS, Linux y
otras plataformas. Su versin ms reciente es la 3.6 pero el lanzamiento de la
versin 4 se anunci justo para marzo de 2011. Es un navegador robusto y se
afirma que Firefox es menos vulnerable a problemas de seguridad que el
Explorer. Su carcter abierto le atrae la simpata de muchos cibernautas.
Chrome
CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

513-PR-03-R02

Lanzado por Google a finales de 2008, el navegador Chrome es un reciente


competidor, con un 10% del mercado. Disponible para Windows, MacOs y Linux,
se caracteriza por su velocidad y simplicidad y se afirma que es el ms rpido y
estable de los navegadores. Integra opciones de bsqueda en Google en la
barra de direcciones (donde se indica el URL a desplegar) y su nivel de
seguridad es alto en comparacin a Internet Explorer. Este navegador es muy
popular
por
su
interfaz
sencilla
y
minimalista.
Opera
Opera es un veterano en el mercado de navegadores, si bien su cuota de
mercado es modesta (poco ms de 2%) ofrece prestaciones adicionales como
manejo de correo electrnico y contactos y tiene actualmente un importante pie
en el mbito de los smartphones. Est disponible para Windows, MacOS, Linux
y otros sistemas UNIX, adems de ofrecerse para Nintendo Wii, Nintendo DS y
telfonos Blackberry, Symbian, Android e iOS (iPhone, iPad). Sus funciones de
accesibilidad
son
notables.

Safari
Creado por Apple, Safari es usado por un 7% del mercado, mayormente usuarios
de Mac, aunque el navegador es tambin compatible con Windows y es el
navegador nativo de la plataforma iOS (iPhone, iPad). Actualmente en su versin
5, Safari es generalmente el preferido de los usuarios de Mac, aunque algunos
lo han criticado por prcticas 'abusivas' con argumentos similares al caso
Explorer/Windows. La interesante funcin Safari Reader, que elimina anuncios y
elementos externos, facilita la lectura de pginas web.
(http://noticias.universia.edu.ve/ciencia-nn-tt/noticia/2011/03/21/803091/conocecinco-navegadores-web-mas-populares.html)
Que es html?
HTML, siglas de HyperText Markup Language (lenguaje de marcas de
hipertexto), hace referencia al lenguaje de marcado para la elaboracin de
pginas web. Es un estndar que sirve de referencia para la elaboracin de
pginas web en sus diferentes versiones, define una estructura bsica y un
cdigo (denominado cdigo HTML) para la definicin de contenido de una
pgina web, como texto, imgenes, videos, entre otros. Es un estndar a cargo
de la W3C, organizacin dedicada a la estandarizacin de casi todas las
CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

513-PR-03-R02

tecnologas ligadas a la web, sobre todo en lo referente a su escritura e


interpretacin. (Eguiluz, Introduccin a XHTML, 2013)

Elementos que contiene una pgina web


Texto: El texto editable se muestra en pantalla con alguna de las fuentes que el
usuario tiene instaladas (a veces se utiliza una tecnologa de fuentes
incrustadas, con lo que vemos en el monitor una fuente que realmente no
poseemos, pero es poco frecuente.)
Imgenes: Son ficheros enlazados desde el fichero de la pgina propiamente
dicho. Se puede hablar de tres formatos casi exclusivamente:
GIF, JPG y PNG.
Audio, generalmente en MIDI, WAV y MP3.
Hipervnculos, Vnculos y Marcadores.
La pgina Web tambin puede traer contenido que es interpretado de forma
diferente dependiendo del navegador y generalmente no es mostrado al usuario
final.
(Eguiluz, 2010)

URL
Localizador Uniforme de Recursos (URL; Uniform Resource Locator) es una
direccin especial usada por los navegadores Web, para tener acceso a
informacin en Internet. El URLs especifica el ordenador en que se hospeda, el
CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

513-PR-03-R02

directorio, y el nombre del fichero A travs de estas direcciones o URLs vamos a


poder conectar los diferentes objetos (no solo texto), aunque se acceda a ellos a
travs de diferentes protocolos. Una cualidad de los URLs es que permiten
utilizar los datos ya existentes en la Internet (Wais, Gofher, ftp) y as es como
consigue la Web envolver a la Internet sencilla y eficazmente Si no sabemos el
URLs, se puede ir a al URL de alguno de los ndices de Bsqueda.
(gonzales, 2014)
Diseo
No es necesario ser un gran diseador para crear pginas Web con un
mnimo de sensibilidad grfica. A veces, un diseo simple se agrada mucho ms
que una Web inundada de "gifs" en movimiento. El utilizar una tipografa
determinada, unos colores adecuados, iconos, fotos, etc. puede convertir la
experiencia de visitar un Web en algo mucho ms agradable. Es importante en
el aspecto del diseo de un Web la estructuracin del mismo. Facilitar la
navegacin mediante mens, iconos, mapas y otros elementos puede evitar que
ms de un visitante se pierda dentro de un Web. En el caso de crear un Web
excesivamente grande y complejo resulta de ayuda para el visitante la inclusin
de mapas (esquemas con enlaces de hipertexto que representan todo el Web)
para no perderse.
Los usuarios no leen en internet, sino que escanean las pginas web . Es ms,
por ser la red un medio interactivo, se sienten con el dominio del mouse y le dan
como promedio ocho segundos a una pgina para desplegar sus contenidos
antes de dejarse tentar por un vnculo e irse a otro sitio.
(Vargas, 2012)
Acerca del control de versiones
Qu es el control de versiones, y por qu debera importarte? El control de
versiones es un sistema que registra los cambios realizados sobre un archivo o
conjunto de archivos a lo largo del tiempo, de modo que puedas recuperar
versiones especficas ms adelante. Los ejemplos de este libro utilizan el control
de versiones para el cdigo fuente, pero puedes emplearlo para casi cualquier
tipo de archivo que encuentres en un ordenador. Si eres diseador grfico o
web, y quieres mantener cada versin de una imagen o diseo (algo que sin
duda quieres), un sistema de control de versiones (Version Control System o
VCS en ingls) es una eleccin muy sabia. Te permite revertir archivos a un
estado anterior, revertir el proyecto entero a un estado anterior, comparar
cambios a lo largo del tiempo, ver quin modific por ltima vez algo que puede
CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

513-PR-03-R02

estar causando un problema, quin introdujo un error y cundo, y mucho ms.


Usar un VCS tambin significa que si fastidias o pierdes archivos, puedes
recuperarlos fcilmente. Adems, obtienes todos estos beneficios a un coste
muy bajo. (Chacon, 2011)
Que es git?
Entonces, qu es Git en pocas palabras? Es muy importante asimilar esta
seccin, porque si entiendes lo que es Git y los fundamentos de cmo funciona,
probablemente te sea mucho ms fcil usar Git de manera eficaz. A medida que
aprendas Git, intenta olvidar todo lo que puedas saber sobre otros VCSs, como
Subversin y Perforce; hacerlo te ayudar a evitar confusiones sutiles a la hora
de utilizar la herramienta. Git almacena y modela la informacin de forma muy
diferente a esos otros sistemas, a pesar de que su interfaz sea bastante similar;
comprender esas diferencias ayudar a evitar que te confundas a la hora de
usarlo. (Chacon, 2011)

XAMPP
es un servidor independiente de plataforma, software libre, que consiste
principalmente en la base de datos MySQL, el servidor Web Apache y los
intrpretes para lenguajes de script: PHP y Perl. El nombre proviene del
acrnimo de X (para cualquiera de los diferentes sistemas operativos), Apache,
MySQL, PHP, Perl. El programa est liberado bajo la licencia GNU y acta como
un servidor Web libre, fcil de usar y capaz de interpretar pginas dinmicas.
Actualmente XAMPP est disponible para Microsoft Windows, GNU/Linux,
Solaris, y MacOS X.
(https://www.apachefriends.org/community.html)

HISTORIA DE PHP5 PHP


Comenz siendo un conjunto de scripts escritos en Perl que permitan a su
creador. Rasmus Lerdorf, el control de los accesos a sus Pginas personales. A
este conjunto de Scripts les denomin como personal Home Page Tools. Poco a
poco, Ramus fue complementando las funcionabilidades bsicas de sus
herramientas escribiendo programas en C. En 1995 decidi liberar el cdigo
fuente escrito en C para que cualquiera pudiera utilizarlo e, incluso, colaborar en
CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

513-PR-03-R02

su mejora. De este modo Naci PHP/FI. A finales de 1997 se libera PHP/FI 2.0,
pasando de ser el proyecto de una sola persona al desarrollo de un equipo.
Tuvo un seguimiento estimado de varios miles de usuarios en todo el mundo,
con aproximadamente 50,000 dominios informando que lo tenan instalados, lo
que sumaba alrededor del 1% de los dominios de Internet. En junio de 1998 se
liber oficialmente PHP 3.0, anunciando como sucesor oficial de PHP/FI 2.0, si
bien haba sido completamente reescrito por Andi Gutmans y Zeev Zuraski. Una
de las mejores caractersticas de PHP 3.0 que trajo a docenas de
desarrolladores a unirse y enviar nuevos mdulos de extensin era su gran
extensibilidad, adems de proveer a los usuarios finales de una slida
infraestructura para muchsimas bases de datos, protocolos, APIs. En su
apogeo, PHP 3.0 estaba instalado en aproximadamente un 10% de los
servidores Web en Internet. (Gutirrez, 2013)
1.5 Objetivos
Objetivo general
Desarrollar una pgina web donde alumnos y maestros pueden tener contacto
fuera de clases as como descargar documentos relacionados con el curso y la
capacidad de tomar asesoras en lnea ya sea por parte de los maestros o
alumnos.
Especficos
1- Crear un espacio donde alumnos y maestros puedan comunicarse fuera
del horario de clase
2- Darle a los maestros una herramienta donde puedan proporcionar
documentos relacionados con su materia
3- Facilitar la imparticin de asesoras sin necesidad de desplazarse de un
lugar a otro
4- Utilizar un medio tecnolgico para tener acceso rpido a calificaciones de
exmenes y tareas as como tambin informacin referida a la clase.
5- Mejorar la calidad de aprendizaje de los alumnos y la calidad de los
documentos que utilizan para estudiar.

1.6 Metas
Con esta investigacin, se pretende elaborar un protocolo el cual est
debidamente elaborado y cuente con todos los puntos clave e importantes.

CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

513-PR-03-R02

Junto con los compaeros de programacin web se pretende elaborar una


pgina web de asesoras en lnea para poder as ayudar a la comunidad
estudiantil de la preparatoria uas navolato
Con esto tenemos en mente dos cosas, la primera es obtener conocimientos en
cuanto ms avanzados sobre programacin web, y la segunda es obtener
conocimientos sobre el mbito de la investigacin con la realizacin de este
protocolo.
1.7 Impacto o beneficio en la solucin a un problema relacionado con el sector
productivo o la generacin del conocimiento cientfico o tecnolgico.
Junto con los compaeros de programacin web se pretende elaborar una
pgina web de asesoras en lnea, este proyecto abarca varias ramas de la
informtica como los son las bases de datos, donde almacenaremos la
informacin de los asesores ya alumnos, tambin se abarca el mbito de la
programacin y diseo web.
Esta pgina beneficiara directamente a los alumnos, brindndoles asesoras en
horarios fuera de clases lo cual es una ventaja para aquellas personas que
trabajan adems de beneficiar a maestros, pues podrn brindar material a los
alumnos que sea de ayuda y de una buena fuente.
1.8 Metodologa
La metodologa utilizada es Scrum, ya que es un proceso en el que se aplican
un conjunto de buenas prcticas para trabajar colaborativamente, en equipo y
obtener el mejor resultado en el proyecto.
Scrum es una manera de trabajo en equipo en el que se busca obtener
resultados funcionales de manera efectiva para proyectos de programacin Web
o
de
aplicaciones
mviles.
Estos resultados sern mdulos flexibles interconectados entre s que
conformarn el producto final donde la comunicacin contina con el cliente ser
bsica
para
obtener
la
mejor
calidad
final
de
producto.
Esta metodologa de trabajo es la que Imaginanet usa para realizar sus
proyectos en HTML 5, tiendas online, redes sociales, aplicaciones mviles o
para tablets, involucrando totalmente al cliente para que el resultado final sea
del mximo grado de satisfaccin.
1.9 Programa de actividades, calendarizacin y presupuesto solicitado.
Mes

Captulos
Contenidos

Fechas

Febrer

Seleccin

Desde

Semanas
Programada
s
1

%
Programad
o
8.33%

%
Situacin
Alcanzado
8.33%

CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

Ejecutada
10

513-PR-03-R02

Marzo

Abril

Mayo

Mayo
Total

del tema y
delimitacin
de
la
problemtic
a

mediado
s
de
febrero
hasta
finales
de
febrero
Capitulo 1: Finales
El problema de
febrero
hasta
mediado
s
de
marzo
Capitulo 2:
Desde
Marco
mediado
terico
s
de
marzo
hasta
finales
de abril
Capitulo 3:
Finales
Metodologa de abril
hasta
mediado
s
de
mayo
Materiales
Finales
de
de mayo
referencia

25%

23.67%

Ejecutada

33.3 %

35%

Ejecutada

25%

24%

Ejecutada

8.33%

9%

Ejecutada

12

99.99%

100%

1.10 Productos entregables


Los entregables que se obtendrn son 2:

CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

11

513-PR-03-R02

El primero es una pgina web de propsito educativo beneficio para la sociedad


ya que ser til para recibir y dar asesoras adems de poder interactuar con
maestros.
El segundo entregable es este protocolo de investigacin, en el cual se realizar
una investigacin que nos permitir tener un mayor conocimiento acerca de la
realizacin de una pgina web de propsito educativo.
1.11 Vinculacin con el Sector Productivo.
Este proyecto va dirigido a la preparatoria uas navolato con el fin de ayudar a
alumnos a recibir asesoras en lnea sin necesidad de estar de forma presente
en la institucin.
1.12 Referencias
Este proyecto va dirigido a la preparatoria uas navolato con el fin de ayudar a
los alumnos tanto en la obtencin de informacin como de asesoras.

2. LUGAR(ES) EN DONDE SE VA A DESARROLLAR EL PROYECTO


Preparatoria uas navolato
3. INFRAESTRUCTURA
Se ser requerido equipo de cmputo, el cual se encuentra en el laboratorio de
informtica de la preparatoria uas navolato

Profesor-Investigador Responsable

Nombre y Firma

CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

12

513-PR-03-R02

Se debern proporcionar informes de avances semestrales y final, en donde se


incluya el cumplimiento de las metas comprometidas en funcin de los
productos entregables. El cual ser un criterio de evaluacin para apoyos
posteriores.

CI-02-2015
Convocatoria de Apoyo a Proyectos de Investigacin Cientfica y Desarrollo Tecnolgico 2014

13

También podría gustarte