Está en la página 1de 255

CAPITULO I

PLANTEAMIENTO DEL PROBLEMA

En la actualidad la competencia es un principio que refuerza directamente en

la economía de una ciudad en progreso, El sector de la Seguridad Industrial

es el soporte de una inversión y movimiento de dinero, promoviendo el

trabajo para el avance de un país en los últimos años, conservando un

comportamiento de incremento desde la dolarización.

Los productos del Comercial de seguridad industrial y equipos contra

incendios es una inversión el cual implica la compra y venta de materiales que

son utilizados para diferentes trabajos y proyectos de construcción y

seguridad industrial. Los productos para la seguridad industrial tienen

procedencia tanto como extranjeras y nacionales, por lo cual genera

movimiento en la importación de mercadería de diferentes líneas comerciales,

por lo que hablamos de empresas que deben pagar los impuestos y aranceles

correspondientes para distribuir la mercadería de forma que corresponde la

ley, esto implica mucho en el precio final del producto y a la vez en la

economía de los compradores finales.

La aceptación de una moneda del sucre al dólar ha tenido numerosas

percepciones por parte de la población ecuatoriana afectando la economía del

país. En la actualidad Según el Índice de Competitividad Global (ICG) del

Foro Económico Mundial (FEM), el país escaló 16 posiciones en el ranking de

competitividad. En el 2011 ocupaba el puesto 101 entre 142 naciones. Para

ello se requiere de estudios profundos para los procesos de mejora y así


poder aumentar la comercialización de los productos y así mismo aumentar

los sectores competitivos que tiene el Ecuador.

El sector de la Seguridad Industrial y equipos contra incendios en la

actualidad se extiende cada día más en nuestro país y podemos añadir que

por falta de inversión presenta mayor problema a este sector comercial.

El Local Comercial “ACCIN” como comercializadora ubicada en el sector sur

de la ciudad de Guayaquil tiene en el mercado productivo 17 años ofreciendo

servicios de seguridad industrial, recarga y mantenimiento de extintores a

nivel local, su principal actividad que ofrece este comercial, es la venta y

recarga de extintores contra incendios , comercializa una extensa variedad de

artículos de seguridad industrial para el público en general los cuales son

distribuidos de diferentes líneas comerciales tanto nacionales como del

extranjero, ya que nuestra ciudad es muy comercial y se ha visto en la

necesidad de contribuir económicamente por lo que será en favor de la

sociedad y al sector de la seguridad industrial.

La principal competencia que tiene este sector proviene de los distribuidores

con mayor capacidad de importar, sin embargo al encontrarse este Comercial

en los segmentos de mercado medio la competencia acapara al sector alto

por lo tanto nuestra habilidad será de utilizar el marketing con el fin de captar

a más clientes. Hoy en día han surgido grandes empresas semejantes a la de

nosotros con el objetivo de captar a la actividad comercial y tener un espacio

dentro del mercado industrial, para ello estas empresas ingresan con una

diversidad de productos y precios sumamente bajos.


PROBLEMA

Entre los problemas que se han descubierto en este comercial, hemos podido

comprobar la carencia de estrategia de marketing y publicidad el cual

disminuyen el porcentaje de ventas, perdida de participación en el mercado y

beneficios e inversiones a futuro para este sector comercial situación que es

muy preocupante para el dueño.

SITUACION CONFLICTO:

Que el local comercial “ACCIN” ubicado en el sector sur de la ciudad de

Guayaquil aún no dispone de un sistema web con publicidad de sus productos

existentes.

 El local comercial no cuenta con el personal capacitado para el uso

tecnológico, por lo tanto genera la limitación de hacer publicidad web

promocional.

 La falta de utilización de elementos tecnológicos como “equipos de

cómputos” el cual se recurre en ocasiones a la publicidad de materiales

tradicionales como el papel (volante y periódico).

 Ausencia de la actualización de todos los productos comerciales que

se desean expender el cual ocasiona que el cliente no conozca las

promociones y beneficios que se ofrece.


 Desinterés o falta de información sobre el marketing web adecuado lo

que genera un porcentaje de ventas bajo.

3.- CAUSAS DEL PROBLEMA Y CONSECUENCIAS

Cuadro Nº 1
CAUSAS CONSECUENCIAS

 El local comercial no cuenta con  Provocan limitación de


el personal capacitado para la elementos tecnológicos para el
publicidad web. local comercial.

 Falta de equipos de cómputo  Esto genera en recurrir a


para el desarrollo del sistema materiales tradicionales como el
web. papel (volante y periódico).

 Ausencia de una sistema  El cliente no conoce las ofertas y


publicitario web promociones de los artículos.

 Falta de información sobre  Disminuyen el porcentaje de


marketing actualizado y ventas.
adecuado.

Delimitación de un Problema

CAMPO: Comercial

AREA: Sistema Informático


ASPECTO: Registro, Control y Catalogo de Producto

TEMA: DISEÑO DE UN SISTEMA WEB DE ACTUALIZACION Y

REGISTROS DE LOS PRODUCTOS EN GENERAL PARA LOS USUARIOS

DEL LOCAL COMERCIAL “ACCIN”.

Formulación de un Problema
¿Cómo incide la carencia de implantación de un sistema web para la

visualización, registro y control a los usuarios de los productos de seguridad

industrial y equipos contra incendios?

Delimitado: Este sistema comercial está encaminado para el dueño y los

trabajadores, del Local Comercial “ACCIN”.

Claro: El Proyecto de la creación de un sistema web elaborado para el local

comercial “ACCIN” refuerza la insuficiencia de marketing que tienen al dar de

conocer todos sus productos comerciales y servicios al cliente.

Evidente: Unas de las necesidades o problemas que se pudieron observar

en este Comercial son, La falta de un Sistema Web publicitario que da

desconocimiento comercial a nivel de la sociedad del sector que lo rodea.

Relevante: Este proyecto también ayudara a que se mejore el perfil comercial

de esta empresa.

Original: Ya que en el Local Comercial no se ha creado un Proyecto de

marketing con un Sistema web ayudando a que tenga una mejor acogida de

clientes.
Factible: Este proyecto ya tiene la aprobación del propietario del local

comercial así mismo los trabajadores ayudaran con la investigación de campo

para efectuar este proyecto.

Categorización de las Variables del Problema

 Variable Independiente

Desarrollo e Implementación de un Sistema Web de Registro

 Variable Dependiente

Control y Actualización de Productos


Objetivo de la Investigación

Objetivo General

Publicar y Desarrollar un Sistema Web en un espacio virtual que contribuya a

la mejoría del Control, Actualización y Registro de Productos en el Comercial

“ACCIN”.

Objetivo Especifico

Efectuar un estudio para establecer los requerimientos que el sistema web

requiriera para su buen funcionamiento.

 Facilitar al usuario del sistema el acceso al ingresar y modificar los

datos de todos los productos existentes del comercial.


 Que el usuario encargado a utilizar el sistema web tenga la facilidad

y entendimiento del manejo e información de este sistema

desarrollado, que estará diseñado de una forma entendible.

 Mostrar al cliente información útil para agilizar los procesos de venta

del producto requerido.

Interrogantes de la Investigación

1.- ¿De qué manera el Local Comercial va a progresar sus ventas y

servicios con un Sistema Web?

2.- ¿Cómo interviene la creación de un sistema web en el área

comercial?

3.- ¿De qué modo se da a conocer un sistema web publicitario

desarrollado en el Local Comercial “Accin”?

4.- ¿Se podrá alcanzar el objetivo del proyecto la aplicación del sistema

web?

5.- ¿Cuál podría ser el impacto que tendría el Local Comercial “ACCIN”

al implementar el Sistema Web?


6.- ¿Cuáles serían los beneficios del proyecto que brindarían al Local

Comercial?

7.- ¿De qué forma mejoraría el perfil comercial implementando el sistema

web?

8.- ¿Cuál es la aceptación que tendría implementar un sistema web en

los sectores comerciales?

9.- ¿Cuál es el mejoramiento y beneficio que se dará en la publicidad de

sus productos comerciales?

10.- ¿Sera factible el desarrollo e implementación de un sistema web en

el Local Comercial “ACCIN”?

JUSTIFICACIÓN

El actual sistema web se produce por la necesidad que muestra el local

comercial con relación a la venta de sus productos.

Este trabajo de investigación servirá de aporte al conocimiento en el campo

informático y un mayor control al sistema de venta de los productos de

seguridad industrial y equipos contra incendios existentes en esta empresa.

Con este trabajo lograremos implementar un sistema de publicidad para la

revisión de cada producto existente, evitando que haiga desacuerdo en los

productos para la venta diaria que genera este comercial.


Este sistema web se justifica por que da a conocer los servicios y variedad de

producto existentes en el Local Comercial a los clientes registrados en este

sistema web.

IMPORTANCIA

Este Proyecto tecnológico es muy importante para la empresa ya que hoy en

día la actualización de nuevas formas de publicidad están siendo

implementadas por medios de internet ya sea páginas web, sistemas entre

otros.

Es importante conocer que la implementación de un nuevo sistema web

servirá de mucha acogida para el Local Comercial que mostrara y dará a

conocer variedad de sus productos y servicios que ofrece a los clientes

Considero que este sistema web será de vital calidad para la vida profesional

de los usuarios ya que es un sistema web práctico que va ser aplicado en

este comercial.

Esta y otras situaciones más, implica que sea necesario el desarrollado de

este sistema web de actualización, control y registro de los productos

brindando las garantías necesarias de este sistema.


CAPITULO II
MARCO TEÓRICO

ANTECEDENTES DE ESTUDIO

El local Comercial “ACCIN” ofrece servicios de seguridad industrial a nivel

local, su principal actividad que ofrece, es la compra y venta de materiales y

accesorios de seguridad industrial en general, comercializa una extensa

variedad de artículos industriales para el público en general.

La principal competencia que tiene este sector proviene de los distribuidores

con mayor capacidad de importar, sin embargo al encontrarse este Comercial

en los segmentos de mercado medio la competencia acapara al sector alto

por lo tanto nuestra habilidad será de utilizar el marketing con el fin de captar

a más clientes. Hoy en día han surgido grandes empresas semejantes a la de

nosotros con el objetivo de captar a la actividad comercial y tener un espacio


dentro del mercado industrial, para ello estas empresas ingresan con una

diversidad de productos y precios sumamente bajos.

Se han descubierto en este comercial la carencia de estrategia de marketing y

publicidad web el cual disminuyen el porcentaje de ventas, perdida de

participación en el mercado y beneficios e inversiones a futuro para este

sector comercial situación que es muy preocupante.

En la actualidad dentro del comercial no existe ningún proceso similar al

presente, habría que destacar que existen trabajos de investigaciones

semejantes pero no parecidos como el nuestro.

En el trabajo previo a la obtención de título de Tecnólogo en Análisis de

Sistemas con el tema presentado “DISEÑO DE UN SISTEMA WEB DE

CONTROL, ACTUALIZACION Y REGISTROS DE LOS PRODUCTOS EN

GENERAL PARA LOS USUARIOS DEL LOCAL COMERCIAL (ACCIN)”.

La propuesta de Implementación de un Software Web para el proceso de

control, actualización, consulta y registro de productos.

Fundamentación Teórica

En el presente trabajo de investigación lo hemos diseñado con los siguientes

contenidos que a continuación indicamos:

Sistema de Información

Según: ( (DE LA CRUZ MANTILLA))

“Los usuarios buscan información específica de acuerdo a sus

necesidades específicas. Ellos pueden hacer búsquedas ya sea


mediante motores de búsqueda o bases de datos particulares de

sistemas de bibliotecas o algún otro Sistema de Información.”

Este concepto sobre los sistemas de información permite la evolución de

diferentes fuentes en información que consigue ser utilizada para poder tomar

decisiones exactas, lo que permite, que una persona que vaya a tomar sus

conclusiones componga una proyección particular.

Los sistemas de información tienden a servirnos para poder acceder a una

información que desconozcamos de una manera muy rápida y positiva sea en

cualquier instancia que lo necesitemos. La búsqueda información nos

suministra y acelera las formas de recopilar todo lo necesario de una

información en la tecnología.

Recurso Tecnológico

Según: ( (MUÑOZ-REPISO & AZUCENA HERNANDEZ MARTIN, 2012))

“Las Tecnologías de la Información y la Comunicación (TIC) están

transformando los procesos de enseñanza y aprendizaje. Los profesores de

todos los niveles educativos están viviendo el reto de integrar las nuevas

herramientas de comunicación y gestión de la información en la práctica

educativa sin perder el horizonte de una enseñanza de calidad, lo cual

requiere la adquisición de nuevas competencias profesionales y un fuerte

compromiso con la innovación educativa.”

Aplicaciones Web

Según: ( (FERRER MARTÍNEZ, 2012))


“Podemos considerar los servicios web como un conjunto de aplicaciones o

de tecnologías con capacidad para inter operar en la Web. Estas aplicaciones

o tecnologías intercambian datos entre sí con el objetivo de ofrecer unos

servicios.”

Para la creación de una Aplicación Web se necesita reunir aproximadamente

el 100% de toda la información que pueda existir en internet por lo cual

tomaría meses y hasta años en poder reunir toda esta investigación.

Esta aplicación web es una herramienta que las personas que la vayan a

utilizar logran acceder a un servidor web a través de un navegador.

Las aplicaciones web son muy sonadas y creadas debido a lo práctico del

navegador web, a la libertad de un sistema operativo, de igual manera no

necesitan ser instaladas basta con tener internet y un navegador para poder

utilizar estas aplicaciones. Hoy en día existen muchas aplicaciones conocidas

y que aportan bastante a usuarios que requieren de servicios e información.

Se necesita saber que en algunas ocasiones un sistema Web puede

contener manuales que accedan una comunicación activa entre el usuario y la

información que desees saber. Gracias a esta comunicación interactiva con el

usuario se puede acceder a los datos ya que el sistema responderá a cada d

las acciones que genere el usuario en formularios con datos.

Diseño de Web

Según: ( (ANYELGUTI, 2016))

“El diseño es fundamental para el éxito de un sitio web. Se entiende por

diseño la forma y el estilo de la página, es decir, no basta con crear una


página mediante HTML y CSS, sino que la página debe resultar útil y

atractiva para el usuario. Entran dentro del diseño, aspectos tales como

la maquetación, los colores, la distribución de elementos, el tamaño y

forma de los mismos, y otros elementos del estilo y composición del

sitio.”

El diseñar páginas web consiste en la organización y diseño de sitios web uno

como diseñador web busca la forma de cómo crear y desarrollar páginas, de

igual manera ver la forma que los usuarios puedan interactuar con la página.

Para los buenos diseñadores web se les hace más fácil insertar juntos los

elementos para crear un sitio que pueda verse muy bien y que al cliente se le

pueda hacer fácil la usabilidad de la página.

La asociación de un buen diseño con un rango bien elaborado de contenidos,

extiende la eficacia de la página con el intercambio de datos.

HTML, CSS, Java, Ilustrador o Photoshop son programas que ayudan a la

creación de prototipos de páginas web con herramientas útiles para los

diseñadores y así poder recibir la aprobación de sus clientes.

DEFINICIONES CONCEPTUALES

Sistema web: 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)

Diseño Web: El diseño web es una actividad que consiste en la planificación,

diseño, implementación y mantenimiento de sitios web.


Espacio Virtual: Un espacio virtual es un entorno interactivo adaptado para

Internet, que representa escenarios reales o inventados que se han modelado

utilizando tecnologías de realidad virtual.

Recursos Tecnológicos: recurso es un medio de cualquier clase que

permite satisfacer una necesidad o conseguir aquello que se pretende.

Publicidad: La publicidad es una forma de comunicación que intenta

incrementar el consumo de un producto o servicio, insertar una nueva marca

o producto dentro del mercado de consumo, mejorar la imagen de una marca

o reposicionar (o mantener mediante la recordación) un producto o marca en

la mente de un consumidor.

Página Web: es un documento o información electrónica capaz de contener

texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas,

adaptada para la llamada World Wide Web (WWW) y que puede ser accedida

mediante un navegador
CAPITULO III
METODOLOGÍA
DISEÑO DE LA INVESTIGACIÓN

En la actualidad los distintos grupos de investigación que conforman el

Departamento trabajan ya de forma autónoma pero es muy importante que

exista una coordinación entre ellos para obtener conclusiones integradoras y

para que se nutran de conocimientos unos y otros”, Según enfatiza

(BONILLA, 2012). En este contexto se encuentran las investigaciones que

dirige el Catedrático José Cristóbal Riquelme sobre minería de datos, “una

línea muy fructífera tanto a nivel nacional como internacional”, señala Miguel

Toro.

Tipos de la Investigación

Investigación Científica
Según la página (http://www.ecured.cu/Investigaci%C3%B3n_Cient

%C3%ADfica, 2013)

Nos dice:

Es la actividad de búsqueda que se caracteriza por ser reflexiva,

sistemática y metódica; tiene por finalidad obtener conocimientos y

solucionar problemas científicos, filosóficos o empírico-técnicos, y se

desarrolla mediante un proceso. El método científico indica el camino

que se ha de transitar en esa indagación y las técnicas precisan la

manera de recorrerlo.

Esta investigación es apreciada una actividad humana, encaminada a la

elaboración de diferentes conocimientos y es aplicada para obtener una

solución a dificultades o interrogantes que quieras saber.

La investigación científica nos ayuda con los procesos completos en el cual

los adelantos científicos tienden a ser el resultado del estudio de la

investigación para solucionar observaciones que tenemos en el ámbito que

nos encontremos.

Investigación Campo

Según el autor ( (SANTA PALELLA, 2012)), define:

La Investigación de campo consiste en la recolección de datos directamente

de la realidad donde ocurren los hechos, sin manipular o controlar las

variables. Estudia los fenómenos sociales en su ambiente natural. El

investigador no manipula variables debido a que esto hace perder el ambiente

de naturalidad en el cual se manifiesta. (pag.88)


Investigación Descriptiva

