desarrollo de aplicaciones web

DESARROLLO DE APLICACIONES WEB

Unidad II Arquitectura de la Información

Herramienta de Evaluación Caso Práctico

Rubro Saber Hacer

Valor de la Actividad: 4.0 pts. de un total de 4.0

Facilitador: M.C. Roberto Carlos Pérez Fernández

MCuatrimestre: 9 Grupo: TIC Sección: C Fecha: 29/05/2015Fecha de Entrega: Entrega en Tiempo: SI NOHora de Entrega: Hora Fuera de Tiempo:Apellidos de los Participante(s): Calificación IndividualARROYO ARTEAGACOLUNGA ZERTUCHEOTERO PUENTESOLIS VASQUEZ

Promedio de la Evaluación:

Comentarios Generales:

Universidad Tecnológica de Coahuila, México 2014

Nota: Los Renglones Referentes A Las Fechas Y Hora De Entrega Serán Llenados Únicamente Por El Facilitador

Formato de trabajo de la actividad

I. Tabla 1. Datos del curso.

Coloque los siguientes datos del curso o materia sobre el cual se va a realizar el sistema de evaluación. Lo que se encuentra en cursiva es sólo un ejemplo, deberá sustituirse por los datos del curso sobre el que se va a trabajar. Nombre del curso o materia Desarrollo de Aplicaciones Web

Carrera en que se imparte Ingeniería en Tecnologías de la Información

Competencia que desarrolla

Obtener el conocimiento y comprender conceptos básicos, términos y definiciones sobre la aplicación de la arquitectura de la información, la cual es esencial para poder realizar un desarrollo web controlado y sin errores para poder generar un buen producto final

Al finalizar esta actividad el estudiante debe ser capaz de reconocer, recordar, conocer así como entender de manera la manera e importancia que tiene la implementación de la Arquitectura de la Información dentro del desarrollo de un Sitio Web

Objetivo general de la asignatura

El alumno desarrollará aplicaciones Web empleando herramientas tecnologías, para el desarrollo de aplicaciones Web a través del uso de las diferentes tecnologías.

II. Tabla 2. Registro del sistema de evaluación a ser utilizado en el curso o materia seleccionados.

Complete la siguiente tabla con los datos que se solicitan referentes al sistema de evaluación que utilizaría en el curso o materia seleccionados. Lo que se encuentra en cursiva es sólo un ejemplo, deberá sustituirse por los datos de su propuesta.

Tipo o momento de evaluación

Descripción breve del sistema de evaluación a ser utilizado

Motivo por el cual se seleccionó este sistema

Investigación Para poder iniciar la segunda unidad en su parte del SABER, se estará utilizando el instrumento de investigación, la cual el alumno deberá realizar en base a los puntos que se especifican El instrumento de evaluación consiste en realizar una investigación en la cual se hará en base a aspectos relacionados con la Arquitectura de la Información.

En esta parte inicial de la segunda unidad se aplicará esta herramienta de evaluación ya que con ella se pretende que el alumnado comience a documentarse sobre el uso y aplicación de la Arquitectura de la Información

Con esta herramienta, el alumno podrá obtener los conocimientos de la importancia de la aplicación de la Arquitectura de la información.

Evaluación formativa Al finalizar la unidad el alumno deberá de ser capaz de reconocer, entender, conocer y recordar de manera teórica elementos diversos sobre el ambiente web

Evaluación sumativa La actividad tiene un valor de 4.0 puntos de un total de 4.0


(Saber I)


III. Notas, Aclaraciones y ComentariosLeer con atención los puntos siguientes antes de comenzar a desarrollar el instrumento de evaluación.

- Investigar a detalle los puntos que se indican en la página siguiente - El documento deberá entregarse en equipos de 5 integrantes a lo mucho.- Los puntos se deben de desarrollar en computadora con redacción entendible, clara, abundante y

rica.- El documento debe cumplir con las especificaciones de formato de texto indicados en la página

siguiente.- Fecha de entrega: Viernes 28 de Mayo del 2015 al término de la respectiva hora clase , posterior a

esa hora y fecha se considera fuera de tiempo.- El archivo será entregado en una memoria USB. No será válido enviarla por correo electrónico,

solamente se recibirá en memoria USB.- El nombre del archivo deberá tener los apellidos de un integrante del equipo mas la letra de la

sección a la que pertenecen. Ejemplo: Perez Fernandez A- Importantísimo: Cuidar la ortografía y la redacción.- No se aceptan trabajos ni antes ni después de la hora ni la fecha señalada.- Iniciar cada fase en una hoja nueva- Cuidar que las imágenes no salgan de margen.- Las imágenes del documento deben de estar centradas en la hoja y con un texto explicativo corto

de tal manera que muestren el formato siguiente debajo de la figura: figura número de fase.numero de figura: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx, tal como se hace en los libros de texto. Ejemplo:

Figura 3.2: Patrón de DiseñoQuiere decir que esa figura está en la fase número 3 y que es la segunda figura que se muestra en esa fase

- Cada fase y subtitulo debe estar enumerada, en el orden indicado y acompañada de su respectiva respuesta.

- El documento final con el desarrollo de las fases debe de venir acompañado de todas las hojas de este documento, incluyendo la portada con los datos de lo(s) participante(s).

- El trabajo debe de estar grapado y en su respectivo folder a la hora de la entrega, de no ser así no se recibirá

- Entregar portadas bien impresas, de lo contrario el trabajo se cancelara. - En la portada agregar la fecha de entrega en el campo asignado para ello.- EVITAR IMPRIMIR, GRAPAR, ORDENAR Y COLOCAR EN FOLDER JUSTO A LA HORA DE LA

ENTREGA. - En la portada, los nombres de (los) participante(s) deben estar escritos POR APELLIDOS y en ORDEN

ALFABETICO.- El documento debe tener una presentación totalmente limpia, ordenada, entendible, clara y

profesional.- Valor total del documento: 4.0 puntos.


IV. Muestra de instrumentos y rúbricas a ser utilizados

Para la parte del Saber Hacer se empleará el desarrollo de un caso práctico mediante la técnica de aplicación de conocimientos teóricos para generar documentación para el desarrollo de un sitio web

