El documento presenta un plan para desarrollar un sitio web para la venta de casas online. Detalla secciones clave como la introducción, administración del sitio, codificación de contenidos, navegadores compatibles, arquitectura, usabilidad y tipología de usuarios. El objetivo principal es ofrecer información y servicios completos sobre la venta de viviendas de manera orientada a los compradores y buscadores, garantizando una experiencia de usuario sencilla y de calidad.

1. VENTA DE CASAS ONLINE
KINGSTON TEAM

2. INTRODUCCION:
Nuestro sistema deberá contener la más amplia información y
servicios acerca de la venta de casas, combinando el mínimo de
información de empresa, corporativa y de actualidad, logrando
que sea orientado directamente a la venta, y colocar secciones
de contenido atractivo para buscadores. Garantizar un servicio
de calidad, haciendo nuestro mayor esfuerzo para lograr
nuestro objetivo de vender nuestras propiedades, se perfila al
cliente cuidadosamente para conocer si es viable para la
compra de una vivienda, conociendo sus necesidades y su
presupuesto.

4. ADMINISTRACIÓN
Y
MANTENIMIENTO
DEL SITIO WEB

5. El gestor de contenidos que vamos a utilizar son dos:
Dreamweaver (por la sencillez al manejarla) y Drupal (por la
potencia de sus herramientas de comunicación).
Estos gestores de contenidos cuentan con los permisos
suficientes para la realización de la pagina web de acuerdo
con nuestros requisitos funcionales , la cual nos permite
hacer un correcto desarrollo del flujo de trabajo que,
posteriormente hemos previsto.
También es esencial para nosotros que estos gestores de
contenidos nos permitan la realización de copias de
seguridad, conforme se vaya desarrollando todo el flujo de
trabajo.

6. CODIFICACIÓN Y
FORMATO DE LOS
CONTENIDOS

7. Se irá diferenciando contenidos y formato, y respetando los
estándares que existen a tal efecto, XHTML (lenguaje
extensible de marcación hipertexto. ) para la especificación de
los contenidos y CSS para la especificación del formato.
La utilización de otros lenguajes se hará sólo cuando su uso o
la naturaleza del contenido lo justifique (para mejorar la
apariencia de los menús, incluir alguna animación o video,
reproducir un fichero de audio, etc.).
También es conveniente intentar prever el tipo de contenidos
multimedia que vamos a incluir en nuestro sitio, y así
implementar la tecnología que permita facilitar el enlace a los
plugins que el usuario necesitará para su visualización

8. NAVEGADORES
WEB

9. Separar el contenido del diseño:
Todos los navegadores pueden mostrar el texto de una página, pero algunos no soportan
las imágenes, colores, animaciones, menús o efectos especiales.
• La clave para separar el contenido del diseño es seguir estos pasos:
• Escribir toda la estructura y cada sección de la web, sin preocuparse por el diseño. Esto
consiste en dos pasos:
• 1.Escribir el texto (las palabras, frases, y todo lo que contenga nuestra web).
• 2.Usar el HTML para anotar la estructura del texto. Son etiquetas muy sencillas; sólo hay que ir
revisando el texto e ir pensando «esto es un párrafo», «esto otro», «esto una cabecera», «esto
una lista», etc.
• Una vez acabada la página, se escribirá un diseño en CSS (hojas de estilo), tal vez en un
fichero aparte.
• El paso 1 es para el contenido; el paso 2 para el diseño. Si se pierde el diseño, se queda
en el paso 1: con una web estructurada y con contenido.

10. ARQUITECTURA
DE NUESTRO
SITIO WEB

11. La organización de los contenidos en nuestro sitio
web deberá ser coherente. Especialmente relevante,
será contar con buenos menús de navegación. Nuestro
sitio web también tendrá una buena navegación (en
cuestión rapidez). Para la correcta comprensión e
implementación de la arquitectura es muy importante
la elaboración de prototipos que ilustren la
organización de los contenidos, para hacerla mas
interactiva y los usuarios que la visten puedan
comprender acerca del contenido que les ofrecemos.

12. USABILIDAD
El uso de nuestro sitio web
debe resultar sencillo y
cómodo a todos sus usuarios.

