SlideShare una empresa de Scribd logo
1 de 20
INSTITUTO TECNOLÓGICO
de Tuxtepec
Desarrollo e Implementación de un Sitio Web para el Centro de
Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San
Bartolo Tuxtepec, Oaxaca.
INGENIERÍA EN SISTEMAS COMPUTACIONALES
PRESENTA:
Elías Celis Julio Franco
Hernández Castro Araceli
Moreno Ortíz Mónica
Pérez Ibáñez Zuleima
Tenorio Martínez Arlethe
DOCENTE
L.I. María de Los Ángeles Martínez
Morales

San Juan Bautista Tuxtepec, Oax., a 03 de
Diciembre de 2013.
CONTENIDO
1.
2.
3.
4.
5.

6.
7.
8.
9.

10.

Introducción
Planteamiento del problema
Objetivos
Justificación
Marco Teórico
Procedimiento/Método
Resultado
Conclusión
Recomendaciones
Referencias
INTRODUCCIÓN


Hoy en día los Sitios web se han convertido en
una de las opciones de mayor consulta y
divulgación para la sociedad actual, como
también uno de los medios de comunicación
rápidos y entretenidos.



Un sitio web es un conjunto de páginas web
(archivos) enlazadas entre sí por vínculos de
hipertexto (o hipervínculos), todo ello instalado en
un servidor web accesible las 24 horas del
día, los siete días de la semana, desde cualquier
parte del mundo. (PRAT, 2007)
PLANTEAMIENTO DEL
PROBLEMA
Centro de Bachillerato
Tecnológico Agropecuario
(CBTa) N°16

San Bartolo
Tuxtepec, Oa
xaca.

Subdirección
Académica

carece de un instrumento o estrategia tecnológico que le permita mantener un
canal de información oportuno con el resto de la comunidad educativa.
Medios para obtener información de la institución, 43% asisten a la
institución, 36% visita facebook, 21% visitan blogger.

Se propone implementar un medio de mayor consulta y divulgación en el que se
haga uso de las distintas herramientas de la web social que ayuden a conocer las
opiniones y sugerencias de la sociedad actual.
OBJETIVOS



OBJETIVO GENERAL
Desarrollar e implementar un sitio web para el
Centro
de
Bachillerato
Tecnológico
Agropecuario (CBTa) N°16 de San Bartolo
Tuxtepec, con la finalidad de difundir las
actividades que en ella se realizan y fortalecer
la comunicación entre la comunidad
educativa.
OBJETIVOS
ESPECÍFICOS


Identificar y analizar los requerimientos para el desarrollo del sitio web.



Definir los requerimientos técnicos para el sitio.



Presentar un contenido con información que cubra las necesidades e
intereses de la comunidad estudiantil.



Diseñar detalladamente el Sitio Web para satisfacer las necesidades e
inquietudes de los usuarios.



Seleccionar los lenguajes de programación en los que se desarrollara el
sitio web.



Ejecutar pruebas exhaustivas para asegurar el funcionamiento del sitio
web.



Publicitar el sitio web para su difusión, por medio de buscadores y otros.
Justificación

JUSTIFICACIÓN
¿A quienes
beneficia?

Maestros
Alumnos
Económico
Tecnológico

Impactos

Ambiental
Social
MARCO TEÓRICO

Sitios Web

Internet

Web 2.0

Metodología para
Creación de Sitios
Web

Dreamweaver 8
MARCO TEÓRICO
SITIO WEB
DEFINICIÓN

Pérez Marqués (1996), “son los programas de
computadoras creados con la finalidad
específica de ser utilizados como medio
didáctico, es decir, para facilitar los procesos de
enseñanza y de aprendizaje”.
MARCO TEÓRICO
SITIO WEB

Página Web


Son documentos electrónicos que contienen
textos, gráficos, archivos multimedia, etc.
Están escritos en un lenguaje de
programación llamado HTML. La extensión de
los archivos es .HTML y son accesibles a
través de un navegador web. (CHUNGA,
2010, pág. 12)
MARCO TEÓRICO
Informativa

Funciones del
sitio Web

Instructiva
Motivadora
Evaluadora
Investigadora
Expresiva
Metalingüística
Lúdica

Innovadora
MARCO TEÓRICO


METODOLOGÍAS


Metodología Dinámica Para El Desarrollo De Software
Educativo



