FACULTAD DE INGENIERA,

ARQUITECTURA Y URBANISMO

ESCUELA PROFESIONAL DE INGENIERA

DE SISTEMAS

PROYECTO DE INVESTIGACIN:

AUTORES

Vallejos Rodrguez Jair

Effio Meja Jimmy

 I. DESCRIPCIN

II. PLAN DE INVESTIGACIN

2.1. Planteamiento del Problema

2.1.1.Situacin Problemtica
2.1.1.1 En el Contexto Internacional
Segn Camino (2003) Las causas ms importantes del fracaso en
el mercado internacional son la preparacin e informacin insuficientes. La
investigacin de marketing es un enfoque sistemtico y objetivo asumido en el
desarrollo y adquisicin de informacin para el proceso de toma de decisiones
de la administracin de marketing. La investigacin debe ser el resultado de
una actividad planeada y organizada. La acumulacin de informacin es un
requisito previo para la investigacin de marketing.

2.1.1.2 En el Contexto Nacional

Segn Scrates (2016) En la logstica, el almacn es un elemento que regula el

flujo de las mercancas de una empresa. Un buen manejo de los almacenes
hace posible estabilizar la produccin y la demanda, as como establecer
lmites de stock para llevar un control aproximado de los costos y agilizar el
proceso de entregas de pedidos.

Los procesos vinculados al manejo de la mercanca de la empresa son:

almacenamiento y distribucin, gestin de inventario, gestin de pedidos y
expediciones o salidas.

El manejo moderno de este componente logstico se hace a travs del Sistema

Integrado de Gestin de Almacenes (SIGA), que se caracteriza por automatizar
el control de la mercanca mediante la toma de datos en forma remota que se
activa con un sistema de terminales mviles PDA (siglas del ingls personal
digital assistant, o asistente digital personal) va wi-fi y equipadas con lector de
cdigo de barras.

El SIGA mejora el picking, que es la preparacin de pedidos por unidad

automatizado; as como el cross docking, un sistema de distribucin en el que
las unidades logsticas son recibidas en una plataforma de alistamiento y no
son almacenadas sino preparadas para ser enviadas de la manera ms
inmediata.

Tambin mejora la verificacin o el control de calidad de las mercancas y

garantiza que se efecte en tiempo real la gestin de los flujos de informacin
asociados a las operaciones logsticas.

Asimismo, el SIGA integra la gestin de los almacenes con el ERP (siglas del
ingls enterprise resource planning, o sistema de planificacin de recursos
empresariales) y acelera cada uno de los procesos vinculados al manejo de la
mercanca de modo que ahorra tiempo y minimiza los errores humanos en
operaciones manuales (preparacin de pedidos, inventarios, etc.).

Otras ventajas del SIGA son el aumento de la productividad del personal de

almacn mediante la automatizacin de procesos, la eliminacin de escritura
manual y una importante disminucin de impresos innecesarios. Tambin
mejora la eficacia y la precisin de la preparacin de pedidos, optimizando la
mano de obra y minimizando costos.

La relacin con los clientes se hace ms dinmica, pues SIGA se comunica en

forma directa e interactiva con la base de datos del sistema de gestin del
cliente.

2.1.1.3 En el Contexto Regional

Fernndez Cueva, A (2016). El Hotel Venecia es una empresa que

brinda el servicio de hospedaje, reservas y restaurant; adems est en sus
planes implementar servicios adicionales tales como lavandera, servicio a la
habitacin, estacionamiento entre otros. Los controles de los servicios
actualmente brindados se realizan de forma manual en cuadernos que
posteriormente son trasladados a Excel, siendo los ms crticos los servicios de
reserva y hospedaje.
En el anlisis del estado actual de los procesos del hotel se identificaron
problemas tales como, algunas reservas que se solicitan ya sea por telfono o
presencial no se llegan a concretar; ocasionando la prdida de clientes
potenciales.
 La demora en las consultas de disponibilidad de habitaciones, el no
tener la informacin necesaria en el momento oportuno; ocasionan deficiencia
en la atencin al cliente, y prdida econmica a la empresa. El no contar con
una adecuada atencin, se ve reflejado en la disminucin de la cantidad de
clientes que concurren al hotel, hace perder prestigio y dinero a la empresa,
beneficindose la competencia.

2.1.2.Formulacin del problema

Cul ser el impacto que genere la implementacin de una pgina web

desarrollada en PHP y MySQL para gestionar datos de clientes y productos de
la empresa Inv. Cubas?

2.2. Justificacin e Importancia

II.2.1 Justificacin

El presente proyecto de investigacin se justifica porque analiza la

situacin problemtica que se presenta en la empresa Inv. Cubas, con el
propsito final de darle una solucin ptima en el menor tiempo posible,
cumpliendo los requerimientos de la empresa. Nuestra justificacin se basa en
las siguientes razones:

2.1.2.1.1 Justificacin Terica Cientfica

Nuestro Proyecto se justifica porque estudia el entorno de la
problemtica, teniendo en cuenta bases tericas y prcticas por los
investigadores, con el fin de presentar una solucin ptima.

2.1.1.1.2 Justificacin Social

Nuestro proyecto de investigacin se justifica socialmente porque servir
como modelo de desarrollo para futuras investigaciones, desarrollamos este
proyecto con el fin de aportar con nuestras investigaciones para el
conocimiento previo de otros investigadores relacionados a nuestra
problemtica.
 II.2.2 Importancia

El presente proyecto de investigacin es importante para coadyuvar a la