Según el autor ( (Arias, 2012), define:

La investigación descriptiva consiste en la caracterización de un hecho,

fenómeno, individuo o grupo, con el fin de establecer su estructura o

comportamiento. Los resultados de este tipo de investigación se ubican en un

nivel intermedio en cuanto a la profundidad de los conocimientos se refiere.

(pag.24)
POBLACIÓN Y MUESTRA

Población

Según (Arias, EL PROYECTO DE LA INVESTIGACIÓN - INTRODUCCION A LA

METODOLOGÍA CIENTÍFICA, 2012), define población como:

El conjunto finito o infinito de elementos con características

comunes, para los cuales serán extensivas las conclusiones de la

investigación. Esta queda limitada por el problema y por los

objetivos del estudio.

De acuerdo con Arias, la población constituye el objeto de la investigación, siendo

el centro de la misma pues de ella se extrae la información requerida para el estudio

respectivo, es decir el conjunto de individuos, objetos, entre otros, que siendo

sometidos al estudio, poseen características comunes para proporcionar los datos,

siendo susceptibles de los resultados alcanzados.


Cuadro N° 2

Fuente:
Datos TABLA DE LA POBLACIÓN de la

No. Descripción No. Población

1 Propietario 1

2 Personal de Trabajo 6

3 Personal de Venta 3

Total 10

Investigación
Elaborado por: JIMMI JARA SOTO

INSTRUMENTOS DE LA INVESTIGACION

Dentro de nuestro proyecto utilizamos los siguientes instrumentos para la toma de


datos.
Tipificación de la población en estudio

Gerente Propietario.- El Local Comercial tiene un gerente propietario principal a una

sola persona que está a su cargo desde hace 17 años.

Personal.- Existe un total de seis trabajadores repartidos de la siguiente manera

cuatro están dedicados a la repartición de hojas publicitarias y 2 al mantenimiento

interno del comercial


Personal de Venta.- Existen tres trabajadores encargado exclusivamente en el área

de venta

Muestra

Según (S, 2010), define muestra como:

Aquellos métodos para seleccionar las unidades de investigación que

son utilizados al azar de manera que todos objetos o sujetos que

tienen la posibilidad de ser seleccionados como elemento

representativo de la población de donde provienen.

De acuerdo a Aranguren la muestra fundamenta en el principio básico de que las

partes representan el todo, por lo tanto, una muestra o sea una parte del todo puede

ser tomada para realizar la investigación o una porción representativa de la población,

que permite generalizar los resultados de una investigación.

N
n=
E2(N – 1) + 1

n = Muestra

N = Tamaño de la población

E = Error máximo admisible (5%)


10
n=
(0.05)2 (10-1) + 1

10
n=
(0.0025)(9) + 1

10
n=
(0.0225)+1

10
n =
1.0225
n = 9,77

1
n=
(0.05)2 (1-1) + 1

1
n=
(0.0025)(0) + 1

1
n=
(0)+1
1
n =
1
n=1
6
n=
(0.05)2 (6-1) + 1

6
n=
(0.0025)(5) + 1

6
n=
(0.005)+1
6
n = 1.0125
n = 5,92

3
n=
(0.05)2 (3-1) + 1
3
n=
(0.0025)(2) + 1

3
n=
(0.005)+1
3
n =
1.005

n=3
Después de haber aplicado la fórmula, el muestreo queda de la siguiente manera:

Cuadro Nº 3
Distributivo de muestra con propósito

No. Segmento No. %

1 Directivos 1 10%

2 Personal de Trabajo 6 60%

3 Personal de Venta 3 30 %
Total==== 100 100%

Fuente: Datos de la Investigación


Elaborado por: JIMMI JARA SOTO

Muestra Probabilística

Según la página web, (http://www.netquest.com/blog/es/muestreo-probabilistico-o-no-

probabilistico-ii/, 2015), manifiesta.

La definición anterior nos lleva a concluir que sólo podemos hacer muestreo

probabilístico si dispongo de un marco muestral. El censo de un país, el conjunto de

direcciones de hogares en una población o la lista de clientes de una empresa, son

ejemplos de marcos muestrales que hacen posible un muestreo probabilístico. En


cada uno de estos casos, el universo a estudiar es diferente: habitantes de un país,

hogares de una población y clientes de una empresa, respectivamente.

Muestra no Probabilística

Según (http://www.universoformulas.com/estadistica/inferencia/muestreo-no-

probabilistico/, 2014), manifiesta

El muestreo no probabilístico (o muestreo no aleatorio) es la técnica de muestreo

donde los elementos son elegidos a juicio del investigador. No se conoce la

probabilidad con la que se puede seleccionar a cada individuo.

El muestreo no probabilístico se utiliza cuando es imposible o muy difícil obtener la

muestra por métodos de muestreo probabilístico.

Las muestras seleccionadas por métodos de muestreo no aleatorios intentan ser

representativas bajo los criterios del investigador, pero en ningún caso garantizan la

representatividad.

INSTRUMENTOS DE INVESTIGACIÓN

Los instrumentos de la investigación, son todos los recursos utilizados para la

recolección de datos e información en general, para llevar el proceso investigativo en

todas sus etapas. Uno de los recursos más usados es la encuesta por ser sencilla y

definitiva a la hora de mostrar resultados claros y precisos, partiendo de una muestra

poblacional.
La entrevista:

Es un diálogo entre dos o más personas en las que el entrevistador realiza una

serie de preguntas al entrevistado. Esta técnica tiene su instrumento con aspectos

relacionados a las variables detalladas anteriormente y está dirigida a los docentes.

La encuesta o llamada también cuestionario es un instrumento de recolección de

datos muy apropiado para cuando la población a investigar es grande, las preguntas

son puntuales y por lo general de respuestas cortas o selectivas. Esta técnica con su

instrumento respectivo se aplicó a los estudiantes.

(Gomez, 2012), define a la entrevista;

En cuanto a la estructura y forma del cuestionario, sus preguntas

deben estar cuidadosamente elaboradas, es importante que no se

incluyan preguntas relevantes intrascendentales. Es relevante, el

orden en el que deben aparecer las preguntas, ya que debe existir

un vínculo y estar relacionadas con el orden en el que son

planteadas. La redacción de las preguntas debe ser sencilla para

que se comprendan fácilmente, además de ser claras y precisas

para llegar directamente al punto de información deseado (Pág.59).

En el presente enunciado el autor nos dice que la entrevista es una

conversación o un dialogo entre dos personas en la cual se realiza una serie de


preguntas seguida de un cuestionario debidamente elaborado en la cual se hace

preguntas personales ya sea para una causa o finalidad.

RECOLECCIÓN DE LA INFORMACIÓN

Para realizar la investigación de este trabajo se partió de la selección de las

unidades de observación, es decir para el presente caso tenemos a los directivos,

Personal de Trabajo, Personal de Venta

A quienes se les aplicó la entrevista y la encuesta respectivamente con el fin

de establecer aquellos aspectos relacionados a la falta de un Aplicativo Web

interactivo.

Las entrevistas se coordinaron con el directivo y trabajadores de acuerdo a

disponibilidades de tiempo. Las encuestas se hicieron en un día y hora determinadas

por el directivo, aplicándolas y recogiéndolas inmediatamente para su respectivo

análisis y posterior tabulación

La encuesta necesita un patrón que está constituida de las siguientes partes.

1.- Encabezado

2.- Número de cada encuesta

3.- Objetivo de la aplicación de la encuesta

4.- Instructivo

La Observación Directa: El investigador conoce el problema y el objeto de

investigación, estudiando su curso natural, sin alteración de las condiciones naturales,

es decir que la observación tiene un aspecto contemplativo.


PROCEDIMIENTO DE LA INVESTIGACIÓN.

En este proyecto se realizó previamente un análisis situacional mediante la

recolección de información con los registros de antecedentes del problema y del

organismo a investigar; luego se aplica encuestas y entrevistas para revisar la

situación actual del problema focal, con el objetivo de descubrir las causas directas e

indirectas del problema de investigación.

Para la ejecución de la investigación del proyecto se procedió con los

siguientes pasos secuenciales tales como:

 Planteamiento del problema

 Aceptación de la asesora

 Buscar información bibliográfica

 Consultas de libros, textos, revistas, folletos

 Consulta en Internet

 Elaboración del marco teórico

 Elaboración de la tesis en computadora

 Asesorías

 Primera revisión del proyecto

 Elaboración de formularios para obtener información

 Aceptación se la asesora

 Aplicación de los formularios

 Análisis de los resultados

 Seguimientos para elaboración del proyecto


 Asesorías, revisión del proyecto

 Entrega del Guía metodológica

 Elaboración de la propuesta

 Asesorías, revisión del proyecto

 Entrega del proyecto

Recolección de la Información

Las actividades realizadas para la recolección de información para esta investigación

fueron:

 Encuestas al Directivo, Trabajadores

 Se consiguió información documentos y el uso del internet relacionados al

tema de investigación para luego proceder a la selección respectiva

Procesamiento y Análisis

En el procesamiento de datos se debe cumplir con la clasificación de las encuestas.

En la investigación se pueden aplicar técnicas, lógicas de inducción, deducción,

análisis, síntesis o estadísticas descriptivas.

Construcción de Escalas

Según la página web: (http://www.eumed.net/libros-gratis/2006c/203/2k.htm, 2012)

define:

El término actitud como la “La suma total de inclinaciones y sentimientos, prejuicios o

distorsiones, nociones preconcebidas, ideas, temores, amenazas y convicciones de


un individuo acerca de cualquier asunto especifico”. Las escalas son instrumentos de

medición de actitudes.

Escala de Likert.

La escala de Likert mide actitudes o predisposiciones individuales en contextos

sociales particulares. Se le conoce como escala sumada debido a que la puntuación

de cada unidad de análisis se obtiene mediante la sumatoria de las respuestas

obtenidas en cada ítem.

La escala se construye en función de una serie de ítems que reflejan una actitud

positiva o negativa acerca de un estímulo o referente. Cada ítem está estructurado

con cinco alternativas de respuesta:

( ) Totalmente de acuerdo

( ) De acuerdo

( ) Indiferente

( ) En desacuerdo

( ) Totalmente en desacuerdo

La unidad de análisis que responde a la escala marcará su grado de aceptación o

rechazo hacia la proposición expresada en el ítem. Los ítems por lo general tienen

implícita una dirección positiva o negativa.


En el caso de que el ítem posea una dirección negativa, la calificación se invierte. Los

ítems se presentan en forma de enunciados cuyo grado de acuerdo o desacuerdo se

solicita a la unidad de análisis. La cantidad de enunciados que integra una escala

Likert varía de acuerdo a la naturaleza de la variable operacionalizada.

RESULTADOS DE ENCUESTA DIRIGIDA PERSONAL EN GENERAL

DEL COMERCIAL “ACCIN”.

1.- ¿Cree usted importante la implantación de un Sistema Web Online para el


Local Comercial donde labora?

Cuadro Nº3: Sistema Web


Nº Valorización Frecuencia %
1 Totalmente de Acuerdo 7 70

2 De acuerdo 0 0

3 Indiferente 3 30

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 10 100%
Fuente: Datos de la investigación
Elaborado por: Jimmy Jara
Gráfico Nº1: Sistema Web

30%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
70%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- El 70% de los encuestados están Totalmente de acuerdo en que se


implemente un sistema web al local comercial mientras tanto el 3%, se encuentra
Indiferente.

2.- ¿Piensa usted que llenará las perspectivas en el ámbito comercial la

implementación de un sistema web?

Cuadro Nº4: Perspectivas del Sistema Web.


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 6 60

2 De acuerdo 3 30

3 Indiferente 1 10

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 10 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº2: Perspectivas del Sistema Web.

30%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
60% Totalmente en desacuerdo
10%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- El 60% de los trabajadores encuestados piensan que si se llenarían las


perspectivas en las ventas por lo cual están totalmente de acuerdo, y el 30% de
ellos se muestran indiferente al consultarlo mientras que el 10% se siente de
acuerdo.
3.- ¿Cree usted que este Sistema Web contribuirá en grandes beneficios para

el progreso técnico y avanzado del Comercial?

Cuadro Nº5: Progreso Técnico y Avanzado del Comercial


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 5 50

2 De acuerdo 2 20

3 Indiferente 2 20

4 En desacuerdo 1 10

5 Totalmente en desacuerdo 0 0

Total 10 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº3: Progreso Técnico y Avanzado del Comercial


10%

Totalmente de acuerdo
20%
De acuerdo
50% Indiferente
En Desacuerdo
Totalmente en desacuerdo

20%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- En esta encuesta realizada el 50% respondieron que están totalmente de


acuerdo que si vendrán muchos beneficios tanto para el local como para ellos, el
20% si está de acuerdo, al 20% de los encuestados les parece indiferente el
sistema web, y el 10% se encuentra en desacuerdo con esta aplicación.

4.- ¿Estaría de acuerdo que dentro del Sistema web se le incorporen las

ofertas que ofrece el Comercial?

Cuadro Nº6: Ofertas que ofrece el Comercial


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 6 60

2 De acuerdo 3 30

3 Indiferente 1 10

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 10 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº4: Ofertas que ofrece el Comercial


10%

Totalmente de acuerdo
De acuerdo
30% Indiferente
En Desacuerdo
60% Totalmente en desacuerdo

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- El 60% de los trabajadores expresan que están totalmente de acuerdo

que se den a conocer las ofertas que se realizan con los productos y servicios del

comercial, el 3% se halla de acuerdo y el 1% le parece indiferente esta propuesta.

5.- ¿Estaría de acuerdo que dentro del Sistema Web se dé a conocer

información completa de la persona encargada de cotizar los

productos?

Cuadro Nº7: Información completa de la persona encargada de cotizar los


productos.
Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 0 0

2 De acuerdo 2 20

3 Indiferente 4 40

4 En desacuerdo 2 20

5 Totalmente en desacuerdo 2 20

Total 10 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Javier

Gráfico Nº5: Información completa de la persona encargada de cotizar los


productos.

20% 20%

Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
20% Totalmente en desacuerdo

40%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Análisis.- Los trabajadores están indiferente con un 40% con la propuesta de que
se dé información completa del vendedor, el 20%, se considera de acuerdo, el 20%
le parece indiferente proporcionar información y el 20% está totalmente en
desacuerdo.

6.- ¿Piensa usted que con la ejecución de un Sistema Web perfeccionaría

la publicidad del comercial?

Cuadro Nº8: Publicidad Comercial


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 8 80

2 De acuerdo 2 20

3 Indiferente 1 10

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 10 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº6: Publicidad Comercial

20%

Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

80%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- En esta encuesta desarrollada se puede ver que un 80% de los


trabajadores responden con un totalmente de acuerdo que la publicidad por medio
web es muy buena mientras que el 20% se encuentra de acuerdo con la propuesta
realizada.

7.- ¿Considera usted que con la creación de un sistema Web se

ahorraría más tiempo laboral al momento de ofrecer los nuevos

productos a los usuarios?

Cuadro Nº9: Ahorro de Tiempo Laboral


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 7 70

2 De acuerdo 2 20

3 Indiferente 1 10

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 10 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº7: Ahorro de Tiempo Laboral.
Totalmente de acuerdo

10%

De acuerdo

20%

Indiferente

70% En Desacuerdo

Totalmente en desacuerdo

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Análisis.- Los trabajadores respondieron que se ahorraría tiempo evitando salir a
ofrecer los servicios y venta de los productos a los usuarios con un porcentaje del
70% están totalmente de acuerdo, el 20%, se muestra de acuerdo y el 10% de los
consultados les parece indiferente este sistema web al ofrecer sus productos.

8.- ¿Está usted de acuerdo que dentro del sistema web se vincule

información de entidades públicas con respecto a la seguridad industrial?

Cuadro Nº10: Información de Seguridad Industrial


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 9 90

2 De acuerdo 1 10

3 Indiferente 0 10

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 10 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº8: Información de Seguridad Industrial

10%

Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

90%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- El 90% de los trabajadores están totalmente de acuerdo que en la página

se vincule información de las entidades respecto a la seguridad industrial mientras

que el 10% está de acuerdo.

9.- ¿Considera necesario que dentro del Sistema Web se proporcione

información e instrucciones básicas de cómo utilizar los equipos contra

incendios?

Cuadro Nº11: Información de Equipos Contra Incendios.


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 7 70

2 De acuerdo 2 20

3 Indiferente 1 10

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 10 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara.

Gráfico Nº9: Información de Equipos Contra Incendios.


10%

Totalmente de acuerdo
20%
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
70%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Análisis.- Para los trabajadores si les parece correcto que se incluya la información
necesaria del uso de los equipos contra incendios respondiendo con un 70% están
totalmente de acuerdo, para el 20%, le parece estar de acuerdo por otra parte el
10% se encuentra indiferente.

10.- ¿Está usted de acuerdo que se ejecute una capacitación para el uso y

manejo correcto del sistema web a implementar en el Comercial?

Cuadro Nº12: Uso y Manejo correcto del Sistema Web


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 6 60

2 De acuerdo 3 30

3 Indiferente 1 10

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 10 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº10: Uso y Manejo correcto del Sistema Web
20%

Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

80%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Análisis.- El 80% de los trabajadores encuestados están totalmente de acuerdo en
que se capacite al personal para el manejo del sistema web, el 20% de trabajadores
se encuentran de acuerdo con lo planteado.

RESULTADOS DE ENCUESTA DIRIGIDA Al PROPIETARIO DEL LOCAL

COMERCIAL “ACCIN”.

1.- ¿Cree usted importante la creación de un Sistema Web Online para su

Local Comercial?

Cuadro Nº13: Sistema Web


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 1 100

2 De acuerdo 0 0

3 Indiferente 0 0

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 1 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº11: Sistema Web

Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- Totalmente de acuerdo en un 100% que se cree un sistema web para su


negocio y está convencido que será de gran necesidad asegura el propietario.

2.- ¿Cree usted que servirá y llenara las perspectivas en el ámbito

publicitario la ejecución de un sistema web?

Cuadro Nº14: Perspectivas del Sistema Web.


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 0 0

2 De acuerdo 0 1

3 Indiferente 0 0

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 1 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº12: Perspectivas del Sistema Web.
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- El propietario está de acuerdo en un 100%. Que se llenaran las


perspectivas a su negocio con la publicidad por medio de una página web.

3.- ¿Cree usted que este Sistema Web contribuirá en grandes beneficios para

el avance tecnológico de su Comercial?

Cuadro Nº15: Progreso Tecnológico del Comercial


Nº Valorización Frecuencia %

Totalmente de Acuerdo 1 100


1
2 De acuerdo 0 0

3 Indiferente 0 0

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 1 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº13: Progreso Tecnológico del Comercial


Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- El propietario está Totalmente de acuerdo que será de gran progreso


implantar este sistema.

4.- ¿Está usted de acuerdo que dentro del Sistema web a implementar se le

agreguen ofertas comerciales que ofrece su Local?

Cuadro Nº16: Ofertas que ofrece el Local Comercial


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 1 100

2 De acuerdo 0 0

3 Indiferente 0 0

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 1 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº14: Ofertas que ofrece el Local Comercial


Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- Totalmente de acuerdo que se presente las ofertas de sus productos


asegura el propietario del comercial.

5.- ¿Estaría usted de acuerdo que dentro del Sistema Web se dé a conocer

información completa de sus trabajadores que laboran en su Negocio?

Cuadro Nº17: Información sobre vendedores del Comercial


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 0 0
2 De acuerdo 0 20

3 Indiferente 1 40

4 En desacuerdo 0 20

5 Totalmente en desacuerdo 0 20

Total 1 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Javier

Gráfico Nº15: Información sobre vendedores del Comercial


Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- En esta encuesta realizada el propietario se encuentra indiferente en


que se dé a conocer información de sus trabajadores que laboran en su negocio.

6.- ¿Piensa usted como propietario que con la ejecución de un Sistema

Web mejoraría las ventas del comercial?

Cuadro Nº18: Venta Comercial


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 0 0

2 De acuerdo 1 100

3 Indiferente 0 0

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 1 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº16: Publicidad Comercial


Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- El propietario está de acuerdo en que gracias a esta aplicación web se


mejorarían las ventas y servicios diarios de su negocio comercial.

7.- ¿Considera usted que la creación de un sistema Web ahorraría

tiempo laboral al instante que sus vendedores den a ofrecer los

productos y servicios a los clientes?

Cuadro Nº19: Ahorro de Tiempo Laboral


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 0 0

2 De acuerdo 1 100

3 Indiferente 0 0

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 1 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº17: Ahorro de Tiempo Laboral.


Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- El propietario está de acuerdo que se ganara tiempo con los clientes al
ofrecer servicios y ventas y se evitaría salidas y gastos económicos.

8.- ¿Considera usted que implementando nuevos sistemas de publicidad

comercial web se dejen de utilizar los antiguos y hasta ahora utilizados

volantes y anuncios por periódicos?

Cuadro Nº20: Publicidad Web


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 0 0

2 De acuerdo 0 0

3 Indiferente 1 100

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 1 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº18: Publicidad Web


Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- En esta pregunta el propietario responde que considera indiferente con el


utilizar otros tipos de publicidad como son las volantes o anuncios por periódicos.

9.- ¿Considera usted que sea necesario que en el Sistema Web se

proporcione información e instrucciones básicas de cómo utilizar los

equipos contra incendios?

Cuadro Nº21: Información de Equipos Contra Incendios.


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 0 0
2 De acuerdo 1 100

3 Indiferente 0 0

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 1 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara.

Gráfico Nº19: Información de Equipos Contra Incendios.


Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- Con 100% de acuerdo el propietario dispone a proporcionar información


de cómo utilizar sus productos contra incendios.
10.- ¿Está de acuerdo que se mande a capacitar a sus empleados para que

tengan conocimiento sobre el uso y manejo correcto del sistema web y

otros conocimientos tecnológicos a implementar en el Comercial?

Cuadro Nº22: Uso y Manejo correcto del Sistema Web


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 0 0

2 De acuerdo 0 30

3 Indiferente 1 100

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 1 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº20: Uso y Manejo correcto del Sistema Web


Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- El propietario en la pregunta realizada se encuentra indiferente a que se


mande a capacitar a sus empleados para el uso del sistema web.

RESULTADOS DE ENCUESTA DIRIGIDA A CLIENTES EN GENERAL DEL LOCAL

COMERCIAL “ACCIN”

1.- ¿Considera usted como cliente que se cree un Sistema Web Online para el

Local Comercial?

Cuadro Nº23: Sistema Web online


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 13 65

2 De acuerdo 7 35

3 Indiferente 0 0

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 20 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº21: Sistema Web online

35% Totalmente de acuerdo


De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
65%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
13 / 20 = 0.65 * 100 = 65

Análisis.- Los clientes encuestados respondieron el 65% que están totalmente de


acuerdo en que se implemente un sistema web a este Comercial mientras el 35 %
de acuerdo.

2.- ¿Piensa usted que llenará las necesidades de manera más rápida al

momento de querer comprar algún producto?

Cuadro Nº24: Necesidades rápidas en la compra de un producto


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 14 70

2 De acuerdo 4 20

3 Indiferente 2 10

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 20 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
14 / 20 = 0.7 * 100 = 100
Gráfico Nº22: Necesidades rápidas

10%

Totalmente de acuerdo
20%
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
70%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- Los clientes encuestados respondieron un 70% que están totalmente de


acuerdo que podrán saber y adquirir de manera ágil lo requerido, un 20% de
acuerdo y 10% indiferente sobre si cubrirá las necesidades de compra.

3.- ¿Considera usted que el sistema web se lo realice de manera dinámica y

con una interfaz sencilla?

Cuadro Nº25: Diseño del Sistema


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 7 35

2 De acuerdo 10 50

3 Indiferente 3 15

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 20 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº23: Diseño del Sistema
15%

35% Totalmente de acuerdo


De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

50%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- Los clientes encuestados respondieron un 35% que están totalmente de


acuerdo que el diseño sea sencillo y entendible para los usuarios, un 50% de
acuerdo y 15% indiferente sobre el diseño del sistema.

4.- ¿Está de acuerdo que se utilicen nuevos métodos de publicidad como es

el uso de una página web?

Cuadro Nº26: Uso de página Web


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 17 85

2 De acuerdo 2 10

3 Indiferente 1 5

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 20 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº24: Uso de Pagina Web


5%
10%

Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

85%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- En esta pregunta los clientes respondieron con un 85% que están
totalmente de acuerdo la realización de un nuevo método de publicidad mientras
que el 10% dice estar de acuerdo y un 5% indiferente sobre si es bueno la creación
de una página web.

5.- ¿Estaría de acuerdo que con este nuevo sistema web, el local ofrezca sus
servicios y cotizaciones mediante correos o preguntas online?

Cuadro Nº27: Métodos de servicios


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 8 40

2 De acuerdo 11 55

3 Indiferente 1 5

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 20 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº25: Métodos de servicios
5%

Totalmente de acuerdo
40%
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo
55%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- Los clientes encuestados manifestaron que están de acuerdo que se


hagan las cotizaciones por medio de correos con un 55% por lo que el 40% está
totalmente de acuerdo y 5% indiferente de que se atiendan sus servicios por
internet.

6.- ¿Estaría dispuesta/o a utilizar este nuevo sistema de ventas a implementar


en el Comercial?

Cuadro Nº28: Sistema de ventas


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 16 80

2 De acuerdo 3 15

3 Indiferente 1 5

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 20 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº26: Sistema de ventas

5%
15%
Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

80%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- Con un 80% los clientes respondieron que están totalmente de acuerdo
en utilizar esta aplicación web, un 15% está de acuerdo y mientras que el 5%
indiferente en que utilizara la página web.

7.- ¿Considera usted que con la creación de un sistema Web usted

ahorraría tiempo y dinero al querer un servicio o comprar un producto

sin necesidad de ir directo al Comercial?

Cuadro Nº29: Ahorro de Tiempo y dinero


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 18 90

2 De acuerdo 2 10

3 Indiferente 10

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 20 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara
Gráfico Nº27: Ahorro de Tiempo y dinero
10%

Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

90%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- En esta pregunta echa a los clientes respondieron que un 90% están
totalmente de acuerdo y un 10% de acuerdo que se ahorrarían tiempo y dinero con
una página web.

8.- ¿Estaría usted de acuerdo que dentro del sistema web se le vincule al

cliente información sobre entidades públicas para permisos municipales?

Cuadro Nº30: Información de Seguridad Industrial


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 19 95
2 De acuerdo 1 5

3 Indiferente 0 0

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 20 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº28: Información de Seguridad Industrial


5%

Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

95%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- Con el 95% los clientes dieron a conocer que están totalmente de
acuerdo que se brinde información para los permisos, y un 5% de acuerdo que se
incluya información de entidades públicas.

9.- ¿Considera que es necesario que el Sistema Web se le brinde

información e instrucciones básicas de cómo utilizar los equipos contra

incendios que usted adquiere?

Cuadro Nº31: Información de Equipos Contra Incendios.


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 17 85

2 De acuerdo 3 15

3 Indiferente 0 0

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 20 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara.

Gráfico Nº29: Información de Equipos Contra Incendios.


15%

Totalmente de acuerdo
De acuerdo
Indiferente
En Desacuerdo
Totalmente en desacuerdo

85%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- Un 85% está totalmente de acuerdo que haiga instrucciones de utilizar


equipos contra incendios y un 15% de acuerdo a que se les brinde información de
cómo utilizar los equipos adquiridos dentro del Local.
10.- ¿Considera usted que nuestra página web promoverá una nueva

experiencia tecnológica al usuario (usted)?

Cuadro Nº32: Experiencia tecnológica


Nº Valorización Frecuencia %

1 Totalmente de Acuerdo 16 80

2 De acuerdo 3 15

3 Indiferente 1 5

4 En desacuerdo 0 0

5 Totalmente en desacuerdo 0 0

Total 20 100%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Gráfico Nº30: Experiencia tecnológica


5%
15% Totalmente de acuerdo

De acuerdo

Indiferente

En Desacuerdo

Totalmente en desacuerdo
80%

Fuente: Datos de la investigación


Elaborado por: Jimmy Jara

Análisis.- En esta última pregunta realizada a los clientes respondieron un 80%


que están totalmente de acuerdo a que esto impulsara una experiencia a los
usuarios en el mundo del internet, mientras que el 15% se siente de acuerdo y el
5% se mostró indiferente.
DISEÑO DEL APLICATIVO WEB COMERCIAL ACCIN
Inicio de la Página Principal donde encontramos barra de menú de opciones Inicio,
Productos, Servicios, Contactos, Nosotros.

Registros de clientes: Ingreso Base de Datos Clientes Mysql.


LISTADO DE PRODUCTOS 1

Lista 1 de productos: Imágenes de presentación. Al dar clic en cada imagen se presentaran la


descripción de cada producto.

LISTADO DE PRODUCTOS 2
Lista 2 de productos: Imágenes de presentación. Al dar clic en cada imagen se presentaran la
descripción de cada producto.

LISTADO DE PRODUCTOS 3
Lista 3 de productos: Imágenes de presentación. Al dar clic en cada imagen se presentaran la
descripción de cada producto.
LISTADO DE PRODUCTOS 4

Lista 4 de productos: Imágenes de presentación. Al dar clic en cada imagen se presentaran la


descripción de cada producto.
LISTADO DE PRODUCTOS 5

Lista 5 de productos: Imágenes de presentación. Al dar clic en cada imagen se presentaran la


descripción de cada producto.
LISTADO DE PRODUCTOS 6

Lista 6 de productos: Imágenes de presentación. Al dar clic en cada imagen se presentaran la


descripción de cada producto.
PANTALLA DEL BOTÓN NOSOTROS

Describe los campos de acción de la empresa, así como la visión y misión de la institución

PANTALLA DEL BOTÓN CONTACTOS


Permite el ingreso de datos de contacto, estos serán enviados al correo institucional de la
empresa para su pronta respuesta
PANTALLA DEL BOTÓN DE SERVICIOS DE RECARGA DE

EXTINTORES Y PERMISOS

Permite contacta al cliente en el caso de realizar alguna carga de extintores, enviando su


respectiva proforma o factura
PANTALLA DE SERVICIOS – PERMISOS

Presentación de servicios y permisos por la empresa

PANTALLA DE SERVICIOS – PERMISOS


PANTALLA DE SERVICIOS – PERMISOS
PANTALLA DE SERVICIOS – PERMISOS
PANTALLA DE SERVICIOS – PERMISOS
PANTALLA DE SERVICIOS – PERMISOS
PANTALLA DE SERVICIOS – PERMISOS
PANTALLA DE SERVICIOS – PERMISOS
PANTALLA DE COTIZACIÓN DE UN PRODUCTO

Permite realizar la cotización de los diferentes productos que brindan la empresa , esta
información en enviado al correo institucional de la empresa
PANTALLA PRINCIPAL PARA INGRESAR AL ADMINISTRADOR

Permite el ingreso como administrador de sistema, permite verificar los datos realizados en
los diferentes procesos informáticos y de bases de datos de aplicativo web.
PANTALLA PRINCIPAL DE INGRESO DEL ADMINISTRADOR

Aplicativo web para ingreso de usuario y password, este aplicativo permite el ingreso de los
modulos Clientes, Contactos,Productos.
PANTALLA DE INGRESO AL SISTEMA

Presentancion de los Modulos de Clientes, Contactos y Productos


PANTALLA DE INGRESO A LA OPCIÓN CLIENTES

Este aplicativo permite manejar la estructura de la bases de datos de clientes productos y


contactos
PANTALLA DE INGRESO A LA OPCIÓN MOSTRAR TODO

Permite el ingreso de registros de clientes


Nombre:
Cedula:
Dirección:
Teléfono:
Factura:
Fecha
PANTALLA DE INGRESO A LA OPCIÓN AGREGAR NUEVOS
REGISTROS

Este módulo permite agregar un nuevo usuario o cliente


Nombre:
Numero de Ruc:
Dirección el Cliente:
Numero de Teléfono
Detalle:
Numero de Factura:
Ingrese Fecha:

PANTALLA DE INGRESO A LA OPCIÓN MODIFICAR CLIENTES

Este modulo permite buscar y modificar los registros de clientes.


PANTALLA DE INGRESO A LA OPCIÓN MODIFICAR CLIENTES

Este modulo permite buscar y modificar los registros de clientes.


PANTALLA DE INGRESO A LA OPCIÓN ELIMINAR CLIENTES

Este módulo permite buscar el nombre del cliente y eliminarlo, así mismo por registro cedula
PANTALLA DE INGRESO A LA OPCIÓN ELIMINAR CLIENTES

Este módulo permite buscar el nombre del cliente y eliminarlo, así mismo por registro cedula
PANTALLA DE INGRESO A LA OPCIÓN AGREGAR NUEVO USUARIO

Este módulo permite el ingreso de nuevo usuario al sistema


PANTALLA DE INGRESO A LA OPCIÓN PRODUCTOS

Este módulo permite el ingreso de los productos


Código:
Nombre:
Cantidad:
Detalle:

PANTALLA DE INGRESO A LA OPCIÓN PRODUCTOS

Este módulo permite el ingreso de contactos


CODIFICACIÓN

INICIO DE LA PAGINA WEB


<head>
<title>ACCIN</title>
<style type="text/css">
<!--
div {
margin: .4em 0;
}
div label {
width: 45%;
float: left;
}
body {
background-image: url(imagen/fondos/diseno-de-fondos-blanco-1851.jpg);
background-repeat: repeat;
}
#Layer1 {
position:absolute;
width:72px;
height:1388px;
z-index:1;
left: 1px;
top: -6px;
background-color: #FF0000;
}
#Layer2 {
position:absolute;
width:719px;
height:45px;
z-index:2;
left: 77px;
top: 243px;
background-color: #FF0000;
}
#Layer3 {
position:absolute;
width:84px;
height:31px;
z-index:3;
left: 87px;
top: 249px;
background-color: #000000;
}
#Layer4 {
position:absolute;
width:153px;
height:31px;
z-index:4;
left: 180px;
top: 249px;
background-color: #000000;
}
#Layer5 {
position:absolute;
width:133px;
height:31px;
z-index:5;
left: 345px;
top: 249px;
background-color: #000000;
}
#Layer6 {
position:absolute;
width:152px;
height:31px;
z-index:6;
left: 489px;
top: 249px;
background-color: #000000;
}
#Layer7 {
position:absolute;
width:136px;
height:31px;
z-index:7;
left: 653px;
top: 249px;
background-color: #000000;
}
.Estilo3 {font-size: 24px; color: #FFFFFF; font-weight: bold; }
#Layer8 {
position:absolute;
width:928px;
height:279px;
z-index:8;
left: 62px;
top: 305px;
}

