Вы находитесь на странице: 1из 11

Hoy en da uno de los medios de comunicacin ms importante que

involucra nuestro entorno diario es el Internet el cual est al alcance de todo


tipo de usuario, las escuelas lo utilizan para potenciar sus actividades
publicitarias.
Se opt desarrollar una pgina Web publicitaria tomando como prioridad
que est fuera fcil de administrar solucionando esto con un gestor de
contenidos siendo Adobe Dreamweaver CS6 haciendo ms fcil el control de
informacin que se maneja ya que en este tipo de instituciones suele ser
demasiada, teniendo en cuenta principalmente que un portal en Internet
est dirigido a resolver necesidades de informacin especfica de un tema
en particular.
Mediante mdulos se muestra las actividades y servicios que ofrece la
UNIDAD EDUCATIVA FRAY PEDRO DE GANTE, agregando diferentes tipos de
Secciones de inters para el pblico.
Al trmino del proyecto se obtuvieron resultados favorables ya que se
cumplieron con todos los objetivos establecidos y la completa satisfaccin
del cliente y quedando a la espera que se d la autorizacin para ingresar al
servidor en el cual ser alojado.
Palabras Clave: Portal, Web, Adobe Dreamweaver CS6, Mdulos, Servidor.

1. Introduccin
La Unidad Educativa Fray Pedro de Gante es una institucin perteneciente al
Estado de Puebla la cual cuenta con varios niveles que son: prescolar,
primaria, secundaria, y bachilleres cuenta con unas instalaciones de muy
buena calidad y cuenta maestros muy preparados responsables de tiempo
completo tiene la autoridad de dar educacin a la sociedad, y la
responsabilidad de garantizar la
enseanza para darles buenas
herramientas a las alumnos que cursen en la misma las ayudan a
prepararse con buena calidad de enseanza.
Debido a que est institucin es grande es necesario poner barios mdulos
que te lleven a visualizar la informacin y requisitos que cada nivel pide la
primera pgina de que presentara la pgina web compartir su informacin
a un gran nmero de personas y llegar a lugares relativamente alejados
T.S.U. en Tecnologas de la Informacin y Comunicacin pudiendo informar al
pblico de las diferentes actividades, horarios y requisitos que se necesitan
en dicha institucin implementando diferentes mdulos principalmente
presentando una seccin principal de noticias relevantes al igual se
agregaran secciones de galeras de imgenes con el fin de que el usuario no
solo visualice informacin si no tambin que a la vez interacte con las
imgenes y acciones que el Portal tiene. El proyecto fue realizado en un
gestor de contenidos denominado Adobe Dreamweaver CS6 ya que es una
aplicacin en la cual el Portal Web sea administrado cmoda y rpidamente.
Tambin se utiliz Photoshop para la edicin de fotografas e imgenes. Al

trmino del proyecto se realizaron diferentes pruebas en el servidor de la


institucin donde sera alojado el portal Web.
2. Objetivo General.
Desarrollar la pgina Web publicitaria para ayudar a difundir el instituto y
tenga gran nmero de alumnos as como implementando diferentes
mdulos para mostrar las actividades y servicios que esta ofrece, mostrando
a los usuarios informacin concreta, actualizada y sobre todo de fcil
consulta desde el lugar que desee.
3. Objetivos especficos.
Desarrollar un diseo previo para la consulta con el cliente.
Obtener informacin precisa para el desarrollo del proyecto.
Tener una buena comunicacin con el cliente por cualquier imprevisto
en el desarrollo del proyecto.
Implementar un diseo agradable para que el cliente quede satisfecho
con el proyecto que se le est elaborando.
Hospedar el Portal en un servidor web para que pueda ser consultado
por los usuarios interesados.
Proporcionar al usuario informacin clara y oportuna.
Entregar en tiempo y forma el portal web para que el cliente comience
a hacer uso de l.
4. Planteamiento del Problema.
La Unidad Educativa Fray Pedro de Gante institucin gubernamental,
actualmente su difusin de la informacin de inscripciones, inicio de
clases, becas, eventos educativos la maneja mediante elementos
estticos como trpticos, carteles y folletos esta publicidad solo beneficia
al entorno local. Es necesario que la informacin fluya a lugares ms
alejados y esto solo puede lograrse a travs del uso de las tecnologas de
la informacin y comunicacin.
5. Justificacin.
Se desarrollar un medio de difusin en que la publicidad podr
transmitirse de una forma moderna a travs de las Tecnologas de la
Informacin y Comunicacin mediante un Portal Web que est basado en
un Sistema de Administracin de contenidos, el cual permite publicar
informacin en la web de manera rpida y donde se lograr llegar a un
amplio pblico a nivel nacional e internacional con el fin de beneficiar
principalmente a la institucin, alumnos y padres teniendo informacin
actualizada de los diferentes servicios que la Unidad Educativa brinda, la
informacin puede ser consultada desde cualquier lugar, adems que en

