AREA: TECNOLOGIA AUDIO VISUAL Y GESTION

INFORME DEL PROYECTO

DESARROLLO DEL SITIO WEB INSTITUCIONAL DE LA ESFAP

MACEDONIO DE LA TORRE

Autor: Lic. Marco Corcuera De los Santos.

TRUJILLO PER

2010
__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

1. DATOS INFORMATIVOS:
Nombre de la I.E.

Escuela Superior de Formacin Artstica Pblica de Bellas

Artes Macedonio de la Torre de Trujillo.

Nivel

Superior

Modalidad

Educacin Superior

Variante

Artstica /Pedaggica

Resolucin y Creacin

R.S. N 336-1967.

Responsable - Coordinador

Lic. Marco Corcuera De los Santos.

2-DENOMINACIN:
Proyecto de desarrollo del Sitio Web de la Escuela Superior de Formacin Artstica Pblica de Bellas Artes
Macedonio de la Torre de Trujillo.
3. FECHA DE INICIO
Abril del 2010

4. DURACIN
Duracin estimada del proyecto: 6 meses.
El proyecto puede llevarse a cabo de acuerdo a las necesidades de la I.E. que puede considerar un lapso
diferente.
5. INTRODUCCIN
Estar presente en la red es actualmente ms que una opcin es una obligacin, Internet se ha convertido en
el sistema ms importante de publicacin-obtencin de Informacin de la sociedad actual, hace unos aos.
Las redes de comunicacin de rea extensa se utilizaban principalmente para servicios de transferencia de
archivos Correo electrnico, conexin remota a ordenadores centrales, etc. Uno de los aspectos que
motivaban esta limitacin era que los usuarios que tenan acceso a estos servicios pertenecan a sectores
puntuales de la sociedad.
Actualmente, las posibilidades han evolucionado a un nivel en el que es difcil imaginar aplicaciones de la
vida cotidiana que no tengan cabida en la red, este avance ha sido motivado, en gran medida, por el
aumento progresivo de usuarios: Internet es accesible desde todos los organismos pblicos y privados, todas

__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

las grandes y medianas compaa, gran parte de las pequeas empresas y, en general en una gran parte de
los hogares que poseen una PC.
El nmero de usuarios de Internet se ha incrementado como consecuencia de los avances de las tecnologas
de desarrollo de sistemas de publicacin de informacin.
La realidad es que Internet es una herramienta de trabajo imprescindible en las empresas modernas,
universidades y en los organismos pblicos y privados.
Para facilitar la presencia de los Centros de Enseanza en internet, estas acceden para la publicacin de su
pgina Web y se le asigna una URL y correo electrnico. A partir de aqu desarrollar y publicar su Web
(contratando los servicios de alguna empresa privada).
Con estos precedentes, es posible encontrar sitios Web desde una pgina nica con los datos postales del
centro hasta contenidos muy completos, con un sistema de navegacin (mediante enlaces de texto en forma
arbrea, enlaces de texto sin orden, etc.).
Empleando herramientas de desarrollo de sitios web (HTML, ASP, JavaScript, etc.) para su creacin.

6-OBJETIVOS
OBJETIVO GENERAL:
Disear, construir y aplicar una propuesta de SITIO WEB que integre y permita proporcionar informacin de
la ESFAP, facilitando el acceso a los diferentes recursos y servicios que ofrece e incorporando nuevas
tecnologas.
El principal objetivo es prototipar el sitio Web de la I.E. de forma que pueda disponer de un sistema de
publicacin en Internet para proporcionar el mayor nmero posible de servicios a los miembros de la
Comunidad Educativa, incluso para servir a usuarios que sin pertenecer a dicha Comunidad puedan estar
interesados en determinados aspectos de la ESFAP.
El sistema permitir administrar un portal con publicacin en lnea.
OBJETIVOS ESPECFICOS:

Desarrollar proyectos investigativos de inters usando elementos y/o aplicaciones para crear un Sitio
web.

Dar en la web una imagen ms acorde con la nueva identidad de la ESBAP.

Facilitar el acceso a los contenidos de la institucin educativa desde cualquier PC.

Originar aplicaciones educativas que puedan ser usada por la institucin posteriormente.

Difundir en los alumnos de secundaria de la ciudad de Trujillo, la Regin y el pas las cuatro carreras
profesionales que brinda la ESBAP.

Publicar a la comunidad en general las bondades acadmicas de la ESBAT. Y lograr el reconocimiento

