UNIVERSIDAD NACIONAL AUTONOMA DE NICARAGUA

UNAN-LEON
FACULTAD DE CIENCIAS Y TECNOLOGIAS
ING EN TELEMATICA

INTEGRANTES:
Sarahi Blandon
Lenin Garcia
Mauricio Areas
Josseling Cardoza
Keyner Dvila
Marbel Mendoza
Tutor:
ING. David Maradiaga
FECHA:
10 junio de 2016
 INTRODUCCION

En la actualidad, el desarrollo de las tecnologas de informacin ha dado origen a

nuevos enfoques en la concepcin del proceso de enseanza-aprendizaje y como
vehculos potentsimos de comunicacin.

Los cambios que se han presentado en la sociedad contempornea se ven

afectados por los retos del nuevo siglo y es la educacin por medio de la
informtica el campo donde las expectativas de apertura hacia la tecnologa tiene
lugar, para dar respuesta inmediata a sta necesidad que surge en el aula de
clase y en la vida misma. Es impresionante la cantidad de informacin que
bombardea el da a da y que no se alcanza a procesar ni a conocer en su
totalidad, es importante tener la capacidad para seleccionar la que sea ms
conveniente para los fines que se persigan.

El diseo de un sitio web en un principio era slo texto, pero a medida que ha
evolucionado la tecnologa, tanto los ordenadores como las redes de
telecomunicaciones, se ha generado nuevas formas de desarrollar la web
conforme se ha evolucionado el Internet. Un sitio web no solo debe de ser
amigable con el usuario, sino ser utiles y que respondan a la necesidades de este
para lo que fue diseado y para que el usuario de modo apropiado haga uso de
una manera satisfactoria.
En el presente trabajo se propone el diseo de un espacio en la Web, partiendo de
las necesidades de la comunidad universitaria de la carrera de Ing. en telemtica
(nuevos ingresos), sirviendo de soporte informtico para mejorar los canales de
comunicacin y en definitiva del desarrollo de sus conocimientos en cuanto a los
diversos componentes, siendo as presentado a continuacin nuestra propuesta
siguiente:

"Desarrollo un sitio web de ayuda e informacin,"< Somos redes />", para los
estudiantes de nuevo ingreso de la carrera de Ing. Telemtica de la UNAN-Len"

De esta manera se busc realizar una investigacin que lleve a cabo el diseo de
la propuesta anteriormente citado, por lo tanto se mostrar a continuacin la
estructura de la investigacin, el cual consta de cuatros captulos presentados de
la siguiente manera:
 ANTECEDENTES

Un SITIO WEB es un conjunto de pginas web de un tema en particular, el cual

incluye una pgina inicial la cual es de bienvenida y las consecuentes son del
tema en particular, el cual es accesible mediante el protocolo HTTP de Internet,
donde a este se accede mediante el URL. Pueden ser de diversos gneros,
destacando los sitios de negocios, servicio, comercio electrnico en lnea, imagen
corporativa, entretenimiento y sitios informativos.

Con la llegada de la Red de Redes como se conoce a Internet, la enorme

cantidad de informacin que sta proporciona y el desarrollo de la tecnologa Web,
ha sido a lo largo de la historia de la humanidad el factor modernizador por
excelencia, no slo de los sectores productivos como en las empresas sino
tambin de la educacin, la cual se vale de estos medios tcnicos y tecnolgicos
disponibles para poderse llevar a cabo.

Por su parte, la tecnologa se ha dado a la tarea de generar casi

simultneamente modalidades sistematizadas que permiten de una mejor manera
la comunicacin, surgiendo un sistema de redes electrnicas que renen un
complejo conjunto de informaciones de toda ndole, fcil de manejar, que al mismo
tiempo permite la comunicacin a nivel mundial.

Dentro de las nuevas tecnologas de informacin que han penetrado en el sistema

educativo encontramos los llamados sitios web, los cuales propician entornos
amigables que facilitan la relacin entre educadores y entre educador y educando,
asimismo se han proliferado distintos espacios como portales educativos, cursos
en lneas, publicaciones electrnicas, centros de recursos, servicios de formacin,
entre otros.

