Está en la página 1de 42
TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN TÍTULO DE LA MEMORIA PÁGINA WEB DE DISTRIBUCIONES
TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN TÍTULO DE LA MEMORIA PÁGINA WEB DE DISTRIBUCIONES

TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN

TÍTULO DE LA MEMORIA PÁGINA WEB DE DISTRIBUCIONES SAN-VER S.A DE C.V TANTOYUCA, VERACRUZ

MEMORIA PRESENTADA COMO REQUISITO PARA OBTENER EL TÍTULO DE TÉCNICO SUPERIOR UNIVERSITARIO EN TECNOLOGÍAS DE LA INFORMACIÓN YLA COMUNICACIÓN.

AUTOR: MARIA BERTHA MAQUEDA HERNÁNDEZ.

ASESOR ACADÉMICO: MC RAFAEL MARTÍNEZ CASANOVA.

ASESOR INDUSTRIAL: ING. ALBERTO CORTÉS FIERRO.

HUEJUTLA HIDALGO.

AGOSTO DE 2010

PAGINA

WEB (ESTRUCTURA) DISTRIBUCIONES SANVER S.A DE C.V. TANTOYUCA, VERACRUZ.

Memoria presentada por:

MARIA BERTHA MAQUEDA HERNÁNDEZ

Ante la Universidad Tecnológica de la Huasteca Hidalguense como requisito parcial para optar

al título

de

TÉCNICO SUPERIOR UNIVERSITARIO EN TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN CON ESPECIALIDAD EN INFORMÁTICA ADMINISTRATIVA.

AGOSTO 2010.

iv

AGRADECIMIENTOS

A Dios:

Por

de mis metas . por protegerme siempre y en todo lugar.

la

vida y la salud, quien

ha

permitido llegar

una mas

A Mis Abuelitos:

Por el apoyo incondicional que me han brindado desde mi toma de desiones.

A Mis Tíos(as):

Por

la

universidad.

haberme

brindado

apoyo

durante

la

estancia

en

A Mi Asesor Industrial Y Académico:

Ing. Alberto Cortés Fiero.

MC. Rafael Martínez Casanova.

Por el apoyo que me brindó durante la estadía. así como también le agradezco a la empresa distribuciones SanVer S.A

de C.V

por haberme permitido

realizar

la estadía.

A Mis Amigos:

Por el gran amor y la confianza que siempre me brindarón, gracias por darme la fuerza por irme superando. Y a todas aquellas personas que comparte conmigo este triunfo.

RESUMEN

PÁGINA WEB (ESTRUCTURA) DISTRIBUCIONES SANVER S.A DE C.V.

AGOSTO 2010.

MARÍA BERTHA MAQUEDA HERNÁNDEZ

TÉCNICO SUPERIOR UNIVERSITARIO EN TECNOLOGÍAS DE LA

INFORMACIÓN

Y COMUNICACIÓN EN ESPECIALIDAD EN INFORMÁTICA ADMINISTRATIVA.

Asesor industrial: Ing. Alberto Cortes Fierro Asesor Académico: MC. Rafael Martínez Casanova.

En la actualidad una página web es una herramienta intangible que sirve para mostrar información general de la empresa Distribuciones San Ver S.A de C.V, así como sus productos y servicios. Esta será una herramienta interactiva para la empresa así como para sus clientes o visitantes. Se decidió el proyecto denominado “página web (estructura) Distribuciones San Ver S.A de C.V.“ Dicha empresa necesitaba realizar mejoras a la página que tiene a su servicio. Este proyecto se realizó para poder aumentar el número de clientes y darse a conocer a más gente, también se busca estar a la vanguardia competitiva con las demás empresas. En cuanto a su diseño. Esta página web está más actualizada en las animaciones, entorno, y la forma de dar a conocer los productos de la empresa.

El objetivo del proyecto (página web) es de darse a conocer, vender más productos, conocer a sus clientes y, mantener al cliente a la vanguardia de la mercancía de la empresa. PAGINA, PROCESO, WEB, ACTUALIZACIÓN, VANGUARDIA.

SUMMARY

PÁGINA WEB (ESTRUCTURA) DISTRIBUCIONES SANVER S.A DE C.V.

AUGUST 2010.

MARIA BERTHA MAQUEDA HERNANDEZ

TÉCNICO SUPERIOR UNIVERSITARIO EN TECNOLOGÍAS DE LA

INFORMACIÓN

Y COMUNICACIÓN EN ESPECIALIDAD EN INFORMÁTICA ADMINISTRATIVA.

.

Industrial Adviser: Mr. Alberto Cortes Fierro

Academic Adviser:

Rafael Martínez Casanova.

Actually a website is an intangible tool used to display information of the company Distributions San Ver S.A DE C.V., and its products and services. It will be an interactive tool for the company and to your customers or visitors. It was decided the project "website (structure) Distributions San Ver S.A de C.V." The company needed to make improvements to the page that has at its service. This project was done in order to increase the number of customers and make themselves known more people, also seeks to be at the forefront competitive with other companies.

