Desarrollo de portal web académico para proyectos de Arquitectura

UNIVERSIDAD TECNOLÓGICA “INDOAMÉRICA”
FACULTAD DE ARQUITECTURA Y ARTES APLICADAS
TIC´S
TEMA:
DESARROLLO DE UN PORTAL WEB PARA EVIDENCIAR LOS
PROYECTOS SEMESTRALES DE LAS ASIGNATURAS:
MATEMÁTICAS, LENGUAJE, DISEÑO BÁSICO, DIBUJO TÉCNICO,
INGLÉS DEL PRIMER SEMESTRE DE ARQUITECTURA
DOCENTE:
ING. LIGIA JÁCOME
AUTOR:
GLENDA ESTEFANÍA MARTÍNEZ GARCÉS
DAVID CAMPAÑA ARCOS
PRIMERO “B”
AMBATO - 2015

Contenido
INTRODUCCIÓN........................................................................................................ 3
OBJETIVOS................................................................................................................. 4
GENERAL................................................................................................................ 4
ESPECÍFICOS.......................................................................................................... 4
1. JUSTIFICACIÓN.................................................................................................. 5
2. MARCO TEÓRICO .............................................................................................. 7
3. DISEÑO METODOLÓGICO ............................................................................. 28
RESULTADOS ESPERADOS .................................................................................. 29
TRANSFERENCIA DE RESULTADOS .................................................................. 30
4. GLOSARIO DE TÉRMINOS ............................................................................. 34
5. BIBLIOGRAFIA................................................................................................. 36

INTRODUCCIÓN
Las Tics son un conjunto de técnicas, desarrollos y dispositivos avanzados derivados de
las nuevas herramientas (software y hardware), soportes de la información y canales de
comunicación que integran funcionalidades de almacenamiento, procesamiento y
transmisión digitalizados de la información. Es así que un portal web es un sitio que
ofrece al usuario, de forma fácil e integrada, el acceso a una serie de recursos y de
servicios relacionados a un mismo tema. Incluye: enlaces, buscadores, foros,
documentos, aplicaciones, compra electrónica, etc.
El presente proyecto nace como herramienta para que los estudiantes hagan uso de las
tecnologías de la información para potenciar sus conocimientos adquiridos durante su
semestre de la Carrera de Arquitectura mediante el desarrollo e integración de un portal
web diseñado mediante la recolección de información (conocimientos adquiridos),
pretendiendo darle mayor utilidad y transformarlo en una herramienta didáctica para el
aprendizaje apto para docentes y estudiantes donde muestren el trabajo realizado en los
proyectos finales de las materias Matemática, Lenguaje, Dibujo técnico y Diseño
Básico. El desarrollo de este proyecto ayudará a fututos estudiantes de Arquitectura para
que puedan presentar en sus trabajos en bases a otros, y reconozcan los procedimientos
que se deben dar acabo. Es así que La Universidad Tecnológica “Indoamérica” forma
profesionales de éxito y calidad.

OBJETIVOS
GENERAL
 Desarrollar un portal web académico para evidenciar los proyectos semestrales
de las asignaturas: Matemáticas, Lenguaje, Diseño Básico y Dibujo Técnico del
primer semestre de Arquitectura donde justifique los aprendizajes adquiridos
durante el proceso académico.
ESPECÍFICOS
 Recopilar todos los contenidos adquiridos durante el Primer Semestre de la
carrera de Arquitectura y usarlos en una herramienta tecnológica.
 Seleccionar la herramienta adecuada de Diseño que permita la exposición de
todos los proyectos finales de las asignaturas, en el Portal web.
 Internalizar los conocimientos adquiridos durante el proceso académico del
Primer Semestre de Arquitectura, transmitiéndolo a todos los estudiantes y
docentes que tengan acceso a una red.

1. JUSTIFICACIÓN
A lo largo de la vida la necesidad de comunicación entre los seres humanos ha sido una
tarea difícil de conseguir, mantener y lograr una mejora en la misma. La comunicación
se ha visto como una tarea valiosa la cual era una herramienta para el intercambio
comercial, así como la difusión de información o datos en años anteriores a las épocas
actuales. Mas sin embargo, dada la necesidad de nuestra época que nos tocó vivir (era
del conocimiento) es necesaria la implantación de nuevas formas de comunicación que
apoyen a las economías que han florecido de unos años atrás a la fecha.
El uso de las tecnologías de la información contribuye a la mejora del rendimiento
académico de los estudiantes universitarios, transformándolos en profesionales capaces
de manejar las TIC´s, incrementando su eficacia y eficiencia al poder simplificar las
ideas adquiridas y exponerlas en un portal web de forma lógica y didáctica.
El proyecto proporcionará una herramienta de gestión de contenidos académicos que
facilite la el aprendizaje de los mismos a los usuarios del portal.
El proyecto está desarrollado en base a sucesivas fases que, como resultado de cada una
de éstas, se obtienen funcionalidades completas que se irán incorporando al producto
final, un nuevo sitio web que proporcionará un diseño, estructura de contenidos y
funcionalidades para que el estudiante pueda revisarlos y mejorar sus conocimientos
sobre Arquitectura.
En la actualidad existen diversas herramientas y aplicaciones de software libre, y su
utilización permitirán minimizar los riesgos y requisitos económicos y legales que
demandan la generación de un portal web. El producto final fomentará la distribución
del conocimiento, y que permita la máxima libertad para mejorar el aprendizaje.

Para cada uno de las áreas de aplicación (sistema operativo, servidor web, gestor de
bases de datos, etc.) se proponen a continuación aquellas herramientas de software libre
que se consideran más adecuadas para el proyecto, teniendo en cuenta toda la
información recopilada hasta el momento.