solucin de problema encontrado, para evitar futuros problemas
desencadenados por el problema actual, para prever fallos del sistema de
realizacin de la empresa.
Es tambin importante para que sirva como antecedente para futuras
investigaciones.

2.3. Objetivos
2.3.1 Objetivo General

Desarrollar una interfaz web basada en php enlazada conjuntamente con

una base de datos desarrollada en mysql, para reemplazar el trabajo de control
manual de ventas y control de datos de los clientes de la distribuidora
Inversiones Cubas.

2.3.2 Objetivos Especficos

a) Reemplazar la realizacin manual de control de datos de los clientes y

ventas.
b) Realizar una aplicacin funcional con el objetivo de reducir el tiempo al
realizar actualizacin y agregacin de datos.
c) Validar la aplicacin web y la base de datos para la distribuidora Inversiones
Cubas.

2.4. Marco Terico

2.4.1. Antecedentes de la Investigacin
2.4.1.1 En el Contexto Internacional
2.4.1.1.1. Antecedente N 01
Zambrano & Echeverra (2014). Aplicacin web para la administracin
de los materiales almacenados en las bodegas de la empresa constructora
COINFRA S.A. Tesis para el Ttulo de Ingeniero Publicada, SPAM, Manab,
Ecuador.

2.4.1.1.1.1. Objetivo General

 Desarrollar una aplicacin web para mejorar la administracin de los
artculos almacenados en las Bodegas de la empresa constructora COINFRA
S.A.
2.4.1.1.1.2. Metodologa
El hombre ha utilizado la planeacin y el control de obra, consciente o
inconscientemente desde que edific su primera obra. Ha utilizado diferentes
herramientas para auxiliarse en el amplio campo de la construccin, ha ido
perfeccionando sus diferentes tcnicas o mtodos para lograr alcanzar sus
objetivos.
La planeacin, programacin y control de obra se define como la
coordinacin de todos los recursos tanto humanos, materiales, equipo y
financiero, en un programa, tiempo y costo determinado, para lograr alcanzar
los objetivos planteados (Prez, 2010).
El Gerente de sta planificacin determinar la seleccin de recursos
humanos, materiales y herramientas tecnolgicas que permitan dirigir de
manera eficiente hacia el objetivo comn de la empresa. Pero no se lograra sin
tener una coordinacin de los elementos seleccionados

2.4.1.1.1.3. Conclusiones:
El uso de una Metodologa de Desarrollo web permite que el proceso de
programacin y diseo se lo haga de manera organizada y las correcciones
puedan ser hechas con anticipacin, evitando comprometer avances en el
software.
Al contar con informacin clara y efectiva de forma oportuna, de los
materiales y herramientas existentes en una bodega, se puede hacer un
manejo ms eficiente de estos, aminorando costos de transporte,
mantenimiento, adems de controlar las prdidas de estos.
Una aplicacin web logra mantener informacin integra de datos,
cuando la manipulacin de estos se hacen remotamente; adems de
aprovechar una infraestructura existente, como lo es el Internet.
Al utilizar Frameworks, Libreras y Herramientas de programacin, se
simplifica y reduce los tiempos de desarrollo de una aplicacin, as como
garantiza seguridad de la misma, pues la mayora de Frameworks integra
capas de seguridad.
2.4.1.1.2. Antecedente N 02

Grandi (2013). El uso de las redes sociales como estrategia de marketing

en empresas del sector hostelero: una revisin del estado del arte. Tesis para el
Ttulo de Mster no Publicada, Universitat Politcnica de Valncia, Valencia,
Espaa.

2.4.1.1.2.1. Objetivo General

Tras una exhaustiva revisin de la literatura, en el presente trabajo se
defiende que el uso de las redes sociales como parte de una estrategia de
marketing en empresas del sector hostelero, puede suponer una ventaja
competitiva para estas y se pretende por una parte, realizar una revisin del
estado del arte que sirva para sentar las bases de una investigacin ms
especfica y, por otra, generar, basado en el soporte terico estudiado,
estrategias para las empresas del sector hostelero que quieran mejorar su
incursin en las redes sociales como parte de su estrategia de marketing. El
trabajo comprende una revisin de la literatura en temas de social commerce,
social media y hospitality y los resultados del estudio terico se presenten
en forma de estrategias tiles y prcticas para las empresas de este sector.

2.4.1.1.2.2. Metodologa
Una revisin de literatura es necesaria como fundamento de cualquier
trabajo (Kitchenham et al., 2009), pero al describir el estado del arte de un tema
Fielt, E. & Miskon, S., (2011) afirman que lo importante es descubrir los
fundamentos tericos en los que se basa el tema para un futuro anlisis y
expansin de la base de conocimientos del sector. Para esto, se debe delimitar
los estudios que sern relevantes para la investigacin, los mismos que
mostraran lo hecho hasta ahora (Brereton, Kitchenham, Budgen, Turner, &
Khalil, 2007). Seguido de una metodologa que permita analizar y resumir
informacin de calidad (Brereton et al., 2007). Con una base slida y una
metodologa de bsqueda apropiada para el tema de investigacin, se
demostrar que el trabajo propuesto contribuir en algo nuevo al conjunto de
conocimientos y avances en su campo (Fielt, E. & Miskon, S., 2011).
 Siguiendo a Brereton et al. (2007) realizar una revisin de literatura
requiere de: planificacin, desarrollo de la revisin y presentacin y revisin de
los resultados.

1. Planificacin, desarrollo de la revisin y presentacin de los resultados