- De la arquitectura de la información, realizar las siguientes fases:Fase 1.- Planificación Estratégica Fase 2.- Análisis de Contenidos y Servicios.Fase 3.- Organización de la Información.Fase 4.- Diseño de los Sistemas de NavegaciónFase 5.- Diseño de los Sistemas de Rotulación.

Especificaciones de Formato para el documento: Tipo de letra: Arial Tamaño: 12 Interlineado: 1.5 Interlineado Entre Párrafos: 2 espacios de 1.5 Alineación de Párrafos: Justificado Títulos de Fase: Centrados, Arial, Tamaño 15, En Negritas y con su respectivo numero Subtítulos: Justificados a la izquierda, con su respectiva numeración, Tamaño 12, Arial en negritas Imágenes: Centradas y con su respectiva referencia, es decir número de imagen y texto Márgenes: 3.0 cm izquierdo y los otros 3 colocarlos a 2.5 cm Enumerar páginas


FASE 1: Planificación Estratégica

1.1.1 Localización

La localización de la empresa se eligió por los encargados ya que es una zona con

un gran número de viviendas así como también diariamente es una zona transitada

por personas aledañas al lugar.

Nuestra Ubicación:

Colonia: Paraíso Norte

Calle: Paraíso de mar

Teléfono: 844-102-56-89

Fax: -(591) 2-426304

E-mail:[email protected]

1.1.2 Misión

Comercializar productos de la industria mueblera de calidad que satisfagan las necesidades de nuestros consumidores ofreciéndoles el mejor precio y servicio; cumpliendo así exitosamente con los objetivos de la empresa garantizando así la permanencia y presencia en el mercado.

1.1.3 Visión

Ser una empresa líder en la comercialización de productos de la industria mueblera en el

ámbito nacional, así como colocar los productos en el mercado internacional.

1.1.4 Valores

Compromiso: Fomentar la innovación y desarrollo de nuestros productos, es una

manera de satisfacer los gustos de nuestros clientes.

Desarrollo: Elevar la calidad de vida de nuestros colaboradores porque

trabajamos con un alto sentido de responsabilidad a nivel social.


Experiencia: Con el trabajo de más de 50 años en el mercado, se ha logrado la

mezcla perfecta de conocimientos y esfuerzo para elaborar nuestro producto,

porque contamos con la infraestructura y el equipo humano adecuado para

brindarles los mejores resultados

Integridad: No es tanto lo que hacemos sino lo que somos, porque tenemos

fuertes y sólidos principios que garantizan el trabajo que con dedicación y empeño

realizamos, es por ello que pueden confiar en nosotros.

Servicio: Porque sabemos que nuestros clientes necesitan de asesoría en cuanto

a la elección de sus muebles, es por eso que nos empeñamos porque se le dé una

atención personalizada con comunicación constante para llevar a cabo un buen

trabajo y justo a tiempo.

1.1.5 Objetivos

Objetivo General De La Empresa:

Entregar a nuestros clientes no solo un mueble, sino un concepto de satisfacción total de

sus necesidades y expectativas, por medio de un producto de excelente calidad.

1.1.6 Filosofía

En Muebles Cantero queremos destacar nuestra capacidad de elasticidad para

adaptarnos a las necesidades de nuestros clientes, nuestra experiencia de más de 50

años y nuestra profesionalidad en todo el proceso de producción y atención al cliente.

Nuestra empresa se encuentra inmersa en un constante proceso de innovación: los

nuevos modelos y productos se van desarrollando en función de la moda y la aparición de

nuevos materiales. Ello nos permite estar a la vanguardia del diseño ofreciendo siempre el

mejor servicio al cliente, a la vez que seguimos manteniendo modelos más tradicionales.


Nos adaptamos a las necesidades de nuestros clientes asegurándonos de disponer de un

amplio catálogo de soluciones y propuestas para sus necesidades.

En Muebles Cantero ofrecemos a nuestros clientes la mejor calidad al mejor precio y

siempre productos exclusivos. Nuestra experiencia, flexibilidad y capacidad de adaptarnos

a las necesidades y modificaciones en los productos de nuestros clientes nos posicionan

como la mejor opción si desea renovar el mobiliario de su hogar o negocio.

1.2Recursos

Recursos Materiales

En Muebles Cantero Respetamos los estilos y parámetros de los diseños tradicionales,

como así también generamos nuevas obras de diseño basadas en las últimas tendencias

internacionales de la decoración. En diseño y decoración la tendencia apunta a seguir lo

parámetros de la corriente minimalista también fabricamos mobiliario de otros estilos. El

ingenio para resolver la practicidad de nuestros muebles nos caracteriza, útiles espacios

ocultos a la simple vista del observador, pero muy prácticos para quien habita en el

Hogar.

Los detalles de terminación son muy importantes y desde el diseño se plantean

metodologías de construcción que permitan dar a nuestros productos un excelente

acabado. Para ello se utilizan Bisagras Regulables, Aluminio, Guías Metálicas, Guías

telescópicas, manijas de Acero entre otras.

Muebles tendencia pecera El diseño y la elección de los herrajes que forman parte de

cada uno de nuestros muebles también cuentan con una especial atención, potenciando

más aún la excelencia de nuestras obras. La combinación de madera, metal, vidrio y otros

materiales son parte de nuestros recursos y nos permiten armonizar el mueble en el

espacio.


Recursos Humanos

60 personas forman el equipo humano de Muebles Cantero son el mayor valor y la base

de crecimiento de la empresa, profesionales que garantizan la fabricación de un producto

de calidad.

Recursos Naturales

Los muebles fabricados en madera resultan una buena opción medioambiental ya que

éste es un material natural, renovable y con un consumo de energía en el proceso de su

transformación muy inferior al de otros materiales como el acero, el aluminio o el plástico.

Además, una vez finalizado su ciclo de vida, la madera se puede reciclar o revalorizar y

sus costes de reutilización, reciclado o eliminación de residuos es muy bajo en

comparación con otros materiales. Pero la tala ilegal y la pérdida de biodiversidad debida

a la mala gestión forestal es un problema grave en los bosques destinados a la

producción industrial de madera. La sustitución de bosques por plantaciones de especies

de crecimiento rápido y la gestión forestal intensiva de estas plantaciones son motivo de

problemas sociales y ecológicos en todo el mundo.

Recursos Financieros