TSaying about its desigs this web page is most current animation, environment, and

company.

The aim of the project (website) is to get noticed, sell more products, know your

company.

how

to

publicize

the

the

at

products

forefront

of

the

the

of

customers

and

keep

customer

the

of

good

the

PAGE, PROCESS, WEB, UPDATE, VANGUARD.

ÍNDICE

DEL CONTENIDO

AGRADECIMIENTOS…………………………………………………………….…… IV RESUMEN……………………………………………………………………………… V SUMMARY……………………………………………………………………………… VI

I

GENERALIDADES……………………………………………………………… 1 I.1 Antecedentes de la empresa……………………………………………

1

II

PLANTEAMIENTO DE LA PROBLEMÁTICA………………… ……….…4

III

OBJETIVO DE LA INVESTIGACIÓN …………………………………… 5

IV

FUNDAMENTOS TEÓRICOS EXPERIMENTALES……………………………7

IV.1 Desarrollo del proyecto ………………………………………………… 12

V

METODOLOGÍA…………………………………………………………………….24

V.1 Investigación y experimentación………………………………………

23

V.2 Interpretación……………………………………………………………….33

VI CONCLUSIÓN……………………………………………………………………

34

VII BIBLIOGRAFÍA……………………………………………………………….…

35

VIII ANEXOS……………………………………………………………………………

36

I. GENERALIDADES

I.1 Antecedentes de la empresa

Distribuciones San-Ver S.A. de C.V. tuvo sus inicios en 1965 cuando el Sr. Roberto San Román Vera incursionó con el ramo de materiales para la construcción, con el fin de satisfacer las necesidades de material que existía en la localidad, por lo que estableció un local comercial con la venta de estos materiales denominado “Materiales para la construcción San Román ” en la calle Victoria No.222 en Tantoyuca, Veracruz, comenzó con un negocio familiar donde participaban todos los miembros de la familia .

Con el tiempo y adquiriendo día a día mayor experiencia ,continuo su crecimiento tanto a nivel local con “Ferretería del Centro ”, como a nivel regional con “Ferretería Chicontepec” y “Materiales para la Construcción San Román Tempoal” , entre 1970 y 1985 .

El avance logrado durante los primeros años , cuando sólo se contaba con una bodega que distribuía materiales para la construcción, demostró las bondades de un mercado no explotado comercialmente a lo largo y ancho de los municipios de la zona norte de Veracruz, logrando conquistar este nuevo mercado.

La aceptación y la estrategia comercial que tuvieron éstos y obligados por la demanda constante de clientes al mayoreo .Nace en 1980 un negocio de distribución y comercialización denominado “Proveedora de las Huastecas” el cual surge con la idea de comercializar y distribuir materiales para la construcción, así como ferretería en general e incrementar las líneas de productos ofrecidos en los diferentes puntos de venta.

Dicho proyecto quedó suspendido por no contar con la infraestructura adecuada , subsistiendo por un tiempo como “Materiales San Román”. Tratando de lograr el objetivo ya trazado , el arquitecto Gabriel San Román Vera decide llevar a cabo la visualización de su proyecto, es así como nace el 16 de febrero de 1990, Distribuciones San-Ver S.A. De C.V. , conforme a las leyes de la nación bajo la escritura pública, teniendo el permiso otorgado por la SECRETARÍA DE RELACIONES EXTERIORES y participando en este gran proyecto en una minoría, sus hermanos Lic. Trinidad San Román Vera, Prof. Marìa Guadalupe San Román Vera Y L.A.E Regina San Román Vera ,con el objetivo primordial de poder cubrir las demandas del mercado local y regional tanto al mayoreo como al menudeo, con una idea fija de posicionarse como líder a lo ancho del país .

Las siglas SAN-VER significan San Román Vera .Como se muestra en el logo anterior tiene plasmado la razón social, así como también se puede observar que con las iniciales “S” y la “R” se forma una silueta de la cabeza de un clavo y la tapa de un tinaco.

silueta de la cabeza de un clavo y la tapa de un tinaco. , a ido

, a

ido

.

los

alrededores como son: en el estado de Veracruz, Hidalgo, san Luis Potosí y

Tamaulipas, para atender

Durante su

crecimiento

estableciendo

puntos

de

venta

a

las demandas insatisfechas .

A partir de ese momento se concentran todos los esfuerzos en la organización administrativa y la fuerza promocional de la empresa, conocida en toda la región como distribuciones SAN-VER S.A. DE C.V.

Actualmente se cuenta con los siguientes puntos de venta:

Centro Ferretero Tampico S.A. De C.V (Huejutla, Hidalgo)

Centro Ferretero de Tampico S.A. de C.V (Tampico, Tamaulipas)