Para la parte de la planificacin Brereton et al., (2007) recomiendan
especificar el mbito y el protocolo de bsqueda que se desea alcanzar y
desarrollar. Por lo tanto se debe seleccionar los dominios de inters y no
buscar en todas las reas disponibles (Fielt, E. & Miskon, S., 2011;
Kitchenham, 2004), lo que permitir minimizar el sesgo que abarcara el estudio,
documentar la informacin encontrada y definir de antemano como se realizara
la revisin (Brereton et al., 2007). Para el trabajo se consider en su mayora
solo artculos cientficos, excluyendo aquellos artculos que involucran reas de
estudio irrelevantes y tomando en cuenta solo aquellos relacionados con el
rea de ventas, marketing, social commerce, social media y hospitality.
Para la lectura de los artculos se los ordeno de acuerdo a su relevancia,
partiendo siempre del ms relevante. Como una limitacin, se debe mencionar
que no se pudo acceder a toda la informacin que se encuentra en las bases
de datos, debido a la restriccin o bien al formato de presentacin de algunos
artculos. En este trabajo no fueron planteadas preguntas de investigacin e
hiptesis y, tampoco fue definido un mbito geogrfico o temporal ya que se las
deja para futuras investigaciones y estudios que quieran abordar ms en el
tema planteado.
En cuanto al desarrollo de la revisin, esta parte incluye la identificacin
y extraccin de artculos, las fuentes y la estrategia de bsqueda, adems del
anlisis y clasificacin del contenido. Una bsqueda bibliogrfica debe
realizarse en diferentes fuentes electrnicas de informacin (Brereton et al.,
2007), para el trabajo, el proceso de bsqueda se condujo en las siguientes
bases de datos: Polibuscador UPV, EBSCO, Emerald, Google Scholar, Web of
Science y Science Direct y las palabras claves utilizadas para encontrar los
artculos fueron: marketing, s-commerce, social commerce, social media,
social media marketing, social networks, social media strategy, pinterest,
hospitality y tourism; estas palabras fueron buscadas en los ttulos,
resmenes y texto de los artculos. Durante la revisin de literatura se
encontraron artculos primarios1 y otros secundarios2 (Fielt, E. & Miskon, S.,
2011), entre ambos se consultaron aproximadamente 90 artculos, tratando en
lo posible de seleccionar artculos solo desde el 2011 hasta la fecha.

2. Generacin de estrategias de marketing relacionadas con el uso de

las redes sociales
El desarrollo del trabajo continu con la aplicacin de la informacin de
la revisin de la literatura para la generacin de estrategias de marketing
relacionadas con el uso de las redes sociales en empresas hosteleras. Debido
a la proliferacin de Facebook y Twitter y a que la mayora de los estudios se
enfocan en estas dos redes sociales, el trabajo se enfoc en una nueva red
social llamada Pinterest, la cual tiene un crecimiento tan rpido que fue
seleccionada como el sitio de mayor crecimiento de la historia (Gilbert, Bakhshi,
Chang, & Terveen, 2013). De esta red social se identificaron sus
caractersticas, funciones y como favorece a las rea de marketing y ventas del
sector hostelero. Para finalizar el trabajo se presentan las conclusiones y
discusiones acerca del tema, las futuras lneas de investigacin, las
limitaciones y los resultados del trabajo.

2.4.1.1.2.3. Conclusiones
El trabajo realiz una revisin de la literatura en los temas de
marketing, social commerce, social media y hospitality y en base a los
fundamentos tericos se generaron estrategias para las empresas del sector
hostelero que quieran mejorar su incursin en las redes sociales,
especficamente en Pinterest, como parte de su estrategia de marketing. La
revisin de la literatura muestra que el marketing tradicional, se transform en
un marketing orientado a las relaciones de las personas en las comunidades
sociales, pero incluso con este cambio, se observa un porcentaje bajo en los
estudios realizados en el rea de marketing electrnico y redes sociales en el
sector hostelero. En un contexto donde las empresas siempre buscan como
alcanzar y aumentar su cartera de clientes, un buen concepto de marketing que
gire en torno al cliente y a sus necesidades puede ser la clave. Por otro lado,
obtener una ventaja competitiva en relacin a otras empresas siempre ser
importante. Elementos como las actividades comerciales, las redes sociales y
las interacciones entre la comunidad, permitirn que las actividades que
realizan las empresas tomen ventaja del capital social en lnea que ofrecen las
redes sociales y convertirn al marketing en uno de los elementos ms
importantes en cualquier empresa de servicios. Debido a la evolucin de las
tecnologas y nuevas formas de marketing, el tradicional modelo de las 4Ps
queda remplazado por las 4Es donde la experiencia, el compromiso, la
exclusividad y la emocin son influyentes a la hora de promocionar servicios. A
medida que las tecnologas evolucionan, el comportamiento de las personas
tambin cambia, el trabajo muestra la notoria influencia y la confianza que
pueden ejercer los comentarios en las redes sociales en contraste con los
comentarios de las publicaciones tradicionales. Por otro lado, se observa que a
causa del incremento del tiempo de las personas en las redes sociales, la
presencia de toda empresa en estos medios de comunicacin es significativa
para una buena comunicacin con el cliente y para alcanzar nuevos
consumidores. Se aconseja promover, escuchar y comprometerse con los
clientes y hacer a este parte importante de la empresa.
Sin necesidad de invertir demasiados recursos en las redes sociales,
estas ofrecen una forma atractiva, nica y novedosa de marketing, adems de
una interaccin constante con una audiencia especifica. Se sugiere que toda
empresa sea seria a la hora de generar un verdadero impacto a travs de las
redes sociales, por lo tanto la pro actividad e innovacin deben ser ingredientes
claves durante la conduccin de estos recursos (Bentley, 2011). Debido a la
cantidad de redes sociales disponibles, a la hora de seleccionar una red para la
incursin en estos medios se debe considerar la facilidad de uso, la confianza
que proyecta, la simpleza de la red, el trfico que dirigir a otros sitios web y la
integracin con las tecnologas mviles. El trabajo muestra que las redes
sociales cambiaron la forma en la que se realizan muchas de las actividades
del sector hostelero, desde las relaciones que se pueden dar entre cliente y
empresa, hasta la forma de publicitar sus servicios. Por otra parte, se evidencia
que a la hora de incursionar en una red social, una empresa debe tener los
objetivos claros de que quiere lograr y un plan que indique como lo conseguir
y que debido a la naturaleza y a las caractersticas de este sector, la incursin
en las redes sociales tiene que ser entretenida, personalizada e interactiva.
 2.4.1.2. En el contexto Nacional