Los recursos financieros garantizan los medios para la consecución de los demás

recursos de la empresa y se refieren al dinero en diferentes formas:

Efectivo, capital, ingresos, egresos, créditos, inversiones y, en general, a la disponibilidad

de dinero que tiene la empresa para atender sus compromisos

En nuestra mueblería contamos con los recursos suficientes para poder solventar los

gastos que nuestra empresa requiere.

Para poder nosotros tener buen recurso financiero, son indispensables y de alta

importancia nuestras estrategias para las ventas.

Los recursos financieros están sellados de tal manera que no se vean afectados por

personas mal intencionadas.


El efectivo que se obtiene de las ventas es llevado a la cuenta principal de nuestra

empresa de la cual se tiene un detallado análisis de las cuentas.

Hemos establecido compromisos con otras compañías que solo distribuyen para poder

tener una mejor entrada de efectivo, El efectivo se maneja en la cuenta maestra así como

las sub cuentas que son en las cuales entra el dinero de los créditos que otorgamos.

1.3Productos y Servicios

Producto

Muebles de madera

La mayoría de nuestros muebles de madera, como los sistemas de pared, las mesas y los

marcos de las camas, están formados por chapas de madera. Los barnices son de un

material natural, igual que la madera, por lo que es frecuente que muestren diferencias en

las vetas. Esto hace que cada mueble de madera sea único. La mayoría de nuestras

piezas de madera están lacadas en UV, 3 o 4 veces a fin de garantizar una superficie

duradera. Nuestras superficies se someten a prueba continuamente para garantizar que

se cumple con las normas de resistencia a arañazos y líquidos derramados, y de

inalterabilidad del color, para poder usarlas normal y diariamente.

Vidrio

La mayoría de los sobres de mesas de cristal están fabricados con cristal templado para

la seguridad de nuestros clientes. Aplicamos un tratamiento térmico a nuestras placas de

cristal de color, mediante el cual el pigmento del color se consume dentro del vidrio. Esto

garantiza la resistencia del color a arañazos. Todos los bordes tienen un acabado de alta

calidad.

Piezas metálicas

La mayor parte de nuestras piezas metálicas se fabrican con metales de máxima calidad y

el nivel de impurezas es mínimo. Nuestras piezas metálicas cromadas son tratadas con

dos capas de níquel debajo del cromo. Esto resulta en una superficie muy lisa y el riesgo


de que se oxiden es mínimo. Las otras piezas metálicas son revestidas. Esto ofrece una

superficie más resistente que con el uso de la pintura convencional. Este revestimiento en

polvo es también un tratamiento ecológico, ya que la laca no contiene ningún disolvente y

el exceso de pintura se puede volver a utilizar.

Muebles Tapizados.

Nos esforzamos por garantizar que todas las piezas de nuestra tapicería te proporcionen

un confort perfecto cuando te sientas en ellas. Por ese motivo, en los cojines del asiento

usamos principalmente espuma de alta resistencia. La espuma de alta resistencia tiene

una estructura muy estable, lo que garantiza un confort óptimo y una larga durabilidad.

Los cojines de respaldo tienen canales internos que mantienen el relleno en su lugar; sin

embargo, siempre recomendamos sacudir regularmente los cojines para mantener la

estabilidad de la forma. Con el paso del tiempo y el uso, la espuma y el relleno de los

cojines se estabilizarán y tu sofá o silla serán suaves y cómodos.

La selección y aplicación de materiales resistentes, que mejoran la durabilidad de

nuestros productos, son criterios clave para nosotros, al igual que el uso de maderas

duras, sobre todo cuando la resistencia y la estabilidad son necesarias. Nuestros

productos se tapizan con espuma de alta calidad que nos permite obtener bordes y

esquinas blandas y redondeadas, con lo que las telas y pieles se desgastan menos y

duran más.

Servicios

Garantiza la asistencia permanente de nuestros asesores ofreciendo una gran variedad

en servicio y mantenimiento e nuestro mobiliario, soporte técnico, asesoría profesional en

las diferentes áreas en la implementación de un corporativo u oficina.

Garantía

Garantía en el mobiliario que van desde 5 años hasta 15 años contra defectos de

fabricación en sillería y sofás. 5 años contra defectos de fabricación.


Ventajas y beneficios

Tiene las ventajas y beneficios de contar con sistemas para oficina que le permitirán

capitalizar:

Ordenar y organizar áreas operativas para incrementar la productividad

Acelerar los procesos de adecuación y aprovechamiento de espacio al máximo

Mejorar su imagen ante sus clientes y proveedores

Flexibilidad para modificar o reubicar sin afectar las labores de su empresa.

1.4Nuestros clientes

En nuestra mueblería queremos realizar muebles de calidad y que tenga un precio justo y

no elevado, tenemos la mentalidad de que si tenemos una calidad excelente y un precio

justo no tendremos inconvenientes al vender nuestros productos.

Nuestros Clientes principales son la clase media, ya que en la actualidad hay una marca

en diferencia de clases y precios. Muchos de los muebles de buena calidad tienen un

precio muy elevado, y por lo contrario de las mueblerías más comerciales los precios

siguen siendo altos pero los muebles de muy baja calidad. Nos referimos a que siguen

siendo altos debido al financiamiento que las compañías ofrecen y aprovechando que la

gente no tiene el dinero completo para pagarlo de contando.

Nuestros clientes serán todas aquellas personas que estén dispuestos a pagar un buen

precio y no elevado por muebles de excelente calidad y duraderos.


1.5Nuestros competidores

Portal Contenido Ubicación Servicios

Muebles Plascencia

http://

www.mueblesplacencia.com/

NosotrosSucursalesProductosPromociones¿Necesitas Ayuda?Factura ElectrónicaContacto

Diferentes Contacto

Factura

Electrónica

Fletes

Muebles Prego.

www.mueblespergo.com

SalasComedoresRecamarasMuebles de exteriorSucursalesCatalogoContacto

Acapulco,

Guerrero

Contacto

Carrito

La Central “La buena, la bonita

y la barata.

www.muebleriascentral.com

ContáctanosPromocionesQuienes somosSucursales

Chihuahu

a

Contacto.

Promociones.

Compras en

Línea.

Registro.

Sucursales.

REFERENCIAR ESTA TABLA