2. MARCO TEÓRICO
TIC´S
Son un conjunto de servicios, redes, software, aparatos que tienen como fin el
mejoramiento de la calidad de vida de las personas dentro de un entorno, y que se
integre a un sistema de información interconectado y complementario. Esta innovación
servirá para romper las barreas que existe entre cada uno de ellos.
Importancia de las TIC´S
Junto con la globalización económica, la desregularización política y jurídica y los
cambios de mentalidades culturales según Gerardo Ojeda destaca como punto clave en
esta sociedad de la comunicación y de la información el descubrimiento, la aparición y
el desarrollo de nuevas tecnologías. Comúnmente se las conoce con las iniciales de
NTIC o NNTT y, según el mismo autor, la ambigüedad temporal del término nuevas
hace indispensable la prudencia a la hora de definir las TIC´S, y hacerlo en términos de
nuevos productos y servicios que permanecen y permanecerán a lo largo del tiempo.
En la última década y especialmente en los últimos años las sociedades modernas han
cambiado sus formas de relacionarse, esto se debe a diversos factores, uno de ellos es la
incorporación de estas tecnologías en los diferentes campos sociales como el cultural, el
económico, el político y también el educativo. Asi de manera particular en la educación
se han dado cambios significativos modificando las organizaciones, los procesos y los
factores de la educación.
PÁGINA WEB
Es un documento o información electrónica capaz de contener texto, sonido, vídeo,
programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World
Wide Web, y que puede ser accedida mediante un navegador. Esta información se

encuentra generalmente en formato HTML o XHTML, y puede proporcionar
navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas
web frecuentemente también incluyen otros recursos como ser hojas de estilo en
cascada, guiones (scripts), imágenes digitales, entre otros.
Actualmente se han desarrollado licencias portables como WIX para poder desarrollar
de forma fácil y rápida este tipo de documentos electrónicos.
Características
 Una página web está compuesta principalmente por información (sólo texto y/o
módulos multimedia) así como por hiperenlaces; además puede contener o
asociar hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y
también aplicaciones embebidas para así permitir interactividad. www.nfl.com
 Las páginas web son escritas en un lenguaje de marcado que provee la capacidad
de manejar e insertar hiperenlaces, generalmente HTML. El contenido de la
página puede ser predeterminado (página web estática) o generado al momento
de visualizarla o solicitarla a un servidor web (página web dinámica). Las
páginas dinámicas que se generan al momento de la visualización, se especifican
a través de algún lenguaje interpretado, generalmente JavaScript, y la aplicación
encargada de visualizar el contenido es la que realmente debe generarlo. Las
páginas dinámicas que se generan, al ser solicitadas, son creadas por una
aplicación en el servidor web que alberga las mismas.
 Respecto a la estructura de las páginas web, algunos organismos, en especial el
World Wide Web Consortium (W3C), suelen establecer directivas con la
intención de normalizar el diseño, y para así facilitar y simplificar la
visualización e interpretación del contenido.

 Una página web es en esencia una tarjeta de presentación digital, ya sea para
empresas, organizaciones, o personas, así como una manera de comunicar ideas,
pensamientos, conocimientos, informaciones o teorías. Así mismo, la nueva
tendencia orienta a que las páginas web no sean sólo atractivas para los
internautas, sino también optimizadas (preparadas), para los buscadores a través
del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos
respecto de la calidad del contenido.
 El posicionamiento web de una página web es la base para optimizar todo un
sitio web el cual es un conjunto de páginas web.
Estructura de una página web
En esta sección explicaremos una a una las partes constituyentes más importantes de un
sitio Web. Cuando hablamos de "partes" no nos referimos exclusivamente a lo que a
aspecto visual se refiere sino a todo lo que usted adquiere y puede planear cuando
contrata un servicio de diseño Web. No será tema de esta sección el sitio e-commerce ya
que este tema tiene su correspondiente sección.
HOME:
El home es la página principal de un sitio, es la página a la que entra el usuario cuando
coloca la dirección de su sitio. En el home suele presentarse a la empresa y al sitio
explicando a qué se dedica la compañía, su trayectoria, su historia, etc. y se puede
colocar cuál será el objetivo del sitio Web o no. En el home, al igual que en las demás
secciones estará el header, los botones y todo elemento constante del sitio.
SECCIONES:
Las secciones son las partes en las que está dividido el sitio. Generalmente, su número
oscila entre cinco y nueve y se accede a ella a partir de los botones que se encuentran

constantemente a la vista. Las secciones tratan un tema específico y es importante que
no se superpongan. Cuando en una sección usted necesita referirse al contenido que se
encuentra en otra podrá hacer un enlace directo a esa sección. Es importante que el
conjunto de secciones abarque todos los temas que podrían interesar al usuario.
FOTOS:
Las fotos son un tema complicado. En un sitio se pueden colocar las fotos que usted
desee siempre y cuando no tengan copyright. Existen fotos libres en Internet que pueden
ser usadas de manera gratuita por cualquier persona. Algunas de estas fotos requieren
permiso del fotógrafo y otras no pero pueden tener restricciones (como que no puedan
ser utilizadas para uso comercial). De cualquier manera, siempre es mejor que usted
tenga sus propias fotografías, pero para tomarlas debe contratar a un fotógrafo
profesional. Es muy común que la gente se empeñe en sacar ellos mismos sus fotos,
pero lo único que se gana con esto es que la página pierda calidad.
HEADER:
El header es la parte superior del sitio, el encabezado. En él suele haber una fotografía
grande o una imagen, el Logo de la empresa y, quizá, los botones para entrar a las
internas. El encabezado se repite y mantiene igual a través de todas las secciones, es el
eje del diseño y a partir de él es que se diseña cada sección del sitio. EL header debe
representar un mensaje fuerte y claro, ser atractivo pero no excesivo, es en este punto
que se concentra la mayor atención de un usuario.
BOTONES:
Los botones sirven para que el usuario navegue por el sitio. Presionando cada uno de
ellos el navegador nos dirige a diferentes secciones del sitio. Existen gran variedad de
botones, los hay de todas las formas y tamaños. Sin embargo, hay cierta convención al