Centro Ferretero de Tampico S.A. de C.V (Ataplexco, Hidalgo)

Ferretería Chicontepec S.A. De C.V (Chicontepec, Veracruz).

Ferretera Chicontepec S.A. De C.V (Tantoyuca, Veracruz).

Más Ferreterías Gabriel San Román vera (Tempoal, Veracruz).

Más Ferreterías Tamazunchale, S.A. De C.V (Tamazunchale, San Luís Potosí).

Ferretería Ideal S.A. De C.V (Tantoyuca, Veracruz).

Materiales para la Construcción y Ferretería Tantoyuca S.A. de C.V (Tantoyuca, Ver. Zona Centro).

Materiales para la Construcción y Ferretería Tantoyuca S.A. De C.V (Tantoyuca Ver.Colonia la Mora).

Es así como inicia su expansión a zonas aledañas , atendiendo rutas por medio de los agentes de venta .Así a los estados de Hidalgo, San Luís Potosí , Puebla, Tamaulipas, Querétaro y Veracruz .

Distribuciones San-Ver se consolidó gracias a la alianza estratégica entre las franquicias filiales (Mas Ferreterías ),con la actividad preponderante de:

compra , venta y distribución de materiales para la construcción y ferretería en general . Distribuciones San-Ver Sociedad Anónima de Capital Variable ,es una sociedad mercantil Mexicana . Convenio de extranjeros. A lo largo de su historia ha ido fortaleciendo su crecimiento a nivel local y regional con grandes expectativas de desarrollo, buscando estrategias de mercado que regulen su evolución de maneras sistemática y ordenada , mediante sucursales o medios franquicitarios para la comercialización y distribución de sus productos.

II. PLANTEAMIENTO DE LA PROBLEMÁTICA

En la actualidad,

todas

las

empresas

necesitan

del apoyo de

una

página web,

ya

que

con

ella

podrán

estar

a

la vanguardia de la

tecnología, así podrán brindar a sus clientes la satisfacción que siempre

han querido realizar.

cuenta con una

página web obsoleta , por lo tanto se ve en la necesidad de elaborar una nueva , a esta se le aplicarían tecnologías de vanguardia, dinámicas,

y así ofrecer un mejor servicio al cliente y una nueva imagen.

La

empresa

distribuciones

San Ver

S.A

de

C.V.

III. OBJETIVOS DE LA INVESTIGACION

Se elaborara página web que permita a la empresa estar a la vanguardia en la actualización de productos y mantener al cliente informado de las promociones de acuerdo a la temporada del año.

Objetivo especifico

Elaborar una página de inicio donde el cliente podrá iniciar sesión así como también existirá una banner de promociones el cual se estará actualizando mensualmente.de acuerdo a la temporada del año. Objetivo especifico Elaborar una página de sitios de interés

Elaborar una página de sitios de interés los cuales contendrá las marcas más importantes para la empresa.de promociones el cual se estará actualizando mensualmente. Elaborar una página de registro de usuarios Elaborar

Elaborar una página de registro de usuarioscontendrá las marcas más importantes para la empresa. Elaborar una página de comentarios para que el

Elaborar una página de comentarios para que el usuario pueda dejar su comentario en dicha páginala empresa. Elaborar una página de registro de usuarios Elaborar una página que contendrá la política,

Elaborar una página que contendrá la política, misión y visión de la empresa.que el usuario pueda dejar su comentario en dicha página Mostrar una revista digital con los

Mostrar una revista digital con los productos actualizados de la empresa.contendrá la política, misión y visión de la empresa. Mostrar una galería de fotografías de trabajadores

Mostrar una galería de fotografías de trabajadores de la misma empresa.empresa. Mostrar una revista digital con los productos actualizados de la empresa. Mostrar imágenes de productos

Mostrar imágenes de productos nuevos.con los productos actualizados de la empresa. Mostrar una galería de fotografías de trabajadores de la

III.4 DURACIÓN DEL PROYECTO El proyecto de la página Web de Distribuciones San-Ver S.A DE C.V Tendrá

una duración

martes 4 de mayo del 2010 y terminado e impreso el

agosto del 2010.

el día

de 3 meses, que es equivalente

a 92 días,

inicio

miércoles 4 de

IV.-FUNDAMENTOS TEÓRICOS

El diseño Web es una actividad que consiste en la planificación, diseño e implementación de sitios Web y páginas Web. No es simplemente una aplicación del diseño convencional, ya que requiere tomar en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se le considera dentro del Diseño multimedia.

Una página web, también conocida como página de Internet, es un documento elaborado para la Web y que normalmente forma parte de un sitio web.

Una página web está compuesta principalmente por información (sólo texto o módulos multimedia) así como por hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para hacerla interactiva.

Fuente de información compatible con la WWW y que puede ser accedida a través de un navegador en internet.