Por lo tanto, se concibe la creacin de un sitio web educativo con diferentes

estrategias metodolgicas como presentaciones, trabajos, consultas, estudios de
casos, interacciones, libros, programas o aplicaciones con la finalidad de orientar
al estudiante en el diseo o planificacin de los componentes de la carrera.
 JUSTIFICACIN

El hombre se ha encargado de disear un conjunto de herramientas que le

permiten interactuar de una manera ms rpida y cercana con su entorno, ha sido
tanto el deseo del ser humano de perfeccionar los medios de comunicacin, que
no descansa en la bsqueda de la va ms ptima y eficiente que empuje y
canalice la comunicacin entre todos.

Como producto de esta bsqueda surge la Internet, la cual se ha convertido en un

medio multifuncional en donde se combina una gran cantidad de tecnologas que
estn cambiando la manera como se presenta y distribuye la informacin, por lo
que es considerada el eje central de la era de la tecnologa de la informacin y
comunicacin.

Visto de esta manera, la Internet representa para las Instituciones Educativas un

puente para interactuar e intercambiar informacin entre s, e igualmente
proporcionar informacin y despertar inters en cualquier parte del mundo y
transmitir informacin de una manera eficiente.

Por tal motivo, un sitio web aporta grandes beneficios es por eso que optamos
por este tema de desarrollo de un sitio web de ayuda e informacin, "<Somos
redes/>", para los estudiantes de nuevo ingreso de la carrera de Ing. Telemtica
UNAN-Len; un sitio web que les garantice a los estudiantes de nuevo ingreso la
transmisin consecuente y eficaz de la informacin a travs de la red. De este
modo, se evidencia la trascendental importancia que tiene esta propuesta para la
comunidad estudiantil, ya que la misma ser la ms interesada en acceder a la
gran cantidad de informacin referente al ente encargado de brindarle su
formacin profesional.
 OBJETIVOS:

Generales:

Desarrollar un sitio web la cual permita a los nuevos ingresos de la carrera Ing.
Telemtica de la UNAN-Len interactuar, familiarizar y profundizar su
conocimiento acerca de esta carrera.

Especficos:

Determinar los contenidos y el enfoque en cuanto al aspecto funcional que tendr

el sitio web.

Autificacin de los participantes, como estudiantes de la universidad y de la

carrera de Ingeniera en Telemtica.

Creacin de foros interactivo, para la retroalimentacin de la informacin entre los

estudiantes.

Facilitar la bsqueda y orientacin de informacin que se abarcan en el trayecto

de la carrera para los nuevos ingresos, de una manera fcil de interactuar con el
sitio
 MARCO TERICO

El presente trabajo de investigacin tiene el objetivo de disear un sitio web que

sirva de herramienta informativa y educativa, respecto a la actividad acadmica de
la institucin educativa de la Universidad UNAN-LEON.

Bien es sabido por todos la importancia que ha adquirido el uso de las

computadoras en las dos ltimas dcadas, dejando de ser un simple uso para
especialistas para convertirse en una herramienta de gran utilidad en la vida
cotidiana. Los grandes avances tecnolgicos de hoy han cambiado todo para
aumentar la facilidad en el uso de estos equipos. De acuerdo a lo sealado
anteriormente, se pueden mencionar muchas ventajas de trabajar con Internet en
Educacin, pues no se debe olvidar que Internet es un medio y no un fin, por lo
que los resultados dependen del trabajo pedaggico que se realice utilizando
Internet y ello a su vez, depender del uso que el facilitador y los aprendices
hagan de ella.

Debido al crecimiento acelerado que tiene la red Internet, la posesin de un sitio

Web, que es una de las herramientas ms importantes, ofrece una gran variedad
de usos los cuales se han convertido en elementos de gran importancia para los
usuarios de la misma. Entre estos usos se pueden mencionar: ofertas de trabajo,
publicidad, comercio electrnico, prensa multimedia, turismo virtual, as como la
misma educacin.
 BASES TERICAS

Medios de transmisin de informacin

La informacin
La informacin es requerida en todos los niveles de una organizacin, ya que
sta facilita la operacin de la misma para la consecucin de los objetivos de la
entidad, bien sea informacin de las operaciones, financieras o de cumplimiento.
Visto de esta manera, la informacin, segn Senn (1995, p. 29):