respecto: el tamaño de los botones no puede ser excesivo como para romper el diseño o
queda muy desequilibrado. Por otra parte, es en los botones donde muchos diseñadores
colocan efectos. Los efectos más comunes en los botones son que se iluminen o
cambien de color cuando se pasa el mouse sobre ellos, que queden seleccionados
cuando se ingresa a la interna que les corresponde o que tengan algún tipo de
animación.
ANIMACIONES
Generalmente, las animaciones en los sitios Web se hacen con un programa llamado
Flash. Este programa permite crear animaciones de todo tipo, desde introducciones
largas parecidas a un dibujo animado hasta pequeños detalles. Como dijimos arriba, en
los botones se puede usar el Flash para darles algún efecto especial cuando se pasa el
mouse sobre ellos. De esta manera, podemos lograr que el botón se agrande o se
achique, que se mueva, etc. Es difícil de explicar de esta manera así que lo mejor que
puede hacer es recorrer sitios y buscar estas animaciones. Un truco para comprobar que
un efecto se hace con flash es hacer clic derecho sobre él y fijarse si aparece la opción
"Acerca de Macromedia Flash"
DOMINIO:
El domino es el nombre con el que se conoce un sitio Web. En nuestro caso, nuestro
dominio es www. top-web-designer.com. Cuando usted elige el nombre para su sitio es
necesario comprobar que éste no esté registrado por otra persona. Para comprobarlo no
alcanza con ingresar la dirección en un navegador porque quizá alguien tiene ese
dominio a su nombre pero no lo está utilizando. Es como si habláramos de una casa:
alguien puede ser propietario de una casa aunque no la habite o por lo menos eso dice la
ley. Para comprobar que el dominio esté disponible hay que ingresarlo en determinados

sitios que se encargan de vender o registrar dominios. Existen dominios gratis y otros
que son pagos, según qué tipo de dominio usted desee, deberá pagar por él o no. De
cualquier manera, el precio de estos nombres no supera los quince dólares.
ALOJAMIENTO:
Éste es un punto bastante difícil de explicar algunas veces. Haciéndolo simple: un sitio
Web es una serie de archivos. Estos archivos tienen que estar en alguna computadora
para que se pueda acceder a ellos. Entonces, el alojamiento de su sitio es eso: el lugar
que ocupan en alguna computadora en el mundo que funcione como servidor. Cuando
usted hace un diseño Web le cobran una cuota anual por alojar su página. Generalmente,
el precio del alojamiento es muy accesible y no modifica en nada sus finanzas. El
alojamiento puede significar un par de dólares mensuales y nada más.
CUENTAS DE CORREO ELECTRÓNICO
Cuando usted contrata un servicio de diseño Web y tiene su página Web propia también
tiene la posibilidad de tener cuentas de mail propias. Estas cuentas tendrán la siguiente
forma: sunombre@dominiodesusitio.com. Por ejemplo, en mi caso sería redactor@top-
web-designer.com. Generalmente, no hay problema en que usted pida varias cuentas de
correo electrónico. Es muy común que los sitios tengan una cuenta que sea
info@dominio.com para que las personas envíen sus consultas. Lo mejor para manejar
estas cuentas es utilizar un software de organización de correo electrónico como es el
Outlook, el Outlook express o el Thunderbird.
FORMULARIO:
En la sección de contacto usted puede poner un formulario con diferentes campos para
que los usuarios lo llenen con los datos que usted desee y escriban el mensaje que le
quiera hacer llegar. De esta manera, usted se asegura que los datos que usted necesita

para responder el mail estén ahí. Los formularios pueden tener la opción de escribir en
los campos, de tildar la opción correcta o tener un drop down que son esas flechitas que
abren un menú para elegir la opción que corresponda.
Existen otros componentes que, más que formar parte de las páginas web, las
acompañan y suelen guardarse al disco duro para después verlos o ejecutarlos:
 Ficheros adjuntos: zip, rar. Es frecuente que encontremos en muchos sitios
programas o ficheros comprimidos en algún formato (normalmente el zip), para
acelerar el tiempo de descarga por parte de los usuarios. Cada zip, rar o sit tiene
en su interior uno o varios ficheros, que se extraen a la carpeta que indiquemos
al programa que los abre y maneja. El programa más utilizado es Winzip. Este es
shareware, pero existen otras utilidades semejantes gratis; además, windows a
partir de la versión Me puede encargarse por sí mismo de este tipo de formato de
compresión. Podemos encontrarlos en cualquier servidor de programas. Se trata
de un añadido imprescindible para navegar.
 Documentos PDF (Portable Document Format). Se utilizan también bastante.
Estructura del diseño web
La gran mayoría de las páginas web tienen divisiones o secciones similares. Lo usual es
que, en la parte superior de la página se encuentre un encabezado, seguido de un cuerpo
principal que suele estar flanqueado por una columna lateral (tanto a la izquierda como
a la derecha) o dos columnas laterales, seguidas al final de la página por un pie de
página. La imagen siguiente es un esquema típico de una página web. Se debe tener en
cuenta que este esquema sufre variaciones, aunque normalmente son pequeñas.

EL ENCABEZADO
El encabezado es una faja horizontal que ocupa todo el ancho de la página en la parte
superior de la misma. A la izquierda del encabezado suele ubicarse el logotipo del sitio,
que ocupa un área importante dentro del mismo, aunque suelen haber diferencias
importantes de un sitio a otro. Esta imagen debe tener un enlace a la página principal del
sitio, ya que es uno de los estándares más respetados por los diseñadores y una de las
formas que tienen los usuarios de volver al inicio.
COLUMNAS DE EXPLORACIÓN
El cuerpo principal de una página web, en el diseño moderno se le encuentra dividido.
Una de estas divisiones, consiste una o dos columnas de exploración. Este tipo de
columnas, se le emplea para ubicar algunos elementos importantes de la página, como
enlaces externos, navegación interna, publicidad, informaciones adicionales y
contenidos secundarios.
ÁREA DE CONTENIDO
Esta zona del diseño de la página, es la que menos reglas tiene respecto de su diseño, ya
que el hecho de que en ella se encuentren los contenidos principales de la página, el
diseño depende en gran medida de los mismos, sobre todo en lo que respecta al tipo de
contenidos, la cantidad, la disposición que se desea emplear, etc. Sin embargo, hay que
considerar algunas reglas importantes y que, salvo muy raras ocasiones, deben ser
seguidas al pie de la letra.
PIE DE PÁGINA
Finalmente, debajo de todas las secciones, se coloca una faja horizontal en cuyo interior
se colocan algunos elementos importantes, como el autor, copyright, acceso a diversas