13. • Encabezado
• Logotipo; bajo el logotipo, una frase corta que indique exactamente a qué se dedica
nuestra empresa.
• Barra de navegación.
Debe permanecer en el mismo lugar en todas las páginas interiores, aunque puede estar
en otro lugar en la portada si hay una buena justificación. Al estar siempre en el mismo
lugar el usuario sabe en todo momento donde buscar las demás opciones. Área de
contenido principal.
Es el área donde la vista del visitante va después de ojear rápidamente el encabezado. Aquí
debes poner tu información.
• Barra lateral de contenido (opcional).
En nuestro caso, es muy útil tener una barra lateral, en la cual se puede colocar
información de fácil acceso, como números telefónicos o una liga a nuestro
formulario de cotizaciones.
• Pie de página.
Debe contener un menú alterno en puro texto, con las opciones de primer nivel.
También para colocar información de contacto u otra información importante. El
contenido del pie debe aparecer en todas las páginas.

15. PARA FINALIZAR, SE
DETALLA EL ÍNDICE
DEL POSIBLE
TRABAJO
TERMINADO:

16. Objetivos del sitio web Estructura y diseño del sitio web:
a. La página de inicio.
b. Páginas secundarias.
c. Menú principal de navegación.

17. OBJETIVOS DEL SITIO WEB
*Permitir las pruebas o correcciones necesarias, conjuntamente con el
personal del desarrollo de la página web, con la finalidad de verificar que
cumpla con las expectativas deseadas de los usuarios, que previamente,
habrán aportado, gracias a un apartado, "Comentarios“.
* Te ayudamos a encontrar el hogar de tus sueños accediendo a las
mejores ofertas de casas, departamentos, oficinas, terrenos y otros
inmuebles en venta, teniendo como opción la adaptación de materiales
para personalizar el hogar de tus sueños. Utiliza nuestro buscador para
filtrar por localidad y definir el rango de precios que sea de tu interés.
*Ofrecer una amplia gama de soluciones en bienes e inmuebles para que
nuestros clientes puedan escoger, observar, comparar y elegir entre una
vivienda de mayor calidad.

18. ESTRUCTURA Y
DISEÑO DEL SITIO
WEB

19. LA PÁGINA DE INICIO:
Tiene cuatro elementos por los que está compuesta. Cada uno de estos elementos es
importante, aunque la importancia y la relación que tienen entre ellos es variable de
acuerdo a lo que el usuario requiera. Los elementos son los siguientes:
• Principio de identidad
• Navegación
• Enfoque del contenido
• Herramientas
Seleccionar un diseño que sea limpio y sencillo de navegar. Asegúrarnos de que todos
los contenidos y las imágenes más importantes se mantengan por encima del pliegue
donde sea más probable que los ojos de los visitantes lo identifiquen.

20. “Una imagen vale más que mil palabras.” Las fotos tienen la capacidad de permitir que nuestros
visitantes sepan de lo que nuestro sitio web se trata. Las imágenes fuertes pueden hacer el
trabajo de un sin número de líneas de texto.
Colores y fondos son elementos simples pero importantes para marcar el tono de nuestra página
de inicio utilizando una combinación de colores y fondo que funcionen bien juntos y refuercen
nuestra identidad de marca.
Los “botones” o llamadas a las acción, son puertas de enlace a otras páginas. Nuestro propósito
es hacer que el usuario tome acción y haga clic, tendremos que transformarlo en algo atractivo,
manteniendo la redacción de los botones lo más clara y corta posible. Hacer lo posible para
mantenerla por debajo de cuatro palabras.
Para nuestro “Texto principal” debemos garantizar que los visitantes entiendan de inmediato de
qué se trata nuestro sitio, Manteniendo el texto fresco y actual que le permitirá a los usuarios
saber que nuestro sitio está actualizado y es una fuente confiable y constante de información.

21. PAGINA SECUNDARIA
Realizar en primera instancia la función de índice de los contenidos albergados en su sección;
teniendo como fin presentar un panorama completo de todos los recursos que hay dentro de ella.
Contendrá:
• MENÚ DE AUDIENCIA
• También considerado menú principal, es el de mayor jerarquía y se compone de los temas centrales
de cada dependencia, por lo que debe hacerse un esfuerzo especial en la elección y organización de
los contenidos de éste menú; debe dividirse según la naturaleza de los contenidos y el tipo de
audiencia a quién va dirigido y mantener siempre un lenguaje fácil de entender para el ciudadano
común; se recomienda que no exceda de 7 elementos y no sea inferior a 3.
• MENÚ DE CONTENIDOS
• Ocupa la función de menú secundario y la información que presenta es variable, dependiendo de la
sección en la que se encuentre. Funciona como complemento del menú de audiencia y presenta los
subtemas o subsecciones de cada sección principal.
• ÁRBOL DE NAVEGACIÓN
• Facilita la navegación por niveles y permite al usuario saber en todo momento en donde está
situado.