-->
#Layer9 {
position:absolute;
width:276px;
height:366px;
z-index:9;
left: 990px;
top: 305px;
background-color: #F3F3F5;
}
.Estilo6 {
font-size: 24px;
font-weight: bold;
}
#Layer10 {
position:absolute;
width:416px;
height:85px;
z-index:10;
left: 88px;
top: 633px;
}
.Estilo22 {
font-size: 36px;
font-weight: bold;
font-style: italic;
}
#Layer11 {
position:absolute;
width:276px;
height:252px;
z-index:11;
left: 96px;
top: 738px;
}

-->
</style>

<!-- Start WOWSlider.com HEAD section -->, <!-- add to the <head> of your page -->
<link rel="stylesheet" type="text/css" href="engine2/style.css" />
<!--script type="text/javascript" src="engine2/jquery.js"></script-->
<!-- End WOWSlider.com HEAD section -->
<style type="text/css">
<!--
#Layer12 {
position:absolute;
width:881px;
height:205px;
z-index:12;
left: 421px;
top: 620px;
}
#Layer13 {
position:absolute;
width:27px;
height:24px;
z-index:13;
left: 1268px;
top: 1305px;
background-color: #FFFFFF;
}
.Estilo28 {color: #000000}
#Layer14 {
position:absolute;
width:1228px;
height:149px;
z-index:14;
left: 75px;
top: 1188px;
background-color: #F3F3F5;
}
.Estilo27 { color: #000000;
font-size: 10px;
font-weight: bold;
}
#Layer15 {
position:absolute;
width:200px;
height:93px;
z-index:15;
left: 173px;
top: 33px;
}
.Estilo31 {font-size: 10px; font-weight: bold; }
#Layer16 {
position:absolute;
width:1230px;
height:45px;
z-index:15;
left: 74px;
top: 1338px;
background-color: #000000;
}
.Estilo32 {color: #FFFFFF}
.Estilo33 {font-size: 12px}
#Layer17 {
position:absolute;
width:1222px;
height:115px;
z-index:16;
left: 76px;
top: 1050px;
}
#Layer18 {
position:absolute;
width:285px;
height:355px;
z-index:17;
left: 975px;
top: 298px;
}
.Estilo34 {
color: #0033CC;
font-size: 24px;
font-weight: bold;
font-style: italic;
}
.Estilo37 {
font-size: 20px;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
#Layer19 {
position:absolute;
width:22px;
height:15px;
z-index:18;
left: 1242px;
top: 1377px;
background-color: #FFFFFF;
}
#Layer20 {
position:absolute;
width:28px;
height:19px;
z-index:1;
left: 1275px;
top: 1358px;
background-color: #FFFFFF;
}
#Layer21 {
position:absolute;
width:17px;
height:13px;
z-index:18;
background-color: #FFFFFF;
left: 1210px;
top: 25px;
}
-->
</style>
</head>

<body>
<form action="client.php" method="post" >
<div id="Layer1">

</div>

<a href="index.html"><img src="imagen/accinprin.png" alt="accinprin" width="776"


height="232" border="0" /></a>
<div class="Estilo33" id="Layer16">
<p align="center"><strong><span class="Estilo32">Desarrollado por
J&amp;J</span></strong></p>

<div id="Layer21"><a href="login.html"><img src="imagen/fondos/ajustes.png" width="16"


height="13" border="0" /></a></div>
</div>
<div id="Layer2"></div>
<a href="index.html"><div class="Estilo3" id="Layer3">INICIO</div></a>
<a href="productos.html"><div class="Estilo3" id="Layer4">PRODUCTOS</div></a>
<div class="Estilo3" id="Layer5"><a href="servicios.html"
class="Estilo32">SERVICIOS</a></div>
<a href="contacto.html"> <div class="Estilo3" id="Layer6">CONTACTOS</div></a>
<div id="Layer17"><img src="imagen/articulos/fond pro 2.jpg" width="1220" height="118"
/></div>
<a href="nosotros.html"><div class="Estilo3" id="Layer7">NOSOTROS</div>
</a>
<div id="Layer8"><!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/......jpg" alt="" title="" id="wows1_0"/></li>
<li><img src="data1/images/a.png" alt="" title="" id="wows1_1"/></li>
<li><img src="data1/images/bb.jpg" alt="" title="" id="wows1_2"/></li>
<li><a href="http://wowslider.com"><img src="data1/images/cc.jpg"
alt="wowslider" title="" id="wows1_3"/></a></li>
<li><img src="data1/images/extintores.jpg" alt="" title="" id="wows1_4"/></li>
</ul>
</div>
<div class="ws_bullets"><div>
<a href="#" title=""><span><img src="data1/tooltips/......jpg"
alt=""/>1</span></a>
<a href="#" title=""><span><img src="data1/tooltips/a.png"
alt=""/>2</span></a>
<a href="#" title=""><span><img src="data1/tooltips/bb.jpg"
alt=""/>3</span></a>
<a href="#" title=""><span><img src="data1/tooltips/cc.jpg"
alt=""/>4</span></a>
<a href="#" title=""><span><img src="data1/tooltips/extintores.jpg"
alt=""/>5</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a
href="http://wowslider.com">jquery slider</a> by WOWSlider.com v8.7</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section --></div>
<div id="Layer18">
<fieldset>
<legend><span class="Estilo2 Estilo34">Registro de Clientes</span></legend>
<div>
<label for="nombre"><span class="Estilo37">Nombres/Nombre Comercial:</span> </label>
<input type="text" name="nombre" id="nombre" placeholder="Aquí su nombre" required />
</div>

<div>
<label for="cedula"><span class="Estilo37">Cedula:</span></label>
<input type="text" name="cedula" maxlength="13" id="cedula" placeholder="Ced/Ruc"
required/>
</div>
<div>
<label for="email"><span class="Estilo37">E-mail: </span></label>
<input type="text" pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-
9-]+)*$" name="email" id="email" placeholder="email@example.com" required/>
</div>
<div>
<label for="direccion"><span class="Estilo37">Direccion: </span></label>
<input type="text" name="direccion" id="direccion" placeholder="Direccion" required/>
</div>
<div>
<label for="telefono"><span class="Estilo37">Telefono: </span></label>
<input type="text" name="telefono" id="telefono" placeholder="Tel/Cel." required/>
</div>

<p>
<input type="submit" class="Estilo13" style="background-color:#FFCC66; font-size: 18px;"
value ="Registrar" />
<input type="reset" style="background-color:#FFCC66; font-size: 18px;" value="Limpiar" />
</p>
</fieldset>
</div>
<div class="Estilo22" id="Layer10">Nuestros productos y Servicios </div>

<div id="Layer11">
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
<div id="wowslider-container2">
<div class="ws_images"><ul>
<li><img src="data2/images/60010.jpg" alt="Casco de Seguridad" title="Casco
de Seguridad" id="wows2_0"/></li>
<li><img src=’data2/images/392928.jpg’ alt="Triangulos Reflectivos"
title="Triangulos Reflectivos" id="wows2_1"/></li>
<li><img src="data2/images/cpk.jpg" alt="Fajas" title="Fajas"
id="wows2_2"/></li>
<li><a href="http://wowslider.com"><img
src="data2/images/4b621d3aa61c44de834bee2179b08619.jpg" alt="wow slider"
title="Letreros de seguridad" id="wows2_3"/></a></li>
<li><img src="data2/images/mascarillas400x290.png" alt="Mascarilla"
title="Mascarilla" id="wows2_4"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="Casco de Seguridad"><span><img
src="data2/tooltips/60010.jpg" alt="Casco de Seguridad"/>1</span></a>
<a href="#" title="Triangulos Reflectivos"><span><img
src="data2/tooltips/392928.jpg" alt="Triangulos Reflectivos"/>2</span></a>
<a href="#" title="Fajas"><span><img src="data2/tooltips/cpk.jpg"
alt="Fajas"/>3</span></a>
<a href="#" title="Letreros de seguridad"><span><img
src="data2/tooltips/4b621d3aa61c44de834bee2179b08619.jpg" alt="Letreros de
seguridad"/>4</span></a>
<a href="#" title="Mascarilla"><span><img
src="data2/tooltips/mascarillas400x290.png" alt="Mascarilla"/>5</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a
href="http://wowslider.com">wowslider.com</a> by WOWSlider.com v8.7</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine2/wowslider.js"></script>
<script type="text/javascript" src="engine2/script.js"></script>
<!-- End WOWSlider.com BODY section --></div>

<div id="Layer12">
<p class="Estilo6"><img src="imagen/fondos/extin4.png" width="557" height="559" /></p>
<p>&nbsp;</p>
</div>