pagina Web la informacin se puede incluir, suprimir y actualizar


fcilmente a la vez que se puede hacer de manera interna de la
institucin y sin necesidad de elaborar costosos planes y mtodos de
difusin. Implementando diferentes apartados de informacin mediante
mdulos para que se muestren de una manera agradable para el
usuario, de igual manera incorporando mdulos en los que se muestren
secciones de noticias y galeras fotogrficas.
6. Desarrollo del Proyecto.
Un Portal Web est basado en un Sistema de Administracin de
Contenidos, el cual permite publicar informacin en la web de manera
fcil y rpida, sin tener conocimientos de programacin ni de diseo de
pginas web. Con un Portal slo se debe ocupar de la informacin que se
desee publicar, ya que el sistema gestionar todos los dems detalles
tcnicos y administrativos su sitio en secciones y categoras, lo que
facilita la navegabilidad para los usuarios y permite crear una estructura
slida, ordenada y sencilla para los administradores. Publicacin de
Contenidos (pginas): Con un Portal Web se podrn crear pginas
ilimitadas y editarlas desde un sencillo editor que permite formatear los
textos con los estilos e imgenes deseados. Escalabilidad e
implementacin de nuevas funcionalidades: Un Portal Web ofrece la
posibilidad de instalar, desinstalar y administrar componentes y mdulos,
que agregarn servicios de valor a los visitantes de su sitio web, por
ejemplo: galeras de imgenes, foros, etc. Administracin de usuarios: El
Portal Web le permite almacenar datos de usuarios. Navegacin y men:
Totalmente editables desde el panel administrador del Portal Web.
Administrador de Imgenes: El Portal Web posee una utilidad para subir
imgenes al servidor y usarlas en todo el sitio. Disposicin de mdulos
modificable: En un sitio basado en un Portal Web, la posicin de mdulos
puede acomodarse como se prefiera. Estadsticas de visitas: con
informacin de navegador, OS, y detalles de los documentos (pginas)
ms vistos. Automatizacin en la publicacin: Las pginas y documentos
de Portal Web pueden programarse con fecha de publicacin y fecha de
caducidad. Envo por E-mail: Los usuarios del sitio del Portal Web podrn
enviar automticamente a un amigo por email cada documento
publicado. Para la creacin del Portal Web se utilizaron diferentes
herramientas fundamentales para un desarrollo ptimo como: Adobe
Dreamweaver CS6 (Figura 1). Es un sistema de gestin de contenidos
que puede ser utilizado independientemente. Entre las principales
caractersticas est la de permitir integrar, aadir o editar el contenido de
un Portal web de manera sencilla. Adobe Dreamweaver CS6 es un cdigo
abierto programado mayoritariamente en PHP bajo una licencia GPL. Este
administrador de contenidos puede trabajar en redes locales dgase
intranet o Internet y requiere de una base de datos creada con un gestor
MySQL, as como de un servidor HTTP Apache.

figura 1: logotipo de Adobe Dreamweaver CS6


XAMPP (Figura 2). Permite instalar y configurar fcilmente en el sistema
lo ltimo del servidor Web Apache, el lenguaje de programacin PHP y el
servidor de base de datos MySQL. Esta aplicacin es muy til cuando se
trabaja en la creacin de un Portal Web ya que le permite trabajar y
editarla localmente sin necesidad de subirla a un servidor.

figura2: logotipo de xapp


Adobe Photoshop (Figura 3). Se trata esencialmente de una aplicacin
informtica en forma de taller de pintura y fotografa que trabaja sobre un
"lienzo" y que est destinado para la edicin, retoque fotogrfico y pintura a
base de imgenes de mapa de bits (o grficos rasterizados). Su nombre en
espaol significa literalmente "tienda de Fotos" pero puede interpretarse
como "taller de foto". Su capacidad de retoque y modificacin de fotografas
le ha dado el rubro de ser el programa de edicin de imgenes ms famoso
del mundo.

Figura 3: logotipo Adobe Photoshop

HTML(Figura 4). es un lenguaje de programacin que se utiliza para el desarrollo de


pginas de Internet.
EL HTML se encarga de desarrollar una descripcin sobre los contenidos que aparecen
como textos y sobre su estructura, complementando dicho texto con diversos objetos (como
fotografas, animaciones, etc).
Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que
ver con el formato de los documentos. El texto en l se crea a partir de etiquetas, tambin
llamadas tags, que permiten interconectar diversos conceptos y formatos.

Figura 4:logotipo de html


