Instituto de Educacin Secundaria

Severo Ochoa de Elche

Creacion y administracion de un portal inmobiliario

Memoria para Mdulo de Proyecto

Ciclo formativo Administracin de Sistemas

Informticos en Red

Curso: 2013/2014

Autor: Konstantin Voziyan

Tutor: Eduardo Telletxea Amesti

Konstantin Voziyan
Curso 2013/2014

NDICE

1 PRESENTACION...................................................................................................2
2 INTRODUCTION...................................................................................................3
3 ESTUDIO DE VIABILIDAD....................................................................................5
4 ANALISIS.............................................................................................................11
5 DISEO...............................................................................................................11
6 IMPLEMENTACIN.............................................................................................14
7 PRUEBAS............................................................................................................21
8 CONCLUSION Y PROPUESTA DE MEJORA.................................................25
9 FUENTES.............................................................................................................26

I.E.S. Severo Ochoa

ASIR

PAGINA 2

Konstantin Voziyan
Curso 2013/2014

1 PRESENTACIN
El objetivo de este proyecto es crear un portal inmobiliario para una
empresa, donde pueda publicar y gestionar las ofertas de viviendas entre otras
cosas para poder atraer mas clientes y aumentar los beneficios de la empresa. La
pagina estara compuesta por varios elementos los describere mas adelante.

Para ello ha sido necesaria la evaluacin de una serie de objetivos que se

enumeran a continuacin: el anlisis de las necesidades de la empresa y de sus
carencias, el estudio varias alternativas existentes, la propuesta de una solucin y el
estudio de su viabilidad, la adaptacin de los sistemas a la infraestructura dada y la
evaluacin de la solucin propuesta.

La solucin empleada requiere instalacion de joomla version 2.5 ademas de

otros componentes como traductor, gestor multimedia y etc.

Para abaratar los costes usare software libre, para evitar que la empresa
tenga que pagar licencias de propietarios.

Finalmente tras terminar de crear la pagina, utilizare herramientas como

google adwords e yandex direct para promocionarla en el internet y poder atraer
mas clientes.

I.E.S. Severo Ochoa

ASIR

PAGINA 3

Konstantin Voziyan
Curso 2013/2014

2 INTRODUCTION

The objective of this project is to create a real estate site where they can
publish and manage their offers and other things in order to attract more customers
and increase company profits. The page will be composed of several elements that i
will describe later.

A complete study of the needs of the company and the possible

solutions that the market gives us has been made, always trying to look for the
cheapest possible solution.

The solution employed requires installation of joomla 2.5 and other

components as a translator, multimedia manager and so on.

To reduce costs I will use free software to avoid having to pay the license
owners.

Finally after finish creating the page, I will use tools like google adwords and
yandex direct to promot the site in the internet and to attract more customers.

I.E.S. Severo Ochoa

ASIR

PAGINA 4

Konstantin Voziyan
Curso 2013/2014

3 ESTUDIO DE VIABILIDAD
Para la realizacin del estudio de viabilidad se ha llevado a cabo un anlisis
del estado actual del cliente y se ha generado un informe con las mejores ofertas
del mercado actual, para satisfacer las necesidades del cliente tanto en el mbito
econmico como en el funcional.

3.1 Estado actual del sistema

La empresa dispone de :

Equipos informaticos

Domino registrado (dvainvest.info)

Hosting

Base de datos con ofertas listas para ser publicadas en la pagina

3.2 Requisitos del cliente

Lo que la empresa necesita es una pagina web simple, rpida y fiable,
aportando lo menos recrsos esconomicos posibles. Ademas debe incluir ciertas
herramientas bsicas, como el motor de busqueda inteligente, traductor de la
pagina, contador de visitas, etc.

3.3 Posibles soluciones

Viendo las necesidades del cliente vamos a hacer un estudio de las posibles
herramientas para poder llevar acabo esta implementacin en la empresa.

I.E.S. Severo Ochoa

ASIR

PAGINA 5

Konstantin Voziyan
Curso 2013/2014

Adobe Dreamweaver

Adobe Dreamweaver es una aplicacin en forma de estudio (basada en la

forma de estudio de Adobe Flash) que est destinada a la construccin, diseo y
edicin de sitios, vdeos y aplicaciones Web basados en estndares. Creado
inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno
de los programas ms utilizados en el sector del diseo y la programacin web, por
sus funcionalidades, su integracin con otras herramientas como Adobe Flash y,
recientemente, por su soporte de los estndares del World Wide Web Consortium.
Ventajas:
Excelente para trabajos profesionales, posee muchas herramientas
Destaca su soporte de los estndares del World Wide Web Consortium
Utiliza la tecnologa web como CSS y Java Script
Se puede disear y crear paginas web sin conocimiento de cdigo HTML
Permite previsualizar las paginas web en casi todos los navegadores web
Permite el uso de extinciones como HTML y Java Script