políticas del sitio y asuntos legales, datos de contacto, enlaces a sitios relacionados,
enlaces internos, etc.
TIPOS DE WEB
Los tipos de web son:
WEB 2.0
El término Web 2.0 comprende aquellos sitios web que facilitan el compartir
información, la interoperabilidad, el diseño centrado en el usuario y la colaboración en
la World Wide Web. Un sitio Web 2.0 permite a los usuarios interactuar y colaborar
entre sí como creadores de contenido generado por usuarios en una comunidad virtual.
Ejemplos de la Web 2.0 son las comunidades web, los servicios web, las aplicaciones
Web, los servicios de red social, los servicios de alojamiento de videos, las wikis, blogs,
mashups y folcsonomías. Es la evolución de las aplicaciones estáticas a dinámicas
donde la colaboración del usuario es necesaria. El término Web 2.0 está asociado
estrechamente con Tim O'Reilly, debido a la conferencia sobre la Web 2.0 de O'Reilly
Media en 2004. Aunque el término sugiere una nueva versión de la World Wide Web,
no se refiere a una actualización de las especificaciones técnicas de la web, sino más
bien a cambios acumulativos en la forma en la que desarrolladores de software y
usuarios finales utilizan la Web. En conclusión, la Web 2.0 nos permite realizar trabajo
colaborativo entre varios usuarios o colaboradores. Además, las herramientas que ofrece
la web 2.0 no sólo permitirán mejorar los temas en el aula de clase, sino también pueden
utilizarse para trabajo en empresa. La web 2.0 permite a estudiantes y docentes mejorar
las herramientas utilizadas en el aula de clase.
Características

La Web 2.0 se caracteriza principalmente por la participación del usuario como
contribuidor activo y no solo como espectador de los contenidos de la Web (usuario
pasivo). Esto queda reflejado en aspectos como:
 El auge de los blogs.
 El auge de las redes sociales.
 Las webs creadas por los usuarios, usando plataformas de auto-edición.
 El contenido agregado por los usuarios como valor clave de la Web.
 El etiquetado colectivo (folcsonomía, marcadores sociales...).
 La importancia del long tail.
 El beta perpetuo: la Web 2.0 se inventa permanentemente.
 Aplicaciones web dinámicas.
Tecnología de la web 2.0
Se puede decir que una web está construida usando tecnología de la Web 2.0 si posee
las siguientes características:
 Técnicas:
o CSS, marcado XHTML válido semánticamente y Microformatos
o Técnicas de aplicaciones ricas no intrusivas (como AJAX)
o Java Web Start
o Redifusión/Agregación de datos en RSS/ATOM
o URLs sencillas con significado semántico
o Soporte para postear en un blog
o JCC y APIs REST o XML
o JSON
o Algunos aspectos de redes sociales

o Mashup (aplicación web híbrida)
 General:
o El sitio debe estar listo para la entrada de cualquier persona
o El sitio no debe actuar como un "jardín sin cosechar inminentemente": la
información debe poderse introducir y extraer fácilmente
o Los usuarios deberían controlar su propia información
o Basada exclusivamente en la Web: los sitios Web 2.0 con más éxito
pueden ser utilizados enteramente desde un navegador
o La existencia de links es requisito imprescindible
Herramientas de la web 2.0
Las herramientas de la web 2.0 son:
 WIKIS: En hawaiano "wiki" significa: rápido, informal. Una wiki es un espacio
web corporativo, organizado mediante una estructura hipertextual de páginas
(referenciadas en un menú lateral), donde varias personas elaboran contenidos
de manera asíncrona. Basta pulsar el botón "editar" para acceder a los
contenidos y modificarlos. Suelen mantener un archivo histórico de las versiones
anteriores y facilitan la realización de copias de seguridad de los contenidos.
Hay diversos servidores de wikis gratuitos.
 REDES SOCIALES: Sitios web donde cada usuario tiene una página donde
publica contenidos y se comunica con otros usuarios. Ejemplos: Facebook,
Twitter, Tuenti, Hi5, Myspace, Instagram, entre otras. También existen redes
sociales profesionales, dirigidas a establecer contactos dentro del mundo
empresarial (LinkedIn, Xing, eConozco, Neurona...).

 ENTORNOS PARA COMPARTIR RECURSOS: Entornos que nos permiten
almacenar recursos o contenidos en Internet, compartirlos y visualizarlos cuando
nos convenga. Constituyen una inmensa fuente de recursos y lugares donde
publicar materiales para su difusión mundial. Existen de diversos tipos, según el
contenido que albergan o el uso que se les da:
o Documentos: Google Drive y Office Web Apps (OneDrive), en los
cuales podemos subir nuestros documentos, compartirlos y modificarlos.
o Videos: Youtube, Vimeo, Dailymotion, Dalealplay... Contienen miles de
vídeos subidos y compartidos por los usuarios.
o Fotos: Picasa, Flickr, Instagram, etc., permiten disfrutar y compartir las
fotos también tenemos la oportunidad de organizar las fotos con
etiquetas, separándolas por grupos como si fueran álbumes, podemos
seleccionar y guardar aparte las fotos que no queremos publicar.
o Agregadores de noticias: Digg, Reddit, Menéame, Divoblogger, noticias
de cualquier medio son agregadas y votadas por los usuarios.
o Almacenamiento online: Dropbox, Google Drive, SkyDrive
o Presentaciones: Prezzi, Slideshare.
o Plataforma educativa.
Consecuencias de la Web 2.0
La Web 2.0 ha originado la democratización de los medios haciendo que cualquiera
tenga las mismas posibilidades de publicar noticias que un periódico tradicional. Grupos
de personas crean blogs que al día de hoy reciben más visitas que las versiones online
de muchos periódicos. La Web 2.0 ha reducido considerablemente los costes de
difusión de la información. Al día de hoy podemos tener gratuitamente nuestra propia
emisora de radio online, nuestro periódico online, nuestro canal de vídeos, etc. Al