<div id="Layer14">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index.html"><img src="imagen/fondos/casa.png" width="26"
height="24" /> <span class="Estilo27">INICIO</span></a> </p>
<div id="Layer15">
<p>*<a href="Nosotros.html" class="Estilo28"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /> <span class="Estilo31">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo28"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo31">PRODUCTOS</span></a></p>
</div>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="26"
height="25" /> <span class="Estilo27">CONTACTOS</span></a></p>
</div>
</form>
</body>
</html>

PRODUCTOS
<head>
<title>Productos</title>
<style type="text/css">
<!--
#main-header {
background: #333;
color: white;
height: 90px;
width: 83%;
left: 0;
top: 0;
position: fixed;
margin-left: 79px;
}
#main-header a {
color: white;
}
body {
background-image: url(proyecto accin/imagen/fondos/diseno-de-fondos-blanco-
1851.jpg);
background-image: url(imagen/fondos/diseno-de-fondos-blanco-1851.jpg);
background-color: #FFFFFF;
}
#Layer1 {
position:absolute;
width:749px;
height:264px;
z-index:1;
left: 202px;
top: 76px;
}
#Layer2 {
position:absolute;
width:693px;
height:40px;
z-index:2;
left: 147px;
top: 302px;
}

#Layer8 {
position:absolute;
width:205px;
height:59px;
z-index:8;
left: 526px;
top: 377px;
}
#Layer9 {
position:absolute;
width:76px;
height:1587px;
z-index:9;
left: 3px;
top: 1px;
background-color: #FF6600;
}
#Layer10 {
position:absolute;
width:1052px;
height:642px;
z-index:10;
left: 97px;
top: 454px;
background-color: #FFFFFF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.Estilo6 {color: #000000}
.Estilo7 {color: #FFFFFF}
#Layer11 {
position:absolute;
width:191px;
height:30px;
z-index:11;
left: 466px;
top: 1171px;
}
.Estilo8 {font-size: 24px}
#Layer12 {
position:absolute;
width:79px;
height:1586px;
z-index:12;
left: 1185px;
top: 1px;
background-color: #FF6600;
}
#Layer13 {
position:absolute;
width:1101px;
height:149px;
z-index:13;
left: 81px;
top: 1367px;
background-color: #F3F3F5;
}
#Layer14 {
position:absolute;
width:151px;
height:103px;
z-index:14;
left: 170px;
top: 34px;
}
#Layer15 {
position:absolute;
width:1105px;
height:64px;
z-index:14;
left: 79px;
top: 1517px;
background-color: #000000;
}
#Layer16 {
position:absolute;
width:1104px;
height:115px;
z-index:15;
left: 80px;
top: 1216px;
}
.Estilo20 {font-size: 36px}
.Estilo22 {font-size: 12px}
.Estilo25 {font-size: 10px; font-weight: bold; }
.Estilo27 {
color: #000000;
font-size: 10px;
font-weight: bold;
}
.Estilo28 {
font-size: 18px;
color: #000000;
font-weight: bold;
}
.Estilo29 {
font-size: 18px;
font-weight: bold;
}
.Estilo30 {font-size: 18px}
/*
* Navegaciónes
*/
nav {
float: right;
}
nav ul {
margin: 0;
padding: 100;
list-style: none;
padding-right: 20px;
}

nav ul li a:hover {
background: #0b76a6;
}
#logotipo-header {
float: left;
padding: 15px 0 0 20px;
text-decoration: none;
}
#logo-header:hover {
color: #0b76a6;
}

#logotipo-header .site-name {
display: block;
font-weight: 700;
font-size: 1.2em;
}

#logtipo-header .site-desc {
display: block;
font-weight: 300;
font-size: 0.8em;
color: #000;
}
#Layer3 {
position:absolute;
width:200px;
height:115px;
z-index:16;
}
-->
</style></head>
<body>
<div id="Layer3">
<header id="main-header">

<a id="logo-header" href="index.html">


<span class="site-name">ACCIN</span>
<span class="site-desc">ACCION CONTRA INCENDIOS</span>
</a> <!-- / #logo-header -->

<nav>
<ul>
<li><a href="index.html">INICIO</a></li>
<li><a href="productos.html">PRODUCTO</a></li>
<li><a href="contacto.html">CONTACTO</a></li>
<li><a href="servicios.html">SERVICIOS</a></li>
<li><a href="Nosotros.html">NOSOTROS</a></li>
</ul>
</nav><!-- / nav -->

</header></div>
<div id="Layer1"><a href="index.html"><img src="imagen/fondoaccin.png" alt="fondo"
width="686" height="254" border="0" /></a></div>

<
<div id="Layer8"><img src="imagen/PRO copia.png" alt="pro" width="194" height="52"
/></div>

<div id="Layer9"></div>

<div id="Layer10">
<table width="1053" height="597" border="1" bgcolor="#FFFFFF">
<tr>
<td width="246" height="124"><div align="center">
<p><img src="imagen/articulos/CINTA.jpg"
onmouseover="this.width=246;this.height=189;"
onmouseout="this.width=189;this.height=150;" alt="cinta" width="189" height="150" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">CINTA REFLECTIVA PARA
CARRO </a></strong></p>
</div></td>

<td width="246"><div align="center">


<p><img
src="imagen/articulos/GUANTES.jpg"onmouseover="this.width=246;this.height=189;"
onmouseout="this.width=189;this.height=150;" alt="cinta" width="189" height="150" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">GUANTES DE SEGURIDAD</a>
</strong></p>
</div></td>

<td width="246"><div align="center">


<p><img src="imagen/articulos/TRIANGULO
SENCILLO.jpg"onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=135;this.height=143;" alt="cinta" width="135" height="143" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">TRIANGULO SENCILLO</a>
</strong></p>
</div></td>

<td width="246"><div align="center">


<p><img
src="imagen/articulos/CASCO.jpg"onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=182;this.height=130;" alt="cinta" width="182" height="130" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">CASCO AMARILLO</a></strong>
</p>
</div></td>
</tr>
<tr>
<td height="124"><div align="center"><img src="imagen/articulos/CHALECO.png"
onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=189;this.height=150;" alt="cinta" width="189" height="150"
/><strong><a href="cotizacion.html" class="Estilo6">CHALECO VERDE
</a></strong></div></td>

<td><p align="center"><img src="imagen/articulos/CINTA PELIGRO.gif"


onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=189;this.height=150;" alt="cinta" width="189" height="150"
/><strong> <span class="Estilo7">M</span></strong></p>
<p align="center"><strong><a href="cotizacion.html" class="Estilo6">CINTA PELIGRO
ROJO </a></strong></p></td>

<td><div align="center">
<p><img
src="imagen/articulos/CONO.jpg"onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=108;this.height=143;" alt="cinta" width="108" height="143" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">CONO DE CAUCHO
12&quot;</a> </strong></p>
</div></td>

<td><div align="center">
<p><img src="imagen/articulos/FAJA.jpg"onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=93;this.height=108;" alt="cinta" width="93" height="108" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">FAJA DE SEGURIDAD
</a></strong></p>
</div></td>
</tr>
<tr>
<td height="180"><div align="center">
<p><img src="imagen/articulos/2lbs.jpg"onmouseover="this.width=220;this.height=170;"
onmouseout="this.width=88;this.height=129;" alt="cinta" width="88" height="129" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">EXTINTOR P.Q.S. 2
LBS</a></strong> </p>
</div></td>

<td><div align="center">
<p align="center"><img src="imagen/articulos/GAFAS1.jpg"
onmouseover="this.width=230;this.height=160;" onmouseout="this.width=171;this.height=85;"
alt="cinta" width="169" height="114" /></p>
<p align="center"><strong><a href="cotizacion.html" class="Estilo6">GAFA CONTRA
IMPACTOS</a></strong> </p>
</div></td>

<td><div align="center">
<p><img src="imagen/articulos/TRIANGULOS.jpg"
onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=189;this.height=150;" alt="cinta" width="189" height="150"
/><strong><a href="cotizacion.html" class="Estilo6">TRIANGULO PLASTICO
</a></strong></p>
</div></td>

<td><div align="center">
<p><img
src="imagen/articulos/MASCARA.png"onmouseover="this.width=230;this.height=160;"
onmouseout="this.width=138;this.height=112;" alt="cinta" width="138" height="112" /></p>
<p><strong><a href="cotizacion.html" class="Estilo6">MASCARILLA </a></strong></p>
</div></td>
</tr>
</table>
</div>

<div class="Estilo8" id="Layer11">


<table width="307" border="1">
<tr>
<td width="66"><div align="center"><a href="productos.html" class="Estilo51
Estilo28">Primero</a></div></td>
<td width="20"><div align="center"><a href="productos.html" class="Estilo51
Estilo28">1</a></div></td>
<td width="22"><div align="center"><a href="productos 2.html" class="Estilo51 Estilo6
Estilo29">2</a></div></td>
<td width="22"><div align="center"><a href="productos 3.html" class="Estilo51
Estilo28">3</a></div></td>
<td width="24"><div align="center"><a href="productos 4.html" class="Estilo51
Estilo28">4</a></div></td>
<td width="19"><div align="center"><a href="productos 5.html" class="Estilo51 Estilo6
Estilo30">5</a></div></td>
<td width="23"><div align="center"><a href="productos 6.html" class="Estilo51
Estilo28">6</a></div></td>
<td width="59"><div align="center"><a href="productos 6.html"
class="Estilo28">Ultimo</a></div></td>
</tr>
</table>
</div>

<div id="Layer13">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index.html"><img src="imagen/fondos/casa.png" width="26"
height="24" /> <span class="Estilo27">INICIO</span></a> </p>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="26"
height="20" /> <span class="Estilo27">CONTACTOS</span></a> </p>
<div id="Layer14">
<p>*<a href="Nosotros.html" class="Estilo6"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /> <span class="Estilo25">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo6"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo25">PRODUCTOS</span></a></p>
<p>&nbsp;</p>
</div>
</div>

<div class="Estilo22" id="Layer15">


<p align="center"><strong><span class="Estilo7">Desarrollado por
J&amp;J</span></strong></p>
<p align="center">&nbsp;</p>
</div>
<div class="Estilo20" id="Layer16"><img src="imagen/fondos/fondo producos.jpg"
width="1104" height="119" /></div>
</body>
</html>

CONTACTOS

<head>
<title>Contacto</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:271px;
height:108px;
z-index:1;
left: 124px;
top: 6px;
}
#Layer2 {
position:absolute;
width:575px;
height:49px;
z-index:2;
left: 162px;
top: 147px;
background-color: #F3F3F5;
}
.Estilo2 {color: #F3F3F5}
#Layer3 {
position:absolute;
width:84px;
height:1119px;
z-index:3;
left: 1px;
top: 0px;
background-color: #FFCC00;
}
#Layer4 {
position:absolute;
width:1072px;
height:115px;
z-index:4;
left: 139px;
top: 238px;
}
#Layer5 {
position:absolute;
width:236px;
height:264px;
z-index:5;
left: 138px;
top: 411px;
background-color: #F3F3F5;
}
.Estilo3 {
font-size: 24px;
font-weight: bold;
}
.Estilo4 {
font-size: 14px;
font-family: "Times New Roman", Times, serif;
}
.Estilo5 {
font-size: 18px;
font-weight: bold;
}
#Layer6 {
position:absolute;
width:428px;
height:346px;
z-index:6;
left: 440px;
top: 418px;
}
#Layer7 {
position:absolute;
width:62px;
height:37px;
z-index:7;
left: 638px;
top: 798px;

.Estilo7 {color: #FFFFFF}


#Layer8 {
position:absolute;
width:1176px;
height:142px;
z-index:7;
left: 86px;
top: 922px;
background-color: #F3F3F5;
}
.Estilo27 { color: #000000;
font-size: 10px;
font-weight: bold;
}
#Layer9 {
position:absolute;
width:200px;
height:89px;
z-index:8;
left: 144px;
top: 34px;
}
.Estilo25 {font-size: 10px; font-weight: bold; }
.Estilo6 {color: #000000}
#Layer10 {
position:absolute;
width:1176px;
height:64px;
z-index:8;
left: 86px;
top: 1055px;
background-color: #000000;
}
.Estilo8 {font-size: 12px}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.Estilo28 {
color: #FF0000;
font-weight: bold;
}
.Estilo29 {
font-size: 12px;
font-weight: bold;
font-style: italic;
}
.Estilo30 {color: #FF0000}
#Layer11 {
position:absolute;
width:451px;
height:443px;
z-index:9;
left: 803px;
top: 418px;
}

-->
</style>
</head>

<body>
<div id="Layer1"><a href="index.html"><img src="imagen/fondoaccin.png" width="555"
height="130" border="0" /></a></div>
<div id="Layer2">
<div align="center">
<p><strong><a href="index.html" class="Estilo6">INICIO</a> <span
class="Estilo2">KK</span><a href="Nosotros.html" class="Estilo6"> NOSOTROS</a> <span
class="Estilo2">KK</span><a href="productos.html" class="Estilo6"> PRODUCTOS</a>
<span class="Estilo2">KK</span> <a href="servicios.html" class="Estilo6">SERVICIOS
</a><span class="Estilo2">KK</span><a href="contacto.html" class="Estilo6">
CONTACTOS</a> </strong></p>
</div>
</div>
<div id="Layer3"></div>
<div id="Layer4"><img src="imagen/fondos/contacto2.png" width="1068" height="150"
/></div>
<div id="Layer5">
<p class="Estilo3"><a href="index.html" class="Estilo6">ACCIN</a> </p>
<p class="Estilo4">AV. LAS ESCLUSAS Y AV. 25 DE JULIO, COOP. LOS CIDROS MZ. 2
SL.4 </p>
<p class="Estilo4"><img src="imagen/fondos/telefono.png" width="28" height="23" /> <span
class="Estilo5">2-484198</span> </p>
<p class="Estilo4"><img src="imagen/fondos/celular.png" width="28" height="33" /> <span
class="Estilo5">099 389 1462</span> </p>
<p class="Estilo4"><img src="imagen/fondos/email.png" width="34" height="22" /> <span
class="Estilo5">accin@hotmail.com </span></p>
</div>
<div id="Layer6">
<form action="correo.php" method="post">
<label>
Nombre<span class="Estilo30">*</span><br />
<input type="text" size="40" name="nombre" id="nombre" placeholder="Aquí su nombre"
required />
</label>
<p>
Email<span class="Estilo30">*</span>
<label><br />
<input type="text" size="40" name"email" id="email" pattern="^[a-zA-Z0-9.!#$%&'*+/=?
^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" placeholder="email@example.com" required />
</label>
</p>
<p>
Telefono<span class="Estilo30">*</span>
<label><br />
<input type="text" size="40" name="telefono" id="telefono"
placeholder="Tel/Cel."required />
</label>
</p>
<p>Mensaje<span class="Estilo30">*</span>
<label><br />
<textarea rows="10" cols="45" name="mensaje" id="mensaje" placeholder="Que desea
cotizar" required></textarea>
</label>
</p>
<p>
</td>
(<span class="Estilo28">*</span>)<span class="Estilo29">Campos Obligatorios. </span></p>
<p>
<input type="submit" style="background-color:#000000; font-size: 18px; color: #FFFFFF;"
name="enviar" value="Enviar" />
</p>
</form>
</div>

<div id="Layer8">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index.html"><img src="imagen/fondos/casa.png" width="26"
height="24" /> <span class="Estilo27">INICIO</span></a> </p>
<div id="Layer9">
<p>*<a href="Nosotros.html" class="Estilo6"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /> <span class="Estilo25">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo6"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo25">PRODUCTOS</span></a></p>
</div>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="26"
height="25" /> <span class="Estilo27">CONTACTOS</span></a></p>
</div>
<div class="Estilo8" id="Layer10">
<p align="center"><strong><span class="Estilo7">Desarrollado por
J&amp;J</span></strong></p>
<p align="center">&nbsp;</p>
</div>
<div id="Layer11">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!
1d3986.4022125881024!2d-79.89268740092564!3d-2.256896451335788!2m3!1f0!2f0!3f0!
3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses-419!2sec!4v1478637264616" width="430"
height="450" frameborder="0" style="border:0" allowfullscreen></iframe></div>
</body>
</html>

NOSOTROS