1.2.1. Antecedente N 01
Miano (2016) Estrategia de Comunicacin para el Posicionamiento de
la Marca Apeca a travs de Herramientas de Social Media. Tesis para el Ttulo
de Licenciado Publicada, Universidad Nacional de Trujillo, Trujillo, Per.

2.4.1.2.1.1. Objetivo General

Crear una estrategia de comunicacin a travs de herramientas de social
media, en la que se pueda posicionar la marca APECA con su pblico objetivo.

2.4.1.2.1.2. Metodologa
Para este proyecto es conveniente una mirada desde este enfoque
porque cada da las personas estn ms conectadas a internet lo que conlleva
a que en un futuro las bsquedas de las empresas, productos y servicios se
generen en mayor medida por la red.

A partir del diagnstico realizado, se considera que las redes sociales

son espacios que tienen gran cantidad de subscritos, y basado en las
encuestas este pblico va a seguir aumentando cada da ms y a su vez sern
ms los estudiantes conectados a las redes sociales. La empresa inici fuertes
acciones de comunicacin en Internet, porque de10 estudiantes, 8 tienen una
cuenta en alguna red social lo que permite ver que el pblico est concentrado
en un espacio virtual en el que la empresa puede hacer presencia y estar ms
cerca del target que le interesa, por lo que la empresa debe dar continuidad a
su estrategia de posicionamiento de marca en las redes sociales pensando en
tener una presencia slida en Internet cuando sea completamente masivo este
medio.

La estrategia de comunicacin a partir de la cual se desarroll este

proyecto es el enfoque como relacin con el entorno, porque permiti conocer,
entender y acercarnos al contexto y entorno de la organizacin, como a sus
pblicos para explorar los medios que se apliquen en la estrategia, adems se
tomaron caractersticas del enfoque como posicin y como ventaja, debido a
que todas las acciones de la estrategia se encaminaron a que la organizacin
asuma una posicin que est relacionada con el consumidor y har que
se cambien, se transformen o se creen percepciones de la marca en las
mentes de los consumidores, esto le generar a la marca una ventaja notoria,
frente a su competencia debido al lugar que tendr en la mente y en las
conversaciones de su pblico objetivo.

2.4.1.2.1.3. Conclusiones
El social media marketing es un nuevo enfoque del marketing tradicional,
orientado a las herramientas interactivas de la web y las redes sociales que hay
en ella. Las empresas deben ser cuidadosas con el contenido que suben a las
redes; pues los usuarios al tener gran poder de eleccin, voz y voto; respecto
a lo que quieren y no quieren ver - perciben las redes sociales como un lugar
de distensin, por lo que rechazan los mensajes con contenido comercial. As
mismo, las empresas deben tomar en cuenta que el social media marketing
trata sobre el principio de la reciprocidad: de intercambiar valor en vez de slo
enviar mensajes, de darle algo til al usuario, para poder entablar relaciones a
largo plazo son l. Puesto que la comunicacin ya no es de una va de
empresa a usuario ahora va en todas las direcciones. 2. Alfil Comunication
Group S.A.C. es una organizacin que cuenta con buenos profesionales en su
tema que brindan un servicio creativo y cercano respecto a la responsabilidad
social. Lamentablemente, actualmente la empresa se encuentra enfrentando el
hecho de no tener una imagen establecida en el mercado, lo cual genera que
no tenga un posicionamiento instituido en el rubro donde se encuentra. Por
consecuencia la empresa tiene pocos clientes y un nivel de crecimiento
sumamente bajo. 3. La estrategia de social media marketing consistir en crear
dos ecosistemas: uno cuyo ncleo ser el blog, que crear la necesidad
respecto al tema de responsabilidad social; y el otro cuyo ncleo ser la pgina
web, que propone a la empresa como alternativa a tomar. Por lo tanto, ambos
entornos digitales buscarn mayor productividad mediante la sinergia generada
entre ellos. Por ende, los beneficios que obtendr Alfil Comunication Group
S.A.C. con la aplicacin de la estrategia sern: poseer una imagen establecida
en el mercado lo cual brindar un soporte vlido y fuerte para poder labrarse un
buen posicionamiento en el colectivo social. Por consecuencia, la problemtica
quedar aliviada en el largo plazo; tanto a nivel cualitativo (respecto a la
 imagen y posicionamiento) como cuantitativo (cartera de clientes ms
desarrollada). 4. En el aspecto econmico financiero, la estrategia de social
media marketing afecta enrgicamente y de manera positiva los resultados del
flujo de caja estimado y por ende, al anlisis del valor presente neto realizado.
Por lo tanto, es una herramienta rentable, vlida y aceptable para ser
implementada por la empresa Alfil Comunication Group S.A.C, pues cumple
con todos los indicadores y modelos financieros aplicados en la presente tesis.
Ya que al brindar buena imagen y un posicionamiento slido a la empresa,
acerca los clientes a ella, porque la da a conocer. Y as, gracias a la estrategia
de social media marketing, la rentabilidad de la empresa queda impactada
positivamente.
2.4.1.2.2. Antecedente N 02