Las páginas web pueden estar formadas por distintos elementos como:

También pueden poseer elementos no son visibles por el usuario amplían las

posibilidades

Scripts (generalmente Java Script), metatags, Hojas de Estilo (CSS), etc.

del

HTML:

Algunas veces diferentes navegadores a veces interpretan de formas distinta una misma página web; incluso los webmasters debían adaptar los códigos para uno u otro navegador web. Actualmente este problema casi no existe porque tanto

diseñadores web como desarrolladores de navegadores comenzaron a respetar los estándares para la creación de páginas web. Estas reglas son creadas por el Consorcio World Wide Web (W3C) para HTML, CSS, XML, etc.

Las páginas web pueden hacerse desde cualquier editor de texto, aunque siempre más sencillo usar los editores WYSIWYG, que son totalmente gráficos como Dreamweaver o Frontpage, etc. (Ver Editores Web).

Con respecto a los buscadores de internet, una página web puede estar o no indexada. Esto determina si aparece o no en los resultados de búsqueda que hacen los usuarios en ese buscador. Cabe destacar que un sitio web puede estar indexado, pero no así todas las páginas web que pertenecen al mismo.

En forma genérica suele tomarse como sinónimo de sitio web pero no son lo

web.

mismo.

Un

sitio

web

está

conformado

por

una

o

más páginas

Cada sitio web tiene una página de inicio (en inglés Home Page), que es el primer documento que ve el usuario cuando entra en el sitio web poniendo el nombre del dominio de ese sitio web en un navegador. El sitio normalmente tiene otros documentos (páginas web) adicionales. Cada sitio pertenece y es gestionado y por un individuo, una compañía o una organización. Como medio, los sitios web son similares a las películas, a la televisión o a las revistas, en que también crean y manipulan imágenes digitales y texto, pero un sitio web es también un medio de comunicación. La diferencia principal entre un sitio web y los medios tradicionales es que un sitio web está en una red de ordenadores (Internet) y está codificado de manera que permite que los usuarios interactúen con el. Una vez en un sitio web, puedes realizar compras, búsquedas, enviar mensajes, y otras actividades interactivas.

Una página web es una página sin estructura en la que puedes insertar texto, imágenes, tablas, e incrustar hojas de datos, presentaciones, vídeos y otros materiales. La página web tiene unos controles de formato estándar como negrita, cursiva, subrayado, selección de fuentes, color del texto y resaltar texto. Puedes crear listas con viñetas, listas numeradas y establecer con facilidad enlaces a otras páginas del sitio. Puedes adjuntar documentos desde tu disco duro a la parte inferior de la página y permitir que otros colaboradores del sitio hagan comentarios sobre tus páginas.

Los suscriptores de la página reciben una notificación cuando se actualiza la página.

Una página de Internet o página Web es un documento electrónico que contiene información específica de un tema en particular y que es almacenado en algún sistema de cómputo que se encuentre conectado a la red mundial de información denominada Internet, de tal forma que este documento pueda ser consultado por cualesquier persona que se conecte a esta red mundial de comunicaciones y que cuente con los permisos apropiados para hacerlo.

Una página Web es la unidad básica del World Wide Web.

Una página Web tiene la característica peculiar de que el texto se combina con imágenes para hacer que el documento sea dinámico y permita que se puedan ejecutar diferentes acciones, una tras otra, a través de la selección de texto remarcado o de las imágenes, acción que nos puede conducir a otra sección dentro del documento, abrir otra página Web, iniciar un mensaje de correo electrónico o transportarnos a otro Sitio Web totalmente distinto a través de sus hipervínculos.

Estos documentos pueden ser elaborados por los gobiernos, instituciones educativas, instituciones públicas o privadas, empresas o cualquier otro tipo de asociación, y por las propias personas en lo individual.

Página web cuya información cambia o se modifica de forma automática (por ejemplo, basado en el contenido de una base de datos o información del usuario). En ocasiones es posible detectar esta técnica observando la extensión del nombre del archivo de una página web. Los motores de búsqueda indexan el contenido dinámico en una forma similar al contenido estático, aunque en ciertas condiciones optan por no indexar un URL que contenga el símbolo "?".

El contenido de la página no está incluido en un archivo html como en el caso de las páginas web estáticas.

Las aplicaciones más conocidas de las páginas web dinámicas son:

Mostrar el contenido de una base de datos, con base en la información que solicita un usuario a través de un formulario de web. web.

Actualizar el contenido de una base de datos.que solicita un usuario a través de un formulario de web. Generar páginas web de contenido

Generar páginas web de contenido estático. web de contenido estático.

Mejorar la interacción entre el usuario y el sitio web. web.