1.6 Matriz FODA

1.3.1 FORTALEZAS 1.3.4 AMENAZAS

Capacidad de Innovación.

Contamos con Experiencia.

Contamos con colaboradores

conocedores

Honramos nuestras obligaciones.

Disponibilidad de tiempo.

Variación de precios.

Competencia

Desastres naturales.

Escases de Materia Prima.

Promoción de materia prima

alternativa

1.3.3 OPORTUNIDADES 1.3.2 DEBILIDADES

Compras estatales.

Organizaciones que colocan los

productos al mercado.

Impulso a la exportación.

Demanda Insatisfecha en el Producto

Falta de Capital.

Lejanía del taller a la ciudad.

Movilidad para el traslado de los

productos hacia el mercado.


Fase 1.Matriz FODA COLOCAR DEBAJO DE LA TABLA DE LA MATRIZ

1.6.1 Estrategias

F: 2, 3, 4, 6 – O: 1

Capacitarse o buscar asesoramiento para la participación en las convocatorias del

Estado.

F: 1-O2

Inscribirse en la Asociación de Carpinteros, a fin de ser parte de los beneficios que ofrece.

D: 1-O3

La ventaja de la exportación podría traer la promoción de créditos orientados al sector

madera, en ese sentido, conviene capacitarse en el tema y acceder a préstamos.

D: 1-O1

Capacitarse en el uso de la negociación de facturas, con la finalidad de dar mayor

rotación al capital invertido.

D: 1-O1


Capacitarse en el uso de la negociación de facturas, con la finalidad de dar mayor

rotación al capital invertido.

F: 5-A1, 3, 4

Mi buen historial crediticio me permite obtener créditos con los cuales puedo mantener un

stock que enfrente la variación de precios.

F: 1-A: 2

Mantener la política innovadora para enfrentar la competencia.

F: 2, 6-A 5

Capacitación permanente e investigación de productos alternativos a la madera.

D A

Contar con líneas de crédito para palear amenazas y evitar las debilidades.

Capacitación permanente.

1.6Mejora o propuesta a la empresa

Muebles Cantero realiza sus ventas como una mueblería normal, no realiza ningún tipo de

publicidad en medios de comunicación, la única publicidad que tiene es por

recomendación de sus clientes. Sus ventas aunque no son demasiadas son

considerables.

Descripción del contenido de la página web

Diseño moderno y comercial (Página de inicio, página de “Quienes Somos”, página de

“productos y servicios”, página de “noticias”, galería de fotos, contactos)

3 cuentas de correo administradas desde Gmail y con dominio propio.

Creación de perfil en Facebook y twitter.

Contador de visitas.

Mapa con ubicación del negocio.

Galería de imágenes con pie de foto.

Video en YouTube.

Página de inicio: en donde se visualizara un panorama general de toda la web.


Página de quienes somos: aquí se expone la información de oficio o sector dando

claridad al cliente del oficio de la empresa (Misión, visión y objetivos).

Página de servicios o productos: se observara la información de productos o

servicios de su negocio o empresa.

Vitrina virtual o catalogo: aquí se encontraran diferentes imágenes de ofrecimiento

para los clientes (productos).

Página de novedades o noticias: permite indicar todas las novedades de interés

para los clientes o usuarios.

Página de contactos: Esta web interna provee de información de ubicación de la

empresa, así como un receptor de información en donde las cotizaciones, dudas y

preguntas que se tenga de la empresa, llegaran a su propio correo empresarial

previamente configurado.

Mercado e indexamiento: De nada sirve la web si no genera mercado hacia nuestro

negocio, por eso es necesario anclar nuestra web a motores de búsqueda como

google.

Contador web: Permite llevar el control de vistas.

Chat interno: Permite mantenerse online con los clientes.

Redes sociales: El desarrollo web incluye los diferentes accesos a las redes sociales,

esto permite generar flujo adicional de visitas y clientes (Facebook,Twitter,Youtube).

Cuentas de correo: Desarrollamos 3 cuentas de correo empresarial para tu negocio

Ej.(nombre_elegido@nombre_de_su_empresa.com)

Hosting y dominio gratis por un año: hosting (espacio en el servidor), dominio

(nombre de la empresa en la web), dando el espacio suficiente para que todo el sitio

web sea ubicado correctamente.

1.7Personal Involucrado para el diseño

Personal Involucrado NombreJefe de Proyectos Daniel Saúl Arroyo Arteaga


mailto:nombre_elegido@nombre_de_su_empresa.com

Arquitecto de información Abraham Colunga Zertuche Diseñador de usabilidad Vanessa Marlen Solís VásquezDirector Artístico Liliana Otero PuenteDirector Comercial Abraham Colunga ZertucheDiseñador Grafico Vanessa Marlen Solís Vásquez

Liliana Otero PuenteProgramador Daniel Saúl Arroyo Arteaga

1.1 personal involucrado

Análisis y Planificación de un sitio web1.8Presentación de la idea

El propósito del siguiente apartado consiste en la especificación de requerimientos para el

portal web de Muebles Cantero. Esta especificación será útil para establecer unos

prerrequisitos y una base sobre la que empezar el trabajo de realización asi como una

fuente de información para cualquiera que desee conocer más de este proyecto.

El portal web va a consistir en una interfaz web dinámica que permita por una parte, a los

clientes de la tienda consultar el catálogo de productos, asi como ofertas novedades y,

por otra parte, al personal de la tienda mediante una intranet, a gestionar la base de datos

tanto para la modificación de artículos a mostrar, como para la gestión de los datos de los

clientes que pueden acceder a la misma.

De esta manera cualquier usuario podrá mantenerse informado de todos los artículos

disponibles que ofrece la tienda. Además, para aquellos usuarios que asi lo deseen,

mediante un registro, muy sencillo podrán realizar sus compras desde cualquier terminal

conectados a internet.

Otra de las funciones que tiene es la gestión de base de datos de la forma mas sencilla

posible. Gracias a un buscador, el empleado puede encontrar rápidamente al cliente

sobre el cual desee hacer modificaciones. Además existe la posibilidad de insertar

artículos nuevos en la base de datos.

1.9Definición del propósito del sitio


El propósito consiste en el desarrollo de un sitio Web para la tienda Muebles Cantero que