2.4.1.3. Antecedentes Regionales

2.4.1.4. Antecedentes locales

El presente proyecto de investigacin tiene como objetivo desarrollar un

sistema web para la empresa Inv. Cubas, basndose en la implementacin de
una pgina web local basada en el lenguaje de hipertexto html y php, que
ayudar a manejar la interfaz para el empleado; como sistema gestor de base
de datos utilizaremos una base de datos en MySQL que permitir guardas la
informacin de forma organizada y concreta, haciendo uso de tablas y atributos
precisos requeridos por la empresa.
Nuestra finalidad con el presente proyecto es brindar a la empresa un sistema
organizado, capaz de registrar la informacin que se necesite facilitando as el
proceso de toma de decisiones, adems de ser una herramienta til para
suministrar sus procesos de forma rpida, sencilla y eficaz, cubriendo as las
expectativas de la empresa.

2.4.2 Bases Terico Cientficas

2.4.2.1 Pgina Web
 Grupo Vrtice(2009). La evolucin del diseo web a lo largo de estos
aos ha sido muy interesante.
En 1993, el National Centre for Supercomputing desarroll el primer
navegador libre llamado 'Mosaic". Al ao ya haba unos dos millones de
usuarios de este programa. Este navegador era capaz de mostrar texto y
grcos, pero tenia muchas limitaciones. No obstante, era suficiente para las
pginas web de aquella fecha, las cuales eran muy lineales y funcionales para
los cientcos que queran compartir informacin. Poco tiempo ms tarde
aparecieron Internet Explorer y Netscape Navigaton La tecnologia de estos
primeros navegadores limitaba la capacidad demostrar informacin grca
necesaria para la comunicacin visual. sta y otras restricciones anunciaron
mucho al diseo de pginas web, que tena que vrselas con problemas como
las conexiones lentas con mdem, los monitores monocromos y la incapacidad
de los proveedores de Internet de transferir datos rpidamente.

Las pginas web de los primeros tiempos de vida de Internet eran tan
simples como un documento de texto o un simple folleto en el que el desarrollo
ms complicado consista en usar efectos en las fuentes y colores. El diseo
sola realizarse de arriba a abajo y de izquierda a derecha, intercalando
secuencias de imgenes y textos, con muchos saltos de lnea y otros
elementos separadores como las barras horizontales y las vietas de lista. Se
construan en lenguaje HTML. No obstante, y aunque este tipo de pginas
generalmente funcionaba bien, los programadores se encontraron con
problemas como la superposicin de colores o efectos de textos demasiado
resaltados y sobredimensionados.

Para hacernos una idea, en la siguiente URL se encuentra una

herramienta con la cual se puede observar el aspecto de cualquier pgina web
(en caso de estar disponibles) desde su nacimiento, es decir, las diferentes
actualizaciones que haya sufrido. Tan slo hay que introducir la direccin de la
pgina en el campo de texto:
hupzllwwwarchive.orglweblweb.php
 Con el paso del tiempo, el desarrollo del comercio electrnico y las
necesidades comunicativas, las pginas web comenzaron a tener estructuras
ms complejas y otros lenguajes de programacin y metodologas entraron en
juego, como JavaScript, que permita crear pequeos programas muy tiles en
la web. La gente empez a darse cuenta del poder de la world wide web y de
los sitios, surgiendo as el la burbuja de Internet" acompaada del
convencimiento de los desarrolladores de que haba que cambiar la apariencia
de las pginas por completo, hacerlas visualmente convincentes con el n de
que fueran ms atractivas a los ojos del usuario.

En 1994 fue creado el consorcio W3C para establecer objetivos y

estndares en el desarrollo del lenguaje HTML. Desde entonces, este lenguaje
ha tenido varias versiones hasta Ia actual 5.0. Desde la primera, W3C y
Nestcape han trabajado para alcanzar mejores prestaciones capaces de
ofrecer contenido dinmico a travs de la red.

Por aquel entonces surgi una nueva generacin de pginas web cuyas
principales caractersticas de diseo eran los iconos que reemplazaban a
palabras, fondos de pantalla que se formaban a partir de mosaicos, botones
con bisel y relieve, banners que sustituan a las cabeceras y el uso de
desplegables. Por otra parte, estos diseos tendan a ser muy recargados con
tecnologas que no respetaban el objetivo de la pgina, introducan muchos
iconos llamativos, gifs animados y colores primarios.
Pero, aun as, haba diseadores que conseguan utilizar el cdigo
HTML de maneras innovadoras consiguiendo un efecto mas deseado. As
surgi la estructura de tablas cuando introdujeron la etiqueta <table>, ms
pensada para introducir datos estadsticos que para el propio diseo. Los
desarrolladores empezaron a utilizar el cdigo de las tablas para colocar en sus
columnas el texto y los grcos tal y como lo hacen los maquetadores de las
revistas. De esta manera se consegua un mejor control del posicionamiento de
los elementos y se solucionaban muchos problemas estticos.