<head>
<title>NOSOTROS</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:1125px;
height:1001px;
z-index:1;
left: 100px;
top: 25px;
background-color: #99CCCC;
}
body {
background-color: #FFFFFF;
background-image: url(imagen/fondos/diseno-de-fondos-blanco-1851.jpg);
}
#Layer2 {
position:absolute;
width:973px;
height:442px;
z-index:2;
background-color: #33FFCC;
left: 35px;
top: 2px;
}
#Layer3 {
position:absolute;
width:428px;
height:135px;
z-index:1;
left: 3px;
top: 26px;
}
#Layer4 {
position:absolute;
width:690px;
height:192px;
z-index:2;
left: 58px;
top: 157px;
}
#Layer5 {
position:absolute;
width:873px;
height:930px;
z-index:2;
left: 102px;
top: 244px;
background-color: #FFFFFF;
}
.Estilo1 {
font-size: 36px;
font-weight: bold;
}
.Estilo2 { font-size: 24px;
font-weight: bold;
}
#Layer6 {
position:absolute;
width:714px;
height:80px;
z-index:3;
}
#Layer7 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 36px;
top: 159px;
}
#Layer8 {
position:absolute;
width:81px;
height:26px;
z-index:3;
left: 91px;
top: 180px;
}
#Layer9 {
position:absolute;
width:718px;
height:45px;
z-index:3;
left: 106px;
top: 182px;
background-color: #FF0000;
}
#Layer10 {
position:absolute;
width:81px;
height:30px;
z-index:1;
left: 7px;
top: 7px;
background-color: #000000;
}
#Layer11 {
position:absolute;
width:154px;
height:29px;
z-index:2;
left: 101px;
top: 7px;
background-color: #000000;
}
#Layer12 {
position:absolute;
width:134px;
height:30px;
z-index:3;
left: 266px;
top: 7px;
background-color: #000000;
}
#Layer13 {
position:absolute;
width:152px;
height:30px;
z-index:4;
left: 410px;
top: 8px;
background-color: #000000;
}
#Layer14 {
position:absolute;
width:136px;
height:30px;
z-index:5;
left: 572px;
top: 7px;
background-color: #000000;
}
.Estilo9 {font-size: 24px; font-weight: bold; color: #FFFFFF; }
#Layer15 {
position:absolute;
width:253px;
height:331px;
z-index:4;
left: 984px;
top: 243px;
background-color: #00CCCC;
}
.Estilo11 {color: #000000; }
#Layer18 { position:absolute;
width:243px;
height:332px;
z-index:7;
left: 1013px;
top: 294px;
background-color: #666666;
}
#Layer19 { position:absolute;
width:198px;
height:36px;
z-index:1;
left: 19px;
top: 5px;
background-color: #99FF33;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:active {
color: #FFFFFF;
text-decoration: none;
}
#Layer16 {
position:absolute;
width:671px;
height:115px;
z-index:5;
left: 284px;
top: 319px;
}
.Estilo18 {font-size: 18px}
.Estilo21 {font-size: 24px}
#Layer17 {
position:absolute;
width:872px;
height:137px;
z-index:5;
left: 103px;
top: 1175px;
background-color: #F3F3F5;
}
.Estilo27 { color: #000000;
font-size: 10px;
font-weight: bold;
}
#Layer20 {
position:absolute;
width:200px;
height:82px;
z-index:6;
left: 137px;
top: 36px;
}
.Estilo23 {font-weight: bold; color: #000000; font-size: 12px; }
#Layer21 {
position:absolute;
width:871px;
height:87px;
z-index:6;
left: 103px;
top: 1313px;
background-color: #000000;
}
.Estilo7 {color: #FFFFFF}
.Estilo24 {font-size: 12px}
#Layer22 {
position:absolute;
width:614px;
height:187px;
z-index:7;
left: 64px;
top: -13px;
}
#Layer23 {
position:absolute;
width:287px;
height:602px;
z-index:8;
left: 981px;
top: 245px;
background-color: #666666;
}
a:hover {
text-decoration: underline;
}
#Layer24 {
position:absolute;
width:97px;
height:1399px;
z-index:9;
left: 1px;
top: 0px;
background-color: #FFCC33;
}
#Layer25 {
position:absolute;
width:280px;
height:315px;
z-index:10;
left: 982px;
top: 245px;
background-color: #F0F0F0;
}
.Estilo29 {font-size: 24px; font-weight: bold; color: #3366FF; }
-->
</style>
</head>

<body>
<a href="index2.html"> </div></a>
<div id="Layer5">
<p align="center" class="Estilo2">&nbsp; </p>
<p align="center" class="Estilo2">NOSOTROS</p>
<p align="center" class="Estilo1"><img src="imagen/accin.png" width="376" height="179"
/></p>
<p align="left" class="Estilo2">&nbsp;</p>
<blockquote>
<p align="justify"><span class="Estilo2">Accin</span><span
class="Estilo21">,</span><span class="Estilo18">como comercializadora se encuentra
ubicada en el sector sur de la ciudad de Guayaquil &nbsp;tiene en el mercado nacional
productivo diez y siete a&ntilde;os ofreciendo sus servicios de seguridad industrial, recarga y
mantenimiento de extintores a nivel local, su principal actividad que ofrece este comercial, es
la venta y recarga de extintores contra incendios , comercializa una extensa variedad de
art&iacute;culos de seguridad industrial para el p&uacute;blico en general los cuales son
distribuidos de diferentes l&iacute;neas comerciales tanto nacionales como del
extranjero.</span></p>
</blockquote>
<p align="justify" class="Estilo2">&nbsp;</p>
<p align="center" class="Estilo2">Visi&oacute;n </p>
<blockquote>
<p class="Estilo18">La vision de Accin es ser identificada y reconocida como una
empresa de suministrar equipos de seguridad industrial y servicios de calidad en recarga de
extintores contra incendios brindando seguridad al cliente.</p>
</blockquote>
<p>&nbsp;</p>
<p align="center" class="Estilo2">Misi&oacute;n</p>
<blockquote>
<p class="Estilo18">Reforzar dia a dia nuestra calidad de servicios a los clientes para que
nuestros productos lleguen con eficiencia a lo solicitado por el cliente. </p>
</blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div id="Layer9">
<a href="index.html">
<div class="Estilo9" id="Layer10">INICIO</div></a>
<a href="productos.html"><div class="Estilo9" id="Layer11">PRODUCTOS</div></a>
<a href="servicios.html"><div class="Estilo9" id="Layer12">SERVICIOS</div></a>
<a href="contacto.html"><div class="Estilo9" id="Layer13">CONTACTOS</div></a>
<a href="nosotros.html"><div class="Estilo9" id="Layer14">NOSOTROS</div></a>
</div>
<div class="Estilo24" id="Layer21">
<p align="center">&nbsp;</p>
<p align="center"><strong><span class="Estilo7">Desarrollado por
J&amp;J</span></strong></p>
<p align="center"><strong><span
class="Estilo7">jimyjavier_109@hotmail.com</span></strong></p>
</div>
<div id="Layer17">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index.html"><img src="imagen/fondos/casa.png" width="22"
height="25" /> <span class="Estilo27">INICIO</span></a> </p>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="25"
height="22" /> <span class="Estilo27">CONTACTOS</span></a></p>
<div id="Layer20">
<p>*<a href="Nosotros.html" class="Estilo23"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /><span class="Estilo11">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo11"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo23">PRODUCTOS</span></a></p>
</div>
</div>
<div id="Layer22"><a href="index.html"><img src="imagen/accin7 copia.png" width="592"
height="184" border="0" /></a></div>
<div id="Layer24"></div>
<div id="Layer25">
<div align="center"><span class="Estilo29">ACCIN</a>
</p>
</span> </div>
<p class="Estilo4"><em><strong>AV. LAS ESCLUSAS Y AV. 25 DE JULIO, COOP. LOS
CIDROS MZ. 2 SL.4 </strong></em></p>
<p class="Estilo4"><img src="imagen/fondos/telefono.png" width="28" height="23" /> <span
class="Estilo5"><strong>2-484198</strong></span> </p>
<p class="Estilo4"><img src="imagen/fondos/celular.png" width="28" height="33" /> <span
class="Estilo5"><strong>099 389 1462</strong></span> </p>
<p class="Estilo4"><img src="imagen/fondos/email.png" width="34" height="22" />
<strong><span class="Estilo5">accin@hotmail.com</strong>
<p><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!
1d3986.4022125881024!2d-79.89268740092564!3d-2.256896451335788!2m3!1f0!2f0!3f0!
3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses-419!2sec!4v1478637264616" width="280"
height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</body>
</html>
SERVICIOS - PERMISOS

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Servicios</title>
<style type="text/css">
<!--
input:required:invalid {

border: 1px solid red;

input:valid {

border: 1px solid green;

}
body {
background-image: url(imagen/fondos/fondo%20edit.jpg);
background-repeat: repeat-y;
}
/* Ocultar bot?n radio */
input[id^="spoiler"]{
display: none;
}
/* Estilo bot?n clicable */
input[id^="spoiler"] + label {
display: block;
width: 500px;
margin: 0 auto;
padding: 5px 20px;
background: #e1a;
cursor: pointer;
background-color:#FFCC33;
color:#000000
}
/* Estilo bot?n cuando su INPUT est? seleccionado */
input[id^="spoiler"]:checked + label {
background:#00CCFF;
}
input[id^="spoill"] ~ .spoiler {
width: 90%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 10px auto 0;
}
input[id^="spoiler"]:checked + label + .spoiler{
height: auto;
opacity: 1;
}

#main-header {
background: #333;
color: white;
height: 90px;
width: 92%;
left: 0;
top: 0;
position: fixed;
margin-left: 91px;
}
#main-header a {
color: white;
}
/*
* Navegaci?n
*/
nav {
float: right;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
padding-right: 20px;
}

nav ul li {
display: inline-block;
line-height: 80px;
}

nav ul li a {
display: block;
padding: 0 10px;
text-decoration: none;
}

nav ul li a:hover {
background: #0b76a6;
}
#logo-header {
float: left;
padding: 15px 0 0 20px;
text-decoration: none;
}
#logo-header:hover {
color: #0b76a6;
}

#logo-header .site-name {
display: block;
font-weight: 700;
font-size: 1.2em;
}

#logo-header .site-desc {
display: block;
font-weight: 300;
font-size: 0.8em;
color: #999;
}
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 124px;
top: 104px;
}
#Layer2 {
position:absolute;
width:958px;
height:115px;
z-index:2;
left: 29px;
top: 1191px;
}
#Layer3 {
position:absolute;
width:415px;
height:115px;
z-index:3;
left: 219px;
top: 383px;
}
#Layer4 {
position:absolute;
width:157px;
height:39px;
z-index:4;
left: 214px;
top: 710px;
}
#Layer5 {
position:absolute;
width:159px;
height:36px;
z-index:5;
left: 26px;
top: 711px;
}
#Layer6 {
position:absolute;
width:253px;
height:115px;
z-index:6;
left: -5px;
top: 12px;
}
.Estilo1 {
font-size: 24px;
font-weight: bold;
}
.Estilo2 {
font-weight: bold;
font-size: 32px;
color: #FF0066;
}
.Estilo5 {font-size: 24px}
.Estilo6 {font-weight: bold}
#Layer7 {
position:absolute;
width:1169px;
height:75px;
z-index:1;
background-color: #000000;
left: 63px;
}
.Estilo20 {
color: #FFFFFF;
font-size: 14px;
}
.contacto img {
position: relative; /*hace que muevas relativamente su posici?n*/
top: 15px; /*Pixeles arriba de su posici?n natural (puede ser negativo)*/
left: 63px; /*Pixeles a la izquierda de su posici?n natural*/
right: 10px; /*Pixeles a la derecha de su posici?n natural*/
}
.documento img {
position: relative; /*hace que muevas relativamente su posici?n*/
top: 2px; /*Pixeles arriba de su posici?n natural (puede ser negativo)*/
left: 350px; /*Pixeles a la izquierda de su posici?n natural*/
right: 10px; /*Pixeles a la derecha de su posici?n natural*/
}
.Estilo23 {font-size: 20px; font-weight: bold; }
.Estilo24 {font-size: 20px}
#Layer8 {
position:absolute;
width:200px;
height:115px;
z-index:7;
left: -98px;
top: 789px;
}
#Layer9 {
position:absolute;
width:480px;
height:360px;
z-index:7;
left: 581px;
top: 344px;
}
-->
</style>
<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
<link rel="stylesheet" type="text/css" href="engine0/style.css" />
<script type="text/javascript" src="engine0/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
<style type="text/css">
<!--
.Estilo25 {
font-size: 36px;
color: #FF0000;
}
.Estilo28 {font-weight: bold; font-size: 36px;}
.Estilo35 {
color: #0099CC;
font-weight: bold;
}
.Estilo36 {color: #FF0000}
.Estilo37 {font-size: 12px}
-->
</style>
</head>

<body>
<div id="Layer6">
<header id="main-header">
<a id="logo-header" href="index.html">
<span class="site-name ">ACCIN</span>
<span class="site-desc">ACCION CONTRA INCENDIOS</span></a>
<!-- / #logo-header -->

<nav>
<ul>
<li><a href="index.html">INICIO</a></li>
<li><a href="productos.html">PRODUCTO</a></li>
<li><a href="contacto.html">CONTACTO</a></li>
<li><a href="servicio.html">SERVICIO</a></li>
<li><a href="Nosotros.html">NOSOTROS</a></li>
</ul>
</nav><!-- / nav -->

</header></div>

<div id="Layer1">
<a href="index.html"><img src="imagen/fondoaccin.png" width="680" height="229"
border="0" /></a>
<div id="Layer9">
<div>
<div align="center"><span class="Estilo5 Estilo25"><span
class="Estilo28">Cotizar</span></span></div>
<div align="center"><a href="cotizacion.html" class="Estilo35">[SOLICITUD]</a></div>
<P></P>
<!-- Start WOWSlider.com BODY section -->
</span></span>
<!-- add to the <body> of your page -->
</div>
<div id="wowslider-container0">
<div class="ws_images"><ul>
<li><img src="data0/images/casco.jpg" alt="" title="" id="wows0_0"/></li>
<li><img src="data0/images/chaleco_naranja.png" alt="" title=""
id="wows0_1"/></li>
<li><img src="data0/images/cinta_verde.jpg" alt="" title="" id="wows0_2"/></li>
<li><img src="data0/images/cono_18.png" alt="" title="" id="wows0_3"/></li>
<li><img src="data0/images/casco_azul.jpg" alt="" title="" id="wows0_4"/></li>
<li><img src="data0/images/detector_de_humo.jpg" alt="" title=""
id="wows0_5"/></li>
<li><a href="http://wowslider.com"><img src="data0/images/luz_estrobosco.jpg"
alt="http://wowslider.com/" title="" id="wows0_6"/></a></li>
<li><img src="data0/images/triangulos.jpg" alt="" title="" id="wows0_7"/></li>
</ul></div>
<div class="ws_script" style="position:absolute;left:-99%"><a
href="http://wowslider.net">jquery carousel</a> by WOWSlider.com v8.7</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine0/wowslider.js"></script>
<script type="text/javascript" src="engine0/script.js"></script>
<!-- End WOWSlider.com BODY section --></div></div>

<div id="Layer3"><form action="email.php" method="post">


<fieldset>
<legend><span class="Estilo2">Mantenimiento de Extintores </span></legend>

<div>
<label for="nombre"><span class="Estilo23">Nombre <span class="Estilo36">*</span>:
</span></label>
<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="nombre"
placeholder="Aqui su nombre" required />
</div>
<div class="Estilo5">
<label for="cedula"><span class="Estilo23">CI/RUC<span
class="Estilo36">*</span>:</span></label>

<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="cedula" id="cedula"


maxlength="13" placeholder="R.U.C." required />
</div>
<div class="Estilo5">
<label for="email"><span class="Estilo23">E-mail<span
class="Estilo36">*</span>:</span></label>

<input type="text" pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-


9-]+)*$" style="WIDTH: 400px; HEIGHT: 25px" name="email" id="email"
placeholder="email@example.com" required />
</div>
<div class="Estilo5">
<label for="direccion"><span class="Estilo23">Direccion<span
class="Estilo36">*</span>:</span></label>

<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="direccion" id="direccion"


placeholder="Direccion del establecimiento" required />
</div>

<div class="Estilo5">

<span class="Estilo24">
<label for="telefono"><strong>Telefono<span class="Estilo36">*</span>:
</strong></label>
</span>

<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="telefono" id="telefono"


placeholder="Tel/Cel" required />
</div>
<p><div> <span class="Estilo23">Extintor Tipo:</span>
</p>
<select size ="1" name ="Sistema">
<option value="Polvo Quimico Seco"> Polvo Quimico Seco </option>
<option value="Dioxido de Carbono(Co2)">Dioxido de Carbono(Co2)</option>
<option value="Agua Presurizada">Agua a Presion</option>
<option value="Espuma">Espuma</option>
</select>
</p></div>
<p><div> <span class="Estilo23">Capacidad/Libras:</span></p>
<select size ="1" name ="Extintor">
<option value="2"> 2 </option>
<option value="5">5</option>
<option value="10">10</option>
<option value="13">13</option>
<option value="15"> 15 </option>
<option value="20">20</option>
<option value="30">30</option>
<option value="50">50</option>
<option value="75"> 75 </option>
<option value="100">100</option>
<option value="150">150</option>
<option value="2.5 galones">2.5 galones</option>
<option value="Otros">Otros</option>
</select>
</p></div>
<div class="Estilo5">

<label for="comentario"><strong><br />


Comentario sobre la Recarga: </strong></label>

<label for="comentario"><strong><br />


</strong></label>
<p>
<textarea name="mensaje" id="mensaje" style="WIDTH: 400px; HEIGHT: 100px"
placeholder="Escribe tus productos"></textarea>
</p> </div>
<span class="Estilo37">(<span class="Estilo36">*</span>)Campos
Obligatorios. </span>
</fieldset>

<div id="Layer4">
<input type="submit" style= "background-color:#FFCC66; font-size: 18px; WIDTH: 150px;
HEIGHT: 30px" value ="Enviar" /></div>

<div id="Layer5">
<input type="reset" style="background-color:#FFCC66; font-size: 18px; WIDTH: 150px;
HEIGHT: 30px" value="Limpiar" />

</div>
</form> </div>

<div id="Layer2">
<div class="documento"><img src="imagen/fondos/DOCUM.png" width="642"
height="146" /></div>
<p></p>
<p></p>
<p></p>
<input type="checkbox" id="spoiler1"></input>
<label for="spoiler1" ><span class="Estilo39 Estilo1">Obtencion de la Tasa de Servicios
Contra Incendios con R.U.C. (POR PRIMERA VEZ)</span></label>
<div class="spoiler">
<div align="justify">
<blockquot>
<p align="justify" class="Estilo6">1. Si el tramite lo realiza personalmente, adjuntar copia
de la cedula de ciudadania, o autorizacion por escrito para la persona que realizara el tramite
adjuntando fotocopia de las cedulas de ciudadania de quien autoriza y del autorizado. </p>
<p align="justify" class="Estilo6">2. Copia completa y actualizada del RUC (Registro ?nico
de Contribuyente) donde conste el establecimiento con su respectiva direccion y actividad.
</p>
<p align="justify" class="Estilo6">3. En caso de compa&ntilde;ias deberan adjuntar copia
del nombramiento del Representante Legal. </p>
<p align="justify" class="Estilo6">4. Original ycopia de la Calificacion Artesanal en caso de
ser artesano. </p>
<p align="justify" class="Estilo6">5. Para venta o reparacion de armas (traer autorizacion
del Comando Conjunto). </p>
<p align="justify" class="Estilo6">6. En los casos de DEPOSITOS DE GAS: presentar
copia del Informe de Factibilidad que emite la ARCH (Agencia de Regulaci?n y Control
Hidrocarburifero).El area minima sera de 15 m2, con una altura minima de 2.30 metros, solo
podran estar ubicados en locales construidos de un solo piso, el local debe ser independiente
de viviendas u otros, deben estar alejados como minimo 100 metros de Centros Educativos,
Clinicas, Hospitales y Centros de concentracion masiva. </p>
<p align="justify" class="Estilo6">7. Adjuntar a su documentaci?n la copia del pago de
Predios Urbanos o Planilla de servicio b?sico de agua, a fin de registrar el n?mero del C?digo
Catastral. </p>
<p align="justify" class="Estilo6">8. Plan de Emergencia y Evacuacion realizado por un
profesional inscrito en el Registro de Profesionales de Seguridad y Salud del Ministerio de
Relaciones Laborales, para los establecimientos que disponga la entidad bomberil. </p>
<p align="justify" class="Estilo6"> 9. Copia de Uso de Suelo. </p>
</blockquote>
</div>
</div>
<input type="checkbox" id="spoiler2"></input>
<label for="spoiler2" ><span class="Estilo39 Estilo1">Para renovacion de Tasa de Servicios
Contra Incendios con R.U.C.</span></label>
<div class="spoiler">
<div align="justify">
<blockquote>
<p align="justify" class="Estilo6">1. Copia del Certificado del a&ntilde;o anterior o del ultimo
a&ntilde;o pagado. </p>
<p align="justify" class="Estilo6">2. Copia completa del RUC (Registro unico de
Contribuyente) donde conste el establecimiento con su respectiva direccion y actividad. </p>
<p align="justify" class="Estilo6">3. En caso de compa&ntilde;ias deberan adjuntar copia
del nombramiento del Representante Legal. </p>
<p align="justify" class="Estilo6">4. Adjuntar copia de la cedula de ciudadania si el tramite
lo realiza personalmente; o, autorizacion por escrito para la persona que realizar? el tr?mite
adjuntando fotocopia de las cedulas de ciudadania de quien autoriza y del autorizado. </p>
<p align="justify" class="Estilo6">5. Para venta o reparacion de armas (traer autorizacion
del Comando Conjunto). </p>
<p align="justify" class="Estilo6">6. Copia de la Calificacion Artesanal en caso de ser
artesano. </p>
<p align="justify" class="Estilo6">7. En los casos de DEPOSITOS DE GAS: presentar
copia del Acta de Control anual que emite la ARCH (Agencia de Regulacion y Control
Hidrocarburifero). El area minima sera de 15 m2, con una altura minima 2.30 metros, solo
podran estar ubicados en locales construidos de un solo piso, local independiente de
viviendas u otros, alejados minimo 100 metros de Centros Educativos, Cl?nicas, Hospitales y
Centros de concentracion masiva. </p>
<p align="justify" class="Estilo6">8. Plan de Emergencia y Evacuacion realizado por un
profesional inscrito en el Registro de Profesionales de Seguridad y Salud del Ministerio de
Relaciones Laborales. </p>
<p align="justify" class="Estilo6">9. Adjuntar a su documentaci?n la copia de Predios
Urbanos o Planilla de Interagua, a fin de registrar el numero del Codigo Catastral. </p>
<p align="justify" class="Estilo6">10. Copia de Uso de Suelo (En caso de cambio de
direcci?n). </p>
</blockquote>
</div>
</div>
<input type="checkbox" id="spoiler3"></input>
<label for="spoiler3" ><span class="Estilo5 Estilo39"><strong>Obtencion del Certificado para
Transporte de Combustible - Gas (PRIMERA VEZ)</strong></span></label>
<div class="spoiler">
<div align="justify">
<blockquote>
<p class="Estilo6">1. Copia de cedula de ciudadania. </p>
<p class="Estilo6">2. Nombramiento del representante legal en caso de compa&ntilde;ias
</p>
<p class="Estilo6">3. Copia de la matriculacion del vehiculo </p>
<p class="Estilo6">4. Original y copia de la factura de compra o recarga del extintor
</p>
<p class="Estilo6">5. Revision del vehiculo en el cuartel de Bomberos No. 1 &quot;Geo
Chambers Vivero&quot; ubicado en la Av. De las Americas diagonal al Coliseo Voltaire
Paladines Polo en el horario de 09h00a 13h00, los dias martes y jueves. </p>
<p class="Estilo6">6. Transporte de Gas autorizacion de Hidrocarburos actualizada </p>
</blockquote>
</blockquote>
</div>
</div>
<input type="checkbox" id="spoiler4"></input>
<label for="spoiler4" ><span class="Estilo5 Estilo39"><strong>Renovacion para Transporte de
Combustible - Gas</strong></span></label>
<div class="spoiler">
<div align="justify">
<blockquote>
<p class="Estilo6">1. Copia de cedula de ciudadania. </p>
<p class="Estilo6">2. Nombramiento del representante legal en caso de compa&ntilde;ias
</p>
<p class="Estilo6">3. Copia del permiso del a&ntilde;o anterior. </p>
<p class="Estilo6">4. Copia de la matricula del vehiculo (en caso de cambio de vehiculo).
</p>
<p class="Estilo6">5. Original y Copia de la factura de compra o recarga del extintor.
</p>
<p class="Estilo6">6. Revision del veh?culo o en el cuartel de Bomberos No. 1 "Geo
Chamber Vivero" ubicado en la avenida de las Americas diagonal al Coliseo Voltaire
Paladines Polo en el horario de 09:00h a 13:00h los d?as Martes y Jueves.
Una vez entregado estos requisitos y emitida la orden de pago de uno de nuestros
Centros de atencion a usuarios, dicha orden de pago puede ser cancelada en cualquier
agencia del Banco de Guayaquil y posteriormente regresar con copia del pago a nuestras
ventanillas para la elaboracion y emisi?n del certificado correspondiente. </p>
</blockquote>
</div>
</div>
<input type="checkbox" id="spoiler5"></input>
<label for="spoiler5" ><span class="Estilo5 Estilo39"><strong>Solicitud de Cese de
Actividades </strong></span></label>
<div class="spoiler">
<div align="justify">
<blockquote>
<p><strong>1. Notificar el Cese de actividades en el Servicio de Rentas Internas.
</strong></p>
<p><strong>2. Comprar en el Dpto. de Tesoreria (3er. piso) o en Escobedo y P. Icaza
(Esquina), una Especie Valorada $ 3. </strong></p>
<p><strong>3. Llenar la Especie Valorada solicitando la Baja en nuestros registros por
Cese de Actividades, especificando la direcci?n del Establecimiento. </strong></p>
<p><strong>4. Adjuntar a la Especie Valorada los siguientes documentos:

Cese del establecimiento emitido por el Servicio de Rentas Internas.


Copia del ?ltimo pago realizado a Bomberos de Guayaquil.
Copia de cedula de solicitante. </strong></p>
<p><strong>5. Ingresar la Especie Valorada junto a la documentacion requerida en el
area de Informaci?n (Escobedo y P. Icaza) </strong></p>
<p><strong>6. Sacar copia de la Especie Valorada, para que le sellen la recepcion,
porque el numero de la Especie se considera como numero de su tr?mite. </strong></p>
<p><strong>7. Regresar a los tres dias laborables con copia de la Especie con la
constancia del recibido, a las calles Av. 9 de Octubre 607 y Escobedo (2do. Piso), para retirar
el resultado de su solicitud. </strong></p>
</blockquote>
</div>
</div>
<input type="checkbox" id="spoiler6"></input>
<label for="spoiler6" ><span class="Estilo5 Estilo39"><strong>Solicitud de Informe de
Incendios</strong></span></label>
<div class="spoiler">
<div align="justify">
<blockquote>
<p><strong>Tramite que se realiza en el edificio de la Primera Jefatura 9 de Octubre 607
y Escobedo. </strong></p>
<p><strong>1.- Comprar en el Dpto. de Tesoreria la solicitud de especie valorada.
</strong></p>
<p><strong>2.- Llenar la solicitud especificando la direccion y el dia que ocurrio el
incendio. </strong></p>
<p><strong>3.- entregar en la recepcion del edificio dicha solicitud con documentacion
que acredite su representacion.</strong></p>
<p><strong> 4.- Retirar copia certificada del informe dentro de las 48 horas habiles.

NOTA.- el informe del Cuerpo de Bomberos es un informe operacional, la Policia


Nacional con su departamento de Incendio y Explosivos, elabora el informe pericial donde se
determinan las posibles causas del siniestro.

El horario de atenci?n al p?blico es de Lunes a Viernes de 8h30 a 16h30. </strong></p>


</blockquote>
</div>
</div>
<input type="checkbox" id="spoiler7"></input>
<label for="spoiler7" ><span class="Estilo5 Estilo39"><strong>Planes de
Emergencia</strong></span></label>
<div class="spoiler">
<div align="justify">
<blockquote>
<p><strong>Se establece como uno de los requisitos para la obtencion de la Tasa por
servicios contra incendios, la elaboracion y entrega de los Planes de Emergencia y
Evacuacion para los establecimientos, los que deben ser realizados por un profesional, de los
siguientes establecimientos: </strong></p>
<p><strong> - Centros Comerciales. </strong></p>
<p><strong>- Edificios de Concentracion de Publico (ej.: SERVICIO DE RENTAS
INTERNAS, EX BANCO DEL PROGRESO, etc.) </strong></p>
<p><strong>- Bancos. </strong></p>
<p><strong>- Hoteles, Hosterias, Residenciales, Moteles.</strong></p>
<p><strong> - Estadios, Coliseos, Teatros.
</strong></p>
<p><strong>- </strong><strong>Bares, Discotecas, karaokes, Restaurantes cuya area sea
mas de 100 m2. </strong></p>
<p><strong>- Circos.</strong></p>
<p><strong> - Industrias. </strong></p>
<p><strong>- Complejos de Bodegas. </strong></p>
<p><strong>- Distribuidoras de Combustibles, Estaciones de Servicios. </strong></p>
<p><strong>- Envasadoras de Gas (GLP).
</strong></p>
<p><strong>- </strong><strong>Establecimientos de Alto Riesgo (ej.: Quimicos).
</strong></p>
<p><strong>- Hospitales, Clinicas, Centros Medicos.
- Comisariatos.
- Colegios, Escuelas, Jardines.

Y demas que disponga la entidad bomberil. </strong></p>

</blockquote>

</div>
</div>
<div class="contacto"> <p align="center"><a href="contacto.html"><img
src="imagen/fondos/CONTACTOS.png" width="1168" height="115" border="0" /></a></p>
</div>
<div class="Estilo20" id="Layer7">
<p align="center"><strong><span class="Estilo7">Desarrollado por
J&amp;J</span></strong></p>
<p align="center">&nbsp;</p>
</div>
</div>

</body>
</html>

COTIZACION DE PRODUCTOS
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cotizacion</title>
<style type="text/css">
<!--
input:required:invalid {

border: 1px solid red;

input:valid {

border: 1px solid green;

}
#Layer1 {
position:absolute;
width:444px;
height:363px;
z-index:1;
left: 155px;
top: 307px;
}

div {
margin: .4em 0;
}
div label {
width: 45%;
float: left;
}
body {
background-image: url(imagen/fondos/diseno-de-fondos-blanco-1851.jpg);
background-repeat: repeat;
}
.Estilo2 {
font-size: 36px;
color: #FF3333;
font-weight: bold;
}
.Estilo4 {
color: #000000;
font-weight: bold;
font-size: 22px;
}
.Estilo5 {
font-size: 22px;
font-weight: bold;
}
#Layer2 {
position:absolute;
width:711px;
height:235px;
z-index:2;
left: 160px;
top: 9px;
}
#Layer3 {
position:absolute;
width:748px;
height:48px;
z-index:3;
left: 138px;
top: 265px;
}
#Layer4 {
position:absolute;
width:75px;
height:1288px;
z-index:4;
left: 1px;
top: -5px;
background-color: #FF9933;
}
#Layer6 {
position:absolute;
width:312px;
height:363px;
z-index:5;
left: 785px;
top: 363px;
background-color: #FFFFCC;
}
.Estilo13 {font-size: 10px}
.Estilo14 {font-size: 12px}
#Layer5 {
position:absolute;
width:116px;
height:36px;
z-index:6;
left: 19px;
top: 658px;
}
#Layer7 {
position:absolute;
width:80px;
height:36px;
z-index:6;
left: 275px;
top: 657px;

}
#Layer8 {
position:absolute;
width:729px;
height:41px;
z-index:6;
left: 158px;
top: 224px;
background-color: #FF0000;
}
.Estilo17 {
font-size: 24px;
font-weight: bold;

}
#Layer9 {
position:absolute;
width:84px;
height:28px;
z-index:7;
left: 7px;
top: -3px;
background-color: #FFFFFF;
}
#Layer10 {
position:absolute;
width:155px;
height:28px;
z-index:8;
left: 103px;
top: -3px;
background-color: #FFFFFF;
}
#Layer11 {
position:absolute;
width:134px;
height:27px;
z-index:9;
left: 271px;
top: -3px;
background-color: #FFFFFF;
}
#Layer12 {
position:absolute;
width:152px;
height:28px;
z-index:10;
left: 418px;
top: -3px;
background-color: #FFFFFF;
}
#Layer13 {
position:absolute;
width:139px;
height:29px;
z-index:11;
left: 583px;
top: -3px;
background-color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
#Layer14 {
position:absolute;
width:1094px;
height:133px;
z-index:7;
left: 79px;
top: 1083px;
background-color: #F3F3F5;
}
.Estilo27 {color: #000000;
font-size: 10px;
font-weight: bold;
}
.Estilo28 {color: #000000}
.Estilo31 {font-size: 10px; font-weight: bold; }
#Layer15 { position:absolute;
width:200px;
height:93px;
z-index:15;
left: 165px;
top: 28px;
}
#Layer16 {
position:absolute;
width:1098px;
height:64px;
z-index:8;
left: 76px;
top: 1220px;
background-color: #000000;
}
.Estilo32 {color: #FFFFFF}
#Layer17 {
position:absolute;
width:99px;
height:1289px;
z-index:9;
left: 1175px;
top: -4px;
background-color: #FF9933;
}
.Estilo34 {font-size: 12px; color: #FF0000; }
.Estilo35 {
color: #FF0000;
font-weight: bold;
}
.Estilo36 {
font-size: 12px;
font-weight: bold;
font-style: italic;
}
#Layer18 {
position:absolute;
width:200px;
height:115px;
z-index:12;
}
#Layer19 {
position:absolute;
width:200px;
height:385px;
z-index:10;
left: 717px;
top: 343px;
}
-->
</style>
</head>

<body>
</div>
<div class="Estilo17" id="Layer8">
<div id="Layer9"><a href="index.html">INICIO</a></div>
<div id="Layer10"><a href="productos.html">PRODUCTOS</a></div>
<div id="Layer11"><a href="servicios.html">SERVICIOS</a></div>
<div id="Layer12"><a href="contacto.html">CONTACTOS</a></div>

<a href="Nosotros.html"><div id="Layer13">NOSOTROS</div></a></div>


<div id="Layer1">
<form action="email.php" method="post" >
<fieldset>
<legend><span class="Estilo2">Cotizac&iacute;on</span></legend>

<div>
<label for="nombre"><span class="Estilo4">Nombre <span class="Estilo34">*</span>:
</span></label>
<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="nombre"
placeholder="Aquí su nombre" required />
</div>
<div class="Estilo5">
<label for="cedula"><span class="Estilo19">CI/RUC<span
class="Estilo34">*</span>:</span></label>

<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="cedula" id="cedula"


maxlength="13" placeholder="R.U.C." required />
</div>
<div class="Estilo5">
<label for="email"><span class="Estilo19">E-mail<span
class="Estilo34">*</span>:</span></label>

<input type="text" pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-


9-]+)*$" style="WIDTH: 400px; HEIGHT: 25px" name="email" id="email"
placeholder="email@example.com" required />
</div>
<div class="Estilo5">
<label for="direccion"><span class="Estilo19">Dirección<span
class="Estilo34">*</span>:</span></label>

<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="direccion" id="direccion"


placeholder="Direccion del establecimiento" required />
</div>

<div class="Estilo5">
<label for="telefono"><span class="Estilo19">Telefono<span class="Estilo34">*</span>:
</span></label>
<input type="text" style="WIDTH: 400px; HEIGHT: 25px" name="telefono" id="telefono"
placeholder="Tel/Cel" required />
</div>
<div class="Estilo5">
<label for="comentario"><span class="Estilo19">Descripcion de los productos a
cotizar: <br />
</span></label>
<p>&nbsp;</p>
<p>
<textarea name="mensaje" id="mensaje" style="WIDTH: 400px; HEIGHT: 100px"
placeholder="Escribe tus productos"></textarea>
</p>
</div>
<div id="Layer5">
<input type="submit" class="Estilo13" style= "background-color:#FFCC66; font-size: 18px;
WIDTH: 150px; HEIGHT: 30px" value ="Cotizar" />
</div>
<div id="Layer7">
<input type="reset" style="background-color:#FFCC66; font-size: 18px; WIDTH: 150px;
HEIGHT: 30px" value="Limpiar" />
</div>
(<span class="Estilo35">*</span>)<span class="Estilo36">Campos Obligatorios.
</span>
</fieldset>
</form>
</div>
<div id="Layer4"></div>
<div id="Layer14">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index2.html"><img src="imagen/fondos/casa.png" width="26"
height="24" /> <span class="Estilo27">INICIO</span></a> </p>
<div id="Layer15">
<p>*<a href="Nosotros.html" class="Estilo28"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /> <span class="Estilo31">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo28"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo31">PRODUCTOS</span></a></p>
</div>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="26"
height="25" /> <span class="Estilo27">CONTACTOS</span></a></p>
</div>
<div class="Estilo14" id="Layer16">
<p align="center"><strong><span class="Estilo32">Desarrollado por
J&amp;J</span></strong></p>
<p align="center"><strong><span
class="Estilo32">jimyjavier_109@hotmail.com</span></strong></p>
</div>
<div id="Layer17"></div>
<a href="index.html"><img src="imagen/accinprin.png" alt="accinregis" width="710"
height="183" border="0" /></a>
<div id="Layer19"><img src="imagen/fondos/articulos.png" width="363" height="340" /></div>
</body>
</html>

REGISTRO DE CLIENTES
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>REGISTRO</title>
<style type="text/css">
<!--
input:required:invalid {

border: 1px solid red;

}
border: 1px solid green;
}
#Layer1 {
position:absolute;
width:656px;
height:363px;
z-index:1;
left: 255px;
top: 307px;
}

div {
margin: .4em 0;
}
div label {
width: 45%;
float: left;
}
body {
background-image: url(imagen/fondos/diseno-de-fondos-blanco-1851.jpg);
background-repeat: repeat;
}
.Estilo2 {
font-size: 36px;
color: #0000FF;
font-weight: bold;
}
.Estilo4 {
color: #000000;
font-weight: bold;
font-size: 22px;
}
.Estilo5 {
font-size: 22px;
font-weight: bold;
}
#Layer2 {
position:absolute;
width:711px;
height:235px;
z-index:2;
left: 160px;
top: 9px;
}
#Layer3 {
position:absolute;
width:748px;
height:48px;
z-index:3;
left: 138px;
top: 265px;
}
#Layer4 {
position:absolute;
width:75px;
height:1099px;
z-index:4;
left: 1px;
top: -5px;
background-color: #FF0000;
}
#Layer6 {
position:absolute;
width:312px;
height:363px;
z-index:5;
left: 785px;
top: 363px;
background-color: #FFFFCC;
}
.Estilo13 {font-size: 10px}
.Estilo14 {font-size: 12px}
#Layer5 {
position:absolute;
width:80px;
height:36px;
z-index:6;
left: 192px;
top: 400px;
}
#Layer7 {
position:absolute;
width:80px;
height:36px;
z-index:6;
left: 342px;
top: 399px;

}
#Layer8 {
position:absolute;
width:729px;
height:41px;
z-index:6;
left: 158px;
top: 224px;
background-color: #FF0000;
}
.Estilo17 {
font-size: 24px;
font-weight: bold;
}
#Layer9 {
position:absolute;
width:84px;
height:28px;
z-index:7;
left: 7px;
top: -3px;
background-color: #FFFFFF;
}
#Layer10 {
position:absolute;
width:155px;
height:28px;
z-index:8;
left: 103px;
top: -3px;
background-color: #FFFFFF;
}
#Layer11 {
position:absolute;
width:134px;
height:27px;
z-index:9;
left: 271px;
top: -3px;
background-color: #FFFFFF;
}
#Layer12 {
position:absolute;
width:152px;
height:28px;
z-index:10;
left: 418px;
top: -3px;
background-color: #FFFFFF;
}
#Layer13 {
position:absolute;
width:139px;
height:29px;
z-index:11;
left: 583px;
top: -3px;
background-color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
#Layer14 {
position:absolute;
width:1092px;
height:133px;
z-index:7;
left: 78px;
top: 895px;
background-color: #F3F3F5;
}
.Estilo27 {color: #000000;
font-size: 10px;
font-weight: bold;
}
.Estilo28 {color: #000000}
.Estilo31 {font-size: 10px; font-weight: bold; }
#Layer15 { position:absolute;
width:200px;
height:93px;
z-index:15;
left: 165px;
top: 28px;
}
#Layer16 {
position:absolute;
width:1091px;
height:64px;
z-index:8;
left: 78px;
top: 1029px;
background-color: #000000;
}
.Estilo32 {color: #FFFFFF}
#Layer17 {
position:absolute;
width:91px;
height:1099px;
z-index:9;
left: 1170px;
top: -6px;
background-color: #FF0000;
}
.Estilo34 {font-size: 12px; color: #FF0000; }
.Estilo35 {
color: #FF0000;
font-weight: bold;
}
.Estilo36 {
font-size: 12px;
font-weight: bold;
font-style: italic;
}

-->
</style>
</head>
<body>

</div>
<div class="Estilo17" id="Layer8">
<div id="Layer9"><a href="index.html">INICIO</a></div>
<div id="Layer10"><a href="productos.html">PRODUCTOS</a></div>
<div id="Layer11">S<a href="servicios.html">ERVICIOS</a></div>
<div id="Layer12"><a href="contacto.html">CONTACTOS</a></div>
<a href="Nosotros.html"><div id="Layer13">NOSOTROS</div></a></div>
<div id="Layer1">
<form action="cliente.php" method="post" >
<fieldset>
<legend><span class="Estilo2">Registro</span></legend>

<div>
<label for="nombre"><span class="Estilo4">Nombre o Establecimiento<span
class="Estilo34">*</span>: </span></label>
<input type="text" style="WIDTH: 190px; HEIGHT: 25px" name="nombre"
placeholder="Aquí su nombre" required />
</div>

<div class="Estilo5">
<label for="cedula"><span class="Estilo19">Cedula<span
class="Estilo34">*</span>:</span></label>

<input type="text" style="WIDTH: 190px; HEIGHT: 25px" name="cedula" id="cedula"


maxlength="13" placeholder="R.U.C." required />
</div>
<div class="Estilo5">
<label for="email"><span class="Estilo19">E-mail<span
class="Estilo34">*</span>:</span></label>
<input type="text" pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-
9-]+)*$" style="WIDTH: 190px; HEIGHT: 25px" name="email" id="email"
placeholder="email@example.com" required />
</div>
<div class="Estilo5">
<label for="direccion"><span class="Estilo19">Dirección<span
class="Estilo34">*</span>:</span></label>

<input type="text" style="WIDTH: 190px; HEIGHT: 25px" name="direccion" id="direccion"


placeholder="Direccion del establecimiento" required />
</div>

<div class="Estilo5">
<label for="telefono"><span class="Estilo19">Telefono<span class="Estilo34">*</span>:
</span></label>
<input type="text" style="WIDTH: 190px; HEIGHT: 25px" name="telefono" id="telefono"
placeholder="Tel/Cel" required />
</div>
<div class="Estilo5">
<label for="comentario"><span class="Estilo19">Comentario: </span></label>
<textarea rows="7" cols="30" name="comentario" id="comentario" placeholder="Escribe aquí
tus comentarios"> </textarea>
</div>
<div id="Layer5">

<input type="submit" class="Estilo13" style="background-color:#FFCC66; font-size: 18px;"


value ="Registrarse" />
</div>
<div id="Layer7">
<input type="reset" style="background-color:#FFCC66; font-size: 18px;" value="Limpiar" />
</div>
(<span class="Estilo35">*</span>)<span class="Estilo36">Campos Obligatorios.
</span>
</fieldset>
</form>
</div>
<div id="Layer4"></div>
<div id="Layer14">
<p align="left"><strong>INFORMACION: </strong></p>
<p align="left">*<a href="index.html"><img src="imagen/fondos/casa.png" width="26"
height="24" /> <span class="Estilo27">INICIO</span></a> </p>
<div id="Layer15">
<p>*<a href="Nosotros.html" class="Estilo28"><img src="imagen/fondos/Nosotros.png"
width="25" height="27" /> <span class="Estilo31">NOSOTROS</span></a></p>
<p>*<a href="productos.html" class="Estilo28"><img src="imagen/fondos/producto.png"
width="28" height="25" /><span class="Estilo31">PRODUCTOS</span></a></p>
</div>
<p align="left">*<a href="contacto.html"><img src="imagen/fondos/contacto.png" width="26"
height="25" /> <span class="Estilo27">CONTACTOS</span></a></p>
</div>
<div class="Estilo14" id="Layer16">
<p align="center"><strong><span class="Estilo32">Desarrollado por
J&amp;J</span></strong></p>
<p align="center"><strong><span
class="Estilo32">jimyjavier_109@hotmail.com</span></strong></p>
</div>
<div id="Layer17"></div>
<img src="imagen/accinprin.png" alt="accinregis" width="710" height="183" />
</body>
</html>