Es un conjunto de datos que se presenta de forma que es inteligible al

receptor. Tiene un valor real o percibido para el usuario y se agrega a lo que
ya conoca respecto a un suceso o a un rea de inters.

Para que la informacin se convierta en conocimiento debe ser relevante para la

situacin a la cual se aplicar. La relevancia es un factor clave para distinguir entre
datos e informacin, por lo que deben comunicarse y transformarse los datos de
tal manera que se produzca la informacin

Tecnologa de Informacin y Comunicacin

Hoy en da el uso de las Tecnologas de Informacin y Comunicacin (TIC)

est ampliamente extendido, ocasionando transformaciones en todos los mbitos
de la sociedad, las ventajas de proporcionar ambientes inteligentes de enseanza
aprendizaje se hacen sentir en la necesidad de establecer un modelo educativo
en la sociedad informacional que considere el autoaprendizaje, mediante entornos
facilitadores de aprendizajes cognitivos.

En consecuencia, las TIC conforman el conjunto de recursos necesarios para

manipular la informacin y particularmente los ordenadores, programas
informticos y redes necesarias para convertirla, almacenarla, administrarla,
transmitirla y encontrarla. Se puede reagrupar las TIC segn: las redes; los
terminales y los servicios.
El Internet medio de Comunicacin

La Internet es la red mundial compuesta por diferentes servicios; algunos

ejemplos de servicio son: la navegacin en pginas Web, el foro, el blog, el correo
electrnico, la banca electrnica, el comercio electrnico, etc.

"Las herramientas de comunicacin en la red se constituyen en un medio

que permite al estudiante dar respuesta a necesidades educativas de
carcter ms individual y flexible", Amador (2004, P 71).

La intencionalidad de uso acadmico de las herramientas de comunicacin en red,

por parte de la mayora de los profesores, son un buen indicio de acompaamiento
a los estudiantes en atencin a las necesidades de aprendizaje y dificultades
acadmicas.

Contenido de un sitio web

El desarrollo de un portal web es un problema de las personas involucradas en lo
que se desea lograr o alcanzar con la misma, es decir, este diseo no es una
tarea exclusiva de los especialistas en informtica o en diseo grfico. En este
sentido, el diseo de un sitio web consiste en saber entender y manejar el
concepto del Web, para de esta manera utilizar correctamente todas aquellas
herramientas de diseo que se tienen al alcance; as como tambin ser creativo,
tener sentido comn y buen gusto. Para poder lograr con xito el objetivo de
disear y publicar un sitio web se necesita de:

TECNOLOGAS EMPLEADAS

jQuery: Es una biblioteca de JavaScript, creada inicialmente

por John Resig, que permite simplificar la manera de
interactuar con los documentos HTML, manipular el rbol DOM,
manejar eventos, desarrollar animaciones y agregar interaccin
con la tcnica AJAX a pginas web.
PHP: Es un lenguaje de programacin de uso general de
cdigo del lado del servidor originalmente diseado para
el desarrollo web de contenido dinmico. Fue uno de los
primeros lenguajes de programacin del lado del servidor
que se podan incorporar directamente en el documento
HTML en lugar de llamar a un archivo externo que
procese los datos. El cdigo es interpretado por un
servidor web con un mdulo de procesador de PHP que
genera la pgina web resultante. PHP ha evolucionado
por lo que ahora incluye tambin una interfaz de lnea de
comandos que puede ser usada en aplicaciones grficas
independientes. Puede ser usado en la mayora de los servidores web al igual que
en casi todos los sistemas operativos y plataformas sin ningn costo.

JSON: acrnimo de JavaScript Object Notation, es un

formato de texto ligero para el intercambio de datos. JSON
es un subconjunto de la notacin literal de objetos de
JavaScript aunque hoy, debido a su amplia adopcin como
alternativa a XML, se considera un formato de lenguaje
independiente.

Una de las supuestas ventajas de JSON sobre XML como

formato de intercambio de datos es que es mucho ms
sencillo escribir un analizador sintctico (parser) de JSON.