aumentar la producción de información aumenta la segmentación de la misma, lo que
equivale a que los usuarios puedan acceder a contenidos que tradicionalmente no se
publican en los medios convencionales.
Debilidades de la Web 2.0
Cada uno de los internautas de la Web 2.0 son “autores” de los contenidos que vuelan
en la Red, siempre que se trate de “creaciones originales”. Sin embargo, nada impide
que una obra de “nueva creación” pueda incluir, total o parcialmente, una obra previa de
otro autor. Esto es lo que se denomina “obra compuesta”. Para evitar problemas
tipificados legalmente sería necesario contar con la autorización del autor de la obra
previa o bien usar la misma dentro de una de las excepciones reconocidas en la propia
Ley (ver Ley de Propiedad Intelectual). Ser autor de una web 2.0 supone, ni más ni
menos, el tener la plena disposición y el derecho exclusivo a la explotación de dicha
obra, sin más limitaciones que las establecidas en la Ley. Por tanto, la primera
consecuencia jurídica de la Web 2.0 es que todos, más que nunca, somos “propietarios”
de Internet y, en todo caso, de los contenidos concretos que creamos e introducimos
diariamente en servicios como Blogger, Flickr, Facebook, Twitter o el ya mencionado
Youtube. Es decir, cada vez más, la Ley de Propiedad Intelectual no sólo se nos aplica
para limitar nuestro acceso y uso de contenidos ajenos sino también para proteger y
defender nuestros propios contenidos volcados en la Red. Falta implementar estrategias
de seguridad informática, el constante intercambio de información y la carencia de un
sistema adecuado de seguridad ha provocado el robo de datos e identidad generando
pérdidas económicas y propagación de virus.
La seguridad es fundamental en la tecnología, las empresas invierten en la seguridad de
sus datos y quizás el hecho de que la web aún no sea tan segura, crea un leve rechazo a
la transición de algunas personas con respecto a la automatización de sus sistemas.

WEB 3.0
Las tecnologías de la Web 3.0, como programas inteligentes, que utilizan datos
semánticos, se han implementado y usado a pequeña escala en compañías para
conseguir una manipulación de datos más eficiente. En los últimos años, sin embargo,
ha habido un mayor enfoque dirigido a trasladar estas tecnologías de inteligencia
semántica al público general.
Bases de datos
El primer paso hacia la "Web 3.0" es el nacimiento de la "Data Web", ya que los
formatos en que se publica la información en Internet son dispares, como XML, RDF y
microformatos; el reciente crecimiento de la tecnología SPARQL, permite un lenguaje
estandarizado y API para la búsqueda a través de bases de datos en la red. La "Data
Web" permite un nuevo nivel de integración de datos y aplicación inter-operable,
haciendo los datos tan accesibles y enlazables como las páginas web. La "Data Web" es
el primer paso hacia la completa Web Semántica. En la fase “Data Web”, el objetivo es
principalmente hacer que los datos estructurados sean accesibles utilizando RDF. El
escenario de la Web Semántica ampliará su alcance en tanto que los datos estructurados
e incluso, lo que tradicionalmente se ha denominado contenido semi-estructurado (como
páginas web, documentos, etc.), esté disponible en los formatos semánticos de RDF y
OWL.3
Inteligencia artificial
Web 3.0 también ha sido utilizada para describir el camino evolutivo de la red que
conduce a la inteligencia artificial. Algunos escépticos lo ven como una visión
inalcanzable. Sin embargo, compañías como IBM y Google están implementando
nuevas tecnologías que cosechan información sorprendente, como el hecho de hacer

predicciones de canciones que serán un éxito, tomando como base información de las
webs de música de la Universidad. Existe también un debate sobre si la fuerza
conductora tras Web 3.0 serán los sistemas inteligentes, o si la inteligencia vendrá de
una forma más orgánica, es decir, de sistemas de inteligencia humana, a través de
servicios colaborativos como del.icio.us, Flickr y Digg, que extraen el sentido y el orden
de la red existente y cómo la gente interactúa con ella.
Web semántica y SOA
En relación con la dirección de la inteligencia artificial, la Web 3.0 podría ser la
realización y extensión del concepto de la “Web semántica”. Las investigaciones
académicas están dirigidas a desarrollar programas que puedan razonar, basados en
descripciones lógicas y agentes inteligentes. Dichas aplicaciones, pueden llevar a cabo
razonamientos lógicos utilizando reglas que expresan relaciones lógicas entre conceptos
y datos en la red.4 Sramana Mitra difiere con la idea de que la "Web Semántica" será la
esencia de la nueva generación de Internet y propone una fórmula para encapsular Web
3.0
Este tipo de evoluciones se apoyan en tecnologías de llamadas asíncronas para recibir e
incluir los datos dentro del visor de forma independiente. También permiten la
utilización en dispositivos móviles, o diferentes dispositivos accesibles para personas
con discapacidades, o con diferentes idiomas sin transformar los datos.
 Para los visores: en la web, xHTML, JavaScript, Comet, AJAX, etc.
 Para los datos: Lenguajes de programación interpretados, Base de datos
relacional y protocolos para solicitar los datos.

