Especialidad en Gerencia de Sistemas de Información

ANÁLISIS Y DISEÑO DE SISTEMAS

Integrantes : Sabrina Díaz | Carmen García | Luis Angulo

 

DESARROLLO DE PAGINA WEB PUBLICITARIA PARA LA EMPRESA SURTILAB

CONTENIDO

Situación Actual

Descripción del Sistema Propuesto

           Fase I. Planificación

                Análisis de Requisitos y Especificaciones

                Diagrama de Estructura del Sitio                  

            Fase II. Diseño

            Fase III. Realización

            Fase IV. Pruebas e Implantación

Conclusiones

Infografía

 

SITUACIÓN ACTUAL

Actualmente la tecnología ha avanzado a pasos agigantados y hemos entrado a la era del Internet, conocida como la red de redes, donde un gran porcentaje de la población mundial “Navega en la Web”, esto la hace un medio publicitario excelente. La interfase de la Internet con los usuarios son las paginas Web, en ellas se encuentran cualquier tipo de contenidos y para acceder a estos contenidos solo es necesario hacer clic con el mouse.

La Internet se puede imaginar como una calle céntrica e importante, por donde pasa diariamente infinidad de personas, las páginas Web serían las vitrinas de las tiendas. Siguiendo con el símil, las personas se detendrían a mirar una “Web-vitrina”, en función de lo vistoso e interesante que fuera su contenido. También se puede agregar que la Internet facilita, agiliza y aumenta en gran medida las actividades de las empresas o negocios que se dedican a la compra-venta y que tienen una participación activa en ella.

Hablando específicamente de empresas que se basan en la compra-venta de reactivos de laboratorio se debe aclarar que es importante que ellas tengan un tiempo mínimo de respuesta a las solicitudes de sus clientes, ya que estos son usados para el despistaje de enfermedades, chequeos médicos generales y en muchas ocasiones la vida de un ser humano dependerá de los resultados que un laboratorio pueda arrojar luego de procesar las muestras recibidas y analizarlas con los reactivos necesarios.

Ciudad Guayana se ha caracterizado como una tierra que abarca grandes industrias las cuales prestan beneficios al país. En fecha reciente se crea la empresa SURTILAB, C.A. cuyo objetivo principal es el suministro de reactivos a diferentes laboratorios de Ciudad Guayana, Upata y Ciudad Bolívar; entendiéndose por ello “sustancias que se emplean para reconocer la naturaleza de ciertos cuerpos por medio de la acción que se produce sobre ellos.

Dicha compañía se encuentra en una etapa de crecimiento y se considera que la publicidad jugará un papel muy importante, para lograr convertirla en una empresa exitosa. La escasa publicidad de la compañía conlleva al desconocimiento de su existencia lo que no la hace muy competitiva.

Actualmente la publicidad de la compañía se lleva a cabo de manera informal que resulta ineficaz al no proyectar su imagen como empresa competitiva y los servicios que ofrece.

Para realizar su publicidad, la empresa envía a un vendedor a los laboratorios ofreciendo los reactivos, si el laboratorio esta interesado emite una solicitud de cotización la cual es llevada a la oficina y esta le devuelve un presupuesto al laboratorio, si se acepta esta última el laboratorio genera una orden de compra (puede tardar horas o días), se llevar a la oficina, y luego se procede a enviarle los reactivos con la factura respectiva. Todo esto se realiza con todos y cada uno de los laboratorios visitados lo que ocasiona una perdida enorme de tiempo tanto para la empresa como para el cliente.

Este proceso implica la perdida de tiempo en las operaciones comerciales derivadas de la venta por lo que se hace necesario la implantación de una estrategia publicitaria que ayude al éxito y crecimiento de la empresa. Por ello, se propone el desarrollo de una aplicación Web que aporte información actualizada a los laboratorios sobre los materiales disponibles, su costo, ofertas, formas de pago, medios de contactos, ubicación de la empresa y promociones de ventas a través del diseño de una interfaz que haga uso de una estructura dinámica adaptada a los requerimientos de la empresa.

[Inicio]

 