AJAX: acrnimo de Asynchronous JavaScript And XML

(JavaScript asncrono y XML), es una tcnica de
desarrollo web para crear aplicaciones interactivas o RIA
(Rich Internet Applications). Estas aplicaciones se
ejecutan en el cliente, es decir, en el navegador de los
usuarios mientras se mantiene la comunicacin
asncrona con el servidor en segundo plano. De esta
forma es posible realizar cambios sobre las pginas sin
necesidad de recargarlas, mejorando la interactividad,
velocidad y usabilidad en las aplicaciones.
Hoja de estilo en cascada o CSS:(siglas
en ingls de cascading style sheets) es un
lenguaje usado para definir y crear la
presentacin de un documento estructurado
escrito en HTML o XML2 (y por extensin en
XHTML). El World Wide Web Consortium(W3C)
es el encargado de formular la especificacin de
las hojas de estilo que servirn de estndar para
los agentes de usuario o navegadores. La idea
que se encuentra detrs del desarrollo de CSS es separar la estructura de un
documento de su presentacin.

HTML: sigla en ingls de HyperText Markup

Language (lenguaje de marcas de hipertexto), hace
referencia al lenguaje de marcadopara la elaboracin
de pginas web. Es un estndar que sirve de
referencia del software que conecta con 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, juegos, entre otros. Es un estndar a cargo
del World Wide Web Consortium (W3C) o Consorcio
WWW, organizacin dedicada a la estandarizacin de casi todas las tecnologas
ligadas a la web, sobre todo en lo referente a su escritura e interpretacin. Se
considera el lenguaje web ms importante siendo su invencin crucial en la
aparicin, desarrollo y expansin de la World Wide Web (WWW).

Sublime Text: Es un editor de cdigo multiplataforma,

ligero y con pocas concesiones a las florituras. Es una
herramienta concebida para programar sin distracciones.
Su interfaz de color oscuro y la riqueza de coloreado de la
sintaxis, centra nuestra atencin completamente. Soporta
un gran nmero de lenguajes (C, C++, C#, CSS, D, Erlang,
HTML, Groovy, Haskell, HTML, Java, JavaScript, LaTeX,
Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python,
R, Ruby, SQL, TCL, Textile and XML).
XAMPP: Es un servidor independiente de plataforma,
software libre, que consiste principalmente en el sistema
de gestin de bases 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. Desde la versin "5.6.15",
XAMPP cambi la base de datos de MySQL A MariaDB.
El cual es un fork de MySQL con licencia GPL.

Adobe Dreamweaver: Es una aplicacin en programa

de estudio (basada en la forma de estudio de Adobe Flash)
que est destinada a la construccin, diseo y edicin de
sitios, vdeos y aplicaciones Web basados en estndares.
Creado inicialmente por Macromedia (actualmente
producido por Adobe Systems) es uno de los programas
ms utilizados en el sector del diseo y la programacin
web por sus funcionalidades, su integracin con otras
herramientas como Adobe Flash y, recientemente, por su
soporte de los estndares del World Wide Web Consortium.
 DISEO METODOLOGICO

Especificacin de requisitos del sistema

El nombre del sitio WEB ser: "<Somos redes/>", el cual realizar las
siguientes funciones:

- Registrar en el portal

-Ingresar en el portal

-Modificar datos personales

-Enviar peticiones

-Recibir peticiones

-Publicar compartir noticias

-Borrar noticias

-compartir y descargar contenido desde el sitio (vdeos, imgenes, documentos,

programas)

- Dar de baja al usuario

Ciclo de vida del software

Es la forma mediante la cual se describen los diferentes pasos que se deben

seguir para el desarrollo de un software, partiendo desde una necesidad hasta
llegar a la puesta en marcha de una solucin y su apropiado mantenimiento. El
ciclo de vida para un software comienza cuando se tiene la necesidad de resolver
un problema, y termina cuando el programa que se desarroll para cumplir con los
requerimientos, deja de ser utilizado.
Existen varias versiones del ciclo de vida del software entre las cuales se
destacan: el ciclo de vida clsico o en cascada, el modelo en espiral, el desarrollo
de prototipos, el modelo por incrementos y el modelo extremo.