permita ampliar su mercado y sus ventas. Para poder realizar esto el sitio se ha dividido

en dos partes claramente diferenciadas.

En un principio sólo se iba a realizar la creación de un entorno Web ya que este proyecto

se desarrolla en el marco de una tienda existente desde 2004 que en la actualidad cuenta

con una presencia mínima en Internet. Una vez iniciado el proyecto se contempló la

necesidad de ampliarlo, de manera que fuese más fácil gestionar la tienda así como el

poder extraer conclusiones sobre las ventas de la misma.

Hoy en día casi todas las tiendas de este tipo poseen webs muy potentes, capaces de dar

mucha información y de ofrecer todo tipo de productos relacionados al hogar. El proyecto

pretende conseguir que la Web se ponga al nivel del mercado actual y que sea capaz de

dar toda la información posible tanto al usuario como a los administradores sobre su

tienda.

1.10 Definición del alcance

Por deseo del cliente el sitio web contara con dos tipos diferentes de rol: visitante y

usuario registrado.

Visitante: es aquel usuario no identificable que contara con los privilegios mínimos.

Usuario registrado: será aquel usuario que ha realizado o realiza una compra a través del

sitio. Tendrá ciertos privilegios referentes al módulo de la tienda.

1.11 Definición de los objetivos del sitio

• Colocar los productos en el mercado con los mejores diseños.

• Satisfacer los requerimientos de nuestros clientes

• Diseñar modelos vanguardistas.

• Ser Líderes en productividad.

• Realizar ventas fuera de la cuidad.


1.13 Definición de la audiencia del sitioLa página web estará diseñada para ser dinámica y fácil de manejar para el usuario

también para que se le facilite el manejo del sitio web para que por medio del mismo

pueda hacer sus compras más fácilmente.

Tipos de usuario

1-Usuario administrador.

El usuario administrador es la persona que va administrar nuestro sitio web, el que va a

ajustar o desajustar alguna anomalía que pueda presentar al sitio.

2-Usuario registrado.

Será nuestro cliente el cual tendrá privilegios para poder acceder a nuestra página y

poder ver nuestros diseños de muebles y hacer sus compras

3-Usuario anónimo.

Es el usuario que no va a contar con todos los privilegios en comparación del usuario

registrado y va a dejar sus comentarios o registros por medio de anonimato.

1.14 Definición de la tecnología a usar para crear el sitio.

Servidor HTTP Apache

El servidor Apache se desarrolla dentro del proyecto HTTP Server (http) de la Apache

Software Foundation.

Apache presenta entre otras características altamente configurables, bases de datos de

autenticación y negociado de contenido, pero fue criticado por la falta de una interfaz

gráfica que ayude en su configuración.

Apache tiene amplia aceptación en la red: desde 1996, Apache, es el servidor HTTP más

usado. Alcanzó su máxima cuota de mercado en 2005 siendo el servidor empleado en el


70% de los sitios web en el mundo, sin embargo ha sufrido un descenso en su cuota de

mercado en los últimos años.

La mayoría de las vulnerabilidades de la seguridad descubiertas y resueltas tan sólo

pueden ser aprovechadas por usuarios locales y no remotamente. Sin embargo, algunas

se pueden accionar remotamente en ciertas situaciones, o explotar por los usuarios

locales malévolos en las disposiciones de recibimiento compartidas que utilizan PHP

como módulo de Apache.

Lenguaje de programación PHP

PHP es un lenguaje de programación interpretado, diseñado originalmente para la

creación de páginas web dinámicas. Se usa principalmente para la interpretación del lado

del servidor (server-side scripting) pero actualmente puede ser utilizado desde una

interfaz de línea de comandos.

Bases de Datos en Mysql

Mysql es un sistema de gestión de bases de datos relacional, multihilo y multiusuario con

más de seis millones de instalaciones.

Lenguajes a utilizar:

Para la estructura de nuestra página web, nosotros utilizaremos son los lenguajes de

HTML y CSS para la estructura de nuestra página.

Lenguaje HTML

HTML, es el lenguaje de marcado predominante para la elaboración de páginas. Es usado

para describir la estructura y el contenido en forma de texto, así como para complementar

el texto con objetos tales como imágenes. El HTML se escribe en forma de etiquetas,

rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto

punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript),


el cual puede afectar el comportamiento de navegadores web y otros procesadores de

HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía

más ampliamente como un término genérico para el HTML, ya sea en forma descendida

del XML (como HTML 1.0 y posteriores) o en forma descendida directamente de SGML

(como HTML 4.01 y anteriores).

Lenguaje CSS

CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación

de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de

separar los contenidos y su presentación y es imprescindible para crear páginas web

complejas. Separar la definición de los contenidos y la definición de su aspecto presenta

numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y

con significado completo (también llamados “documentos semánticos”). Además, mejora

la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite

visualizar el mismo documento en infinidad de dispositivos diferentes. Al crear una página

web, se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es

decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto

destacado, tabla, lista de elementos, etc. Una vez creados los contenidos, se utiliza el

lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del

texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro

de la página, etc.

Utilizaremos software como lo es Photoshop ya que es una aplicación especializada en la

edición de gráficos, (imágenes), perteneciente a la gama de programas de la empresa

Adobe Systems.

Flash ya que es un software de diseño para contenido de mutimedia en nuestro sitio.


Utilizaremos Dreamweaver ya que este es un software de gran poder de ampliación y

personalización, por ejemplo en las como insertar imágenes y los hipervínculos que

llevara nuestro sitio.

1.15 Establecimiento de actualización de contenidos

Para que un sitio web sea funcional es necesario que la información que mostramos este

actualizada y tengamos nuestros servicios – productos al día para que el usuario no este

leyendo algo que ya no ofrecemos o peor tengamos publicados precios que no son los

actuales.

Nos encargamos de actualizar su Sitio Web con la frecuencia que sea necesaria, y lo

podemos asesorar sobre el sistema de mantenimiento más apropiado para el Sitio Web

de su empresa, trabajamos en todas las plataformas. ( html, php, cms, wordpress, joomla,

oscommerce, prestashop, etc… )

Actualización de contenido.

El servicio incluye actualización de contenido, subida de artículos nuevos con imágenes,

videos, etc… actualización de productos, precios, descripciones, etc…