de la sociedad de nuestra Regin y del pas; de la presencia de la ESBAP como centro de las Bellas
Artes de servicio educativo pblico.

__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

Conocer la importancia de Internet como carta de presentacin y de acceso al mundo actual,

entendiendo el funcionamiento interno de la red.

Reconocer y definir el hipertexto, identificar las ventajas y posibilidades que este brinda como nueva

forma de presentar la informacin.

7-JUSTIFICACIN:
La I.E. ESFAP Bellas Artes Macedonio de la Torre de Trujillo brinda un servicio de formacin profesional y
artstica de calidad, y actualmente, casi toda institucin educativa publica o cualquiera sea el fin cuenta con
su sitio web ya que estos muestran el trabajo que desarrolla y los objetivos que desean lograr.
Mejorar la imagen que tendr en la Internet a travs de su sitio web, y de igual forma aumentar la
comunicacin que se efectivizar en el trabajo.
Adems el uso del correo electrnico institucional llega a ser parte importante del trabajo que desarrollan,
gracias a la facilidad de comunicacin que se tiene entre la misma institucin, colaboradores y a las personas
que desean llegar.
Algunas de las caractersticas con este servicio de DISEO WEB INSTITUCIONAL son:

Publicacin de artculos, investigaciones docentes, libros, etc.

Publicacin de eventos, noticias.

Profesores, que la podran utilizar como fuente de recursos educativos y como medio de localizar
informacin til para su labor docente.

Galera fotogrfica y videoteca.

Sitio web auto administrable (para que cambie el contenido cuando sea necesario).

Calidad en diseo e imagen (para que represente por entero a su institucin)

8. BENEFICIOS DE TENER PRESENCIA EN INTERNET :

Mantener informados a la comunidad educativa y publicitar sus servicios de manera gratuita las 24
horas del da contando con un catalogo Web y publicando peridicamente las novedades en el sitio
Web.

Mejorar la imagen de la I.E. dndole ms personalidad, seriedad y profesionalismo, y demostrando por

encima de todo, el conocimiento y la aceptacin de las nuevas tecnologas.

Ampliar el mercado dndole un alcance nacional e internacional. A travs de un sitio Web se tendr al
mundo como potenciales usuarios de sus servicios.

Minimizar los costos reduciendo los costos de publicidad, marketing, imprenta y comunicaciones,
entre otros.

__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

Mantener un contacto directo con la comunidad educativa de manera rpida y econmica

Relacin Costo/Beneficio. Los costos iniciales y operacionales de contar con un sitio Web son muy
bajos, y ms aun si se tienen en cuenta los enormes beneficios que produce

9. DESCRIPCIN GENERAL DEL PROYECTO

Las nuevas tecnologas de la informacin y la comunicacin son medios valiosos que le brinda al usuario una
gama de soluciones para acceder a la informacin. La Web es una herramienta tecnolgica que minimiza la
barrera del espacio y tiempo.
Diseo de la Propuesta
En atencin a la estructura del sitio web se diseara un conjunto de documentos aplicados que facilitan la
ubicacin de la informacin relacionada con los contenidos del mismo, los cuales presentan las siguientes
etapas:

Plan de produccin: En esta fase se defini todas las actividades de tipo tcnico administrativo que
condujeron a la creacin del sitio Web, el cual Abarca: (preproduccin, y post-produccin del material,
recurso humano, materiales y financieros.).
Adems se realiza la labor de generacin y captura de contenidos, as como tambin el desarrollo de
las rutinas de programacin.
Se pueden mencionar: Diseo grfico como botones, interactividad, iconografa, diseo de
animaciones, desarrollo de textos, musicalizacin).
Como se puede observar en el desarrollo de los materiales, cada pantalla posee sus presentaciones
producto de una planificacin previa (Storyboard) de los contenidos por desarrollar en ella.

Realizacin: En esta etapa se procedi a orientar la creacin de los procesos, los de la elaboracin del
medio y que sirve para producir la versin inicial o modelo (prototipo).

Cuando se trata de diseos con multimedia se hace referencia a todos los elementos que se requieren
para disear el sitio Web (pantallas, sonido, video, animaciones, vnculos, interactividad).

__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

Evaluacin de la realizacin: En esta etapa se puso a prueba el modelo o prototipo de pgina con la
intencin de revisar fallas o problemas los cuales fueron tomados en cuenta para su modificacin.

Implantacin: El producto final una vez corregido se hospeda en el servidor y se procede a su

implantacin.

Diseo Tecnolgico

