UNIVERSIDAD NACIONAL DEL CALLAO

FACULTAD DE INGENIERÍA INDUSTRIAL Y DE SISTEMAS

ESCUELA PROFESIONAL DE INGENIERÍA DE SISTEMAS

“TEMA 1: SISTEMAS WEB Y APLICACIONES”

SISTEMAS DE INFORMACION GERENCIAL

PROFESOR: Dr. Ing. Aradiel Castañeda, Hilario

GRUPO: N° 08

ALUMNOS:

Condori López, Luis Miguel 1315210051

Perez Santiago Jhon E. 100944A
CICLO: 2018 – A

Bellavista, 04 de Mayo del 2018

0
Contenido

Introducción ........................................................................................................................ 2
CAPITULO I: SISTEMA WEB ................................................................................................. 3
1.1. Definición ................................................................................................................. 3
1.2. Funcionalidad ........................................................................................................... 4
1.3. Características .......................................................................................................... 5
1.4. Tipos ......................................................................................................................... 5
1.5. Ventajas ................................................................................................................... 6
1.6. Tipos de Desarrollo de Sistemas Web:..................................................................... 7
1.6.1. Aplicaciones Web Estáticas ............................................................................... 7
1.6.2. Aplicaciones Web Dinámicas ............................................................................ 8
1.6.3. Portales para Aplicaciones Web....................................................................... 8
CAPITULO II: METODOLOGIA DEL DESARROLLO DE SITIOS WEB ...................................... 10
Conclusiones ..................................................................................................................... 12
Bibliografía ........................................................................................................................ 13

1
 Introducción

Los "sistemas Web" o también conocido como "aplicaciones Web"

son aquellos que están creados e instalados no sobre una plataforma o
sistemas operativos (Windows, Linux). Sino que se alojan en un servidor
en Internet o sobre una intranet (red local). Su aspecto es muy similar a
páginas Web que vemos normalmente, pero en realidad los 'sistemas Web'
tienen funcionalidades muy potentes que brindan respuestas a casos
particulares.

Los sistemas Web se pueden utilizar en cualquier navegador Web

(chrome, firefox, Internet Explorer,etc) sin importar el sistema operativo.
Para utilizar las aplicaciones Web no es necesario instalarlas en cada
computadora ya que los usuarios se conectan a un servidor donde se aloja
el sistema.

Las aplicaciones Web trabajan con bases de datos que permiten

procesar y mostrar información de forma dinámica para el usuario.

Los sistemas desarrollados en plataformas Web, tienen marcadas

diferencias con otros tipos de sistemas, lo que lo hacen muy beneficioso
tanto para las empresas que lo utilizan, como para los usuarios que operan
en el sistema.

2
 CAPITULO I: SISTEMA WEB

1.1. Definición

Los sistemas web son un tipo de software que se codifica en un

lenguaje soportado por los navegadores web y cuya ejecución es llevada a
cabo por el navegador en Internet o de una intranet (de ahí que reciban el
nombre de App web).

Un sistema web a medida le permitirá ahorrar costos, tiempo y

Recursos humanos. Por tanto, la rentabilidad de su empresa aumentará y
gestionarán mejora sus clientes, proveedores, distribuidores, etc.

Los Sistemas Web han demostrado mejores resultados para las

empresas frente a los Sistemas Tradicionales Cliente/Servidor, pues le
brindan beneficios que estos no pueden tales como:

 No tiene que pagar Licencias por cada Computadora con el

Sistema Instalado pues está en un sólo Servidor Web.
 Facilidad para acceder al Sistema desde cualquier punto con
conexión a Internet
 Puede Integrar todas sus tiendas y sucursales; manteniendo
información actualizada de stock de productos y de los
ingresos y los egresos.
 Le permite comunicarse con sus clientes de manera más
fluida las 24 horas del día

3
1.2. Funcionalidad

Que las aplicaciones web sean ejecutadas por medio de un

navegador web en una red significa que los datos o los archivos en los que
trabajas son procesados y almacenados dentro de la una red a través de
un navegador. Por este motivo, este tipo de aplicaciones por lo general, no
necesitan ser instaladas en el ordenador o el móvil.

Una página Web puede contener elementos que permiten una