Evolución al 3D
Otro posible Destino para la Web 3.0 es la dirección hacia la visión 3D, liderada por el
Web3 D Consortium. Esto implicaría la transformación de la Web en una serie de
espacios 3D, llevando más lejos el concepto propuesto por Second Life. Esto podría
abrir nuevas formas de conectar y colaborar, utilizando espacios tridimensionales.
En lo que a su aspecto semántico se refiere, la Web 3.0 es una extensión del World
Wide Web en el que se puede expresar no sólo lenguaje natural, también se puede
utilizar un lenguaje que se puede entender, interpretar utilizar por agentes software,
permitiendo de este modo encontrar, compartir e integrar la información más
fácilmente.
WIX
Se utilizaron herramientas como:
CAMNTASIA ESTUDIO
Es un programa que sirve para grabar lo que sucede en la pantalla del ordenador y de
esa manera crear presentaciones y tutoriales visuales.
Las presentaciones visuales siempre son más llamativas que las presentaciones por
palabras. Con Camtasia Studio podrás crear presentaciones visuales de manera sencilla
y fácil. Con presionar el botón de grabación será suficiente para que Camtasia Studio
comience a grabar lo que sucede en la pantalla del PC. De esta manera puedes grabar
tutoriales explicando la utilización de una herramienta o aplicación. Incluso puedes
grabar los vídeos que visualizas vía Web o vía Messenger.
FLIPPING BOOK

Flipbook es un formato de libro electrónico que permite la reproducción de un libro de
manera facsimilar. Se realiza mediante el uso de software y su calidad varía en función
de los programas y las versiones que se utilicen para realizar la conversión del material,
así como del diseño gráfico y la presentación del original.
Toma su nombre del folioscopio, definido en Wikipedia (cita textual) como un libro que
contiene una serie de imágenes que varían gradualmente de una página a la siguiente,
para que, cuando las páginas se pasen rápidamente, las imágenes parezcan animarse
simulando un movimiento u otro cambio. Los flipbooks son ilustrados usualmente por
niños, pero pueden estar también orientados a adultos y emplear una serie de
animaciones.
Si bien el flipbook que aquí presentamos puede destinarse perfectamente a cumplir la
función que le dio origen, en este caso destacamos su utilidad como soporte electrónico
alternativo a los ebooks en lenguaje ePub y mobi, dado que, aunque se trata a diferencia
de estos de un formato cerrado como el PDF, ofrece buenas prestaciones en materia de
accesibilidad y personalización.
FlippingBook es una herramienta bastante buena, ya que nos permite crear la aplicación
de un libro virtual online, es decir, un page flip de las páginas que querramos como PDF
e imágenes, y luego la exporta a una carpeta en HTML para poder subirla a nuestro
servidor.
De manera muy fácil nos permite hacer ediciones digitales de cualquier publicación
como revistas, folletos, catálogos, etc...
Para mi caso, como me pidieron hacer un diario virtual, esta aplicación me vino de diez!
Lo que hago primeramente es crear el archivo .pdf, para luego importarlo desde
FlippingBook, cargo los settings del FlippingBook (como el programa está en inglés,

traduje una sola vez los componentes que voy a ocupar, guardo los cambios hechos para
luego volver a usarlos), lo exporto como HTML y por último lo subo al servidor.
SLIDESHARE
SlideShare es un sitio web 2.0 de alojamiento de diapositivas que ofrece a los usuarios
la posibilidad de subir y compartir en público o en privado presentaciones de
diapositivas en PowerPoint (.ppt,.pps,.pptx,.ppsx,.pot y.potx), OpenOffice (.odp);
presentaciones e infografías PDF (.pdf); documentos en Adobe PDF (.pdf), Microsoft
Word (.doc,.docx y.rtf) y OpenOffice (.odt) y la mayoría de documentos de texto sin
formato (.txt), e incluso algunos formatos de audio y vídeo.
Originalmente el sitio web estaba destinado para los empleados del ámbito empresarial
con la intención de que compartieran con más facilidad diapositivas entre ellos, pero
luego el público objetivo se amplió para convertirse también en un entretenimiento.
PREZI
Es una aplicación multimedia para la creación de presentaciones similar a Microsoft
Office PowerPoint o a Impress de LibreOffice. Esta aplicación te permite copiar y pegar
o abrir archivos del Power Point y seguirlos ahí.
Prezi se utiliza como plataforma puente entre la información lineal y la no lineal, y
como una herramienta de presentación de intercambio de ideas, ya sea de manera libre o
bien estructurada. El texto, las imágenes, los vídeos y otros medios de presentación se
ponen encima del lienzo y se pueden agrupar en marcos. Después, el usuario designará
la medida y la posición entre todos los objetos de la presentación y como se hace el
desplazamiento entre estos objetos, así como la ampliación/alejamiento. Para las
presentaciones lineales, el usuario puede construir una ruta de navegación prescrita.

La presentación final se puede desarrollar en una ventana del navegador, también
permiten una presentación fuera de línea, solo hace falta descargar el archivo. Prezi
utiliza un modelo freemium. Los usuarios que usen Prezi público pueden editar, mostrar
y descargar sus trabajos, y los que pagan pueden crear, compartir y descargar los
archivos. Prezi también ofrece una licencia especial para estudiantes y educadores.
Ádam Somlai-Fischer, cofundador de Prezi, es un arquitecto que trabaja con
presentaciones de zoom desde 2001. Adam investigó hasta encontrar una interfaz de
usuario con zoom (ZUI) que le permitió explorar la “gran imagen”, obteniendo así una
vista general de una planta y después hacer zoom en los detalles más individuales.
Finalmente, en 2007, Peter Halacsy, profesor de la Universidad de tecnología y
economía de Budapest, Hungría, lo convenció para desarrollar un editor con el cual
cualquier individuo pudiera desarrollar sus presentaciones. Después de crear un
prototipo, ficharon al empresario Peter Arvai como director general para que les
ayudara a construir un producto y una empresa. Prezi se puso en marcha en 2009 en
Budapest. La oficina de San Francisco se estableció en noviembre de 2009.
Características
Una principal característica de Prezi es la posibilidad de organizar la información en
forma de un esquema y exponerlo con libertad sin la secuencia de diapositivas. De
manera que el conferenciante o quien consulta una presentación en Prezi puede acceder
a cualquier contenido con solo hacer clic. Se puede navegar por la presentación -que es
en realidad un solo frame de 3 dimensiones- desde la vista general, ampliando o
reduciendo la vista, o desplazando el lienzo. Los efectos visuales deben estar
supeditados a una correcta narrativa.