Metodología De Diseño Y Desarrollo De Multimedia De Brian
Blum



Método De
Hipermedia



Método De Desarrollo De La Universidad Sudafricana De
Georgia

Desarrollo

De

Aplicaciones

Educativas
MARCO TEÓRICO


PROGRAMAS UTILIZADOS
 Gimp

 Dreamweaver
METODOLOGÍA
/PROCEDIMIENTO

Enfoque de la
investigación
Cuantitativa

Alcance de la
investigación
Correlacional

Tipo de Investigación
Aplicada, documental

Diseño de la
investigación
Cuasiexperimental

Metodología para
Creación de Sitios
Web, de Dely Maybel
Gil Álvarez.
METODOLOGÍA
/PROCEDIMIENTO

Metodología para Creación de
Sitios web de Dely Maybel Gil
Álvarez.
RESULTADOS
http://cbta.webcindario.com
CONCLUSIÓN


Con la realización del proyecto se logró
implementar un Sitio Web para beneficio propio
de la Institución, incorporando aplicaciones de la
web 2.0 satisfaciendo las necesidades de la
comunidad
estudiantil
a
través
de
la
comunicación. Por lo tanto, se concluye que la
hipótesis fue factible.



Con el desarrollo e implementación de este
sistema se concluye que la implementación de un
Sitio Web es una alternativa que proporciona
múltiples opciones a los usuarios, para brindar y
adquirir información.
RECOMENDACIONES






Considerando la información de acuerdo con
las conclusiones anteriores se recomienda:
Capacitar a la persona que administrará el
Sitio Web para su buen funcionamiento y
rendimiento.
Realizar actualizaciones periódicamente de la
información en el Sitio Web, para un mejor
servicio.
REFERENCIAS


CHUNGA, C. G. (2010). Internet conociendo la red de redes. Mexico.



Corporation, M. (2009). prodigy msn. Recuperado el 2013 de Octubre de 30, de
http://ie8.msn.com/microsoft/internet-explorer-8/es-mx/ie8.aspx



FERNÁNDEZ, E. (17 de Septiembre de 2009). e-via. Recuperado el 4 de Noviembre de 2013, de www.e-via.org



Fernando. (31 de 05 de 2008). Recuperado el 05 de 10 de 2013, de
http://www.ite.educacion.es/formacion/materiales/107/cd/html/pdf/html13.pdf



GÓMEZ, G. (2009). Curso Administración Unix. Recuperado el 15 de Noviembre de 2013, de
http://iie.fing.edu.uy/ense/asign/admunix/tcpip.htm#enrutamiento



Google. (13 de Septiembre de 2013). Chrome. Recuperado el 30 de Octubre de 2013, de
https://www.google.com/intl/es/chrome/browser/index.html#eula



HP, A. (15 de 02 de 2012). MACROMEDIA DREAMWEAVER 8. Recuperado el 08 de Octubre de 2013, de
progclass: http://progclass.files.wordpress.com/2012/02/dreamweaver-8-tutorial.pdf
REFERENCIAS


IVALES. (10 de 09 de 2004). Guía digital. Recuperado el 08 de 10 de 2013, de
http://www.guiadigital.gob.cl/guia/archivos/Capitulo_II.pdf



MINERA, F. (2011). Desarrollador Web. Buenos Aires: Fox Andina.



Pntic.mec.es. (s.f.). Recuperado el 28 de Octubre de 2013, de
http://roble.pntic.mec.es/jprp0006/tecnologia/4eso_informatica/kompozer/introduccion/estr
uctura_sitio.htm



PRAT, M. (2007). Cree su primer Sitio Web con Dreamweaver 8. Barcelona: eni.



RODIL, J. I., & PARDO, D. V. (2010). Operaciones auxiliares con tecnologías de la
información y la comunicación (1° ed.). Madrid, España: Paraninfo, SA.



RODRÍGUEZ, Á. A. (2007). INICIACIÓN A LA RED INTERNET (1° ed.). España:
Ideaspropias.



SILVIANES, C. F., SÁNCHEZ, A. G., ROPERO, R. J., RIVERA, R. O., BENJUMEA, M.
J., BARBANCHO, C. J., y otros. (2010). Servicios en Red. España: Paraninfo, SA.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (13)

Mi Modle
Mi ModleMi Modle
Mi Modle
 
Web 2.0 ceddet
Web 2.0 ceddetWeb 2.0 ceddet
Web 2.0 ceddet
 