Es un sitio web que en su página principal permite el acceso a múltiples secciones que, por lo general, son foros, chats, cuentas de correo, buscador, acceso registrado para obtener ciertas ventajas, las últimas noticias de actualidad… un sinfín de recursos para brindar al usuario la mejor experiencia de búsqueda para una temática en particular o para una temática muy amplia. Estamos hablando de dos tipos diferenciados de portal: Portal Horizontal, se reconoce por su temática variada con el fin de captar el mayor tráfico de internautas posible. Son un ejemplo de esta modalidad, los portales de Lycos, Yahoo, Altavista, MSN, etc. Por otra parte, tenemos el Portal Vertical, que se centra en ofrecer contenido de una temática en particular, de este modo podemos hablar de Portal Inmobiliario, Portal

de

Comercio,

Portal

Laboral,

etc.

Tienda virtual o Comercio electrónico. Como su nombre indica, se trata de un sitio web que publica los productos de una tienda en particular en Internet. Permite la compra on-line a través de VISA, domiciliación bancaria o transferencia por norma general. Ofrece al administrador un panel de gestión para poder subir los productos, actualizarlos, eliminarlos, etc. Es importante observar cuando realizamos una compra on-line, que la página donde realizamos la compra muestre un “candado” en la parte inferior derecha o bien en la parte derecha de la barra de navegación. Este detalle indica que la empresa propietaria de la tienda virtual ha habilitado una zona segura para que los datos no sean copiados por los hackers.

Página Web con Gestor de Contenidos. Se trata de un sitio web cuyo contenido se actualiza a través de un panel de gestión por parte del administrador del sitio. Este panel de gestión suele ser muy intuitivo y fácil de usar. En aquellas páginas web que requieran una actualización constante se suele incorporar este panel de gestión para que pueda controlarse día a día por parte del cliente.

V.1

DESARROLLO DEL PROYECTO.

En los últimos años han surgido muchos conceptos relacionados con la tecnologías, gracias a esos las macro empresas y micro medianas empresas han llevado a cabo sus proyectos de páginas Web para trascender en el mercado comercial.

Estructura en la página Web

En el esquema siguiente muestra la estructura de la pagina Web de Distribuciones San Ver S.A de C.V.

de la pagina Web de Distribuciones San Ver S.A de C.V. La pagina está estructurada con

La pagina está estructurada con una página de inicio donde aparecerán

iniciación de usuario así como también un vinculo de registrarse por el

el

usuario o visitante aun no se a registrado, aparecerá un vinculo

por

si

visitante a olvidado la contraseña , un reloj y un contador de usuarios. También contendrá vínculos de temas de interés general como son:

Historia de la empresa:

Apartado donde relatara los puntos de interés general como lo son política de calidad , misión y visón de la empresa Distribuciones San Ver S.A de C.V.

Productos:

En

este

apartado

contendrá

catálogos

que muestren respectivos productos

de

la

empresa

así como

su

precio

y

medidas

que existen de esos

productos.

Promociones:

En este vinculo contendrá las diferentes promociones que existen en la empresa, depende cuantas promociones existirán mensualmente son los vínculos que habrá.

Ubicación:

En esta página abra un mapa de ubicación de la empresa.

Contáctanos:

Finalmente se ofrece al visitante la opción de contactar directamente con el equipo que va gestionar la pagina Web que de forma abierta pueda plantear sus inquietudes, motivaciones y todo tipo de comentarios y preguntas que desee el cliente. Las principales cuestiones apuntan principalmente a solicitar datos sobre alguna información puntual, o el envió de información general.

Info-sanver:

Va contener información de acuerdo a cada mes del año, así como noticias esenciales hacia los clientes entre otra información necesaria.

también

Encuesta:

En este apartado va a contener una encuesta de cinco preguntas , esta encuesta va ser para obtener información para hacer mejoras a la pagina, así como también dar mejor servicio a los clientes y visitantes de la pagina.

Video corporativo:

En este apartado contendrá un video de la empresa distribuciones San Ver

,así como los

trabajadores que laboran en dicha empresa.

Galería:

Contendrá imágenes del mobiliario, trabajadores, instalaciones entre otros.

Base de datos

La cual existirá una conexión la que

aloje la

cual el visitante deje sus comentarios en la pagina entre otras.

servirá para guardar los campos que

pagina Web de acuerdo a la inserción cual el usuario se registre o

En la figura siguiente se muestran como esta conformada la base de datos:

a la inserción cual el usuario se registre o En la figura siguiente se muestran como

Tabla del cliente

Campos de la tabla del cliente.

ID _

Usuario

Nombre

Apellidos

password

email

usuario

Tipo de

dato

Campos

Tipo de dato

Tamaño del dato

ID _ usuario

Entero,autoincremento

11

Usuario

varchar

25

Nombre

Varchar

40

Apellidos

Varchar

60

password

Varchar

25

email

Varchar

50

En la página de inicio aparecerá el siguiente formulario en donde el usuario podrá iniciar sesión si actualmente ya se encuentra registrado.