comunicación activa entre el usuario y la información, haciendo que éste
acceda a los datos de forma interactiva, ya que el sitio web se encargará
de responder a cada una de las acciones que éste ejecute (por ejemplo
acceder a gestores de bases de datos de todo tipo, publicar e interactuar
con los contenidos, rellenar y enviar formularios, participar en juegos, etc.

Las aplicaciones web están íntimamente relacionadas con el

almacenamiento de datos en la nube, ya que toda la información se guarda
de forma permanente en servidores web, los cuales además de alojar dicha
información, nos la envían a nuestros dispositivos móviles o equipos
informáticos en cada momento que sea requerida, realizando copias
temporales de estos envíos dentro de los equipos y dispositivos que
utilicemos.

Las empresas que alquilan estos espacios en los servidores web son
conocidas como empresas o servicios de Hosting.

4
1.3. Características

 La practicidad que ofrecen los navegadores web como

clientes ligeros. Un cliente ligero (Thin Client) es un sistema
que trabaja en una arquitectura de red cliente-servidor en la
cual existe muy poca o ninguna lógica del programa, por lo
que depende principalmente del servidor central para las
tareas de procesamiento.
 La independencia del sistema operativo que uses en tu
ordenador o dispositivo móvil.
 La facilidad para actualizar y mantener aplicaciones web sin
la necesidad de tener que distribuir el software o que se
tengan que instalar el mismo por los usuarios potenciales.
 El libre acceso de los usuarios en cualquier momento, lugar o
dispositivo, sólo con tener conexión a Internet y los datos de
acceso (nombre usuario y contraseña).

1.4. Tipos

 Web mail: Sistemas de acceso al correo electrónico que

permiten acceder a tus correos mediante un navegador web,
sin tener que descargar los propios correos en el ordenador.
Para ello utilizan clientes del tipo Gmail, Outlook, etc
 Wikis: Sitios y aplicaciones web cuyas páginas y contenidos
pueden ser editados directamente desde el navegador, donde
los usuarios crean, modifican o eliminan contenidos que,
generalmente comparten.
 Weblogs: Sitios y aplicaciones web cuyas páginas y
contenidos son de fácil actualización, de tal que permite a sus
autores publicar contenidos (textos, imágenes y otros

5
 archivos) con aparentar un solo botón, ya que suelen contar
con un editor y herramientas para tal efecto en la propia web.
 Tiendas Online: Tipos de comercio que usan como medio
principal para realizar suyos transacciones un sitio web y/o
una aplicación conectada a internet desde la que los usuarios
y clientes pueden realizar sus compras.

1.5. Ventajas

 Ahorro de tiempo: Son Sistemas sencillos de gestionar, por lo

que permiten realizar tareas de forma fácil sin necesidad de
descargar ni instalar ningún programa o plugin adicional.
 Completa compatibilidad: Son totalmente compatibles con
navegadores para poder utilizarlas. Sólo se suele requerir que
el navegador web esté debidamente actualizado para poder
usar este tipo de Sistemas.
 Actualización continua e inmediata: Debido a que es el propio
desarrollador Web el que gestiona y controla el software, la
versión que descarguen, instalen y utilicen los usuarios,
siempre será la última que haya lanzado dicho desarrollador
App. Para ello es imprescindible estar al tanto de lo que ocurre
con la App.
 Recuperación de datos: Una de las mayores ventajas de un
Sistema Web es que, en la mayoría de ocasiones el usuario
puede recuperar su información desde cualquier dispositivo y
lugar con su nombre de usuario y contraseña.
 Ahorro de recursos en equipos y dispositivos: Los Sistemas
Web, generalmente tiene un bajo consumo de recursos dado
que toda (o gran parte) de la aplicación se encuentra en un
servidor web y no en nuestro ordenador.

6
  Compatibilidad con múltiples plataformas: se pueden usar
desde cualquier dispositivo móvil u equipo informático, ya que
son válidas para cualquier sistema operativo ya que sólo es
necesario que cuente con un navegador web.
 Portabilidad: como hemos indicado, los Sistemas Web son
compatibles con todas las plataformas (independiente del
ordenador, equipo informático o dispositivo móvil donde se
utilice) ya que con tener acceso a internet se puede acceder
a las mismas (como si de una página web se tratase).
 Mayor funcionalidad: Cada vez es más sencillo crear,
desarrollar y utilizar navegadores web, ya que actualmente
ofrecen cada vez más y mejores funcionalidades para crear
"aplicaciones web enriquecidas" (RIA o Rich Internet
Application).

1.6. Tipos de Desarrollo de Sistemas Web:

1.6.1. Aplicaciones Web Estáticas

Características de las Aplicaciones Web Estáticas

 Este tipo de web muestran muy poca información y no suelen variar

mucho (aunque pueden mostrar en alguna parte de los mismos
objetos en movimiento, como por ejemplo (banners, GIF animados,
vídeos, etc.).

 Por regla general suelen estar desarrolladas en lenguaje HTML y

CSS y pueden ser creadas en plataformas de desarrollo como por
ejemplo AppYourSelf o Monincube.

 Hay que tener en cuenta que modificar las Apps estáticas no resulta
nada sencillo y menos aún con las limitaciones que presentan por lo
general este tipo de plataformas de desarrollo App y el escaso aporte
experiencial y personal que solo un profesional puede transmitir y
llevar a cabo a la hora de desarrollar tu App.

7
Ejemplos de aplicaciones web estáticas

 Portfolios de profesionales o un currículo digital.

 Páginas de presentación de empresa para mostrar sus datos de
contacto, etc.

1.6.2. Aplicaciones Web Dinámicas

Una aplicación web dinámica es mucho más compleja de crear y
desarrollar a nivel técnico que una App web estática, ya que utilizan
bases de datos para cargar la información para que los contenidos
de la App Web se vayan cargando y actualizando cada vez que el
usuario accede a la misma.

Este tipo de aplicación web es muy utilizada en páginas de

contenidos como:

 Blogs personales.
 Blogs corporativos.
 Blogs profesionales.
 Páginas de noticias y artículos sobre actualidad.
 Medios de comunicación masivos como periódicos y revistas
digitales, etc…

1.6.3. Portales para Aplicaciones Web

Un portal móvil App Web, es un sitio o página web para dispositivos
móviles, es decir, es muy similar a un sitio web normal, pero
diseñado para las pantallas de este tipo de dispositivos que son más
pequeñas, de tal forma que los contenidos (como imágenes, videos,
etc.) se optimizan para ajustarse a estos requisitos.

Esto facilita la navegación y lectura a través de dispositivos móviles

ya que de lo contrario un sitio Web normal sería muy incómodo de
visitar y visualizar.

Características de un Portal App Web

 Optimizado para dispositivos móviles (pantallas pequeñas).

 Compatibilidad con todos los sistemas operativos disponibles
actualmente: Android, iOS (iPhone), BlackBerry OS, etc.
 La página principal permite el acceso a diversos apartados,
categorías o secciones.

8
  Puede haber todo tipo de elementos en el portal App Web,
como por ejemplo, foros, chats, correo electrónico, un
buscador, zona de acceso con registro, contenido más
reciente, etc.

1.6.4. Tienda online para aplicaciones Web

Características de una tienda online para Aplicaciones Web

El desarrollo es similar al de un sitio web orientado al e-commerce.

Es decir, una App Web basada en una tienda online, o también
denominada M-Commerce o comercio móvil (del anglicismo Mobile
Commerce) ya que lleva todas las transacciones a nivel de poder ser
ejecutadas desde cualquier dispositivo móvil.

El desarrollo de una tienda online App Web es más complicado que

el de una App Web estática o una App Web Dinámica, porque debe
contar con una pasarela de pagos electrónicos a través de tarjeta de
crédito, PayPal, u otro método de pago, además de tirar de bases de
datos.

Este tipo de Apps también cuenta con un CMS o panel de gestión

que el desarrollador App también deberá crear, desde el cual, se
pueden subir los productos, actualizarlos o eliminarlos, gestionar los

9
CAPITULO II: METODOLOGIA DEL DESARROLLO DE SITIOS
WEB

10
 No existe en la actualidad una metodología de desarrollo de sitios
web ampliamente aceptada. Sin embargo, una posible metodología es la
que se presenta a continuación.

Algunas de las fases de esta metodología se pueden realizar en

paralelo o no acabar hasta el final del desarrollo del sitio web:

1. Se estudian los requisitos y especificaciones del sitio web:

cuál es el contenido del sitio web, qué se pretende conseguir,
a quién se destina y número de visitas previsto, qué inversión
se desea realizar, de cuánto tiempo se dispone, etc.

2. A partir de los requisitos se decide la arquitectura y tecnología

del sitio web: empleo de un servidor web propio o alojamiento
(hospedaje) en un servidor alquilado, ancho de banda de la
comunicación del servidor web con Internet, páginas estáticas
o tecnología de generación dinámica de páginas, datos
almacenados en ficheros o en un servidor de bases de datos,
etc.

3. A continuación, se diseña la estructura lógica o de navegación

del sitio web: página inicial, página principal, empleo de
marcos, los menús, división en secciones, relación entre las
distintas secciones, página de novedades, etc.

4. Se define la estructura física, que puede ser igual a la lógica

o totalmente independiente.

5. Se crean los contenidos del sitio web. Si se emplea una base

de datos, se realiza la carga de datos.

6. Se realiza el diseño gráfico y ergonómico: colores, montaje,

tipografía, botones de navegación, logotipos y demás
elementos gráficos, etc.

11
 7. Se crean las páginas estáticas y los elementos multimedia.

8. Desarrollo de los scripts y páginas dinámicas.

9. Por último, se verifica el correcto funcionamiento del sitio web:

se comprueba la conexión con la base de datos, se verifica
que no existan enlaces rotos, se conforma que todos los
recursos empleados (imágenes, ficheros con código de script,
se comprueba el sitio web con distintos navegadores para
asegurar su compatibilidad. También se realizan pruebas de
carga para evaluar el rendimiento.

10. Puesta en marcha.

Conclusiones

Los sistemas de recursos electrónicos se basan en los recursos de

la Internet y muchas otras tecnologías de la información. El alcance del
comercio electrónico.

En la actualidad muchas empresas participan en 3 categorías

básicas de aplicaciones de comercio electrónico: electrónico de empresa a

12
consumidor, de negocio a negocio, y de consumidor a consumidor Control
de acceso y seguridad.

Los procesos de comercio electrónico deben establecer una

confianza mutua y un acceso seguro entre las partes de una transacción
de comercio electrónico al autentificar usuarios, autorizar el acceso y hacer
cumplir las normas de seguridad.

Bibliografía

Chaffey, D. (2009). E-Business and E-Commerce Management, Fourth edition. London:

Pearson Education Limited.

13