La aplicación dispone de varias plantillas que permiten al usuario ahorrar tiempo a la
hora de desarrollar una presentación.
Prezi permite trabajar on-line con todas sus herramientas de forma gratuita, pero hay
varias modalidades de pago que permiten ocultar los trabajos on-line y protegerlos, y
ofrecen más capacidad de almacenamiento que la versión gratuita. Existen dos
modalidades de pago, la primera de ellas, y más básica, llamada Enjoy, cuesta 10 $ al
mes y 59 $ al año y permite realizar presentaciones privadas, usar un logotipo propio en
las presentaciones, solicitar ayuda premium y disponer de 4 Gb de almacenamiento. La
siguiente modalidad, denominada Pro, cuesta 20 $ al mes y 159 $ al año, y permite
además de las características de la Enjoy, editar Prezis sin conexión a Internet a través
de la herramienta Prezi Desktop y disponer de almacenamiento ilimitado.
Modalidades
Prezi ofrece cuatro modalidades de privacidad para cada uno de los prezis, dependiendo
de la licencia que se tenga:
 Gratuitas
Es la más común. Obliga al usuario a registrarse en la página web para poder realizar
presentaciones Prezi propias. Incluye todas las características básicas del editor en línea
de Prezi, además de 100Mb para poder guardar todo lo creado.
Al ser una cuenta pública, todo el trabajo realizado se subirá automáticamente en la red
y estará disponible para cualquiera.
 De pago

Existen dos versiones de Prezi de pago. Las dos incluyen un período previo de prueba
de hasta 30 días donde se puede cancelar la subscripción de la cuenta de pago, si es que
así se desea.
 Cuenta Enjoy o EDU Enjoy
El precio es de 6 USD al mes y se factura anualmente (59 USD). Esta opción está
disponible de manera gratuita para todos aquellos que disponen de una dirección de
correo electrónico activa a una institución educativa registrada.
Las opciones son todas las que ofrece la modalidad gratuita más la opción de convertir
tus Prezis en privados. Al crear una presentación, inicialmente será privada y el usuario
tiene la oportunidad de convertirla en pública. Se puede cambiar el logotipo de Prezi a
la hora de crear una nueva presentación para personalizar y formas parte del servicio de
ayuda Premium, que ofrece asistencia en menos de 24 horas. El espacio disponible en
línea para almacenar presentaciones es de 500 Mb.
FLOORPLANNER
Floorplanner es la forma más sencilla y con mejores acabados para crear y compartir
planos interactivos en línea. Tanto si estás cambiando a una nueva casa, organizando
una boda o reorganizando tu salón, Floorplanner cuenta con las herramientas que
necesitas. Con Floorplanner puedes recrear tu vivienda, jardín u oficina con tan sólo un
par de clics de ratón y puedes también amueblar tus planos con nuestra gran librería de
objetos.
ix es una plataforma para la creación de sitios web gratis. Ayudamos a nuestros usuarios
a crear sorprendentes páginas web de apariencia profesional las cuales pueden ser
actualizadas y editadas fácilmente. No se requieren conocimientos técnicos y los sitios

son 100% compatible con los motores de búsqueda. Ofrecemos una amplia gama de
plantillas, aunque también puedes crear tu sitio desde cero.
También ofrecemos una serie de planes premium que les proporcionan a nuestros
usuarios acceso a funciones extras tales como conectar un nombre de dominio, eliminar
la publicidad de Wix y obtener más almacenamiento y ancho de banda
MICROSOFT POWER POINT
3. DISEÑO METODOLÓGICO
El proyecto se llevará a cabo con una metodología de participación colaborativa de la
siguiente manera:
 La planeación, preparación del proyecto, el diseño y construcción del portal
académico con los recursos de aprendizaje móvil.
 Se realizará una imagen de los contenidos digitales acorde a las tendencias
actuales de diseño web. Estas se basan en destacar la importancia de los
contenidos sobre la imagen. Para ello se realizará un estudio previo de
usabilidad, facilitando el acceso de forma intuitivita a toda la información del
semestre.
 Mediante la aplicación WIX creamos un portal web que consta de:
o Inicio
o Diseño Básico
o Dibujo Técnico
o Lenguaje y Comunicación
o Matemáticas
 Utilizando diferentes aplicaciones online insertamos los diferentes proyectos
finales elaborados durante el Primer Semestre del período A15.

RESULTADOS ESPERADOS
El proyecto formativo de Tics desea que los estudiantes al conocer la
herramienta como Wix para la creación de portales web ayuden a los futuros
estudiantes de Arquitectura al desarrollo debe sus proyectos formativos durante
el primer semestre, para que sean una guía en la creación de los mismos y
conozcan los métodos utilizados en cada proyecto formativo de las diferentes
materias de la malla curricular.
Integrar el proyecto con estudiantes y profesores de Arquitectura con el objetivo
de dar a conocer el trabajo que el estudiante realiza gracias a los conocimientos
adquiridos durante el proceso académico y así tener una organización
comunicacional entre docentes y alumnos.
El estudiante conocerá varias herramientas tecnológicas que le ayudarán
desarrollo, presentación de sus trabajos finales y así dar mayor realce a los
mismos. Es así que el estudiante entenderá la debida importancia que debe tener
las Tics en el medio que se desarrolla.