Codigo HTML y CCS hecho a mano

CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentacin

de los documentos electrnicos definidos con HTML y XHTML. CSS es la mejor forma
de separar los contenidos y su presentacin y es imprescindible para crear pginas
web complejas.

I.E.S. Severo Ochoa

ASIR

PAGINA 6

Konstantin Voziyan
Curso 2013/2014

Separar la definicin de los contenidos y la definicin de su aspecto presenta

numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y
con significado completo (tambin llamados "documentos semnticos"). Adems,
mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y
permite visualizar el mismo documento en infinidad de dispositivos diferentes.

JOOMLA
Joomla es un Sistema de gestin de contenidos o CMS (por sus siglas en ingls,
Content Management System) que permite desarrollar sitios web dinmicos e
interactivos. Permite crear, modificar o eliminar contenido de un sitio web de manera
sencilla a travs de un Panel de Administracin. Es un software de cdigo abierto,
desarrollado en PHP y liberado bajo licencia GPL. Este administrador de contenidos
puede utilizarse en una PC local (en Localhost), en una Intranet o a travs de Internet y
requiere para su funcionamiento una base de datos creada con un gestor de bases de
datos (MySQL es lo ms habitual), as como de un servidor HTTP Apache.

Ventajas
Software libre:
El usuario es libre de usarlo, es decir, no es necesario pagar costos de licenciamiento.
A su vez el software se encuentra en constante evolucin para su mejora y para
hacerlo ms seguro.
Cdigo abierto:
El usuario es libre de acceder al cdigo, modificarlo, mejorarlo o adaptarlo a sus
necesidades.

I.E.S. Severo Ochoa

ASIR

PAGINA 7

Konstantin Voziyan
Curso 2013/2014

Plantillas prediseadas:
Se podr seleccionar la plantilla que ms se adecue a las necesidades de cada
proyecto entre una gran cantidad de opciones.
- Extensiones:

Las extensiones permiten ampliar las funcionalidades de Joomla! y el alcance de la

plataforma mediante los llamados mdulos y plugins. Actualmente hay miles de
extensiones para descargar, gran parte de ellas son gratuitas. Estos mdulos y plugins
incluyen galeras de fotos, slideshow (imgenes en movimiento), opciones de contacto,
foros, newletters, blogs, entre muchos otros elementos.

Instalacin en servidores:
Linux, Mac y Windows.

Velocidad de carga:
Joomla! permite una rpida velocidad de carga debido al sistema de cach que posee.

Seguridad:
Joomla! cuenta con una comunidad de miles de usuarios lo que permite el control de
posibles vulnerabilidades en el cdigo.

I.E.S. Severo Ochoa

ASIR

PAGINA 8

Konstantin Voziyan
Curso 2013/2014

SEO (optimizacin para motores de bsqueda):

Joomla! posee determinadas herramientas para posicionar los sitios desarrollados bajo
esta plataforma en los motores de bsqueda, como ser url amigables, ttulos
independientes por pgina, entre otros.

3.4 Solucin elegida

Tras analizar las posibles opciones nos quedamos con Joomla.

Adobe Dreamweaver - es una buena opcin, dispone de muchas herramientas muy

utiles para personalizar una pagina web, aunque Joomla, es bastante menos flexible en
cuanto a la personalizacin del estilo de la pagina, posee muchas extenciones y plugins
faciles de integrar y usar. Ademas el gran inconveniente de est opcion es que hay que
pagar para obtener el programa completo, la version gratuita es bastante limitada.

HTML y CSS a mano es muy flexible, permite crear paginas webs con diseo nico,
es gratuita, evita codigo basura.
An as tiene demasiados inconvenientes, por nombrar algunos: requiere un nivel muy
avanzado para poder construir una pagina que responda a las necesidades de la
empresa, requiere mucho tiempo y esfuerzo, un largo etc.
Joomla! es lo que mejor se adapta a las necesidades de la empresa: es facil de usar,
es gratuito, posee muchas plantillas con diseo bsico ya hecho, lo que permite ahorrar
tiempo, dispone de muchas extenciones y plugins muy funcionales que permiten aadir
y quitar funciones a la pagina en cuestion de segundos.
A pesar de que en principio esta pensada para ser usado con el diseo definido por la
plantilla elegida, permite acceder a css a nivel de codigo, lo que nos proporciona la
oportunidad de modificar la plantilla a nuestro gusto.