aparecerá el siguiente formulario en donde el usuario podrá iniciar sesión si actualmente ya se encuentra

Si el usuario actualmente no se encuentra registrado solo debe de dar clic en el botón de registrarse y te enviara a la siguiente ventana.

botón de registrarse y te enviara a la siguiente ventana. si el usuario a olvidado la

si el usuario a olvidado la contraseña solo de clic en ¿Olvidaste contraseña y te enviara a la siguiente ventana.

si el usuario a olvidado la contraseña solo de clic en ¿Olvidaste contraseña y te enviara

Tabla de comentarios

Campo de la tabla de comentarios

ID

Nombre

Email

Asunto

Mensaje

Tipo de dato

Campos

Tipo de dato

Tamaño del dato

ID _

Entero,autoincremento

 

11

Nombre

varchar

40

Email

Varchar

50

Asunto

varchar

40

Mensaje

varchar

255

En la página Web aparece la pagina donde el cliente puede hacer su respectivo comentario.

Mensaje varchar 255 En la página Web aparece la pagina donde el cliente puede hacer su

Tabla de encuesta

Campos que contendrá la tabla de encuesta

id

Pregunta1

Pregunta2

Pregunta3

Pregunta4

Pregunta5

Pregunta6

Pregunta7

Pregunta8

Pregunta9

Pregunta10

Tipo de

dato

Campos

Tipo de dato

Tamaño del dato

ID _

Entero,autoincremento

11

Pregunta1

varchar

25

Pregunta2

Varchar

25

Pregunta3

Varchar

25

Pregunta4

Varchar

25

Pregunta5

Varchar

25

Pregunta6

varchar

25

Pregunta7

Varchar

25

Pregunta8

Varchar

25

Pregunta9

Varchar

25

Pregunta10

Varchar

25

En la página Web aparece la pagina donde el cliente puede realizar la

encuesta que consta de

10 peguntas con 7 opciones de contestar.

Web aparece la pagina donde el cliente puede realizar la encuesta que consta de 10 peguntas

Flujograma

de cómo poder entrar al sitio de distribuciones San Ver.

INICIO CLIENTE Entra a: http://www.sanver.com.mx CLIENTE Navega en: http://www.sanver.com.mx CLIENTE Entra a la
INICIO
CLIENTE
Entra a:
http://www.sanver.com.mx
CLIENTE
Navega en:
http://www.sanver.com.mx
CLIENTE
Entra a la página de inicio
Si
No
Preferencias
del cliente
Cliente
Cliente
Sale de la página
Selecciona que página
desea ver
Fin

V

Metodología

de

distribuciones San Ver S.A de C.V. fue la metodología lineal-secuencial,

dicha metodología propone una perspectiva sistemática, secuencial de

desarrollo de operaciones que empieza en un nivel de sistema y da

seguimiento con el análisis , diseño , programación, pruebas y correcciones e

implantación.

La

metodología

utilizada

en

el

proyecto

de

la

página

web

Análisis Diseño
Análisis
Diseño

Codificación

Codificación
Codificación
Codificación

Pruebas

y

correcciones

Implantación

Codificación Pruebas y correcciones Implantación Figura V.1.1.Diagrama de la metodología Lineal- Secuencial.

Figura V.1.1.Diagrama de la metodología Lineal- Secuencial.

Las fases siguientes no comenzarán hasta que cada una de las

anteriores se hayan terminado , por eso se lleva a cabo la definición de

secuencias y lineamientos.

Para ello se necesita llevar a cabo el procedimiento antes de realizar los

pasos de la metodología.

Realizar una planificación antes de comenzar a realizar el proyecto. se

hace para mostrar que el proyecto está bien detallado y definido.

Diseñar los prototipos antes de empezar a hacer la página web. Buscando

todos los requisitos necesarios y realizando ideas en el diseño.

Al hacer las pruebas se

deben realizar correcciones a dichos errores.

Al implementar la página web se deben hacer las pruebas necesarias

para asegurar el mejor funcionamiento.

Definición de la metodología

diferentes

metodologías se optó por utilizar el método lineal para el desarrollo de la

página web de distribuciones San Ver S.A de C.V.

Después

de

realizar

la

investigación

y

análisis

de

las

V.1 investigación y experimentación

V.1.1 Análisis Alcances de la página web

llevó a

cabo en el periodo del 7 de mayo al 4 de agosto del 2010, dicha web página tiene como objetivo mostrar información general de la empresa, así como sus productos y servicios de forma muy general, hacer que la página web sea una herramienta interactiva para la empresa. Utilizando programas como son Dreamweaver cs3 y Mysql.

En

la

página

web

de

Distribuciones

San Ver

S.A de C.V

se