Estas pginas an se estaban adaptando a una tecnologa

constantemente cambiante, como por ejemplo, el paso de los monitores de
640x480 pxeles a los de 800x600. lo cual era una pesadilla para los
diseadores, que adems, necesitaban saber si los monitores de los usuarios
eran de 8 o de 24 bits para tratar la profundidad de color de los grcos.
p(7,8).

Una Pgina Web es un documento electrnico que forma parte de la

WWW (World Wide Web) generalmente construido en el lenguaje HTML(Hyper
Text Markup Language o Lenguaje de Marcado de Hipertexto) en XHTML
(eXtensible Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto
Extensible). Este documento puede contener enlaces (caracterstica del
hypertext) que nos direcciona a otra Pgina Web cuando se efecta el click
sobre l. Para visualizar una Pgina Web es necesario el uso de un Browser o
navegador.
Una Pgina Web puede estar alojada en un ordenador local o en un
ordenador remoto. Al servidor donde est alojada la Pgina Web se le
denomina Servidor Web. El Servidor Web atiende las peticiones de Pginas
Web utilizando el protocolo HTTP (HyperText Transfer Protocol); del lado del
cliente es el Browser o navegador el que recibe y muestra las Pginas Web
utilizando el mismo protocolo. Otra caracterstica importante es que una Pgina
Web puede ser esttica (su contenido siempre es el mismo) o dinmica (su
contenido se construye a partir de la informacin introducida por el usuario).
Una Web es un conjunto de Pginas Web interrelacionadas que
conforman lo que se conoce como un Sitio Web. La WWW o la Web es todo el
conjunto de informacin interrelacionada que se haya disponible en Internet,
sta se conforma por una serie de servidores a nivel mundial organizados por
dominios (nombres lgicos asociados a instituciones o empresas, otorgados
por empresas registradoras oficiales).
El Hypertexto hipertexto, es un mecanismo de comunicacin que permite
desde un documento navegar a otro documento. Este mecanismo se realiza
insertando un enlace en algn texto del documento y es una facilidad que
provee el lenguaje HTML.
Cuando navegamos en Internet estamos visualizando Pginas Web. A
cada Pgina Web le corresponde un nico URL (Uniform Resource Locator o
localizador uniforme de recursos), que es una secuencia de caracteres que se
utilizan para identificar objetos (como documentos e imgenes) en Internet por
su localizacin, ej:
http://www.econta.com/demo/index.html

El URL identifica en que ordenador se encuentra el objeto a mostrar

(www.econta.com), bajo que estructura de directorio (/demo) y finalmente, el
nombre especfico del objeto (index.html).
Cada enlace que se encuentren en una Pgina Web contiene una
direccin URL, cuando efectuamos un click sobre cualquiera de estos enlaces
se enva un requerimiento para obtener un documento que se encuentra
alojado en un ordenador en alguna parte del mundo y que est identificado
unvoca mente por su URL.
Una Pgina Web puede contener cualquiera de los elementos
siguientes: Texto, Imgenes, Audio, Objetos Animados (generalmente
construidos con la herramienta Adobe Flash), hipervnculos (caracterstica que
permite la navegacin de una pgina web a otra), Meta tags (son instrucciones
en lenguaje HTML que le indican a los buscadores cuales son las palabras o
trminos por los que debe ser indexada una pgina para ser encontrada), hojas
de estilo en cascada o CSS (Cascading Style Sheets) que permiten separar la
presentacin de la pgina de su estructura.
Para crear una Pgina Web se recomienda disponer de las herramientas
siguientes:
Ordenador, Editor de Texto (Front Page, Dreamweaver,Notepad,
Wordpad, etc.), Editor de Archivos Grficos (Photoshop, Paint, etc.), espacio en
un Servidor Web para alojar la Pgina y el software cliente del FTP (File
Transfer
Protocol) utilizado para enviar al servidor web la Pgina Web.
Dentro de la gama de los Editores de Texto se pueden utilizar desde los
ms bsicos (Notepad, Wordpad) los cuales requieren conocimiento experto en
HTML, los denominados intermedios (editplus, gnu emacs) que colorean las
palabras claves del cdigo fuente, y los ms completos (Front Page,
Dreamweaver) que se caracterizan por presentar el entorno conocido como
WYSIWYG (What You See Is What You Get que significa lo que ves es lo que
obtienes). Este tipo de editores permite la creacin de documentos, observando
en la pantalla el resultado final del mismo (no es necesario imprimirlo). Con
ste tipo de editores no es imperativo el conocimiento del lenguaje HTML, ya
que el editor genera automticamente el cdigo HTML resultante de la creacin
del documento.
El Editor de Archivos Grficos son herramientas tiles para generar
imgenes, los ms completos proveen herramientas para generar botones,
texturas, transparencias y otros efectos grficos.