Realizar un mantenimiento periódico.

Si su sitio web necesita de actualización periódica, nos encargaremos de todas las

modificaciones y actualizaciones necesarias durante el tiempo que usted crea necesario.


FASE 2: ANÁLISIS DE CONTENIDOS Y SERVICIOS

2.1 Identificar la información que el sitio va a publicar o mostrar ante sus usuarios o audiencia En este proyecto de la mueblería en línea se pondrá la siguiente información.

Lo más importante que se debe poner a vista de los usuarios o bien llamados clientes son

las políticas de la empresa, también se agregara una pestaña donde se informe al usuario

que no mantenga relaciones comerciales con nuestra mueblería cantero , y realice el

envío de un correo electrónico o una comunicación a Muebles , indicando otros datos

personales, dicho usuario estará dando su consentimiento libre, inequívoco, específico,

informado y expreso para el tratamiento de sus datos personales por nuestra mueblería,

así como atender su comunicación o enviar documentación otro punto importantes son

nuestras políticas de privacidad de datos etc.( No se incluirán productos que manejen

otras mueblerías de la competencia.)

2.2 Seleccionar la información que específicamente se va a publicar. Lo más importante que el usuario podrá encontrar en nuestro sito son nuestros catálogos

de venta de acuerdo a la temporada con precios de cada uno de nuestros productos otro

punto que hacemos referencia es que nuestros clientes podrán encontrar diferentes

comodidades de pago.


Acerca de la mueblería Cantero: Organigrama, Normativa legal asociada, Oficinas, Horas

de Atención, Teléfonos, etc.

Productos / Servicios: lo que el usuario puede hacer dentro del sitio mueblería con una

guía de que lo ayude dentro del sitio.

Novedades de nuestra mueblería: últimas actividades (ofertas, premios, liquidaciones),

noticias, etc.

2.3 Tipografía y formatos.

Definir color de fuentes, de fondos, tipos de fuentes, Titulos mayúsculas con arial 15 subtitulos con arial 14. Imágenes con un ancho adecuado de acuerdo al texto Letra para párrafos será en arial 12 Palabras clave y enlaces de calidad iran en negritas

Nuestra información será correcta y concreta ya que lo que el cliente desee encontrar

nuestro buscador lo haga lo más rápidamente posible, el cliente quedara contento y a

gusto durante la visita a nuestro sitio así aseguramos que este cliente regrese otra vez a

nuestro sitio web.

b) El diseño de autoservicio:

Tenemos en cuenta que nuestro diseño es conveniente y una de nuestras políticas es no

poner al usuario (cliente) a pensar.

Rapidez cuando el cliente desee buscar algo estará disponible y así se reduce el tiempo

que tarda el usuario en encontrar lo que desea adquirir.

Buscamos que el cliente económize con nosotros y que no ocupe esfuerzo alguno al

querer conseguir realizar su acción u obtener la información que buscaba.


El formato de los textos:

Utilizaremos en las letras arial y párrafos de poca anchura y que manejen una única

idea. También utilizaremos negritas en algunas palabras para que resalten como el

nombre del producto y el precio etc.

El tamaño de nuestros titulos será grande para que pueda ser leída por nuestros clientes

sin ningún problema.

c) Estructura del contenido:

A los usuarios no les gustan los textos largos sino que prefieren los cortos y con mensajes

concretos. La información de nuestros precios se pondrá en la parte de arriba como titulo

principal. Los inicios de las frases serán hogareños y serán fundamentales para captar la

atención de nuestro cliente.

Usamos un lenguaje que todos los clientes puedan entender, algo informal y con un tono

conversacional.

d) Palabras clave y enlaces de calidad:

Aquí nuestra palabra clave es mueblería Cantero ya que al teclearla en el buscador este

buscara todas las opciones de mueblería pero en este caso nuestra mueblería aparcera

en primer lugar de posicionamiento en el buscador.

Algo importante es nuestra relación con los clientes viéndolo desde el punto de lector,

nuestros títulos no deben de estar exagerados ni querer llamar mucho la atención.


Los enlaces a otras páginas nos conllevaras a realizar ventas a nuestros proveedores

ya sean de accesorios de muebles etc. es por eso que los enlaces son la base de

Internet y son algo importante en un contenido de calidad.

En cuanto a sonido e imágenes manejaremos algo hogareño y que no sea exagerado así

el cliente se sentirá como en su casa al visitarnos en nuestro sitio, imágenes no grandes

ni muy anchas serán con una medida que se adapte al sitio

2.4 Servicios que ofrece

Utilizaremos Webmails para enviar y recibir correos de quejas opiniones de nuestros

clientes.

Foros que nos servirán para que los clientes expresen sus ideas, pensamientos,

anécdotas y opiniones sobre nuestro servicio. Aquí nuestros clientes podrán dar a

conocer lo que piensan de cada uno de nuestros productos podrán suscribirse a nuestro

foro etc.

Chats: Formas de contacto con cada uno de nuestros clientes. El usuario completara sus

datos en nuestros formularios y hace la consulta inicial ya sea de muebles o precios.

Cuando se envié el mensaje el operador recibe la petición de chat y la acepta.

Utilizaremos lo que son los buscadores para que cualquier persona que desee comprar un

mueble o saber algún precio de nuestros productos solo basta poner nuestro nombre en

el buscador y automáticamente te enviara muchas opciones de mueblerías pero en primer

lugar de posicionamiento estaremos nosotros como la mueblería número uno.


2.5 Enlaces y servicios externos

Google: Utilizaremos lo que es google para dar una mayor publicidad a nuestro sitio

utilizaremos también las cookies porque ayudaran a aumentar la eficacia de la publicidad.

Sin las cookies, resulta más difícil que un anunciante llegue a su audiencia o saber

cuántos anuncios se han mostrado o cuántos clics han recibido nuestros anuncios.

Podemos utilizar cookies con diversos fines.

Decidimos utilizar gooogle ya que almacena un registro de los anuncios que se muestran

en nuestras bases de datos. Estos registros de servidor incluyen la solicitud web, la

dirección IP, el tipo de navegador, el idioma del navegador, la fecha y la hora de la

solicitud y una o varias cookies que identifican de forma exclusiva al navegador del

usuario. Google almacena estos datos por diferentes razones pero, principalmente, para