Para el desarrollo de este proyecto se tomaron en cuenta diversos aspectos,
en el cual se adapt tanto la imagen de la escuela como la funcionalidad
que requiere, tomando como base las funciones principales que debe llevar
un Portal web tales como una breve descripcin de la escuela, imgenes y
contacto con el mismo, teniendo en cuenta observaciones del cliente esto
con el fin de enriquecer cada vez ms dicho Portal web. Despus de tener
instaladas todas las herramientas requeridas, elaborado una recopilacin de
informacin y haber realizado citas con el el pblico, el Portal Web se
comenz con la creacin de la plantilla, principalmente optando por los
colores azul y verde los cuales representan la imagen. Posteriormente al
tener todas las herramientas instaladas necesarias para el desarrollo del
proyecto, realizado una recopilacin de informacin y teniendo previas
reuniones con el cliente, el Portal Web se comenz con la creacin de la
plantilla considerando diferentes aspectos tales como los colores y el tema
en el cual se enfocara. Se coloc una barra principal de men en donde se
sitan los siguientes apartados (Figura 5)

Bienvenid Inicio
a
Figura (5)

Niveles
escolares

Becas

Maestros

Bienvenida: Es la pgina principal en donde se consideraron temas


relevantes tales como los artculos ms destacados.
Inicio: en este apartado se muestran los objetivos, misin, visin y metas de
la Institucin.
Niveles escolares: En esta seccin se muestran diferentes niveles de
educacin como prescolar primaria, secundaria y bachilleres por dicha
Institucin.

Becas: En este apartado se muestran las becas que se pueden solicitar en la


Institucin.
Maestros: En este apartado se da a conocer a cada uno de los maestros y su
especialidad en materia.
Las imgenes que se presentaran a continuacion sera algunas de las que se
utilizarn empezando por el escudo de la escuela y logos:

Para una fcil navegacin en el Portal Web se opt por insertar un men
lateral en el cual se muestran apartados importantes y de inters para el
usuario
Men principal

Bienvenida
Inicio
Niveles escolares
Becas
Maestros

En la parte lateral se implement un sencillo mdulo en el cual se mostrarn


la el nombre de la pgina de Facebook con la que cuenta la institucin

7. Mtodos y Procedimientos. Se optaron por 5 fases para el desarrollo web


para realizar un trabajo de calidad.
7.1 Fases del diseo web Fase
1. Delimitacin del tema En esta etapa se defini que va a contener el Portal
Web, y la estructura que llevar, en esta fase se determinaron los objetivos
tanto generales como especficos.
Fase2. Recoleccin de Informacin En esta etapa se hace la recopilacin de
toda la informacin requerida para colocar en el Portal Web de acuerdo a las
especificaciones ya establecidas por el cliente, dicha informacin deber de
ser actualizada con respecto a los servicios o informacin que otorga dicha
organizacin.
Fase3. Diseo El diseo toma un papel fundamental para que un Portal Web
sea usable puesto que aunque el contenido este correcto pero no tenga un
buen diseo al usuario no se le har atractivo y optara por ya no visitarlo.
En el entorno grafico se tomaron en cuenta diversos puntos desde los
colores que se implementaron hasta el tamao de las imgenes, la cantidad
y tamao del texto.
Fase4. Estructuracin En esta fase del diseo Web es cuando comienza a
tomar una estructura ya determinada, se crean los enlaces entre los
elementos del Portal Web.
Fase5. Evaluacin En esta etapa es cuando se realizan pruebas tanto de
usabilidad y de funcionalidad al Portal y con esto se obtienen resultados con
el fin de mejorar el proyecto para cumplir con los objetivos y requerimientos
del cliente.
8.Resultados.
En el proyecto se tomaron y trabajaron diferentes aspectos tales como los
requerimientos necesarios para el desarrollo del proyecto, el tiempo y forma
en la cual se entregara, se obtuvieron resultados favorables ya que el
proyecto cumpli con los objetivos establecidos, entre ellos y muy
importante fue el hacer pblico el Portal Web que se desarroll alojndolo en
un servidor que fue proporcionado por dicha Institucin, a nivel personal se
obtuvo un buen resultado con la estancia ya que al mezclarse en un
ambiente laboral se toman en cuenta aspectos tales como realizar y
desempear un trabajo con eficiencia en estos aplicando valores muy
importantes como la responsabilidad, la puntualidad, el respeto, la
tolerancia y la honestidad. Es necesario estar ms preparado para el futuro
al cual se quiera llegar y crecer a nivel profesional. Una vez logrado un
acuerdo de trabajo sobre el proyecto de construccin del Portal para la
Unidad Educativa, se estableci una estrecha comunicacin con el cliente
para cumplir con los requerimientos en el diseo como en el contenido de
informacin y estructura.
9. Recomendaciones

Se sugieren algunos aspectos para que el Portal Web funcione