I.E.S. Severo Ochoa

ASIR

PAGINA 9

Konstantin Voziyan
Curso 2013/2014

3.5 Planificacin temporal de las tareas

Partimos de que la empresa tiene registrado el nombre de dominio y hosting.
Tendremos que instalar Joomla!, elegir la plantilla y empezar a configurar y disear
nuestra pagina.
Una vez este terminada la pagina procedemos al posicionamiento de la misma en
el internet, mediante las herramientas Google Adwords y Yandex Direct
Tiempo mximo estimado: 1 mes.
Semana 1 Instalacin de Joomla, diseo y configuracin basica de la pagina
Semana 2 Instalacin y configuracin de extenciones y plugins: traductor
automatico (Gttranslate), botn Click to call Skype, estateagent y su motor de
busqueda inteligente, Akeeba Backup, DOCman, Acymailling
Semana 3 Publicacin de las ofertas en la pagina web
Semana 4 Publicacin de las ofertas en la pagina web, configuracin de google
adwords e yandex direct

3.6 Planificacin de los recursos a utilizar.

Una de las grandes ventajas de este proyecto (en mi opinin) es la relacin
costes/beneficios para la empresa, ya que practicamente no supone coste alguno
(salvo el coste de posicionamiento). Todo el software que utilizaremos ser gratuito y la
nica herramienta fsica que voy a necesitar es un ordenador de mesa.
*Los gastos para posicionamiento varian segun las preferencias de la empresa, pero
aproximadamente seran unos 350 euros al mes.

I.E.S. Severo Ochoa

ASIR

PAGINA 10

Konstantin Voziyan
Curso 2013/2014

4 ANLISIS
Una vez aceptada la propuesta de proyecto por parte de la empresa
procederemos a preparar todo lo necesario para llevarlo a cabo.
La funcin bsica que debe cubrir nuestra pagina es mostrar las ofertas
actuales de las que dispone la empresa y captar nuevos clientes a traves de
internet.
Las propiedades que se requieren son: facilidad de uso por parte del usuario,
rapidez y fiabilidad.
5 DISEO
Una vez tengamos instalado Joomla!, pasaremos a disear nuestra pagina, el
diseo bsico estar compuesto por:
La portada donde aparecer un panel con men desplegable con contenido
variado (inmuebles, servicios que ofrece la empresa, informacin importante,
noticias, contactos de la empresa).
Una serie de banderas (traductor Gtranslate) al pinchar sobre una bandera la
pagina sera traducida al idioma correspondiente.
Un slideshow de varios imagenes (con fines decorativos).
Varios recuadros (Estate agent) donde aparecern varias viviendas de estas
categorias: las ms populares, las ultimas publicadas y las viviendas que han sido
marcadas como ofertas especiales.
Ub blog de noticias done aparecer la lista de ltimas noticias. Al pinchar sobre el
titulo lleva a la noticia completa.

I.E.S. Severo Ochoa

ASIR

PAGINA 11

Konstantin Voziyan
Curso 2013/2014

Boton llamar al skype un pequeo programa que hace que cuando se pincha
sobre el, se hace una llamada automtica al skype de la empresa.
Enlaces mediante imagenes a varios artculos.
Contador de visitas un contador que como su nombre indica cuenta las veces que
ha sido visitada nuestra pagina.

Parte superior de la pgina

I.E.S. Severo Ochoa

ASIR

PAGINA 12

Konstantin Voziyan
Curso 2013/2014

5.1 Estructura de la pgina

La estructura externa de la pgina (lo que ve usuario final) es la siguiente:
Portada (inicio) compuesta por los elementos mencionados antes
Inmuebles compuesto por motor de busqueda inteligente, lista de propiedades
Servicios compuesto por varios artculos que describen los servicios que ofrece la
empresa
Informacin importante - un men desplegable con varios artculos informativos y un
blog de noticias.
Contacto los datos de contacto de la empresa y un formulario para mandar una
peticin o pregunta a un agente.

5.2 Componentes del sistema

Jomla versin 2,5

Acymailling
Akeeba Backup
DOCman
Estateagent
Contactos
Google Maps
Motor de bsqueda inteligente
Gttranslate
Contador de visitas
SlideShow CK

I.E.S. Severo Ochoa

ASIR

PAGINA 13

Konstantin Voziyan
Curso 2013/2014