CLIENTE RECIBE LOS DATOS


<?php
#include 'conex.php';
$nombre = $_POST["nombre"];
$cedula = $_POST["cedula"];
$email = $_POST["email"];
$direccion = $_POST["direccion"];
$telefono = $_POST["telefono"];$insertar = "INSERT INTO cliente(nombre, cedula, email,
direccion, telefono) VALUES ('$nombre', '$cedula', '$email', '$direccion', $telefono)";
$verificar_nombre = mysqli_query($conexion, "SELECT * FROM cliente WHERE nombre =
'$nombre'");
if (mysql_num_rows($verificar_nombre) > 0){
echo"<script type=\"text/javascript\">alert(' El nombre ya esta Registrado Intente
Nuevamente'); window.location='index.html';</script>";
exit;
}
$verificar_cedula = mysqli_query($conexion, "SELECT * FROM cliente WHERE cedula =
'$cedula'");
if (mysqli_num_rows($verificar_cedula) > 0){
echo "<script type=\"text/javascript\">alert(' El numero de cedula ya esta Registrado Intente
Nuevamente'); window.location='index.html';

</scrip>";
exit;
}
$verificar_email = mysqli_query($conexion, "SELECT * FROM cliente WHERE email =
'$email'");
if (mysqli_num_rows($verificar_email) 0){
echo "<script type=\"text/javascript\">alert(' El email ya esta Registrado Intente
Nuevamente'); windowlocation='index.html';</script>";
exit;
}
//Ejecutar Consulta
$resul = mysqli_query($conexion, $insertar);
if (!$resul) {
echo 'Error al Registrarse';
} else {
echo '<script>
alert("Se ha registrado correctamente gracias");
window.location="index.html";
</script>';
}
//Cerrar Conexion
mysql_close($conexion);

EMAIL RECIBE LOS DATOS DEL CORREO


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> datos </title>
</head>
<body>

<?php
if(isset($_POST['mail'])) {

// Edita las dos líneas siguientes con tu dirección de correo y asunto personalizados
$email_to = "accin@hotmail.com";
$email_subject = "urgente";
function died($error) {
// si hay algún error, el formulario puede desplegar su mensaje de aviso
echo "Lo sentimos, hubo un error en sus datos y el formulario no puede ser enviado en
este momento. ";
echo "Detalle de los errores.<br /><br />";
echo $error."<br /><br />";
echo "Porfavor corrija estos errores e inténtelo de nuevo.<br /><br />";
died();
}
// Se valida que los campos del formulairo estén llenos
if (!isset($_POST['nombre']) ||

!isset($_POST['cedula']) ||
!isset($_POST['email']) ||
!isset($_POST['direccion']) ||
!isset($_POST['telefono']) ||

!isset($_POST['mensaje']))
{

died('Lo sentimos pero parece haber un problema con los datos enviados.');

}
//En esta parte el valor "name" nos sirve para crear las variables que recolectaran la
información de cada campo

$nombre = $_POST['nombre'];

$cedula = $_POST['cedula'];
$correo = $_POST['email'];
$direccion = $_POST['direccion'];
$telefono = $_POST['telefono'];
$mensaje = $_POST['mensaje'];
$error_message = "Error";
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-ed-z]{2,4}$/';
if(!preg_match($email_exp,$correo))
$error_message .= 'La dirección de correo proporcionada no es válida.<br />';
}
$email_message = "Contenido del Mensaje.\n\n";
function clean_string($string) {
$bad = array("content-type","bcc:","to:","cc:","href");
return str_replace($bad,"",$string);
}
$email_message .= "nombre: ".clean_string($nombre)."\n";
$email_message .= "cedula: ".clean_string($cedula)."\n";
$email_message .= "Correo: ".clean_string($correo)."\n";

$email_message .= "Direccion: ".clean_string($direccion)."\n";


$email_message .= "telefono: ".clean_string($telefono)."\n";
$email_message .= "mensaje: ".clean_string($mensaje)."\n";
$headers = 'From: '.$correo."\r\n".
'Reply-To: '.$correo."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);
}
echo '<script>
alert("Gracias! Nos pondremos en contacto contigo ");
window.location="index.html";
</script>';
?>
</body>
ENTRAR AL SISTEMA DE ADMINISTRADOR

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:348px;
height:263px;
z-index:1;
left: 452px;
top: 364px;
}
.Estilo1 {
font-size: 24px;
font-weight: bold;
color: #000000;
}
body {
background-image: url(imagen/fondos/8332.jpg);
background-repeat: repeat;
}
.Estilo4 {font-size: 24px; font-weight: bold; color: #00CCFF; }
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
div label {
width: 30%;
float: left;
}
.Estilo5 {
font-size: 18px;
font-weight: bold;
}
.Estilo6 {font-size: 18px}
#Layer2 {
position:absolute;
width:296px;
height:115px;
z-index:2;
left: 474px;
top: 407px;
}
-->
</style>
</head>

<body>
<div id="Layer1"><img src="imagen/fondos/4596_969_fondo269.jpg" width="347"
height="262" /></div>

<div align="center">
<p><img src="imagen/fondoaccin.png" width="592" height="198" /></p>
</div>
<div align="center">
<div id="Layer2">
<fieldset>
<legend><span class="Estilo1">Ingreso de Usuario</span></legend>
<p>&nbsp;</p>
<form action="checklogin.php".php" method="post" >
<div> <span class="Estilo6">
<label><strong>Usuario:</strong></label>
</span>
<p><span class="Estilo6"> </span>
<input name="usuario" type="text" id="usuario" required>
</p>
</div><div>
<label><span class="Estilo5">Password:</span></label>
<input name="password" type="password" id="password" required>
</div>
<div align="center">
<p>
<input type="submit" name="Submit" value="Entrar">
</p>
</div>
</form>
</fieldset>
</div>
</div>
</body>
</html>

SISTEMA DEL ADMINISTRADOR


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sistema</title>
<style type="text/css">
<!--
body {
background-image: url(imagen/fondos/8332.jpg);
}
.Estilo2 {
color: #00CCCC;
font-weight: bold;
font-size: 30px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
#Layer1 {
position:absolute;
width:97px;
height:37px;
z-index:1;
left: 926px;
top: 685px;
}
.Estilo4 {
font-size: 24px;
color: #FF0000;
font-weight: bold;
}
-->
</style></head>

<body>
<div align="center">
<p><img src="../proyecto_accin/imagen/accinprin.png" width="611" height="213" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div align="center">
<a href="index.html"> <div class="Estilo4" id="Layer1">Salir</div>
</a>
<table width="200" border="1">
<tr>
<td><div align="center">
<a href="clientes.html"> <p><span class="Estilo2">Clientes</span></p></a>
<p><img src="imagen/fondos/clientes.png" width="251" height="248" /></p>
</div></td>
<td><div align="center">
<a href="sistcont.php"> <p><span class="Estilo2">Contactos</span></p></a>
<p><img src="imagen/fondos/contacto1.png" width="251" height="248" /></p>
</div></td>
<td><div align="center">
<a href="sistpro.php">
<p><span class="Estilo2">Productos</span></p></a>
<p><img src="imagen/fondos/articulos.png" width="251" height="248" /></p>
</div></td>
</tr>
</table>
</div>
</body>
</html>

AGREGAR CLIENTES

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>agregar</title>
<style type="text/css">
<!--
body {
background-image: url(imagen/fondos/8332.jpg);
}
.Estilo1 {
color: #00CCCC;
font-weight: bold;
font-size: 30px;
}
div {
margin: .4em 0;
}
div label {
width: 50%;
float: left;
}
.Estilo3 {
font-size: 36px;
font-weight: bold;
color: #0066CC;
}
#Layer1 {
position:absolute;
width:601px;
height:340px;
z-index:1;
left: 374px;
top: 402px;
background-color: #CCCCCC;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style></head>

<body>
<div align="center"><img src="imagen/fondoaccin.png" width="584" height="251" /></div>
<div align="center">
<p>&nbsp;</p>
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.phpl"><span class="Estilo1">Productos</span></a></td>
<td><a href="contactos.html"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>

<div id="Layer1">
<fieldset>
<legend> <span class="Estilo3">Agregar Nuevo</span></span></legend>
<form action="guardado.php" method="post">
<div>

<label for="nombre"><strong>Nombres:</strong></label>
</span> </span>
<input type="text" id="nombres" name="nombres" maxlength="50" size="30" required/>
<br />

</div>
<div>

<label for="cedula"><strong>Numero de C.I./RUC:</strong></label> </span>


<input type="text" id="cedula" name="cedula" maxlength="13" size="30" />
<br />
</div>

<div>

<label for="direccion"><strong> Direccion del Cliente :</strong></label> </span>


<input type="text" id="direccion" name="direccion" maxlength="100" size="30" />
<br />
</div>

<div>

<label for="telefono"><strong>Numero de Telefono:</strong></label> </span>


<input type="text" id="telefono" name="telefono" maxlength="10" size="30" />
<br />
</div>
<div>

<label for="detalle"><strong>Detalle:</strong></label> </span>


<input type="text" id="detalle" name="detalle" maxlength="100" size="30" />
<br />
</div>

<div>

<label for="factura"><strong>Numero de Factura:</strong></label>


<input type="text" id="factura" name="factura" maxlength="10" size="30" />
<br />
</div>

<div>

<label for="fecha"><strong>Ingrese Fecha:</strong></label> </span>


<input type="text" id="fecha" name="fecha" maxlength="10" size="30" />
<br />
</div>
<p></p>
<div align="center">
<input type="submit" style= "background-color:#FFCC33; font-size: 17px;"
name="agregar" Value="Agregar" />

<input type="reset" style= "background-color:#FFCC33; font-size: 17px;"


name="limpiar" value="Limpiar" /> </div>
</form>
</fieldset>
</div>

</body>
</html>

GUARDAR CLIENTES
<?php
#include 'conexiones.php';
$nombres = $_POST["nombres"];
$cedula = $_POST["cedula"];
$direccion = $_POST["direccion"];
$telefono = $_POST["telefono"];
$detalle = $_POST["detalle"];
$factura = $_POST["factura"];
$fecha = $_POST["fecha"];
$inser = "INSERT INTO (Nombres, Cedula, Direccion, Telefono, Detalle, Factura, Fecha)
VALUES ('$nombres', '$cedula', '$direccion', '$telefono', '$detalle', '$factura', '$fecha')";
if (mysqli_num_rows($verificar_nombre) > 0){
echo"<script type=\"text/javascript\">alert(' El nombre ya esta Registrado Intente
Nuevamente'); window.location='agregar.html';</script>";
exit;
}
if (mysql_num_rows($verificar_cedula) > 0){
echo "<script type=\"text/javascript\">alert(' El numero de cedula ya esta Registrado Intente
Nuevamente'); window.location='agregar.html';

</scrip>";
exit;
} $resul = mysqli_query($conexiones, $inser);
if (!$resul) {
echo 'Error al Registrarse';
} else {
echo '<script>
alert("Se ha registrado correctamente gracias");
window.location="agregar.html";
</script>';
}
mysql_close($conexiones);
?>

BOTON CLIENTES
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>clientes/title>
<style type="text/css">
<!--
body {
background-image: url(imagen/fondos/8332.jpg);
}
.Estilo7 {
font-size: 30px;
color: #FF9900;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.Estilo9 {font-size: 30px; color: #00CCCC; font-weight: bold; }
.Estilo12 {font-size: 30px; color: #00CCFF; font-weight: bold; }
-->
</style></head>

<body>
<div align="center">
<p><img src="imagen/accinprin.png" width="700" height="232" /></p>
<p>&nbsp;</p>
</div>
<div align="center">
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo9">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo9">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo9">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo9">Contactos</span></a></td>
</tr>
</table></div>
<p>&nbsp;</p>
<div align="center">
<table width="277" border="1">
<tr>
<td ><div align="center" >
<a href="lista.php"><p> <span class="Estilo7">
Mostrar Todo</span></p></a>
</div></td>
</tr>
<tr>
<td><div align="center">
<a href="agregar.html"><p> <span class="Estilo7">
Agregar Nuevo</span></p></a>
</div></td>
</tr>
<tr>
<td><div align="center">
<a href="modificar.html"> <p> <span class="Estilo7">Modificar</span></p></a>
</div></td>
</tr>

<tr>
<td height="39"><a href="eliminar.html">
<p align="center"><span class="Estilo7">Eliminar </span></p>
</a> </td>
</tr>
<tr>
<td height=""><a href="registro-usuarios.html">
<p align="center"><span class="Estilo12">Agregar Nuevo usuario</span></p>
</a> </td>
</tr>
</table>
</div>
</body>
</html>

ELIMINAR
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Eliminar</title>
<style type="text/css">
<!--
body {
background-image: url(imgenes/fondos/fondo edit.jpg);
background-image: url(imagen/fondos/fondo%20edit.jpg);
}
.Estilo1 {
font-size: 30px;
color: #00CCCC;
font-weight: bold;
}
.Estilo2 {font-size: 20px}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style></head>

<body>
<div align="center"><img src="imagen/fondoaccin.png" width="611" height="221" /></div>
<div align="center">
<p>&nbsp;</p>
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.html"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<div align="center">
<p>&nbsp;</p>
<table width="272" height="125" border="1" bordercolor="#333333" bgcolor="#F0F0F0">
<tr>
<form action="eliminarnombre.php" method="post">
<td width="262"><p class="Estilo2">Buscar Registro a Eliminar Por :

</p>
<p>Nombres
<input type="text" name="Nombres" id="Nombres" />
</p>
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpiar" value="Limpiar" /></td>
</form>
</tr>
</table>
</div>
<div align="center">
<p>&nbsp;</p>
<table width="285" height="125" border="1" bordercolor="#333333" bgcolor="#F0F0F0">
<tr>
<form action="eliminarcedula.php" method="post">
<td><p class="Estilo2">Buscar Registro a Eliminar Por :

</p>
<p>Cedula/Ruc :
<input type="text" name="Cedula" id="Cedula" />
</p>
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpiar" value="Limpiar" /></td>
</form>
</tr>
</table>
</div>
</body>
</html>

MUESTRA EL NOMBRE A ELIMINAR


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Eliminar</title>
<style type="text/css">
<!--
body {
background-image: url(imagen/fondos/8332.jpg);
}
.Estilo5 {
font-size: 30px;
color: #00CCCC;
font-weight: bold;
}
#Layer1 {
position:absolute;
width:691px;
height:387px;
z-index:1;
left: 334px;
top: 472px;
background-color: #CCCCCC;
}
div {
margin: .4em 0;
}
div label {
width: 50%;
float: left;
}
.Estilo7 {font-size: 18px}
.Estilo9 {color: #00CCCC; font-size: 30px;}
.Estilo11 {color: #000000; font-weight: bold; }
.Estilo12 {color: #000000}
.Estilo13 {
font-size: 36px;
font-weight: bold;
color: #006699;
}
#Layer2 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: 87px;
top: 454px;
}
#Layer3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 87px;
top: 578px;
}
#Layer4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
}
#Layer5 {
position:absolute;
width:200px;
height:101px;
z-index:2;
left: 573px;
top: 739px;
background-color: #FF3300;
}

-->
</style></head>

<body>

<div align="center">
<img src="imagen/fondoaccin.png" width="700" height="300" /></div>
<div align="center">
<p>&nbsp;</p>
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo5">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo5">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo5">Productos</span></a></td>
<td><a href="sistcont.html"><span class="Estilo5">Contactos</span></a></td>
</tr>
</table></div>