TRANSFERENCIA DE RESULTADOS
El trabajo deberá ser socializado con los estudiantes de Arquitectura; ya que ellos
podrán conocer los diferentes métodos utilizados en las materias como Diseño Básico I,
Matemáticas, Dibujo Técnico, Lenguaje.
Esto se realizará mediante la presentación de la página web creada y la exposición oral
del trabajo, también se detallará el proceso llevado a cabo de cada materia.
La exposición se realizará ante los estudiantes y la Ing. Ligia Jácome, quienes
conocerán la aplicación de las herramientas adquiridas durante el período académico.
Existirá la participación de los profesores y alumnos a quienes se dará a conocer el
trabajo realizado con eficacia del portal web; que ayudará a facilitar el acceso a los
diferentes recursos y servicios que ofrece e incorpora la tecnología.

CONCLUSIONES
La incorporación de las TICs en la sociedad y en especial en el ámbito de la educación
ha ido adquiriendo una creciente importancia y ha ido evolucionando a lo largo de estos
últimos años, tanto que la utilización de estas tecnologías en el aula pasará de ser una
posibilidad a erigirse como una necesidad y como una herramienta de trabajo básica
para profesores y alumnos. Los estudiantes de Arquitectura han desarrollado un portal
web como proyecto integrador de Matemáticas, Diseño Básico I, Lenguaje y Dibujo
Técnico, posibilitó que el estudiante adquiera conocimientos operativos de las diferentes
herramientas tecnológicas como Slide Share, Prezi, Foorplanner, Camntasia y
Flippingbook. Cabe recalcar que el uso de una página web ayuda a la creación de
información electrónica que no solo beneficiará al mismo, sino a toda la sociedad. Estas
herramientas son parte de la web 3; ya que una persona puede interactuar en 3D
mediante la aplicación de floorplanner y el uso de las diferentes herramientas
tecnológicas en nuestro celulares, es preciso mencionar que las herramientas usada en el
trabajo están disponibles en la red on line.
En el desarrollo del proyecto de Tics se integro los diferentes proyectos finales del
Primero que ayuda. La internalización del proyecto se llevará a cabo con la presencia de
estudiante sy profesores de la universidad. Se han seleccionado las herramientas
adecuadas para la ubicación en la página web.
Se ha recolectado los diferentes talleres realizados durante clases, con el objetivo de
permitir que el estudiante pueda elegir la herramienta a utilizar. La importancia de las
páginas web y su creación en el campo educativo es vital, porque al vivir en una
sociedad que día está en manos de la tecnología, obliga a los seres humanos a
mantenerse conectados con diferentes herramientas web y estar informados de los

nuevos avances tecnológicos. Al finalizar el proyecto se documentará el mismo con un
informe que será la base fundamental del trabajo grupal de los estudiantes de Primero
“B”.

RECOMENDACIONES
Seguir realizando trabajos en grupo ya que favorece la socialización e
internalización de diferentes temas tecnológicos.
Al recopilar los talleres es necesario seguir un orden cronológico de la
recolección de los mismos, para evitar contratiempos antes de internalizar.
Utilizar la creatividad e innovación en la recolección de la información para el
portal web a elaborarse.
Utilizar términos conocidos por los estudiantes para que no exista confusión en
los temas a explicar.
Ser claros y precisos al exponer los métodos de la creación de la página web e
incrustación de archivos a la misma.

4. GLOSARIO DE TÉRMINOS
Sitio web: Conjunto de archivos electrónicos y páginas web referentes a un
tema en particular que incluye una página inicial de bienvenida, con un nombre
de dominio y dirección en Internet específicos.
Interfaz: Parte del programa informático que permite el flujo de información
entre varias aplicaciones o entre el propio programa y el usuario
Intranet: Parte privada de la aplicación donde sólo tendrán acceso a la
información los usuarios que estén registrados.
Navegador: Permite al usuario recuperar y visualizar páginas web a través de
Internet.
Servidor web: Se trata de un programa que implementa el protocolo HTTP
(HyperText Transfer Protocol). Este protocolo está diseñado para transferir lo
que llamamos hipertextos, páginas web o páginas HTML: textos complejos con
enlaces, figuras, formularios, botones y objetos incrustados como animaciones o
reproductores de música.
Gestor de bases de datos: MySQL. Es un sistema de gestión de base de datos
relacional, multiusuario, que cuenta con una gran popularidad por su
rendimiento, alta fiabilidad y facilidad de uso.
Gestor de contenidos: cuenta con una comunidad de voluntarios amplia y
estable. Es un sistema de gestión de contenidos que permite editar el contenido
de un sitio web de manera sencilla y generar un sitio web corporativo robusto.
Lenguaje de programación: PHP. Es un lenguaje de programación
interpretado, de código abierto, muy popular, especialmente adecuado para
desarrollo web.

Servidor web: Este servidor web es ampliamente conocido y utilizado. Y
destaca por ser flexible, rápido y eficiente.

5. BIBLIOGRAFIA
 ADELL, J. (1997) “Tendencias de educación en la sociedad de las tecnologías
de la información”.
 EDUTEC: Revista electrónica de Tecnología Educativa, 7.
 http://www.uib.es/depart/gte/revelec7.html
 BOSCO, J. (1995) Schooling and Learning in an Information Society. En U.S.
Congress, Oficce of
 Technology Assesment (ed.), Education and Technology: Future Visions, OTA-
BP-EHR-169.
 Washington, DC: U.S. Government Printing Offie, September.
 CABERO, J. (1994) "Nuevas tecnologías, comunicación y educación",
Comunicar, 3, 14-25.
 COLLINS, A. (1998) El potencial de las tecnologías de la información para la
educación. En C. Vizcarro y J.A. León (eds.): Nuevas tecnologías para el
aprendizaje (pp. 29-51). Madrid: Pirámide.
 COMISIÓN EUROPEA (2000) Estrategias para la creación de empleo en la
sociedad de la información.

Desarrollo de portal web académico para proyectos de Arquitectura

Desarrollo de portal web académico para proyectos de Arquitectura

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (20)

Similar a Desarrollo de portal web académico para proyectos de Arquitectura

Similar a Desarrollo de portal web académico para proyectos de Arquitectura (20)

Último

Último (20)

Desarrollo de portal web académico para proyectos de Arquitectura