HTML
El HTML es un lenguaje de programacin sencillo, basado en un
lenguaje de marcas o etiquetas generalizado. El HTML utiliza tags o etiquetas
para estructurar texto en: encabezado, prrafos, listas, enlaces de hipertexto,
etc. Cada smbolo usado en la etiqueta es lo que le indica al Browser como
presentar el documento contenido en la Pgina Web.
El inicio de una etiqueta se indica de la forma siguiente: < etiqueta> y
para indicar el fin de esa etiqueta se utiliza < /etiqueta>. La barra indica el fin de
la etiqueta.
Todo documento HTML se inicia con la etiqueta <html>que acta como
contenedora de todo el documento. El documento se divide en un encabezado,
que lo identificamos con la etiqueta <head>, y es la seccin utilizada para
definir el ttulo del documento, la declaracin de estilos, scripts, etc. La otra
seccin corresponde al cuerpo que se identifica con la etiqueta <body>. Esta es
la seccin que contiene toda la parte visual del documento.
Para crear un vnculo dentro de un documento que referencie o
direccione a otro documento se utiliza la etiqueta a seguida de la palabra clave
href donde se colocar la direccin URL del documento a referenciar y el texto
que aparecer mostrado en el documento, mediante el cual se establecer el
enlace. Ejemplo: <a href=/ejemplo.html> Ir alEjemplo</a>
Esto se visualizara Ir al Ejemplo y al pasar el ratn sobre el texto se
mostrar la mano del cursor que permitir hacer click para navegar al
documento en cuestin.
 Segn Ing. Javier A; en su trabajo Portal de Aplicaciones Mdicas. El
portal es un sitio web que provee un nico punto de interaccin con
aplicaciones, informacin, personas y procesos, personalizados a las
necesidades y responsabilidades del usuario. Constituyen la prxima
generacin de escritorios de trabajo, permitiendo la ejecucin de
aplicaciones a travs de Internet utilizando no slo una PC, sino adems
otros dispositivos como PDA y telfonos celulares.
Un portal brinda de una manera integrada contenidos y aplicaciones,
con el agregado de un espacio de trabajo unificado y colaborativo, con el
objeto de proveer al usuario de toda la informacin relevante que necesita
para poder tomar decisiones de manera acertada, acorde a sus
necesidades y responsabilidades, en cualquier lugar y a cualquier hora.
Adems de eso, provee otras funciones de valor agregado como
seguridad, single sign-on, publicacin y bsqueda de contenidos,
herramientas de colaboracin y workflow. Cuenta con una serie de
funcionalidades que permiten a usuarios personalizar y organizar su propia
vista del portal, manejar sus perfiles y publicar y compartir documentos con
sus colegas.
La gran diversidad de aplicaciones e informacin existente en el
portal se organizar en distintos espacios de trabajo virtuales, de acuerdo a
perfiles de usuario, de esa manera cada usuario tiene acceso a las
aplicaciones que utiliza; existiendo adems la posibilidad de configurar
mltiples espacios de trabajo para un usuario, si fuera necesario. Al
incrementar la disponibilidad de dichas aplicaciones, las mismas podrn ser
optimizadas y favorecer futuros desarrollos informticos orientados a
temticas especficas, a los fines de poder acelerar los procesos de
investigacin y diagnstico, fortaleciendo las relaciones entre profesionales.
Uno de los objetivos del portal consiste en la categorizacin del
conocimiento de los especialistas registrados, y compartir el mismo a travs
de la Web, brindando un espacio no slo informativo, sino interactivo.
 Los portales horizontales constituyen la infraestructura primaria sobre
la cual el portal es construido. El mismo est formado por una serie de
subsistemas o mdulos que incluyen:
Servicios de presentacin.
Personalizacin.
Herramientas de colaboracin.
Portlets.
Integracin de aplicaciones y workflow.
Navegacin y bsqueda de informacin.
Administracin.
Seguridad: autenticacin de ingreso y autorizacin sobre
contenidos.
Publicacin y suscripcin de contenidos.

Para cada uno de estos mdulos existen tecnologas de la plataforma

J2EE, que permiten la ejecucin de los mismos en un servidor de
aplicaciones. Sobre esta base se apoyan los portales verticales que
representan instancias especficas, usualmente definidas por un dominio de
aplicaciones relacionadas.

El portal no slo es accesible a travs del navegador de una PC;

tambin en posible acceder al mismo utilizando dispositivos mviles,
soportando su accedo mediante la generacin de pginas en tres lenguajes:
HTML, WML para dispositivos WAP (telfonos mviles) y cHTML para
dispositivos mviles. Los usuarios pueden personalizar una pgina de inicio
para cada dispositivo, seleccionando el contenido y las aplicaciones ms
tiles para el dispositivo. Cuando esta pgina es requerida, el portal
determina el dispositivo del cual proviene el requerimiento y ensambla los
contenidos de
la misma utilizando el lenguaje acorde al dispositivo.

Uno de los mdulos o subsistemas que integran la infraestructura de

un portal, lo constituye un entorno de ejecucin para portlets. Los portlets
nos van a permitir incorporar nuevas funcionalidades al portal, cmo por
ejemplo
desarrollos de informtica mdica ya existentes.
Los portlets hacen referencia a una pequea aplicacin del portal,
usualmente diagramados como un componente dentro de la pgina web.
Cualquier portlet puede ser desarrollado, publicado y ejecutado
independientemente de otro portlet, existiendo una serie de portlets ya
disponibles para las funcionalidades bsicas del portal (e-mail, calendario,
chat, etc.), los cuales slo es preciso configurarlos para su implementacin.
Los portlets no son slo simples vistas de contenido web, son
aplicaciones completas, que resuelven una problemtica determinada, para
ello cuentan con sus propios datos y pantallas, con la posibilidad de
integrarse a otros portlets ya publicados en el portal. Cuentan con un
entorno de ejecucin (portlet container) provisto por la infraestructura del
portal, que es utilizada adems para acceder a otros servicios como
seguridad, manejo deventanas, personalizacin, acceso a contenido
remoto, entre otros. Este entorno de ejecucin est basado en una API que
provee las clases e interfaces necesarias para programar los portlets, lo que
posibilita abstraerse de los mecanismos utilizados a bajo nivel por el portal
para su ejecucin.