mejorar nuestros servicios y mantener la seguridad de nuestros sistemas. Para hacer

anónimos los datos de estos registros, Google elimina la parte de la dirección IP

(transcurridos nueves meses) y la información de las cookies

Facebook: Es una red social con millones de usuarios facebook no es una plataforma

social que tiene adolescentes en su mayoría. Sus miembros son más maduros que en

otras redes sociales.

A continuación unos puntos importantes del porque usar facebook para dar a conocer

nuestro negocio.

De los 1.000 millones de usuarios de Facebook, obviamente no todos son nuestro público

objetivo, pero algunos cientos de miles sí lo son.

Entonces, no sólo están tus amigos personales en Facebook, están tus prospectos, tus

consumidores, tus aliados estratégicos, y por supuesto… tus competidores.


La mayoría de los miembros en Facebook están abiertos a conectarse. Puedes empezar

fácilmente una conversación con personas muy exitosas que de otra manera serían

inaccesibles.

Los usuarios comparten abiertamente gran parte de su información a la que puedes

acceder. Este tipo de características demográficas, habilidades, preferencias y gustos

hubieran costado fortunas en el pasado.

Involucrándote en las conversaciones con tus prospectos y consumidores podemos

adaptar mejor nuestro marketing y los productos/servicios a sus deseos y necesidades.

Aparecer constante y adecuadamente en las noticias (página de inicio) en Facebook de

tus prospectos, y publicando información relevante, te permitirá aumentar la credibilidad y

confianza en tu negocio.

Posiciona tu negocio como un referente en tu mercado. Estar conectado con tus

consumidores en Facebook y resolver rápidamente sus dudas… hará que ellos siempre

recurran a tu negocio en lugar de acudir a tu competencia.

Consigue buen posicionamiento en Google relativamente rápido. Además de tu Perfil

personal, Las Páginas (ex fanpages) son indexadas completamente por Google.

Para que la Página de Facebook aparezca en los primeros resultados de Google para

algunas palabras clave, influirán los enlaces entrantes a tu página, densidad de palabras

clave en tu página que será mueblería cantero, etc. etc. pero el ranking que tiene

Facebook ayuda mucho (es el segundo sitio más visitado en el mundo)Es por eso que se

eligió facebook.


FASE 3: ORGANIZACIÓN DE LA INFORMACIÓN

3.1 Definir la estructura sobre la cual se va a realizar el sitio web.

3.1.1 Escribir una definición a detalle de Estructura de un sitio web

Se refiere al proceso de identificar la forma que tendrá el Sitio Web que se está

desarrollando. En este sentido es importante hacer una diferencia entre estructura y

diseño (que será explicada gráficamente más adelante en este capítulo).

Estructura:

Se refiere a la forma que tendrá el Sitio Web en términos generales con sus secciones,

funcionalidades y sistemas de navegación. No considera ni incluye elementos gráficos

(logotipos, viñetas, etc.).

Diseño:

Se refiere a la solución gráfica que se creará para el sitio, en la cual aparecen colores,

logotipos, viñetas, y otros elementos de diseño que permiten identificar visualmente al

sitio.

3.1.2 Estructura del sitio


Estructura Mixta:

Esta estructura aprovecha las ventajas de las estructuras de árbol y listas. Las páginas

están jerarquizadas en niveles, pero dentro de cada nivel se organizan como listas, de

forma que podemos recorrer todas las páginas de un mismo nivel sin tener que salir de él.

En realidad ni el árbol puro ni las listas puros son del todo eficientes, por lo que es

habitual mezclar ambas estructuras.

Esto permite tener el contenido organizado jerárquicamente y simultáneamente poder

acceder a toda la información de una manera lineal como si estuviésemos leyendo un

libro. Esta guía sigue básicamente este tipo de estructura.

Ventajas:

Resumen de la información y accesibilidad del acceso directo

Facilidad de navegación

El usuario permanece más en la web

La navegación resulta una experiencia agradable

Una estructura clara y sencilla

Desventajas:

Los documentos no pueden ser visibles al mismo tiempo.

Las pestañas son procesos que intervienen entre sí, provocando inestabilidad en el

programa.

Los paneles deben estar maximizados.

Características:

Selección fácil al sitio al cual queremos entrar.

Ordena de manera jerarquizada la información.

Establece los vínculos entre pantallas permitiendo una mejor navegación.

Iconos llamativos que conducen al navegante por la información requerida.

3.1.3 Dibujar o hacer el diseño de la estructura seleccionada.


COLOCAR UN TEXTO INTRODUCTORIO AQUÍ

Fig.1 Estructura del sitio

3.1.4 Justificar estructura

Las páginas y subpáginas se organizan de forma jerárquica pero también es posible

navegar de forma lineal por las páginas de un mismo nivel. Los contenidos web de este

curso utilizan esta estructura.

Estas topologías se construyen en la práctica con las llamadas barras de navegación, una

lista de enlaces habitualmente alineados en horizontal o vertical. Cuando el número de

enlaces pueda ser muy grande se recurre a sistemas de menús desplegables donde se

agrupan las opciones, como se hace en los menús de opciones de la mayoría de los

programas.

Facilita mucho la navegabilidad de una página, ya que permite recorrer diferentes

secciones sin necesidad de volver a la página de inicio.


3.2 Definición de esquemas.

3.2.1 Escribir una definición de esquemas. La pueden copiar del texto de apoyo

Es el esquema de composición (o maquetación) de la información que aparece en una

página. No debe confundirse con la estructura de una web que es un término más amplio

y que hace referencia a cómo se organiza la información en todo el sitio web. Se trata en

definitiva de realizar un esquema para situar el título, los enlaces que llevan a otras

páginas, el contenido, etc. Este esquema vendrá a ser una plantilla que seguiremos para

construir el resto de páginas. Con ello logramos una apariencia unificada para todo el sitio

al tiempo que servirá para el propósito de aplicar estilo CSS con más comodidad.

3.2.2 Definir los tipos de esquemas si son exactos o ambiguos. Esto debe de concordar y acoplar con la información que se seleccionó en la fase numero 2

Esquemas ambiguos de organización de la información:

Son los que dividen la información en categorías que no son exactas. Pues si bien es