6 IMPLEMENTACIN
Primero instalamos y configuramos joomla version 2.5
Panel de herramientas

Elegimos una plantilla, en nuestro caso Black and White

I.E.S. Severo Ochoa

ASIR

PAGINA 14

Konstantin Voziyan
Curso 2013/2014

Instalamos las herramientas basicas, adicionales que vamos a necesitar:

Acymailling, Akeeba Backup, DOCman, Estateagent, Contactos, Gttranslate
Contador de visitas, SlideShow CK, Botno clik to call skype

Creamos el men principal con el contenido basico: Pgina principal, Inmuebles,

servicios, informacin importante, contactos

Asiganmos a cada punto de menu su funcion. Por ejemplo en el apartado Inmuebles

desde el panel de herramientas del menu, asignamos el tipo de menu properties list y
en el enlace ponemos index.php?option=com_estateagent&view=properties de esta
manera cuando un susario pinche sobre este apartado, le enseara una pagina con la
lista de inmuebles.

I.E.S. Severo Ochoa

ASIR

PAGINA 15

Konstantin Voziyan
Curso 2013/2014

Creamos y asignamos un lugar para el resto de elementos de la pgina de inicio: Slide

show, recuadros con ofertas especiales (ofertas marcadas, ltimas propiedades, las
mas populares)

Creamos y asignamos un lugar al blog de noticias en la pagina de nicio (realmente son

enlaces a un apartado del menu principal noticias)

A la derecha del blog de noticias colocamos 2 imgenes con enlaces que llevan cada
uno a su articulo corespondiente: colabora con nosotros y viaja a Espaa para
conocer las ofertas de inmuebles.

Arriba colocamos una imagen de skye con este fragmento de cdigo

<p> <a href="skype:dvainvest?call" style="font-family: 'Courier New', serif; font-size:
14px;"><img src="images/etc/skype.png" border="0" alt="" width="257" height="59"
/></a> </p>
Su funcin consiste en que si la persona, que mira la pagina, tiene instalado el skype y
pincha sobre la imagen, hace una llamada automatica al skype de la empresa
dvainvest.

I.E.S. Severo Ochoa

ASIR

PAGINA 16

Konstantin Voziyan
Curso 2013/2014

Instalamos y colocamos un pequeo contador de visitas joomlaschetchik para saber

cuantas personas visitan nuesta pagina.

Una vez terminado con la pagina principal pasamos a configurar la herramienta mas
importante de nuestro sitio estate agent. Se trata un programa gestor de inmuebles
diseado para joomla. Hay que hacerle una configuracin interna bastante compleja
para adapatarlo a nuestro sitio.
Panel de herramientas de Estate agent

I.E.S. Severo Ochoa

ASIR

PAGINA 17

Konstantin Voziyan
Curso 2013/2014

Nuestro siguiente paso ser configurar el apartado de contactos aadiendo toda la

informacin sobre nuestra empresa, telefonos de contacto, emails y etc. Adems
crearemos un formulario, el que un usuario podr rellenar si tiene alguna duda o quiere
que nos pongamos en contacto con el:
Formulario

I.E.S. Severo Ochoa

ASIR

PAGINA 18

Konstantin Voziyan
Curso 2013/2014

Terminamos el diseo de nuestra pagina web, creando tantos nodulos hijos de los
apartados de servicios e informacin importante cuantos hagan falta para cubrir la
necesidad. Para darle un estilo, en el panel del men principal lo configuramos para
que se visualize como un men desplegable:

El utimo paso, es la configuracin de cuentas de Google Adword e Yandex Direct, es

una tarea que requiere gran cantidad de tiempo, experiencia y sobre todo mucho
cuidado ya que si se configura mal, la empresa puede perder una gran cantidad de
dinero en cuestion de minutos. Sobre todo si tiene asociada su cuenta del banco a su
cuenta en Google o Yandex
Las dos herramientas funcionan de la misma manera, pero para motores de busqueda
distintos. Su funcin consite en permitir al propietario de una pagina web, pagando una
suma de dinero, subir de posicion en los resultados de busqueda.

I.E.S. Severo Ochoa

ASIR

PAGINA 19

Konstantin Voziyan
Curso 2013/2014