Plataformas educativas 9 b n y c
Plataformas educativas 9 b n  y cPlataformas educativas 9 b n  y c
Plataformas educativas 9 b n y c
 
Proyecto tics
Proyecto ticsProyecto tics
Proyecto tics
 
Infotercnologia
InfotercnologiaInfotercnologia
Infotercnologia
 
Plataformas virtuales lv
Plataformas virtuales lvPlataformas virtuales lv
Plataformas virtuales lv
 
Moodle
MoodleMoodle
Moodle
 
Eduteka
EdutekaEduteka
Eduteka
 
00 Joomla. Guia Del Alumno
00 Joomla. Guia Del Alumno00 Joomla. Guia Del Alumno
00 Joomla. Guia Del Alumno
 
Tarea 3 usmp
Tarea 3 usmpTarea 3 usmp
Tarea 3 usmp
 
Tics equipo3 manualblogeducativo.1edoc-zitacuaro
Tics equipo3 manualblogeducativo.1edoc-zitacuaroTics equipo3 manualblogeducativo.1edoc-zitacuaro
Tics equipo3 manualblogeducativo.1edoc-zitacuaro
 
Expo ofimatica
Expo ofimaticaExpo ofimatica
Expo ofimatica
 
Moodle
MoodleMoodle
Moodle
 

Similar a Proyecto exposición (20)

Proyecto exposición
Proyecto exposiciónProyecto exposición
Proyecto exposición
 
Exposición proyecto batems
Exposición proyecto batemsExposición proyecto batems
Exposición proyecto batems
 
Mandato del proyecto1.2
Mandato del proyecto1.2Mandato del proyecto1.2
Mandato del proyecto1.2
 
Webquest. equipo 5
Webquest. equipo 5Webquest. equipo 5
Webquest. equipo 5
 
Fase de Mantenimiento - Hoover Tucanes.pptx
Fase de Mantenimiento - Hoover Tucanes.pptxFase de Mantenimiento - Hoover Tucanes.pptx
Fase de Mantenimiento - Hoover Tucanes.pptx
 
Fase de Mantenimiento - Laudino Toncel.pptx
Fase de Mantenimiento - Laudino Toncel.pptxFase de Mantenimiento - Laudino Toncel.pptx
Fase de Mantenimiento - Laudino Toncel.pptx
 
Capitulo 2
Capitulo 2Capitulo 2
Capitulo 2
 
Portafolio tic
Portafolio ticPortafolio tic
Portafolio tic
 
Instalacio y configuracion de un curso en linea
Instalacio y configuracion de un curso en lineaInstalacio y configuracion de un curso en linea
Instalacio y configuracion de un curso en linea
 
Web
WebWeb
Web
 
Ivania 1
Ivania 1Ivania 1
Ivania 1
 
Informatica
InformaticaInformatica
Informatica
 
Unidad v
Unidad vUnidad v
Unidad v
 
Documento de la web y el internet
Documento de la web y el internetDocumento de la web y el internet
Documento de la web y el internet
 
Tarea5
Tarea5Tarea5
Tarea5
 
Taea de info5
Taea de info5Taea de info5
Taea de info5
 
Proyecto cbta (1)
Proyecto cbta (1)Proyecto cbta (1)
Proyecto cbta (1)
 
Nuevas tecnologias
Nuevas tecnologiasNuevas tecnologias
Nuevas tecnologias
 
Nuevas tecnologias
Nuevas tecnologiasNuevas tecnologias
Nuevas tecnologias
 
Proyecto CBTa Nº 16
Proyecto CBTa Nº 16Proyecto CBTa Nº 16
Proyecto CBTa Nº 16
 

Más de tecnologico de tuxtepec

Más de tecnologico de tuxtepec (10)

Security in social network araceli&arlethe
Security in social network araceli&arletheSecurity in social network araceli&arlethe
Security in social network araceli&arlethe
 
SEGURIDAD EN LAS REDES SOCIALES_Araceli&Arlethe
SEGURIDAD EN LAS REDES SOCIALES_Araceli&ArletheSEGURIDAD EN LAS REDES SOCIALES_Araceli&Arlethe
SEGURIDAD EN LAS REDES SOCIALES_Araceli&Arlethe
 
PROYECTO FINAL
PROYECTO FINALPROYECTO FINAL
PROYECTO FINAL
 