A continuacin el modelo implementado ser el modelo de CASCADA:

En cualquier punto en el tiempo del proyecto en un sitio Web, ya sea en la fase de

Planificacin, Construccin, Mantenimiento o Mejora continua, el proyecto puede
ser evaluado con la finalidad de someterse a reiniciar de nuevo desde el principio.

Al momento de reconocer el ciclo de vida de una pgina Web, y las necesidad de

gestionar por etapas, se disipa el mito de que el desarrollo y la gestin de un sitio
Web terminan el da en se pone en marcha. El lanzamiento es, por decirlo as,
simplemente el fin del principio.
HERRAMIENTAS Y MATERIALES

La herramienta y materiales principales que se utilizaran para la creacin del sitio

web fueron:

Las computadoras personas en las cuales instalamos los programas para la

creacin del cdigo y los programas principales ocupados fueron:

XAMP Server: Para la creacin del servidor en nuestros

computadores personas y establecer la conexin de nuestra base de
datos y nuestra pgina web.

Dreamweaver: Se utiliz para tener una visualizacin de la pgina y

una manejabilidad en tiempo real.

Sublime text: Edicin de los cdigos html, css, jquery, Ajax y php.

MySql: Creacin de la base de datos de la pgina web como lo es

informacin y cuentas de los usuarios.

Y los cdigos utilizados para la elaboracin del proyecto son:

HTML 5: Cdigo interpretado x el navegar para presentar la pgina web.

CSS3: Utilizado para darle un entorno visual ms atractivo a la pgina web.

Jquery: Lenguaje utilizado para dar dinamismo a la pgina web.

Ajax: cdigo utilizado para actualizacin de fragmento de cdigo teniendo

como resultado ahorro de tiempo de respuesta del server

Json: formato de texto ligero para informacin de la pgina.

PHP: Es un lenguaje de programacin de uso general de cdigo del lado

del servidor originalmente diseado para el desarrollo web de contenido
dinmico.
 CONCLUSIONES

Al finalizar esta propuesta de tesis sobre el desarrollo e implementacin de un

sitio web para los estudiantes de primer ingreso de la carrera de Ing. en
Telemtica de la universidad UNAN-LEON se puede decir esto es necesario
debido a ciertas debilidades que dificultan con el progreso de aprendizaje de los
diferentes componentes.

Este medio de informacin que se propone debe suministrar la informacin de

forma detallada, grfica y completa siendo importante que frecuentemente
actualice la informacin que se transmite para que los usuarios de dicho sitio web
puedan tener acceso frecuentemente a la informacin necesaria para el
estudiante. Por lo que con este proyecto se logra establecer una conexin del
estudiante con la informacin que este sitio contendr.

Se puede considerar el internet como una herramienta positiva en el mbito

acadmico. En este medio es importante permitir el intercambio de informacin. El
uso de tecnologas y herramientas de desarrollo de aplicaciones web, para facilitar
la retroalimentacin de conocimientos se vuelve cada vez ms una necesidad y no
un lujo. As como tambin ser capaz de realizar autenticacin de los estudiantes
de la carreara travs de su carnet y PING de matrcula, para registrarse en el sitio

Una vez logrados los objetivos planteados al inicio de la investigacin, Se puede

concluir dicha investigacin apoyando el diseo un sitio web para los estudiantes
de primer ao de Ing. en telemtica de la UNAN-LEON que contemple los
aspectos anteriormente expuestos que servir de apoyo, tanto en la labor
pedaggica enriqueciendo el proceso de enseanza-aprendizaje, como en la
comunicacin y donde converjan los conocimientos y experiencias para lograr as
un trabajo de calidad, que requiere de tiempo y dedicacin .
 BIBLIOGRAFIA

http://www.tutorialspoint.com/es/software_engineering/images/sdlc_wa
terfall.png

https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/PHP-
logo.svg/2000px-PHP-logo.svg.png

https://cdn2.iconfinder.com/data/icons/pack1-baco-flurry-icons-
style/512/XAMPP.png

http://definicion.de/

https://es.wikipedia.org/wiki/Dise%C3%B1o_web