correctamente, principalmente asignar a una persona que sirva como
administrador para que siempre se mantenga refrescando la informacin
semanalmente del Portal Web , de igual manera verificar toda la informacin
que sea adecuada para el pblico y as mismo no se sature el Portal con
informacin innecesaria, por ltimo se recomienda brindar mantenimiento
preventivo al servidor en el cual ser alojado el Portal Web para que no se
presente ningn problema tcnico de alojamiento y de navegacin. Cabe
mencionar que no es importante el sistema operativo o dispositivo
tecnolgico en donde sea consultado el Portal web, se sugiere que el
usuario tenga instalado como mnimo Adobe Flash Player en cualquier
versin y usar preferentemente navegadores como Google Chrome o Mozila
Firefox esto por la comodidad de navegacin que brindan dichos
navegadores.
10. Conclusiones
Al terminar el proyecto se obtuvieron resultados favorables ya que se
cumplieron con todos los requerimientos y objetivos que se haban fijado,
terminando con un proyecto de calidad y sobre todo con la completa
aceptacin del cliente. Es muy importante tener en cuenta que en la
actualidad el contar con una herramienta como un Portal Web es lo ms
factible para ayudar en las necesidades de diferentes tipos de instituciones
o empresas ya que este tipo de medio de difusin digital es menos costoso
que otros tipos de medios y a la vez se puede llegar a un mayor pblico. Se
debe tener en cuenta que al laborar para una institucin de un alto nivel se
tiene que tener una gran dedicacin y al realizar un trabajo en ella debe de
ser de calidad, en el cual se requiere tener una completa responsabilidad. Al
realizar proyectos de este tipo se adquieren grandes experiencias ya que se
aplican conocimientos adquiridos a lo largo de aos de estudio en la UTXJ y
tambin se adquieren conocimientos prcticos los cuales sern de gran
ayuda para el futuro profesional.
11. Glosario.
Ciclo de vida de software: este trmino describe el desarrollo de software,
desde la fase inicial hasta la fase final. El propsito de este programa es
definir las distintas fases intermedias que se requieren para validar el
desarrollo de la aplicacin, es decir, para garantizar que el software cumpla
los requisitos para la aplicacin y verificacin de los procedimientos de
desarrollo: se asegura de que los mtodos utilizados son apropiados.
Hipervnculo: es un enlace, normalmente entre dos pginas web de un
mismo Portal, pero un enlace tambin puede apuntar a una pgina de otro
Portal web, a un fichero, a una imagen, etc.
Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre
l. Tambin se conocen como hiperenlaces, enlaces o links.
Hospedaje web: tambin llamado alojamiento web (en ingls web hosting)
es el servicio que provee a los usuarios de Internet un sistema para poder

almacenar informacin, imgenes, vdeo, o cualquier contenido accesible


va web.
HTML: son siglas de HyperText Markup Language (lenguaje de marcado de
hipertexto), es el lenguaje de marcado predominante para la elaboracin de
pginas web. Es usado para describir la estructura y el contenido en forma
de texto, as como para complementar el texto con objetos tales como
imgenes.
Internet: tambin conocida como la red de redes, es un conjunto
descentralizado de redes de comunicacin interconectadas, que utilizan la
familia de protocolos TCP/IP garantizando que las redes fsicas heterogneas
que la componen funcionen como una red lgica nica, de alcance mundial.
MySQL: es un servidor de base de datos con versiones gratuitas muy usadas
en los Portales web dinmicos.
PHP: es un lenguaje de programacin interpretado (Lenguaje de alto
rendimiento), diseado originalmente para la creacin de pginas web
dinmicas. Se usa principalmente para la interpretacin del lado del servidor
(server-side scripting) pero actualmente puede ser utilizado desde una
interfaz de lnea de comandos o en la creacin de otros tipos de programas
incluyendo aplicaciones con interfaz grfica usando las bibliotecas Qt o
GTK+.
Portal web: es una coleccin de pginas web relacionadas y comunes a un
dominio de Internet o subdominio en la World Wide Web en Internet. Web:
es el espacio en el que una empresa, asociacin, institucin, colectivo o
particular expone informacin multimedia con carcter comercial,
divulgativo o cultural. Tambin puede ser sinnimo de pgina electrnica o
Web site. Cuando se cita en femenino nos referimos por extensin a la World
Wide Web.
Rasterizado: La rasterizacin es el proceso por el cual una imagen descrita
en un formato grfico vectorial se convierte en un conjunto de pxeles o
puntos para ser desplegados en un medio de salida digital, como una
pantalla de computadora, una impresora electrnica. Lienzo: El lienzo es el
espacio de trabajo que proporciona el archivo de Photoshop. Este espacio de
trabajo puede estar o no totalmente ocupado por la imagen. Al aumentar el
tamao de la imagen por supuesto que se aumenta el tamao del lienzo.

Вам также может понравиться