V.1.2 Justificación La empresa Distribuciones San-Ver decide llevar a cabo el proyecto de una nueva página web para actualizarse y mejorar la visión de los clientes hacia la empresa, así como también estar a la vanguardia con las nuevas tecnologías. Y poder atraer al cliente hacia a la empresa por medio de la pagina web, mostrando catálogos de los productos existentes dentro de la empresa. Así como la innovación de productos. y sugiriendo al cliente que opine sobre el trabajo de dicha empresa.

V.1.3 impacto:

Con el proyecto de la página web realizará la proyección de la imagen de la empresa y su posición en el mercado comercial, así mismo, la satisfacción del cliente sobre los productos que se dedica a comercializar Distribuciones San Ver S.A de C.V.

V.1.4 Requerimientos del sistema

se necesita una máquina que tenga como mínimo las siguientes características Microsoft Windows xp Profesional Versión 2002 Equipo: Intel(R) Corel (TM) 2Duo CPU E7500 @ 2.93 GHz 2.93 GHz, 0.99GB de RAM Asi mismo dreamwever que es una aplicación en forma de estudio (basándose en la forma de estudio de adobe flash) enfocada a la construcción y edición de sitios y aplicaciones web basada en estándares , también es necesario montar un servidor apache con manejador de base de datos MySql.

V.1.5

Estudio de la factibilidad

Es un resultado importante de la investigación preliminar, porque es la determinación de que el sistema sea factible.

Después de haber realizado el análisis previo correspondiente, se determinó

que si es factible

empresa Distribuciones San Ver S.A de C.V.

el

desarrollo del proyecto de la página web

en la

V.1.6 Factibilidad técnica El aspecto del sistema es totalmente factible , la empresa cuenta con las herramientas y equipo necesario para poder desarrollar el proyecto de la página web , la empresa no cuenta con el software necesario que se

necesita para hacer la página web, pero se llegó a un convenio con el asesor industrial de que al final, el que se hace responsable de conseguir el software es el alumno, que por lo pronto se utilizará software sin licencia , esto es necesario porque la empresa no cuenta con el software, pero si lo tenía, por lo que él se hizo cargo de proporcionar Dreamweaver cs3 y servidor apache con manejador de base de datos Mysql. V.1.7 Factibilidad económica Para desarrollar la página web se determinó que la empresa tiene los recursos necesarios para poder llevar a cabo la elaboración del proyecto de la página web, previo a esto no se genera costo alguno hacia la empresa. V.1.7.1 Beneficios

Página web dinámica hacia a los usuarios y web dinámica hacia a los usuarios y

Actualización y mejora hacia los clientes.Beneficios Página web dinámica hacia a los usuarios y Vanguardia de las nuevas tecnologías. Mayor eficiencia

Vanguardia de las nuevas tecnologías.Página web dinámica hacia a los usuarios y Actualización y mejora hacia los clientes. Mayor eficiencia

Mayor eficienciahacia a los usuarios y Actualización y mejora hacia los clientes. Vanguardia de las nuevas tecnologías.

cliente.

V.1.9 Diseño V.1.9.1 Estándares de la base de datos

como estándar, el nombre de la empresa y

las tablas se manejan de acuerdo a lo que contengan, por ejemplo, donde se van a guardar los registros de clientes se llama “clientes” entre otros.

La base de datos

se maneja

V.1.9.2

Diccionario de datos

Campos

descripción

Tipo de dato

Longitud del dato

ID _

Es el campo del número de usuario

Entero, autoincremento

11

Usuario

Nombre del usuario

varchar

50

password

Contraseña que el usuario va asignar.

Varchar

25

Nombre

Nombre del usuario

varchar

40

Email

Correo electrónico del cliente.

Varchar

50

Asunto

Encabezado del comentario.

varchar

40

Mensaje

Comentario que hace hacia la empresa.

varchar

255

V.1.9.3 Menús Para desarrollar la página web se necesitan los menús de inicio, info-Sanver, comentarios, encuesta, sitios de interés, registrarse ,empresa, catálogos, productos nuevos, contacto y ubicación , para acceder hacia las demás sub páginas. V.1.9.4 pantallas Las pantallas se realizaron de acuerdo al proceso de la etapa del análisis .

V.1.9.4.1 Página de inicio

V.1.9.4.1 Página de inicio Esta página menús que te re direccionan a las diversas páginas existentes.

Esta página

menús que te re direccionan a las diversas páginas existentes.

muestra el inicio de sesión de usuario, así como los diferentes

V.1.9.4.2

Página de la empresa

Esta

página

nos

muestra

la política

de

calidad

de

la

empresa,

así

como

visión y

misión

de

Distribuciones

San

Ver

S.A

de

C.V.

de Distribuciones San Ver S.A de C.V. V.1.9.4.3 Página del catálogo Fue proporcionada por el

V.1.9.4.3 Página del catálogo Fue proporcionada por el proyecto página web (animación) Distribuciones San Ver S.A de C.V.

Página del catálogo Fue proporcionada por el proyecto página web (animación) Distribuciones San Ver S.A de