Para hacerlo, se registra la pagina y se le asocian unos tags - palabras que definen
que funciones tiene el sitio web. Por ejemplo, en nuestro caso pondriamos varios, entre
los cuales podria haber frases como inmuebles en espaa (en lengua rusa, ya que la
pgina esta orientada al cliente ruso-parlante en primer lugar), despues hay que
asignarle un precio por click es decir, cada vez que alguien utilice el buscador
Yandex y entre a nuestra pgina a travez de este (utilizando los resultados de la
busqueda), nos cobrar el precio por click.
Cuanto mayor sea el precio que asignemos al click mejor ser la posicin de nuestra
pgina entre los resultados de busqueda.
Una de las ventanas de configuracin de Yandex direct

I.E.S. Severo Ochoa

ASIR

PAGINA 20

Konstantin Voziyan
Curso 2013/2014

7 PRUEBAS

Tras montar y configurar nuestra pgina, es hora de probar su funcionamiento.

Intentamos abrir nuestra sitio desde distintos navegadores y comprobamos que

funcione correctamente:
Fire Fox Ok
Opera Ok
Internet Explorer Ok
Google Chrome Ok
Comprobamos el tiempo de carga de pagina principal:
El tiempo de carga se ve afectado seriamente por la cantidad de visitantes, en los dias
cuando recibimos cerca de 1500 visitas, en horas pico, puede tardar en cargarse unos
5-6 segundos.

Comprobamos la funcin de nuestro botn Skype Click to call

Funciona bien en windows.
Comprobamos motor de bsqueda
Funciona correctamente, selecciona bien los inmuebles segn parmetros introducidos.

I.E.S. Severo Ochoa

ASIR

PAGINA 21

Konstantin Voziyan
Curso 2013/2014

Intentamos publicar varias viviendas y comprobamos que todos los elementos de

estate agent funcionen correctamente:

Vista interna, para administrador

Vista externa como lo ve el usuario:

I.E.S. Severo Ochoa

ASIR

PAGINA 22

Konstantin Voziyan
Curso 2013/2014

Comprobamos el traductor gtranslate

Pinchamos sobre una bandera al azar:
Tiempo de traduccion muy rapido, menos de 1 segundo.
La calidad de traduccin bastante baja, traduce bien terminos sueltos y conceptos,
con textos largos y descripciones, la calidad baja notablemente.

I.E.S. Severo Ochoa

ASIR

PAGINA 23

Konstantin Voziyan
Curso 2013/2014

Griego

Comprobamos el formulario: Llega a su destino correctamente.

Comprobamos el resto de componentes: Akeeba Backup, DOCman, Contador de

visitas - Todas funcionan correctamente

Por ultimo vamos a comprobar Yandex direct

En el buscador Yandex escribimos inmubles en Espaa (en ruso) y observamos que
nuestra pgina aparece la primera en la lista de los resultados, junto a los gigantes en
el mundo de inmuebles como Masa International y 1-property
I.E.S. Severo Ochoa

ASIR

PAGINA 24

Konstantin Voziyan
Curso 2013/2014

8 CONCLUSIN Y PROPUESTA DE MEJORA

CONCLUSIN
La conclusin al finalizar el proyecto es que todas las necesidades de la
empresa se han solventado perfectamente utilizando un software libre, sin la
necesidad de tener que comprar las licencias propietarias oportunas que nos
I.E.S. Severo Ochoa

ASIR

PAGINA 25

Konstantin Voziyan
Curso 2013/2014

hubieran aumentado el presupuesto de una forma bastante considerable.

Finalmente hemos obtenido una pagina web sencilla, rpida y bastante
completa. Todo ello gracias a Joomla! y sus extensiones.
Por ultimo, mediante el uso de Yandex direct y Google Adwords hemos
conseguido atraer clientes desde internet. Segn las estadisticas hoy en dia,
nuestra pgina es visitada por ms de 1500 personas diariamente. Es 5 veces ms
que el promedio de una pgina de inmuebles cualquiera. Los directores de la
empresa estn muy contentos y tienen planeado seguir invertiendo y en mayores
cantidades en el desarollo nuestro sitio web.

PROPUESTA DE MEJORA
El proyecto ha cumplido las expectativas de la empresa, pero aun asi hay muchas
cosas que hay que mejorar, como:
El diseo grfico de la pagina principal
La calidad de la traduccin
Tiempo de carga
Ampliar el contenido general de la pgina

9 FUENTES

Pginas web visitadas para poder llevar acabo este proyecto.

www.ayuda.joomlaspanish.org
www.direct.yandex.ru
www.adwords.google.es
I.E.S. Severo Ochoa

ASIR

PAGINA 26

Konstantin Voziyan
Curso 2013/2014

www.adobe.com
www.eaimproved.eu
www.joomlaschetchik.ru
www.w3schools.com

I.E.S. Severo Ochoa

ASIR

PAGINA 27