<?php
$conexion=mysqli_connect("localhost","root","","accin1")or
die("Problemas con la conexion");
$registro=mysqli_query($conexion,"select * from clientes
where
Cedula='$_REQUEST[Cedula]'") or
die("Problemas en el
select:".mysqli_error($conexion));
if ($reg=mysqli_fetch_array($registro))

{
?>
<p>
<div id="Layer1">
<fieldset>
<legend> <span class="Estilo13">Eliminar</span></legend>
<form action="eliminado.php" method="post">
<div>
<span class="Estilo9"><span class="Estilo7"><span class="Estilo11">
<label for="nombre">Ingrese el Nuevo Nombre:</label>
</span></span></span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" value="<?php echo $reg['Nombres']?>" required/>
<br />

</div>
<div> <span class="Estilo5"> <span class="Estilo7"> <span class="Estilo12">
<label for="cedula"><strong>Ingrese el Nuevo Numero de C.I./RUC:</strong></label>
</span> </span> </span>
<input type="text" disabled="disabled" name="Cedula" value="<?php echo $reg['Cedula']?
>"required />
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo7"> <span class="Estilo12">
<label for="telefono"><strong>Ingrese el Nuevo Numero de Telefono:</strong></label>
</span> </span> </span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" name="telefono" maxlength="10" size="30"
value="<?php echo $reg['Telefono']?>" required/>
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo7"> <span class="Estilo12">
<label for="direccion"><strong>Ingrese la Nueva Direccion del Cliente :</strong></label>
</span> </span> </span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" name="direccion" maxlength="100" size="30"
value="<?php echo $reg['Direccion']?>"required />
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo12"> <span class="Estilo7">
<label for="factura"><strong>Ingrese el Nuevo Numero de Factura:</strong></label>
</span> </span> </span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" name="factura" maxlength="10" size="30" value="<?
php echo $reg['Factura']?>" required/>
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo7"> <span class="Estilo12">
<label for="detalle"><strong>Ingrese el Nuevo Detalle:</strong></label>
</span> </span> </span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" name="detalle" maxlength="100" size="30"
value="<?php echo $reg['Detalle']?>" required/>
<br />
</div>
<div> <span class="Estilo5"> <span class="Estilo12"> <span class="Estilo7">
<label for="fecha"><strong>Ingrese la Nueva Fecha:</strong></label>
</span> </span> </span> <span class="Estilo4"> </span>
<input type="text" disabled="disabled" name="fecha" maxlength="10" size="30" value="<?
php echo $reg['Fecha']?>" required/>
<br />
</div><p></p>
</form>
</fieldset>

</div>

</div>
<div id="Layer5">
<table width="285" height="117" border="1" bordercolor="#333333"
bgcolor="#F0F0F0">
<tr>
<form action="eliminado.php" method="post">
<td bgcolor="#3399FF"><p class="Estilo2">Confirmar Numero a Eliminar

</p>
<p>Cedula/Ruc :
<input type="text" name="Cedula" id="Cedula" maxlength="13" />
</p>
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpiar" value="Limpiar" /></td>
</form>
</tr>
</table></div>

<?php
}
else

echo '<script>
alert("NO existe un registro con ese Numero Ingrese Nuevamente ");
window.location="eliminar.html";
</script>';
?>

</body>
</html>

ELIMINADO
<?php
$conexion=mysqli_connect("localhost","root","","")or
die("Problemas con la conexion");
$registros=mysql_query($conexion,"select id_cliente from clientes where
Cedula='$_REQUEST[Cedula]'") or
die("Problemas en el select:".mysqli_error($conexion));
if ($_req=mysqli_fetch_array($registros))
{

mysql_query($conexion,"delete from clientes where Cedula='$_REQUEST[Cedula]'") or


die("Problemas en el select:".mysqli_error($conexion));
echo '<script>
alert("El Registro fue Eliminado con exito. ");
window.location="eliminar.html";
</script>';
}
else
{
echo '<script>
alert("No existe un registro con ese numero Ingrese Nuevamente ");
window.location="eliminar.html";
</script>';
}

mysql_close($conexion);
?>
</body>
</html>

LISTA DE LOS REGISTROS


<?php
require( 'conex.php' );
$query="SELECT * FROM clientes";
$resultado=$mysqli->query($query);
?>
<title>Listado</title>
<style type="text/css">
<!--
body {
background-image: url(imgenes/fondos/fondo edit.jpg);
background-image: url(imagen/fondos/fondo%20edit.jpg);
}
.centro{
background: #484848;
color: white;
text-align: center;
fonbt-size: 21px;
}
#registro {
border-collapse:collapse;
width: 80%;
}
th, td {
padding: 0.25rem;
border: 1px solid #ccc;
}
.Estilo1 {
font-size: 30px;
color: #00CCCC;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}

-->
</style></head>
<body>

<center>
<p><img src="imagen/fondoaccin.png" width="614" height="204"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div align="center">
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<p>&nbsp;</p>
<p><img src="imagen/fondos/contacto1.png" width="263" height="117"><br>
</p>
<div id="titulo">
<center><h1>Registros</h1> </center>
</div>

<table id="registro">
<thead>
<tr class="centro">
<td>Nombre</td>
<td>Cedula</td>
<td>Direccion</td>
<td>Telefono</td>
<td>Detalle</td>
<td>Factura</td>
<td>Fecha</td>
</tr>
<tbody>
<?php while($row=$resultado->fetch_assoc()){ ?>
<tr>
<td><?php echo $row['Nombres'];?>
</td>
<td><?php echo $row['Cedula'];?>
</td>
<td><?php echo $row['Direccion'];?>
</td>
<td><?php echo $row['Telefono'];?>
</td>
<td><?php echo $row['Detalle'];?>
</td>
<td><?php echo $row['Factura'];?>
</td>
<td><?php echo $row['Fecha'];?>
</td>
</tr>

<?php } ?>
</tbody>
</table>
</center>
</thead>
</body>
</html>
MODIFICAR
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Modificar</title>
<style type="text/css">
<!--
body {
background-image: url(imgenes/fondos/fondo edit.jpg);
background-image: url(imagen/fondos/fondo%20edit.jpg);
}
.Estilo1 {
font-size: 30px;
color: #00CCCC;
font-weight: bold;
}
.Estilo2 {font-size: 20px}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style></head>

<body>
<div align="center"><img src="imagen/fondoaccin.png" width="613" height="206" /></div>
<div align="center">
<p>&nbsp;</p>
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<div align="center">
<p>&nbsp;</p>
<table width="262" height="125" border="1" bordercolor="#333333" bgcolor="#F0F0F0">
<tr>
<form action="modificarnuevo.php" method="post">
<td><p class="Estilo2">Buscar Registro a Modificar Por :

</p>
<p>Nombres
<input type="text" name="Nombres" id="Nombres" />
</p>
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpiar" value="Limpiar" /></td>
</form>
</tr>
</table>
</div>
<div align="center">
<p>&nbsp;</p>
<table width="285" height="125" border="1" bordercolor="#333333" bgcolor="#F0F0F0">
<tr>
<form action="modificarcedula.php" method="post">
<td><p class="Estilo2">Buscar Registro a Modificar Por :

</p>
<p>Cedula/Ruc :
<input type="text" name="cedula" id="cedula" maxlength="13" />
</p>
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpiar" value="Limpiar" /></td>
</form>
</tr>
</table>
</div>
</body>
</html>

MODIFICADO
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>modificar</title>
<style type="text/css">
<!--
body {
background-image: url(imagen/fondos/fondo%20edit.jpg);
}

.Estilo1 {
color: #00CCCC;
font-size: 30px;
font-weight: bold;
}
#Layer1 {
position:absolute;
width:822px;
height:115px;
z-index:1;
left: 309px;
top: 465px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style></head>

<body>
<div align="center"><img src="imagen/accinprin.png" width="632" height="241" /></div>
<div align="center">
<p> <table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div></p>
<p>&nbsp;</p>
<p>
<div align="center">
<div id="Layer1">
<?php
$conexion=mysqli_connect("localhost","root","","accin1")or
die("Problemas con la conexion");
mysqli_query($conexion,"update clientes set

Nombres='$_REQUEST[nombrenuevo]',Cedula='$_REQUEST[cedulanueva]' ,Telefono='$_R
EQUEST[telefononuevo]',Direccion='$_REQUEST[direnuevo]',Factura=$_REQUEST[factnuev
a],Detalle='$_REQUEST[detallenuevo]',Fecha='$_REQUEST[fechanueva]'
where
Nombres='$_REQUEST[nombreviejo]'") or
die("Problemas en el
select:".mysqli_error($conexion));
echo "<font color='green' size='7'>SE MODIFICO EL REGISTRO
EXITOSAMENTE!!</font>" ;
?>
</div>
</div>
</p>
<p>&nbsp;</p>
<p>&nbsp; </p>
</body>
</html>

CONTACTOS ADMIN
<?php
require( 'conex.php' );
$query="SELECT * FROM contactos";
$resultado=$mysqli->query($query);
?>
<title>Contactos</title>
<style type="text/css">
<!--
body {
background-image: url(imgenes/fondos/fondo edit.jpg);
background-image: url(imagen/fondos/fondo%20edit.jpg);
}
.centro{
background: #484848;
color: white;
text-align: center;
fonbt-size: 21px;
}
#registro {
border-collapse:collapse;
width: 80%;
}
th, td {
padding: 0.25rem;
border: 1px solid #ccc;
}
.Estilo1 {
font-size: 30px;
color: #00CCCC;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}

-->
</style></head>
<body>

<center>
<p><img src="imagen/fondoaccin.png" width="591" height="226"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div align="center">
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="imagen/fondos/contacto1.png" width="271" height="126"><br>
</p>
<div id="titulo">
<center><h1>Contactos</h1> </center>
</div><table id="registro">
<thead>
<tr class="centro">
<td>Nombre</td>
<td>Telefono</td>
<td>Ruc</td>
<td>Direccion</td>
</tr>
<tbody>
<?php while($row=$resultado->fetch_assoc()){ ?>
<tr>
<td><?php echo $row['Nombre'];?>
</td>
<td><?php echo $row['Telefono'];?>
</td>
<td><?php echo $row['Ruc'];?>
</td>
<td><?php echo $row['Direccion'];?>
</td>
</tr>
<?php }
</tbody>
</table>
</center>
</thead>

</body>
</html>

PRODUCTOS ADMINISTRADOR
<?php
require( 'conex.php' );
$query="SELECT * FROM productos";
$resultado=$mysqli->query($query);
?>
<title>Productos</title>
<style type="text/css">
<!--
body {
background-image: url(imgenes/fondos/fondo edit.jpg);
background-image: url(imagen/fondos/fondo%20edit.jpg);
}
.centro{
background: #484848;
color: white;
text-align: center;
fonbt-size: 21px;
}
#registro {
border-collapse:collapse;
width: 70%;
}
th, td {
padding: 0.25rem;
border: 1px solid #ccc;
}
.Estilo1 {
font-size: 30px;
color: #00CCCC;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}</style></head>

<body>
<center>
<p><img src="imagen/fondoaccin.png" width="647" height="222"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div align="center">
<table width="200" border="1">
<tr>
<td><a href="Sistema princ.html"><span class="Estilo1">Inicio</span></a></td>
<td><a href="clientes.html"><span class="Estilo1">Clientes</span></a></td>
<td><a href="sistpro.php"><span class="Estilo1">Productos</span></a></td>
<td><a href="sistcont.php"><span class="Estilo1">Contactos</span></a></td>
</tr>
</table></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="imagen/fondos/articulos.png" width="347" height="214"><br>
</p>
<div id="titulo">
<center><h1>Productos</h1> </center>
</div>
<table width="66%" id="registro">
<thead>
<tr class="centro">
<td width="10%">Codigo</td>
<td width="32%">Nombre</td>
<td width="12%">Cantidad</td>
<td width="40%">Detalle</td>
</tr>
<tbody>
<?php while($row=$resultado->fetch_assoc()){ ?>
<tr>
<td align="center"><?php echo $row['id_pro'];?>
</td>
<td><?php echo $row['nombre'];?>
</td>
<td><?php echo $row['cantidad'];?>
</td>
<td><?php echo $row['detalle'];?>
</td>
</tr>
<?php }
</tbody>
</table>
</center>
</thead>

</body>
</html>
Manual de Usuario
DISEÑO DE UN SISTEMA WEB DE ACTUALIZACION Y REGISTROS DE
LOS PRODUCTOS EN GENERAL PARA LOS CLIENTES Y USUARIOS
DEL LOCAL COMERCIAL “ACCIN”.

El propósito de este manual es Publicar y Desarrollar un Sistema Web en


un espacio virtual que contribuya a la mejoría del Control, Actualización y
Registro de clientes y productos en el Comercial “ACCIN”.

IMPLEMENTACION DEL SISTEMA WEB

a) Requerimientos de hardware para la utilización del sistema

• Computadora.
• Acceso a Internet.

b) Requerimientos de software

• Sistema operativo Windows.


• Navegador como Internet Explorer, Google Chrome o Mozilla
Firefox

INGRESO A LA PAGINA WEB


PANTALLA PRINCIPAL DEL SISTEMA WEB

Botones y ventana de la pantalla principal

Los botones principales del sistema web se encuentran en la parte de arriba y son los
siguientes:
Inicio, se dirige a la página principal del aplicativo web

Abre la página donde se encuentran todos los productos del Comercial.

Se abre la ventana para requerir un tipo de servicio de


recargas y mantenimientos de extintores o servicios para
permisos de bomberos.

Información de dirección, teléfono y correo para ponerse en


contacto con el Comercial

Abre una ventana de información básica sobre la institución.

En esta ventana de Registro se insertan los datos que se pide en


cada casilla para guardar datos de los clientes registrados.

Se registra y envía los datos al sistema.

Borra los datos de las casillas.


VENTANA DEL BOTÓN PRODUCTOS
Botones y barra de la pantalla Productos

Inicio, se dirige a la página principal del aplicativo web

Inicio, se dirige a la página principal del aplicativo web

Abre la página donde se encuentran todos los productos del Comercial

Información de dirección, teléfono y correo para ponerse en contacto con el


comercial

Se abre la ventana para requerir un tipo de servicio de recargas y


mantenimientos de extintores o servicios para permisos de bomberos

Abre una ventana de información básica sobre la institución.

Barra de ventanas donde se encuentran los productos


VENTANAS DE LA BARRA DE BOTONES DE PRODUCTOS

Al dar clic en el nombre del


producto se abrirá la ventana de
cotizar el Producto.

PANTALLA DE COTIZACIÓN
DE UN PRODUCTO
BOTONES Y VENTANA DE LA PANTALLA COTIZAR

tar la cotización llenando los casilleros obligatorios podrá enviar la solicitud de


PANTALLA DEL BOTÓN DE SERVICIOS DE RECARGA DE EXTINTORES Y
PERMISOS.

BOTONES Y VENTANA DE LA PANTALLA SERVICIOS

Esta ventana contiene casilleros para llenar datos del cliente


que quiera solicitar un servicio de recargas.

En esta opción puedes seleccionar que tipo de agente químico es el extintor y la


capacidad que contiene.
Este botón envía la solicitud al Comercial.

Este botón borra los datos insertados en los casilleros.

Estos botones contienen información sobre los


pasos que se deben tener para realizar trámites
contra incendios, la información solicitada se abrirá
en la misma ventana de servicios.

PANTALLA DEL BOTÓN CONTACTOS

BOTÓN Y VENTANA DE LA PANTALLA CONTACTO


Aquí van insertados los datos de la persona que desea
ponerse en contacto con el Comercial llenando los
campos que son obligatorios.

Pulsando este botón enviara los datos insertados en los


casilleros.
PANTALLA DEL BOTÓN NOSOTROS

Esta es la pantalla de la opción Nosotros aquí se podrá ver información sobre el


Comercial como visión, misión y otros objetivos, también muestra datos como teléfono,
dirección y mapa de la dirección.

PANTALLA PRINCIPAL PARA INGRESAR AL ADMINISTRADOR DEL SISTEMA


BOTÓN DE LA PANTALLA PRINCIPAL PARA INGRESO AL ADMINISTRADOR

Presionando este botón se abrirá una nueva ventana en el cual se ingresara


el usuario y clave.
PANTALLA PRINCIPAL DE INGRESO DEL ADMINISTRADOR

En esta ventana solo tendrán Acceso los Trabajadores encargados de administrar los
registros de clientes y productos se tendrá que ingresar el usuario y clave para poder
entrar al sistema

PANTALLA DE INGRESO AL SISTEMA DE ADMINISTRADOR


Botones de la pantalla principal Administrador

En este botón se ingresara a una ventana con opciones para los registros de
clientes.

Este botón ingresara a una lista de contactos del Comercial de empresas


distribuidoras.

Ingresando a Productos encontraremos una lista de todos los productos


ingresados.

El botón salir nos enviara a la ventana principal de la pagina web.


PANTALLA DE INGRESO DEL BOTÓN CLIENTES

BOTONES DE LA PANTALLA CLIENTES

Nos enviara a la pantalla principal del administrador.


Este botón nos dirigirá a la ventana de clientes.

Este botón nos dirigirá a la ventana de Productos.

Este botón nos dirigirá a la ventana de Contactos .

Aquí ingresaremos un nuevo cliente al sistema .

Muestra toda la lista de los registros de clientes.

Modifica los datos de los clientes registrados.

Elimina los registros ingresados.

Este botón nos permitirá ingresar un nuevo usuario para acceder al sistema
administrador.
PANTALLA DE INGRESO A LA OPCIÓN AGREGAR NUEVOS REGISTROS

En esta ventana se puede ingresar nuevos registros insertando los datos pedidos en el
sistema

Agrega y envía los datos ingresados a la base de datos.

Borra los campos ingresados a los casilleros de texto


PANTALLA DE INGRESO A LA OPCIÓN MOSTRAR TODO

PANTALLA DE INGRESO A LA OPCIÓN MODIFICAR CLIENTES


Botones de la pantalla de Modificar

En esta ventana se ingresa el nombre del registro a modificar

En esta ventana se ingresa el número de cedula del registro a


modificar

PANTALLA DE INGRESO A LA OPCIÓN MODIFICAR CLIENTES

Actualiza y modifica el registro del cliente.

Regresa a la ventana de modificar.


PANTALLA DE INGRESO A LA OPCIÓN ELIMINAR CLIENTES
BOTONES DE LA PANTALLA DE ELIMINAR

En esta ventana se ingresa el nombre del registro a eliminar

En esta ventana se ingresa el número de cedula del registro a modificar

PANTALLA DE INGRESO AL BOTÓN ELIMINAR

Para eliminar se debe volver a poner el número de cedula del cliente en la caja de texto
y presionar el botón enviar

PANTALLA DE INGRESO A LA OPCIÓN AGREGAR NUEVO USUARIO


Para agregar un nuevo usuario debes de llenar tu nuevo usuario y clave luego presionar
el botón registrar.

VENTANA PRINCIPAL DE PRODUCTOS.

Al presionar este botón se dirigirá a la ventana productos


VENTANA PRINCIPAL DE CONTACTOS.
Al presionar este botón se dirigirá a la ventana contactos y desplazar una
lista con todos los contactos
4.7 CONCLUSIONES

Luego del análisis del proyecto se puede concluir lo siguiente:

 El proyecto es sumamente factible en la implementación de la empresa


ya esto contribuirá que el COMERCIAL “ACCIN” promueva la masificación
de sus productos a los distintos lugares del Ecuador a través del aplicativo
Web.

 Es beneficioso la utilización del aplicativo web la publicidad de los


productos que ofrece COMERCIAL “ACCIN”, y para las ventas on line ya
que se optimizan los procesos de ventas.

 El sitio web como medio de negocio permite agilitar el proceso de


ventas y despacho de los productos de la empresa a diferentes puntos de
país.

 La empresa se verá favorecida al tener la posibilidad de llegar a miles de


potenciales clientes gracias a la tecnología del internet.
4.8 RECOMENDACIONES

Se recomienda lo siguiente:

 Actualizados los productos que EL COMERCIAL “ACCIN” distribuye a


través del aplicativo web.

 Colaboración en equipo con el administrador del aplicativo web y el


departamento de bodega es esencial para que el proceso de distribución
y venta se realice exitosamente.

 Realizar pedidos en forma on line desde cualquier punto del país y al


exterior.

 Implementación en el futuro un sistema de pagos alternativos (tarjetas de


crédito pay pal) para que todo tipo de usuario tenga acceso a la compra
de productos, esta puede ser pago contra entrega.
ANYELGUTI, h.-w. (2016). EL MUNDO WEB.
ARIAS. (2012). PROYECTO DE LA INVESTIGACIÓN - INTRODUCCIÓN A LA
METODOLOGÍA.
Arias, F. G. (2012).
Arias, F. G. (2012). EL PROYECTO DE LA INVESTIGACIÓN - INTRODUCCION A LA
METODOLOGÍA CIENTÍFICA. CARACAS: EPISTEME.
BONILLA, T. (2012). METODOLOGÍAS DE LA INVESTIGACIÓN. En B. TORO.
BUENOS AIRES.
DE LA CRUZ MANTILLA, A. S.-L. (s.f.).
FERRER MARTÍNEZ, J. 2. (2012).
Gomez, S. (2012). DEFINICONES DE LA INVESTIGACIÓN.
http://www.ecured.cu/Investigaci%C3%B3n_Cient%C3%ADfica. (2013). Obtenido de
http://www.ecured.cu/Investigaci%C3%B3n_Cient%C3%ADfica
http://www.eumed.net/libros-gratis/2006c/203/2k.htm. (2012). eumed.net. Obtenido de
http://www.eumed.net/libros-gratis/2006c/203/2k.htm
http://www.netquest.com/blog/es/muestreo-probabilistico-o-no-probabilistico-ii/. (2015).
http://www.universoformulas.com/estadistica/inferencia/muestreo-no-probabilistico/.
(2014).
MUÑOZ-REPISO, A. G.-V., & AZUCENA HERNANDEZ MARTIN, 2. (2012). TICS.
S, A. (2010). Aranguren S. Obtenido de Población y Muestra:
https://es.scribd.com/doc/96734433/Poblacion-y-Muestra#download
SANTA PALELLA, F. M. (2012). METDOLOGIAS DE LA INVESTIGACIÓN.
ANEXO #1
FORMATO DE ENCUESTA

Buenas tardes. Estimado clientes, esta es una pequeña encuesta que se le va a


realizar con el fin de conocer cuáles serían los gustos y preferencias sobre este
nuevo sistema que se va a implementar. Agradecería su colaboración.

1 2 3 4 5
Muy de De Indiferente En Muy en ALTERNATIVAS
acuerdo acuerdo desacuerdo desacuerdo

PREGUNTAS 1 2 3 4 5

1.- ¿Cree usted importante la implantación de un Sistema Web Online


para el Local Comercial donde labora?

2.- ¿Cree usted que servirá y llenara las perspectivas en el ámbito

publicitario la ejecución de un sistema web?

3.- ¿Cree usted que este Sistema Web contribuirá en grandes beneficios

para el avance tecnológico de su Comercial?

4.- ¿Estaría de acuerdo que dentro del Sistema web se le incorporen

las ofertas que ofrece el Comercial?

5.- ¿Estaría usted de acuerdo que dentro del Sistema Web se dé a

conocer información completa de sus trabajadores que laboran en su

Negocio?

6.- ¿Estaría dispuesta/o a utilizar este nuevo sistema de ventas a


implementar en el Comercial?

7.- ¿Considera usted que con la creación de un sistema Web

usted ahorraría tiempo y dinero al querer un servicio o comprar

un producto sin necesidad de ir directo al Comercial?

8.- ¿Estaría usted de acuerdo que dentro del sistema web se le

vincule al cliente información sobre entidades públicas para


permisos municipales?

9.- ¿Considera que es necesario que el Sistema Web se le brinde

información e instrucciones básicas de cómo utilizar los equipos

contra incendios que usted adquiere?

10.- ¿Está usted de acuerdo que se ejecute una capacitación para el

uso y manejo correcto del sistema web a implementar en el Comercial?

ANEXO # 2

CRONOGRAMA

OCT. NOV. DIC. ENE.


TIEMPO: MESES

ACTIVIDADES 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1.- Seminario

2.- Declaración del Tema

3.- Aprobación del Tema

4.- Tutorías
5.- Desarrollo de la Tesis

6.- Aprobación del Tutor

7.- Entrega Final

ANEXO # 3

PRESUPUESTO

RUBRO TOTAL

PERSONAL INVESTIGATIVO:
1.- Tutoría de tesis $ 45

MATERIAL FUNGIBLE:
1.- Papelería (hojas A4) $ 15

2.- Fotocopias $ 15

EQUIPO:
1.- Dominio $ 80

2.- Ordenador $ 650


TOTAL $ 805.00

También podría gustarte