DESCRIPCIÓN DEL SISTEMA PROPUESTO

La Empresa SURTILAB, C.A. persigue como objetivo comercial la oferta y venta de reactivos a los Laboratorios Médicos, la implantación de una aplicación Web dirigida a publicitar y mercadear sus productos y servicios se basa en el diseño utilizando la metodología en cascada la cual consta de diferentes fases que explican la descripción de su funcionamiento.

Para esto el sitio web, constará de una pagina principal en la cual el cliente se debe identificar, el deberá introducir la clave y su password, en esta pagina habrá una breve reseña de la empresa, en caso de ser un usuario nuevo podrá registrarse.

Una vez introducidos los datos se hará un link con otra pagina allí estarán las opciones,  que podrá escoger el usuario considerando la necesidad que este posea, entre ellas esta estados de cuenta, asistencias especiales, servicios, reactivos, formas de pago, información general, horarios.

Por otro lado, también ofrecerá información para que el usuario sepa cuales son los servicios que ofrece la empresa, horarios, medios de contactos, y atención.

Es importante señalar que el cliente podrá realizar sus pedidos de los productos, a través de la página, además de solicitar la cotización de los mismos. Se le enviara al cliente la confirmación de sus pedidos a través de su correo, esto con el fin de que crear seguridad y prestar atención  inmediata  ya que es en línea el proceso.

Todos los datos de los clientes, productos, proveedores, pedidos, factura estarán almacenados en una base de datos la misma se actualizara  a través de la misma pagina con los datos que son suministrados por los clientes y la empresa.

Para el desarrollo de la página se siguió una metodología que es el Modelo en Cascada, el cual aplica diferentes pasos desglosados en las etapas de planificación, diseño, realización y pruebas y, mantenimiento. Estas fases son flexibles y dependientes por lo que, en muchas ocasiones, permiten regresar a las fases previas para corregir problemas o insertar cambios. A continuación se muestra el desarrollo de estas etapas.

[Inicio]

Fase I. Planificación

Exploración de Conceptos

Cliente-Servidor:

Arquitectura de procesamiento de datos que consiste en disponer de un computador servidor que presta servicios a computadores clientes

Dirección IP:

Dirección de Protocolo de Internet compuesta por cuatro números ubicados entre 0 y 255. Referencia numérica que identifica a cada una de las computadoras que están conectadas a Internet.

DNS:

(Domain Namig System o Sistema de Nomenclatura de Dominio) Nombres separados por punto. Servicio que permite la traducción del nombre de un servidor a su dirección numérica. Puede ser organizativo (com edu gov int mil net u org) o geográfico (ve).

Host:

Computador que contiene los recursos de hardware y software para atender los requerimientos de otros equipos en la red.

Lan:

Local Area Network. Red de área local. Red de computadores que se extiende en un área geográfica reducida a un edificio o sitios próximos.

Servidor:

Computador que dispone de recursos de hardware y software para compartirlos con otros computadores conectados a él.

VGA:

Resolución de pantalla que permite visualizar 600x480 puntos en un formato denominado Video Graphics Array.

[Inicio]

Análisis de Requisitos y Especificaciones

Análisis de la Audiencia

El Sitio Web está diseñado para ser utilizado por un grupo definido de usuarios, es decir, los Laboratorios Médicos de Ciudad Guayana Upata y Ciudad Bolívar los cuales hacen uso de reactivos para analizar las muestras de exámenes de despistaje de enfermedades y chequeos médicos generales.

Requisitos de Contenido

Los requisitos de contenido establecidos para el sitio Web se refieren a cada una de las imágenes, textos y efectos con los cuales la información será presentada. Dentro de estos se encuentra el logotipo de la Empresa lista de reactivos ofrecidos, ofertas de servicios, horarios de atención al cliente, asistencias especiales e información en general sobre el negocio los cuales serán creados por el grupo de desarrolladores de la aplicación

Requisitos Visuales

Los estándares visuales se refieren a los aspectos mínimos necesarios para el diseño de la interfaz tales como encabezados de paginas, titulo de páginas, texto del contenido de las páginas, viñetas, fondo de la pagina principal, fondo de las páginas inferiores, hipervínculos a una misma página, barra de vínculos, direcciones de correo y URL, tablas y textos de las tablas.

