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
Descripción del Sistema Propuesto
Análisis de Requisitos y Especificaciones
Diagrama de Estructura del Sitio
Fase IV. Pruebas e Implantación
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]
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.
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]
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 |
|
|
|
|
|
|
|
|
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]
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]
[Inicio]
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/