V.1.9.4.4

Esta página muestra empresa.

Página del contacto

los contactos para hacer un pedido de mercancía a la

los contactos para hacer un pedido de mercancía a la V.1.9.4.5 En esta página el cliente

V.1.9.4.5

En esta página el cliente o usuario va a poder enviar sus comentarios hacia

la base de datos de la empresa.

Página de comentarios

el cliente o usuario va a poder enviar sus comentarios hacia la base de datos de

V.1.9.4.6 Página de encuesta Esta página contendrá preguntas relacionadas con el comportamiento de la empresa hacia los clientes.

con el comportamiento de la empresa hacia los clientes. En el cual el usuario debe contestar

En el cual el usuario debe contestar todas la preguntas y al enviar la pagina enviara un mensaje de “gracias por realizar la encuesta, la encuesta fue enviada exitosamente.

V.1.9.4.7 Página de sitios de interés Esta página muestra algunos proveedores de gran importancia para Distribuciones San Ver S.A de C.V.

de gran importancia para Distribuciones San Ver S.A de C.V. V.1.9.4.8 Página de registro En esta

V.1.9.4.8 Página de registro En esta ventana es donde el cliente podrá registrarse y así ser miembro de la empresa distribuciones San Ver S.A de C.V.

En esta ventana es donde el cliente podrá registrarse y así ser miembro de la empresa

V.1.9.4.9 página de ubicación

La cual fue proporcionada por el proyecto página web (animación) Distribuciones San Ver S.A de C.V.

web (animación) Distribuciones San Ver S.A de C.V. V.1.9.4.2 Pruebas y correcciones En este apartado es

V.1.9.4.2 Pruebas y correcciones En este apartado es donde se verifica cómo funciona la página web y se lleva a cabo Implantación La página web se implantó en el dominio de distribuciones San Ver S.A de C.V el cual es : http://www.sanver.com.mx

V.2 Interpretación de la

página web

El proyecto de estadía se realizó en la empresa Distribuciones San Ver S.A de C.V. Específicamente en el área de mercadotecnia. Dicha área es una de las más importante dentro de la empresa. Puesto que ofrece los siguientes servicios:

Imagen institucional Es cuando provee el servicio a San Ver S.A de C.V. en cuanto a los logotipos , uniformes , subvenir entre otros Satisfacción hacia los clientes Mediante la página de internet. El objetivo de la estadía es realizar una página web conforme a los requerimientos de la empresa, permitiendo la sistematización de los procesos necesarios para generar la satisfacción a los clientes. Dicho proyecto se llamará “página web (Estructura) Distribuciones San Ver S.A de C.V.” La “página web (Estructura) Distribuciones San Ver S.A de C.V.” fue desarrollada en Dreamweaver cs3 con leguaje de programación en php en algunos casos y se utilizó una base de acuerdo a las necesidades de la empresa, el manejador de base de datos que se utilizó fue el de Mysql con servidor apache.

Se eligió trabajar en Dreamweaver cs3, ya que es una aplicación en forma de estudio (basándose en la forma de estudio de adobe flash) enfocada a la construccion y edición de sitios y aplicaciones web apoyada en estándares y tambien se puede trabajar con código php y te permite una facilidad más amplia con conexión a base de datos.

VI

CONCLUSIÓN

La página web fue realizada en el área de mercadotecnia la cual se

dedica

como la imagen de sus promociones la cual es dirigida por el Ing. Alberto

Cortes Fierro.

C.V así

a la imagen

de

la

empresa Distribuciones San Ver S.A de

De acuerdo al estudio realizado dentro de la empresa Distribuciones San Ver S.A de C.V con respecto a la página web (estructura) la empresa decido llevar a cabo el proyecto para estar a la vanguardia en la tecnología así como también, para mostrar la actualización de nuevos productos para que sus clientes se interesen en la interfaz de sus productos .

Antes de comenzar el proyecto se tuvo la necesidad de realizar una investigación de la empresa, en el cual se optó por el personal de la misma área en donde se realizó el proyecto, también se tomaron fotografías de productos de la empresa para realizar algunos diseños para la página web algunas imágenes las facilitó el encargado del área en la que realizamos el proyecto, fue el área de mercadotecnia el encargado es el ing. Alberto Cortes Fierro, quien fungió como asesor industrial en este caso, también se realizaron prototipos del diseño para el fondo de la página web.

La página se realizó en el software de dreamwever en la cual se necesitaron algunas plantillas, dichas plantillas fueron realizadas en photoshop, se necesitaron algunas ventanas , como por ejemplo la ventana de inicio la cual fue la plantilla inicial en la que contienen diferentes menús y una ventana donde el cliente podrá iniciar sesión después de haberse registrado, contiene algunas imágenes de empleados, así como algunos productos nuevos de la empresa, el asesor industrial decidió el interfaz que le daría a la página principal.

ANEXOS