Estándares Visuales

ESTÁNDARESVISUALES

Tipo de Estándar

Formato

Encabezados de Paginas

Fuente. Trebuchet ms 6 (24 pto) Negrita color negro. Utilizando la propiedad tema del menú fonnato (eje) con valores predeterminados.

Títulos de Paginas

Fuente. trebuchel ms 5 (18 pto) Color oliva. Negrita

Texto del contenido de las paginas

Fuente. Arial 2 (10 pto) Color Negro, Justificado.

Viñetas

Cuadrados con relleno color oliva y bordes negros

Fondo de la Pagina Principal

Plantilla web de proyecto con valores predeterminados

Fondo de las Paginas Inferiores

Plantilla web de proyecto con valores predeterminado

Hipervínculos a una misma pagina

Fuente: trebuchet ms 2 (l 0 pto) color navy

Barra de Vinculos 1

Estilo grafico basado en el tema eje, sentido vertical

Dirección de Correo y URL

Fuente: trebuchet ms 2 (l 0 pto) color navy

Barra de Vinculos 2

Estilo grafico basado en el tema eje, sentido horizontal

Tablas

Bordes de color oliva

Texto de las Tablas

Fuente: Arial 2 (10 pto) Color negro Justificado

Requisitos Técnicos

Requisitos Mínimos de Hardware

- Procesador Pentium

- Un disco duro de 5 Gigabytes

- Capacidad de Memoria Real de 32 Megab\'tes

- Microprocesador de 750 Mhz

- Conexión en red de todos los equipos

- Monitor VGA

Requisitos Minimos de Software.

- Windows 98 o Windows NT

- Oflice 98

- Aplicación Dreamweaver. con códigos inmersos de Java Scrip, PHP y Html

- Poseer un software de navegación. Microsoft Internet Explorer

- Dirección IP

- Host; poseer un computador anfitrión (servidor)

 

De acuerdo con los requerimientos planteados se establece que la Empresa SURTILAB, C.A. suma los requisitos mínimos para la implantación del sitio Web Informativo.

Diagrama de Estructura del Sitio

Hace referencia a cada una de las páginas que conforman el sitio, o sea, su organización partiendo de la Home Page Página Principal y continuando con las páginas de nivel inmediato superior hasta llegar al nivel más bajo. En este sentido, se plantean cuatro páginas Servicios, Reactivos Horarios, Asistencias Especiales, Información General cada una con sus páginas inferiores.

 

Cuadro de texto:

 

 

 

 

 

 

 Diagrama de Estructura del Sitio Presupuesto

A nivel de inversión en tecnologías de hardware y software se establece que la Empresa SURTILAB, C.A. posee los equipos de computación necesarios para implantar una aplicación Web debido a que posee Lilia conexión a Internet que permite al grupo desarrollador del sitio Web aprovechar sus posibilidades de comunicación en red.

[Inicio]

Fase II. Diseño

Composición por bloques

Diseño en papel de las plantillas de la aplicación

INDEX:

INFORMACIÓN GENERAL

 

(Breve reseña histórica de la empresa -fecha de creación, directiva, capital social, ubicación, etc-)

 

Login

Password

 

*******

*******

New User

 

SERVICIOS QUE PRESTA

(Que hace la egresa, a que se dedica)

 

 

ASISTENCIAS ESPECIALES

Atención a clientes en casos de emergencia)

 

ATENCIÓN

(Horario de atención al público)

 

 

MEDIOS DE CONTACTO

(N° teléfonicos, dirección, e-mail)

 

USUARIOS REGISTRADOS:

          

             ASISTENCIAS ESPECIALES              ESTADOS DE CUENTAS

                         SERVICIOS                                          REACTIVOS

                 FORMAS DE PAGO                           INFORMACIÓN GENERAL

                                                       HORARIOS

  

ASISTENCIAS ESPECIALES:

En caso de necesitar atención de emergencia. (noche, medio dia, fines de semana)

ESTADOS DE CUENTA:

FACTURAS EMITIDAS

FACTURAS PENDIENTES

  • (Todas las facturas emitidas)
  • (Facturas sin cancelar)
  •  
  •  
  •  
  •  
  •  
  •  

 

SERVICIOS:

            SOLICITAR  COTIZACIÓN               REALIZAR  PEDIDO

               ESTADOS DE CUENTA                      FORMAS DE PAGO       

REACTIVOS:

Listado de reactivos con un precio actualizado y detallado.

CÓD

DESCRIPCIÓN

PRECIO

IVA

TOTAL

 

 

 

 

 

FORMAS DE PAGO:

Cliente Nuevo: Las primeras tres (3) facturas en efectivo.

Cliente Ocasional: Cincuenta por ciento (50%) al momento de la entrega y el resto a treinta (30) días.

Cliente Constante: Treinta (30) días de crédito para cancelar

Cabe acotar que un cliente nuevo cambia a cliente ocasional o constante después de las tres primeras compras dependiendo del tiempo entre ellas y que sus facturas sean con un monto mayor a cincuenta mil bolívares en las mismas.

INFORMACIÓN GENERAL:

Link con el index. (la información general esta en la pagina principal)

HORARIOS:

De Lunes a Viernes

08:00 am – 12:00 m

02:00 pm – 05:00 pm

Sábados

08:00 am – 11:30 am

Atención Especial

En las horas no indicadas pero solo para casos de emergencias

REALIZAR PEDIDOS:

Formato para realizar pedidos.

CANTIDAD

PRODUCTO

 

 

SOLICITAR COTIZACIÓN:

Formato para realizar pedidos.

CANT

PRODUCTO

PRECIO

 

 

 

[Inicio]

Fase III. Realización

Las herramientas utilizadas para la creación de la aplicación web fueron Macromedia DreamWeaver 6.0, como editor principal; PHPEdit 0.6, para el codigo PHP incluido en la aplicación; MySQL Front 2.5, para la creación de las Bases de Datos y el Browser utilizado para las visualizaciones fue el Internet Explores 5.5.

ESTRUCTURA DE LA BASE DE DATOS

EL nombre de la Base de Datos es surtilab, la misma esta compuesta por las siguientes tablas: Administrador, Clientes, Productos, Facturas y Proveedor.

Tabla : Administrador

Clave Primaria: Idadministrador

Campos

Tipo de Dato

Tamaño

Descripción

Idadministrador

entero

4

Se almacena la clave del administrador

Apellido

char

20

Almacena el apellido del administrador

Nombre

char

20

Almacena el nombre del administrador

CorreoElectronico

char

20

Almacena el email del administrador

 

Tabla : Clientes

Clave Primaria: Idadministrador

Campos

Tipo de Dato

Tamaño

Descripción

IdCliente                              

entero

4

Almacena el código del cliente

Nombre

char

20

Almacena el nombre del cliente

Nombrecontacto

char

20

Almacena el nombre del contacto

Apellidocontacto

char

20

Almacena el apellido del contacto

Direccionfacturacion

Char

50

Almacena la dirección de la factura

ciudad

Char

20

Registra el nombre de la ciudad donde se localiza el cliente

Estado o provincia

Char

20

Registra la ciudad donde se encuentra cliente

Ntelefono

int

11

Almacena el número de teléfono del cliente.

 

Tabla : Productos

Clave Primaria: Idproducto

Campos

Tipo de Dato

Tamaño

Descripción

IdProducto                            

entero

4

Almacena el código del producto

IdCategoria                           

entero

20

Almacena la categoría a la que pertenece el producto

IdProveedor                          

entero

20

Almacena el código del proveedor

UnidadesExistencia               

entero

20

Almacena las unidades de existencia de un producto

PrecioUnidad                         

entero

16,2

Almacena el precio de un producto

NombreProducto                    

Char

20

Registra el nombre del producto

DescripcionProducto                                  

Char

20

Registra la descripción del producto

 

Tabla : Factura

Clave Primaria:  Idfactura

Campos

Tipo de Dato

Tamaño

Descripción

IdFactura  

entero

4