La Web es un sistema hipermedia accesible a travs de Internet, que permite navegar con facilidad por
gran cantidad de informacin, la cual se convierte en un recurso de gran utilidad educativa. Las
caractersticas que hacen de la web una tecnologa de amplio potencial educativo son: la capacidad de
hipertexto, capacidad multimedia, capacidad de sistema distribudo y abierto en Internet y capacidad
interactiva.
En este diseo se toma en consideracin el uso de correo electrnico y vnculos con pginas
relacionadas con el Arte.

Toda la informacin presente en el sitio Web diseado se apoya en recursos de multimedia donde se
incluye textos, imgenes, animaciones, que permiten la comunicacin para la comunidad educativa.

__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

Diseo comunicativo

Interfaz: amigable y flexible, agradable de usar; tambin cuida los mensajes, sonidos y la distribucin
en pantalla, el juego de colores es altamente interactiva, tiene mecanismos de comunicacin entre el
usuario y la aplicacin.

La parte superior con logotipo, la fecha del sistema, enlaces para bsqueda de y ayuda.

El resto de la pantalla quedar en dos partes la parte izquierda estar dedicada a la navegacin.
Incluir la bienvenida al usuario y un mensaje de aviso si tuviera mensajes nuevos.

La parte derecha se dedicar a visualizar las pginas. Inicialmente, los datos de la I.E. con los titulares
de las noticias novedosas con su fecha de publicacin.

En portada aparecer una fotografa de la I.E. y sus datos de contacto.

Para cada pantalla de la interfaz se define las zonas de comunicacin as como la distribucin de las
mismas.

Se tom en cuenta restricciones tecnolgicas, teora del color, caractersticas de la poblacin y

aspectos psicolgicos de la percepcin.

Enlaces con otros elementos de la interfaz, botones que permitan "viajar" a otras pantallas.

ELEMENTOS DE LA PGINA WEB

Texto: se muestra en pantalla con alguna de las fuentes que el usuario tiene instaladas.

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.

Adobe Flash.

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. Estos elementos
incluyen, pero no exclusivamente: Scripts, generalmente JavaScript. Meta tags. Hojas de Estilo
(CSS - Cascading Style Sheets).

__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

El sitio web est diseado acorde con la imagen institucional de la escuela. La estructura de navegacin
general se muestra en la figura siguiente:

La pgina de inicio de esta web es la que se presenta en la

captura de imagen, en cuya parte izquierda se observa las 6
grandes categoras que a continuacin pasaremos a analizar:

La Escuela. En l se establecen la identidad, historia, Plana

docente, Documentos, Admisin, Galera virtual, Contactos e
informes y servicios complementarios, adems de informacin
sobre las instalaciones.

Especialidades:

Donde

se

describe

las

especialidades

impartidas en nuestra escuela. desde aqu podemos acceder a

la historia, campo de accin.

Docentes Una base de datos de los profesores y una pequea

resea de su hoja de vida.
En la pgina web, los docentes pueden publicar sus trabajos
monogrficos.

Correo electrnico. Para establecer contacto con el centro a

travs de e-mail.

Enlaces de inters. Donde establecemos enlaces web de inters para toda la comunidad educativa.
__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

Contactos e informes

Publicaciones recientes: Alumnos destacados

Galera de videos

Galera de fotos: Pedro Azabache Bustamante

__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

10. METODOLOGA
Este estudio por su carcter innovador se sustenta en la modalidad de proyecto factible apoyado en una
investigacin basado en nuevas tecnologas con el uso de recursos Multimedia. De tal manera que esta
investigacin tambin se puede identificar como una investigacin dentro del campo de la Tecnologa
Educativa y que se denomina Investigacin Tecnolgica.
11. METAS DE ATENCIN:

Profesores de la Institucin Educativa ESBAT

Alumnos de la I.E.

Pblico en general.

Comunidad educativa.

12-RECURSOS:
12.1-HUMANOS:

Director

Coordinador del Proyecto (docente de Informtica).

Subdirectores.

12.2-INFRAESTRUCTURA:
Laboratorio de informtica de la ESBAT, etc.
12.3-MATERIALES:

Material de escritorio (Papel bond, CD).

Computador.

Proyector.

Cmara digital.

Filmadora.

Internet.

Escner.

Impresora.

Software de Diseo web, Audiovisual y multimedia.

13-FINANCIAMIENTO:
El Proyecto ser autofinanciado. Horas de permanencia o Investigacin del investigador.
__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

10

14-CRONOGRAMA DE ACTIVIDADES:

ACTIVIDADES

RESPONSABLES