22. • MENÚ DE AUDIENCIA
• La finalidad de resaltar la sección activa en el menú es con el objeto de mantener
siempre una navegación clara y marcada, evitando así confusiones al usuario. De
esta manera siempre habrá una sección activa y se mantendrá en el mismo estado
independientemente de los niveles al que el usuario acceda y cambiará únicamente
al dar click sobre otra pestaña/sección.
• MENÚ DE CONTENIDOS
• En ocasiones este tendrá que dividirse en subcategorías, de acuerdo a lo que nuestra
pagina vaya a utilizar,.

23. MENÚ PRINCIPAL DE NAVEGACIÓN
Es muy útil para ordenar y clasificar la información de nuestra pagina y
hacerla más accesible y fácil el acceso a los contenidos.
Antes de poner nuestro menú, es recomendable tener clara las
categorías o pestañas que vamos a utilizar (aunque siempre podemos
añadir o quitar después) pero es mejor tenerlo claro, ya que el menú
ayuda a clasificar los contenidos de nuestra pagina web.

24. 3.Tipología de los usuarios:
a. Usuario no registrado.
b. Usuario registrado.
c. Usuario colaborador.
d. Usuario experto.
e. Usuario administrador.
4. Flujo de trabajo.
5. Desarrollo del motor de búsqueda.
6. Usabilidad de la plataforma.
7. Seguridad de la plataforma.
8. Copia de seguridad de los
contenidos.
9. Apariencia del sitio web. (La
apariencia del sitio web debiera tomar
en consideración los colores
corporativos de la institución.)

25. TIPOLOGIA DE
LOS USUARIOS

26. USUARIO NO REGISTRADO
- VISUALIZACION DE LAS CASAS EN VENTA (IMAGENES)
- VISUALIZACION DE DATOS GENERALES Y SENCILLOS DE LAS CASAS EN VENTA
- ACCESO A LAS BASES Y RESTRICCIONES PARA LA COMPRA DE UNA CASA
- VISUALIZACION DE INFORMACION GENERAL DE LA EMPRESA

27. USUARIO REGISTRADO
-VISUALIZACION DE LAS CASAS EN VENTA (IMAGENES)
-VISUALIZACION DE LAS DIRECCIONES, MAPAS Y/O UBICACIONES DE LAS CASAS
-VISUALIZACION DE LOS COMENTARIOS DE CLIENTES
-VISUALIZACION DE DATOS COMPLETOS DE LAS CASAS EN VENTA
-VISUALIZACION DE INFORMACION GENERAL DE LA EMPRESA
-OFERTAR POR UNA CASA
-ESCRIBIR COMENTARIOS
-USO DEL COTIZADOR VIRTUAL O COTIZACION PERSONALIZADA
-EDICION DE SU INFORMACION INGRESADA
-ACCESO A LAS BASES Y RESTRICCIONES PARA LA COMPRA DE UNA CASA

28. USUARIO COLABORADOR
-Edición de las imágenes adjuntas en la pagina web
-Edición de las direcciones, mapas y/o ubicaciones de las casas poder de
moderar, eliminar o editar los comentarios de los clientes
-Edición de datos completos de las casas en venta
-Modificación del entorno visual de la pagina web

29. USUARIO ADMINISTRADOR
• -Poder para aceptar solicitudes de clientes
• -Inhabilitar cuentas de clientes
• -Edición de las bases de datos de la empresa
• -Edición de la información de las bases y restricciones
• para la compra de una casa.
• -Edición de información general de la empresa
• -escribir comentarios
• -Edición y actualización de las bases para la operación del cotizador
virtual
• -Poder de moderar, eliminar o editar los comentarios de los clientes

30. USUARIO EXPERTO
-Dara de alta usuarios administradores y usuarios editores
-Modificación del entorno visual de la pagina web
-Edición de las bases de datos de la empresa

31. FLUJO DE
TRABAJO