favorable porque no siempre sabemos lo que buscamos, la subjetividad con la que se

clasifica esta misma tiende a volverlos los más complicados a la hora del diseño y

mantención.

Son más importantes y útiles que los esquemas de organización exactos, por ejemplo, el

esquema de biblioteca clásico: es posible realizar la búsqueda por título, y además por

materia, fundamental en caso de no conocer el rótulo correcto que queremos.

3.2.3 Justificar porque se seleccionó ese tipo de esquemas.

Se enfoca en el sistema inicial de clasificación y correcta indexación de los elementos de

contenido, a base de una jerarquía de categorías y sub-categorías correctamente

rotuladas, las que a su vez deben estar ordenadas de un modo preciso y coherente.

No siempre tenemos claro que es lo que buscamos. Por tal razón, la búsqueda es muchas

veces interactiva e interactiva Lo que se halla al principio de la búsqueda puede influir en

lo que buscamos después. Este proceso de búsqueda comprende una gran dosis de


aprendizaje asociativo. Busque y encontrará; pero si el sistema está bien diseñado,

también es posible aprender a lo largo del proceso.

La organización ambigua ayuda a un modo de búsqueda de información casual al agrupar

temas de modos intelectualmente significativos. En un esquema alfabético los elementos

relacionados podrían no tener nada en común salvo el que sus nombres comiencen por la

misma letra. En un esquema ambiguo, alguien que no fue el usuario tomó una decisión

intelectual para agrupar los elementos. Esta correlación apoya el aprendizaje asociativo,

lo cual puede llevar al usuario a hacer conexiones nuevas y sacar mejores conclusiones.

Por tanto, aunque este tipo de esquema (ambiguo) requiere más trabajo e introduce

confusos elementos de subjetividad, muchas veces demuestran ser más valiosos para el

usuario que los esquemas exactos.

3.3 Definir el grupo de patrones de diseño que se utilizaran dentro del sitio.

3.3.1 Escribir una definición de patrón de diseño.

Los patrones de diseño son la base para la búsqueda de soluciones a problemas

comunes en el desarrollo de software y otros ámbitos referentes al diseño de interacción o

interfaces.

Un patrón de diseño resulta ser una solución a un problema de diseño. Para que una

solución sea considerada un patrón debe poseer ciertas características. Una de ellas es

que debe haber comprobado su efectividad resolviendo problemas similares en ocasiones

anteriores. Otra es que debe ser reutilizable, lo que significa que es aplicable a diferentes

problemas de diseño en distintas circunstancias.

Se refiere a la estructura que tendrán las páginas que conformaran nuestro sitio sin

maquillaje es decir, cuáles serán sus bloques, secciones o componentes. Esto es útil para

que luego su transición hacia el código sea lo más sencilla posible. Una vez que tenemos


los bloques lógicos en la cabeza, podremos pasar esta estructura a un documento

XHTML más fácilmente.

3.3.2 Definir el o dibujar los patrones de diseño que se van a utilizar.

Recordar que los patrones de diseño solamente son las plantillas de diseño que indican

las secciones y los elementos que contendrán solamente se indicaran con simbologías.

Ver ejemplos en el texto de apoyo.

Fig. 1.1 Home

Fig. 1.2 Quienes Somos


Fig. 1.3 Servicios

Fig. 1.4 Catalogo


Fig. 1.5 Novedades

Fig. 1.6 Contacto

3.3.3 Justificar porque se seleccionó ese tipo de patrones de diseño.

Queremos desarrollar aplicaciones robustas y fáciles de mantener, debemos cumplir

ciertas reglas. Aunque estas reglas de diseño son recomendables (muy recomendables),

no son obligatorias. Siempre podemos decidir no aplicarlas. Aunque si no lo hacemos, hay

que ser conscientes de la razón de no aplicarlas y de sus consecuencias.


Los patrones de diseño nos ayudan a cumplir muchos de estos principios o reglas de

diseño. Programación SOLID, control de cohesión y acoplamiento o reutilización de

código son algunos de los beneficios que podemos conseguir al utilizar patrones.


FASE 4. DISEÑO DE LOS SISTEMAS DE NAVEGACIÓN

El sistema de navegación de la página muestra la accesibilidad que el usuario obtendrá

la facilidad que obtendrá con las barra de navegación horizontal, vertical, opciones de

subir o bajar cuando este en la información de la empresa así como también en el

catálogo de los productos que vende

En esta fase se desarrolla los diferentes links a los cuales será un vinculo con otras

páginas como lo son whatsapp facebook google a los cuales ¿???????????????

Cuando el usuario ingrese a la página aparecerá un menú en el cual se cambiara de color

dependiendo dónde ya haya pasado cambiar de tonalidad y donde se encuentra ubicado

será de un color más fuerte.

Existe un apartado en donde muestra el listado de diferentes catálogos con los que se

cuenta.

Como diferentes imágenes que cambiaran cada 2 minutos mostrando así la mercancía y

dando a conocer las diferentes variedades que existen en los productos

Tendrá botones con los cuales podrás navegar hacia adelante o hacia atrás mostrando

su simbología correspondiente

Los diferentes URL que podrán llevarte a diferentes pantallas dentro de la misma página

web

Contendrá imágenes de mercancía con diferentes catálogos, ubicación servicios

promociones contendrá un apartado en donde solo aparecerán imágenes de publicidad

de la empresa formularios


FASE 5: SISTEMAS DE ROTULACIÓN

Definir en el patrón de diseño o patrones de diseño especificados en la fase 3, lo siguiente

5.1 En que sección o apartado del patrón de diseño se estará utilizando Rotulación de Enlace.

Estos enlaces no necesariamente tienen que ser coherentes entre si y los une un

contexto pero deben de ser constantes en todo el sitio.

1.1Rotulacion de titulo

5.2 En que sección o apartado del patrón de diseño se estará utilizando Rotulación de Titulo.

1.2Rotulacion en titulo

Desarrollar esta fase para el proyecto ------------------- ¡????????


TITULO

5.3 En que sección o apartado del patrón de diseño se estará utilizando Rotulación de icono.

Nuestra sección de iconos estará en la parte de abajo donde el cliente o usuario puede seguir en contacto con nosotros vía facebook, whatssap y twiter


FASE 6


desarrollo de aplicaciones web

Documents