Almacena el número de la factura

IdCliente                               

entero

4

Almacena el código del cliente

IdAdministrador     

entero

4

Almacena el código del Administrador

IdStatus 

entero

4

Registra el status de la factura

Fecha  

Fecha

 

Registra la fecha en que se emitió la factura

 

Tabla : proveedor

Clave Primaria: Idproveedor

Campos

Tipo de Dato

Tamaño

Descripción

IdProveedor                              

entero

4

Almacena el código del proveedor

NombreCompañia  

char

30

Almacena el nombre de la compañía

 NombreContacto   

char

20

Almacena el nombre del contacto

CargoContacto

char

20

Almacena el cargo del contacto

Ciudad                                     

 

Char

10

Almacena la ciudad donde se ubica la compañía del cliente

 Direccion                                  

Char

20

Registra la dirección del cliente

NºTelefonoCompañia 

int

11

Registra la ciudad donde se encuentra cliente

NºTelefonoContacto

int

11

Almacena el número de teléfono del contacto.

NºFax                                        

int

11

Almacena el número de fax del cliente

 

Tabla : Pedido

Clave Primaria: Idproducto

Campos

Tipo de Dato

Tamaño

Descripción

IdPedido                                

entero

4

Almacena el código del pedido

IdProducto                            

 

 

Almacena el código del producto

DescripcionProductos   

entero

20

Almacena la descripción del producto pedido

Cantidad  

entero

20

Almacena la cantidad de producto pedida

FechaPedido   

date

 

Almacena la fecha del pedido

 

 

Tabla : StatusFactura

Clave Primaria:  Idfactura

Campos

Tipo de Dato

Tamaño

Descripción

IdStatus 

int

4

Almacena el status de la factura

Descripción

Char

30

Almacena la descripción del status de la factura

 

Tabla : CategoriaProductos

Clave Primaria:  Idfactura

Campos

Tipo de Dato

Tamaño

Descripción

Idcategoria

entero

4

Almacena la categoría del producto

Descripción

entero

30

Almacena la descripción

[Inicio] 

Fase IV. Pruebas e Implantación

Para realizar las pruebas a la aplicación web se instaló el Apache 1.3 y se configuró la máquina como servidor para así lograr la visualización de las páginas en el Browser.

En cuanto a la implantación se cancelaron los servicios del hosting el cual se cancelo una inicial de Bs. 20.000,00. y una primera cuota de Bs. 10.000.00 quedando pendiente por cancelar 7 cuotas de Bs. 10.000,00 c/u, luego se procedió a subir la pagina a la web.

[Inicio]

CONCLUSIONES

  1. La facilidad y los beneficios que ofrece hoy en día hace que se muchas organizaciones puedan competir entre ellas comercializando sus productos.
  2. El diseño del sitio se realizó con la finalidad de que se ajustará a los requerimientos de contenido y diseño del usuario.
  3. El diseño se realizó con el fin de que en caso de que la empresa crezca, esta podrá ir ajustándose a esos cambios.
  4. Se podrán realizar modificaciones  a la pagina en caso de  surgir nuevos requerimientos.

[Inicio] 

INFOGRAFÍA

Base de datos

En este artículo se hace una representación grafica de base de datos orientada a objeto DAO, así como también la arquitectura orientada a objeto. Por otro lado presenta una serie de códigos para la creación de bases de datos en Visual Basic utilizando Access.

http://www.arrakis.es/~cepicazo/vb/BBDD/vbdatos.htm


Manual de Usabilidad

Se expresa en este artículo una guía que proporciona información de cómo crear mejores páginas Web (Páginas de visualización más rápida, más cómodas y fáciles de navegar). Desde como estructurarla, el diseño, la tipografía y como diseñar banner.

http://www.webestilo.com/guia/


Manuales de PHP

Este es un manual que ofrece un tutorial de como trabajar con PHP, desde declaración de variables, como se hacen las sentencias, operadores, funciones y librerías y unos casos prácticos de programas en este lenguaje.

http://www.webestilo.com/php/

[Pagina Trabajos]      [Inicio]

Hosted by www.Geocities.ws

1