FECHAS

Anlisis de la estructura y elementos del diseo de un Sitio

1.

2.

Web bsico tomando en cuenta criterios establecidos en

una lista de cotejo.

Presentacin del Plan.

Coordinador

24-03-2010

Coordinador

22-04-2010

Coordinador

23-04-2010

Preparacin de texto, imgenes, fotografas,

3.

encabezamiento y dems materiales para ser utilizados en

el diseo de la pgina Web.
Diseo de la estructura de una pgina Web, especicando

4.

objetivos, anlisis de audiencia, secciones, diagramacin

colores y apariencia, nivel de interactividad y otros.

5.

6.

Construccin de los links con carga

peridica de la informacin.
Desarrollo y puesta en lnea del servicio de suministro de
documentos digitales.
Promocin a travs de correos electrnicos, de los enlaces

7.

elaborados para estimular su uso por parte de la

comunidad educativa.

8.

Diseo, personalizacin y programacin de las plataformas

para el servicio de referencia virtual: Blog, FAQ, etc.

Coordinador.
Director
Subdirectores.

24-04-2010

Directivos.
Coordinador.

26-04-2010

Coordinador.

27-06-2010

CoordinadorSecretara.

02-07-2010

Coordinador.

12-09-2010

9.

Implantacin y hospedaje.

Coordinador.

14-10-2010

10.

Presentacin del informe final.

Coordinador

17-12-2010

15-EVALUACIN:
Al finalizar el Proyecto se informar en forma documentada a la Direccin de la Institucin Educativa.
Sera importante adems lograr un dilogo cooperativo, que incluya sugerencias y aportes mutuos, con los
docentes y directivos.
__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

11

16. CAPACIDADES Y EQUIPAMIENTO REQUERIDO

Para todos los grupos de participantes (alumnos, docentes y pblico):
Poseer conocimientos operativos de las aplicaciones informticas bsicas, como procesador de texto,
navegacin en Internet y uso fluido del correo electrnico.,
Acceso a equipamiento informtico con conexin a internet, en lo posible de banda ancha o similar a fin de
agilizar la resolucin de las tareas y la interaccin grupal.
Por el tipo de usuario identificado as como los objetivos planteados, la interaccin se desarrollar en el
mbito de un entorno que permitir organizar las distintas reas y actividades para navegar con facilidad.
17. ACTUALIZACIN Y MEJORA CONTINUA DE LA WEB.
Este punto lo considero el ms importante. Hacer una web, sea del tipo que sea, no es solamente crearla y
colgarla; una web requiere de un proceso de mejora y de actualizacin para que sea funcional y prctica.
Como podemos observar la elaboracin de una web educativa no es nada sencillo, requiere de la presencia
de muchos elementos que habitualmente en nuestra vida diaria no tenemos presente, adems de establecer
muchos pasos a seguir, y lo ms importante, es que una vez que elaboremos una web educativa requiere de
continuas actualizaciones.
Lo que realmente nos determina si una web est bien terminada o no es la evaluacin propia o que otros
usuarios puedan realizar de nuestra web.
18. BIBLIOGRAFA

CASAS Miguel (2005). Nueva universidad ante la sociedad del conocimiento. Revista de Universidad
y Sociedad del Conocimiento Vol. 2 - N. 2 / Noviembre.

LITWIN, EDITH (2005). De caminos, puentes y atajos: el lugar de las tecnologas en la enseanza, II
Congreso Iberoamericano EducaRed: Educacin y Nuevas Tecnologas, Buenos Aires.

En lnea:

Biblioteca Electrnica On line SCIELO http://www.scielo.org

Red de Bibliotecas Virtuales de Ciencias Sociales de Amrica Latina y el Caribe de la red CLACSO
http://www.biblioteca.clacso.edu.ar/

Sistema regional de informacin en lnea para revistas cientficas de Amrica Latina, el Caribe, Espaa
y Portugal. http://www.latindex.unam.mx/

Redalyc : Red de Revistas cientficas de Amrica Latina, Espaa y Portugal. http://redalyc.uaemex.mx/

RU&SC : Revista de Universidad y Sociedad del Conocimiento. http://rusc.uoc.edu/ojs/index.php/rusc/

__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

12

Trujillo, 22 de diciembre del 2010.

________________________________
Marco A. Corcuera De los Santos.
Docente coordinador del proyecto
corcuera14@yahoo.es

__________________________________________________________________________________________________
ESFAP MACEDONIO DE LA TORRE

Autor: Marco A. Corcuera De los Santos

13