Modalidades de visualizacin
Los portlets proveen diferentes interfaces con elusuario, dependiendo
de la tarea a realizar, entre ellos los modos de visualizacin, edicin, ayuda
y configuracin, todos invocados desde la barra superior de la ventana del
portlet a travs de iconos. El modo de visualizacin es el modo normal de
ejecucin; el de ayuda provee al usuario asistencia referida al uso del
portlet; el modo de edicin permite al usuario cambiar seteos de
presentacin y el modo de configuracin, si estsoportado por el portlet,
provee una pgina de configuracin, cuyos seteos sern compartidos por
todos los usuarios.
 Cada ventana donde se visualiza el portlet se pueden maximizar y
minimizar; cuando un portlet es maximizado, este ocupa toda la ventana del
portal, cubriendo las vistas de otros portlets de la pgina; y cuando es
minimizado slo se visualiza la barra superior de la ventana con el ttulo.
Generalmente una aplicacin que se ejecute en el portal, va a estar
formada por una serie de portlets, y sern los administradores del portal los
encargados de configurarlos en un entorno de produccin, sin necesidad de
detener el portal.
Una de las funciones del portal consiste en organizar la gran cantidad
de informacin existente en los mbitos de trabajo donde los especialistas
llevan a cabo sus funciones.
Esta informacin incluye, entre otras cosas lo siguiente:
Aplicaciones existentes en una Intranet: sistemas administrativos, de
gestin, hospitalarios, historias clnicas, pacientes, etc.
Documentos: presentaciones, estadsticas, archivos de texto, hojas
de clculo, imgenes, papers.
Internet: informacin proveniente de otros portales de contenidos.
Desarrollos informticos a medida, que atienden una problemtica
especfica.

Esta abundancia de informacin provoca que se invierta mucho

tiempo en localizar los contenidos necesarios, de all que el portal tendr
como objetivo identificar la informacin relevante y brindar una clasificacin
de la misma,a los fines de poder crear repositorios de contenidos
indexados, lo que va a permitir crear mecanismos de bsqueda para
acceder a los mismos.
Estos mecanismos de bsqueda utilizarn patrones definidos por los
usuarios, a los fines de aprovechar el know-how de los especialistas a la
hora de buscar informacin, existiendo adems la posibilidad de incorporar
tcnicas de data-mining si el volumen de informacin lo justifica.
 Otra funcionalidad estar dada por las herramientas de publicacin y
suscripcin, donde los autores van a poder manejar suscripciones de otros
usuarios a contenidos por ellos publicados.

La categorizacin de la informacin en los distintos repositorios va a

permitir distribuir su acceso a distintos espacios de trabajo virtuales,
pertenecientes a las distintas especialidades mdicas existentes en el
portal, de manera tal que inicialmente el profesional al momento de ingresar
al portal ya cuente con contenidos filtrados segn su perfil.
Los profesionales van a contar adems con la funcionalidad de
compartir documentos a travs de la publicacin de sus carpetas,
incorporando de esa manera otra fuente de informacin.

El mecanismo de acceso a aplicaciones existentes a travs del portal

es mediante un portlet. Para ello existen dos alternativas:
- Configurar y personalizar portlets ya existentes.
- Desarrollar nuevos portlets siguiendo la arquitectura MVC (Model
View Controller).

Es posible integrar aplicaciones ya existentes, mediante la definicin

de procesos de workflow, lo que permitira por ejemplo reemplazar
formularios de papel por formularios electrnicos accesibles a travs del
portal, cmo una opcin vlida para comunicarse entre distintas
aplicaciones.
Al centralizar el uso de formularios, ser posible una rpida
adaptacin a cambios o actualizaciones, una correcta asignacin de
destinatarios, mayores posibilidades de visualizacin, seguimiento e
incorporacin de mecanismos de seguridad.
El desarrollo de nuevas aplicaciones mediante el uso de portlets,
tiene como objetivo brindar soluciones que sean fcil de utilizar por los
usuarios del portal, y ayuden a trabajar de manera eficiente, combinando
todo lo que ellos necesitan en un solo lugar.
 El portal persigue la idea de facilitar el trabajo en equipo, es por ello
que cuenta con varias funcionalidades tendientes a promover la relacin
entre los profesionales, y brindar un rpido acceso a la informacin:
Boletines Informativos
Chat - Messaging
Web Confering
Interactuar con texto, audio y video.
Determinar quin est en lnea.
Compartir ideas y colaborar en pizarras electrnicas o durante la
sesin de las aplicaciones.
Permitir la comunicacin desde cualquier lugar, utilizando cualquier
dispositivo.
Localizar expertos.

El objetivo es maximizar las comunicaciones entre los usuarios

ofreciendo distintas alternativas para llevarlas a cabo, de esa manera cada
profesional podr elegir la que mejor se adapte a sus necesidades, a los
fines de motivar la creacin de un ambiente colaborativo, donde los
profesionales puedan desempear sus tareas.

Existen adems funcionalidades del portal, que permiten acercar las

posibilidades de comunicacin a usuarios que no tienen una PC ensu
entorno de trabajo (deskless), mediante el uso de estaciones de trabajo
compartidas o web-kiosks, donde no es necesario un entrenamiento
especial para su uso, permitiendo que los mismos cuenten con correo
electrnico, visualizar resultados de estudios, futuras conferencias, boletines
informativos, y dems informacin acorde al espacio virtual de trabajo al que
pertenece.

2.4.2.2 Empresa
2.5.