Justificación
JustificaciónJustificación
Justificación
 
Justificación
JustificaciónJustificación
Justificación
 
Proyecto cbta (1)
Proyecto cbta (1)Proyecto cbta (1)
Proyecto cbta (1)
 
Codigo etico de un ingeniero en sistemas computacionales
Codigo etico de un ingeniero en sistemas computacionalesCodigo etico de un ingeniero en sistemas computacionales
Codigo etico de un ingeniero en sistemas computacionales
 
Codigo etico de un ingeniero en sistemas computacionales
Codigo etico de un ingeniero en sistemas computacionalesCodigo etico de un ingeniero en sistemas computacionales
Codigo etico de un ingeniero en sistemas computacionales
 
Resumen
ResumenResumen
Resumen
 
Fund. investigacion 25-agosto-2010[1]subir al blog
Fund. investigacion 25-agosto-2010[1]subir al blogFund. investigacion 25-agosto-2010[1]subir al blog
Fund. investigacion 25-agosto-2010[1]subir al blog
 

Proyecto exposición

  • 1. INSTITUTO TECNOLÓGICO de Tuxtepec Desarrollo e Implementación de un Sitio Web para el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, Oaxaca. INGENIERÍA EN SISTEMAS COMPUTACIONALES PRESENTA: Elías Celis Julio Franco Hernández Castro Araceli Moreno Ortíz Mónica Pérez Ibáñez Zuleima Tenorio Martínez Arlethe DOCENTE L.I. María de Los Ángeles Martínez Morales San Juan Bautista Tuxtepec, Oax., a 03 de Diciembre de 2013.
  • 2. CONTENIDO 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. Introducción Planteamiento del problema Objetivos Justificación Marco Teórico Procedimiento/Método Resultado Conclusión Recomendaciones Referencias
  • 3. INTRODUCCIÓN  Hoy en día los Sitios web se han convertido en una de las opciones de mayor consulta y divulgación para la sociedad actual, como también uno de los medios de comunicación rápidos y entretenidos.  Un sitio web es un conjunto de páginas web (archivos) enlazadas entre sí por vínculos de hipertexto (o hipervínculos), todo ello instalado en un servidor web accesible las 24 horas del día, los siete días de la semana, desde cualquier parte del mundo. (PRAT, 2007)
  • 4. PLANTEAMIENTO DEL PROBLEMA Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 San Bartolo Tuxtepec, Oa xaca. Subdirección Académica carece de un instrumento o estrategia tecnológico que le permita mantener un canal de información oportuno con el resto de la comunidad educativa. Medios para obtener información de la institución, 43% asisten a la institución, 36% visita facebook, 21% visitan blogger. Se propone implementar un medio de mayor consulta y divulgación en el que se haga uso de las distintas herramientas de la web social que ayuden a conocer las opiniones y sugerencias de la sociedad actual.
  • 5. OBJETIVOS   OBJETIVO GENERAL Desarrollar e implementar un sitio web para el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, con la finalidad de difundir las actividades que en ella se realizan y fortalecer la comunicación entre la comunidad educativa.
  • 6. OBJETIVOS ESPECÍFICOS  Identificar y analizar los requerimientos para el desarrollo del sitio web.  Definir los requerimientos técnicos para el sitio.  Presentar un contenido con información que cubra las necesidades e intereses de la comunidad estudiantil.  Diseñar detalladamente el Sitio Web para satisfacer las necesidades e inquietudes de los usuarios.  Seleccionar los lenguajes de programación en los que se desarrollara el sitio web.  Ejecutar pruebas exhaustivas para asegurar el funcionamiento del sitio web.  Publicitar el sitio web para su difusión, por medio de buscadores y otros.
  • 8. MARCO TEÓRICO Sitios Web Internet Web 2.0 Metodología para Creación de Sitios Web Dreamweaver 8
  • 9. MARCO TEÓRICO SITIO WEB DEFINICIÓN Pérez Marqués (1996), “son los programas de computadoras creados con la finalidad específica de ser utilizados como medio didáctico, es decir, para facilitar los procesos de enseñanza y de aprendizaje”.
  • 10. MARCO TEÓRICO SITIO WEB Página Web  Son documentos electrónicos que contienen textos, gráficos, archivos multimedia, etc. Están escritos en un lenguaje de programación llamado HTML. La extensión de los archivos es .HTML y son accesibles a través de un navegador web. (CHUNGA, 2010, pág. 12)
  • 11. MARCO TEÓRICO Informativa Funciones del sitio Web Instructiva Motivadora Evaluadora Investigadora Expresiva Metalingüística Lúdica Innovadora
  • 12. MARCO TEÓRICO  METODOLOGÍAS  Metodología Dinámica Para El Desarrollo De Software Educativo  Metodología De Diseño Y Desarrollo De Multimedia De Brian Blum  Método De Hipermedia  Método De Desarrollo De La Universidad Sudafricana De Georgia Desarrollo De Aplicaciones Educativas
  • 14. METODOLOGÍA /PROCEDIMIENTO Enfoque de la investigación Cuantitativa Alcance de la investigación Correlacional Tipo de Investigación Aplicada, documental Diseño de la investigación Cuasiexperimental Metodología para Creación de Sitios Web, de Dely Maybel Gil Álvarez.
  • 15. METODOLOGÍA /PROCEDIMIENTO Metodología para Creación de Sitios web de Dely Maybel Gil Álvarez.
  • 17. CONCLUSIÓN  Con la realización del proyecto se logró implementar un Sitio Web para beneficio propio de la Institución, incorporando aplicaciones de la web 2.0 satisfaciendo las necesidades de la comunidad estudiantil a través de la comunicación. Por lo tanto, se concluye que la hipótesis fue factible.  Con el desarrollo e implementación de este sistema se concluye que la implementación de un Sitio Web es una alternativa que proporciona múltiples opciones a los usuarios, para brindar y adquirir información.
  • 18. RECOMENDACIONES    Considerando la información de acuerdo con las conclusiones anteriores se recomienda: Capacitar a la persona que administrará el Sitio Web para su buen funcionamiento y rendimiento. Realizar actualizaciones periódicamente de la información en el Sitio Web, para un mejor servicio.
  • 19. REFERENCIAS  CHUNGA, C. G. (2010). Internet conociendo la red de redes. Mexico.  Corporation, M. (2009). prodigy msn. Recuperado el 2013 de Octubre de 30, de http://ie8.msn.com/microsoft/internet-explorer-8/es-mx/ie8.aspx  FERNÁNDEZ, E. (17 de Septiembre de 2009). e-via. Recuperado el 4 de Noviembre de 2013, de www.e-via.org  Fernando. (31 de 05 de 2008). Recuperado el 05 de 10 de 2013, de http://www.ite.educacion.es/formacion/materiales/107/cd/html/pdf/html13.pdf  GÓMEZ, G. (2009). Curso Administración Unix. Recuperado el 15 de Noviembre de 2013, de http://iie.fing.edu.uy/ense/asign/admunix/tcpip.htm#enrutamiento  Google. (13 de Septiembre de 2013). Chrome. Recuperado el 30 de Octubre de 2013, de https://www.google.com/intl/es/chrome/browser/index.html#eula  HP, A. (15 de 02 de 2012). MACROMEDIA DREAMWEAVER 8. Recuperado el 08 de Octubre de 2013, de progclass: http://progclass.files.wordpress.com/2012/02/dreamweaver-8-tutorial.pdf
  • 20. REFERENCIAS  IVALES. (10 de 09 de 2004). Guía digital. Recuperado el 08 de 10 de 2013, de http://www.guiadigital.gob.cl/guia/archivos/Capitulo_II.pdf  MINERA, F. (2011). Desarrollador Web. Buenos Aires: Fox Andina.  Pntic.mec.es. (s.f.). Recuperado el 28 de Octubre de 2013, de http://roble.pntic.mec.es/jprp0006/tecnologia/4eso_informatica/kompozer/introduccion/estr uctura_sitio.htm  PRAT, M. (2007). Cree su primer Sitio Web con Dreamweaver 8. Barcelona: eni.  RODIL, J. I., & PARDO, D. V. (2010). Operaciones auxiliares con tecnologías de la información y la comunicación (1° ed.). Madrid, España: Paraninfo, SA.  RODRÍGUEZ, Á. A. (2007). INICIACIÓN A LA RED INTERNET (1° ed.). España: Ideaspropias.  SILVIANES, C. F., SÁNCHEZ, A. G., ROPERO, R. J., RIVERA, R. O., BENJUMEA, M. J., BARBANCHO, C. J., y otros. (2010). Servicios en Red. España: Paraninfo, SA.