33. DESARROLLO DEL
MOTOR DE
BÚSQUEDA

34. Permiten a los usuarios encontrar la información que están buscando entre las miles
de casas existentes dentro del catálogo de la página web.
Está formado por 3 elementos:
• Recorre constantemente nuestro catalogo recabando información sobre las casas
que se encuentran publicadas en los servidores de nuestro catalogo.
• Analiza la información recabada, la compila y genera un índice sobre la base de
algoritmos que permiten ordenar la información siguiendo criterios de relevancia.
• Permite a los usuarios realizar búsquedas sobre el índice generado.
No generan ningún tipo de contenido, solamente se limitan a mostrar los contenidos
que han sido generados y que se encuentran publicados en el catálogo sobre los cuales
los buscadores no tienen control algúno.
Todo el proceso de búsqueda se realiza de manera automática sin intervención
humana. La única intervención humana está dada por el usuario que ingresa los
términos a buscar.

35. USABILIDAD DE
LA PLATAFORMA

36. Permiten a los usuarios trabajar de una de forma
eficaz, aumentando su productividad. Esta estrategia
no sólo se limita a la facilidad de uso de una
herramienta, además pretende que los usuarios
puedan lograr sus objetivos gracias a una interacción
ágil con su herramienta de trabajo.
Logrando así el equilibrio adecuado entre la
viabilidad tecnológica, de negocio y la usabilidad en el
desarrollo de soluciones innovadoras.

37. SEGURIDAD
DE LA
PLATAFORMA

38. Están construidos en torno a una arquitectura en tres niveles: la capa de
base de datos, la capa de aplicación y la capa de cliente o interfaz de
usuario. Estos niveles suelen denominarse también capas de datos,
lógica empresarial y presentación. Las aplicaciones ERP suelen
desplegarse de forma distribuida y ampliamente dispersada. Aunque los
servidores puedan estar centralizados, los clientes suelen estar
dispersos en múltiples ubicaciones de la empresa.
Esto resulta especialmente cierto para los sistemas ERP, en los que,
como sistema de registro para la empresa, la fiabilidad absoluta de los
datos y la lógica de la aplicación tienen precedencia sobre la sencillez y
eficiencia de la interfaz de usuario.

39. COPIA DE
SEGURIDAD DE
LOS CONTENIDOS

40. Realizar copias de seguridad de forma regular es altamente
recomendable para reducir el montón de información perdida en caso
de un problema en el sitio y para acelerar el proceso de recuperación
general.
La forma correcta de hacer una copia de seguridad de la base de datos
depende del sistema de base de datos que se esté usando. Las
instrucciones siguientes son una manera de hacer una copia de una
base de datos MySQL. Otra opción sería utilizar una herramienta como
phpMyAdmin para hacer una copia manualmente. La documentación
para su base de datos tendrá más opciones.
Cuando se vuelca toda la base de datos, hay comprobar si hay posibles
problemas de codificación de caracteres. En algunas instancias, copias
de seguridad creadas con mysqldump o phpMyAdmin pueden no
codificar de forma correcta todos los datos. Esto resultará en caracteres
no legibles cuando se restaure la base de datos.

41. APARIENCIA DEL
SITIO WEB

42. Cuando se visita una página web lo que queremos es que se nos muestre la
información de forma clara y ordenada. Si la navegación es incómoda porque los
elementos no se ven bien, elección incorrecta del tamaño de la letra o color, hay
demasiados, no guardan una simetría, tarda en cargar por abundante contenido de
imágenes o Flash, etc, nadie perderá el tiempo torturándose y la abandonará, acabará
no entrando.
La elección correcta de los colores de nuestra Web es fundamental y es más
importante de lo que puede parecer. No hay que salirse de la paleta de colores seguros
asignados para WEB. Consta de 216 colores que son comunes en cualquier sistema
operativo y navegador utilizado.
Por supuesto que el monitor también tiene su influencia. Con los TFTs las diferencias
pueden ser aún mayores, no se debe usar un monitor TFT para diseño gráfico, video,
fotografía, etc. De hecho no son usados profesionalmente cuando se requiere precisión
en el color.
Deben usarse páginas centradas, con ancho de pixeles fijo o en porcentaje. Evita que
aparezcan las barras horizontales de desplazamiento cuando el ancho de la página
supera al del monitor

44. GRACIAS POR
SU ATENCION