1

DESARROLLO DE UN PROTOTIPO COMPUTER-AIDED ARCHITECTURAL DESIGN

BIDIMENSIONAL EN HTML5 IMPLEMENTANDO SCALABLE VECTOR GRAPHICS
CON DOCUMENT OBJECT MODEL

Presentado por
Jeisson Hernn Malaver Gmez

Director
Ing. Esa Paloma Parra
Docente Tiempo Completo Ocasional

Universidad de Cundinamarca
Ingeniera de Sistemas
Fusagasug
2014

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

CONTENIDO

Resumen..........................................................................................................................................4
Introduccin.....................................................................................................................................5
1

Marco General.........................................................................................................................6
1.1
Tipo de Proyecto......................................................................................................6
1.2
Lnea de Investigacin.............................................................................................6

Planteamiento del Problema....................................................................................................7

2.1
Descripcin y Antecedentes del Problema..............................................................7
2.2
Formulacin del Problema.......................................................................................7

Justificacin.............................................................................................................................8

Objetivos..................................................................................................................................9
4.1
Objetivo General......................................................................................................9
4.2
Objetivos Especficos..............................................................................................9

Alcance y Limitaciones.........................................................................................................10
5.1
Alcance..................................................................................................................10
5.2
Limitaciones...........................................................................................................11

Marco Terico........................................................................................................................13
6.1
Prototipo................................................................................................................13
6.2
Computer-Aided Architectural Design..................................................................13
6.3
Scalable Vector Graphics.......................................................................................14
6.4
Document Object Model........................................................................................14
6.5
HTML5..................................................................................................................14

Metodologa del Proyecto......................................................................................................15

7.1
Tipo de Investigacin.............................................................................................15
7.2
Poblacin y Muestra..............................................................................................15
7.3
Instrumentos de Recoleccin de Informacin.......................................................15
7.4
Materiales..............................................................................................................15
7.5
Metodologa para el Desarrollo de Software.........................................................16
7.6
Proceso Metodolgico...........................................................................................16
7.6.1 Fases del Proyecto.............................................................................................16
7.6.2 Procesamiento de Informacin..........................................................................17

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

Planeacin y Administracin del Proyecto............................................................................18

8.1.
Cronograma de Actividades...................................................................................18
8.2.
Recursos y fuentes financieras...............................................................................19

Referencias............................................................................................................................20

10

Anexos...................................................................................................................................21
10.1 Carta de presentacin del autor..............................................................................21
10.2 Carta de presentacin del director del proyecto....................................................21
10.3 Nota de aceptacin.................................................................................................21
10.4 Ficha resumen del proyecto...................................................................................21

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

RESUMEN

El objetivo principal de esta investigacin es desarrollar un diseo arquitectnico asistido por

computador en dos dimensiones que utilice el estndar vectorial para HTML5 Scalable Vector
Graphics desarrollado por el World Wide Web Consortium utilizando la interfaz de programacin
Document Object Model en JavaScript para usuarios sin experiencia en este tipo de aplicaciones.
El nivel de investigacin es exploratorio de tipo cuantitativo. La muestra del estudio contiene 15
participantes, 5 de ellos expertos en el manejo de este tipo de aplicaciones y 10 sin experiencia
significativa. Los instrumentos que se utilizara ser: test de avances en el software y encuesta al
participante, para desarrollar el software se utilizara la metodologa Feature-Driven
Development.
Palabras clave: Desarrollar. Diseo arquitectnico asistido por computador. Dos
dimensiones. Usuarios sin experiencia. Feature-Driven Development.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

INTRODUCCIN

Desde la invencin de HTML5 cada da que transcurre es posible visualizar que la gran
demanda de aplicaciones en la nube crece exponencialmente, pues la dependencia a la tecnologa
por la necesidad inherente al ser humano de realizar una tarea rpida y eficazmente es insaciable,
haciendo que este paradigma cobre cada vez ms fuerza, enriquecindose por el hecho de ofrecer
un software como servicio.
No obstante el dibujo vectorial es un campo poco explorado, particularmente en la
arquitectura, donde las aplicaciones actuales son muy bsicas pese a tener un gran potencial. As
que el desarrollo de un nuevo estndar vectorial que funcione de forma nativa en un navegador el
Scalable Vector Graphics calmara necesidades que por el momento se han ignorado, hasta ahora
compaas como Google y Adobe han empezado a construir aplicaciones basadas en este
estndar, pues deja a un lado la dependencia a un equipo para poder disear desde cualquier
dispositivo electrnico como una Tablet o un Smart Phone.
Tomando como base lo anterior el presente proyecto pretende desarrollar un prototipo de
Diseo Arquitectonico Asistido por Computador bidimensional empleando HTML5,
involucrando la computacin grfica para desarrollar una herramienta simple y sencilla para
usuarios inexpertos que se adapte a las necesidades ms relevantes del diseo arquitectnico.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

MARCO GENERAL

1.1

Tipo de Proyecto

Proyecto de ingeniera de sistemas

1.2

Lnea de Investigacin

SOFTWARE, SISTEMAS EMERGENTES y NUEVAS TECNOLOGIAS, conjunto de

programas, subprogramas subrutinas y mens que se elaboran a manera de aplicaciones y/o
paquetes para cumplir con un fin especfico.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

PLANTEAMIENTO DEL PROBLEMA

2.1

Descripcin y Antecedentes del Problema

Desde la invencin del primer software de diseo arquitectnico asistido por computador,
estas aplicaciones se han caracterizado por el alto costo de su licenciamiento lo que imposibilita
su eventual uso, por ejemplo su precio actual ronda los 5.000 US$, aunque cabe aclarar que han
disminuido significativamente en su precio, pues inicialmente valan 10 veces ms, sin embargo
otro obstculo son los requerimientos de hardware, para que estas aplicaciones funcionen sin
problema, los estndares fsicos de las computadoras deben tener una resolucin de 1600x1050,
la memoria tiene que ser mayor a 8 Gb y el procesador debe contar con una frecuencia mayor a 3
GHz, lo que hoy da es un equipo que fcilmente se encuentra en el mercado pero si se cuenta
con un equipo de hace un ao es obsoleto y aparte de ello se debe contar con una capacitacin
que oscila los 20 US$ y en la que se debe invertir mucho tiempo para aprender lo ms sencillo,
por eso es inaccesible para personas o pequeas empresas del sector productivo de Colombia que
necesitan realizar proyectos arquitectnicos espontneamente, por el presupuesto y tiempo
implicado, por lo que optan por mtodos ms rudimentarios.
Est claro que se debe disminuir los requerimientos de hardware y contar con
herramientas muy sencillas es una prioridad para que se conviertan en lo que realmente necesitan
los usuarios sin experiencia en este tipo de programas como lo muestra los ms de 7 millones de
usuarios con 12 millones de planos en Floorplaner, una herramienta similar a la que se desea
desarrollar, pues posee portabilidad y acceso, pero urge un gran paso, la entrada a la nube de
estas aplicaciones de forma nativa en el navegador para optimizar los recursos que ofrece el
navegador y as ofrecer un software ms sencillo y sin grandes restricciones para posteriormente
desarrollar a la medida de las medianas y pequeas empresas de Colombia.
2.2

Formulacin del Problema

Qu nivel de apropiacin por parte de usuarios sin experiencia tendra desarrollar un

prototipo de diseo arquitectnico asistido por computador bidimensional utilizando mens
flotantes junto a Scalable Vector Graphics en la nube?

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

JUSTIFICACIN

La industria de la informtica ha revolucionado el campo del diseo arquitectnico, pues

el uso de computadores aumenta la precisin de los planos y facilita las correcciones y ajustes de
un esbozo sin necesidad de retroceder totalmente, algo imposible cuando se dibuja sobre papel,
pues un cambio mnimo significa comenzar desde una hoja en blanco nuevamente, a eso se debe
su xito, originando el concepto de Diseo Arquitectnico Asistido por Computador, sin embargo
se debe dar un paso importante para este tipo de aplicaciones, que no necesiten tanto
procesamiento y memoria.
As que el presente proyecto desarrollara un diseo arquitectnico asistido por
computador que cuente con las herramientas bsicas para realizar un plano bidimensional, esto
significa que se enfocara en usuarios que necesitan suplir una necesidad simple y momentnea,
sin necesidad de gastar mucho dinero, siendo muy econmico y convirtindose en una posible
base para aplicaciones orientadas a usuarios profesionales en la nube, lo que a futuro puede
fortalecer el modelo software como servicio en este tipo de aplicaciones.
Por lo anterior, se est en condiciones de afirmar que esta investigacin aportar una
estructura y bases matemticas aplicadas para el desarrollo de futuras herramientas de la
computacin grfica orientadas al dibujo vectorial y poder apoyar a las pequeas y medianas
empresas del pas desarrollando aplicativos similares que se ajusten a sus necesidades.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

OBJETIVOS

4.1

10

Objetivo General

Desarrollar un prototipo de Diseo Arquitectnico Asistido por Computador

bidimensional dirigido a los usuarios sin experiencia en estas aplicaciones, haciendo uso
del estndar vectorial para HTML5 Scalable Vector Graphics y mens flotantes.
1

Objetivos Especficos

Crear un lienzo de trabajo con Scalable Vector Graphics que reconozca los eventos del

mouse utilizando en JavaScript la API de Document Object Model en AJAX.

Identificar frmulas matemticas relacionadas con el contorno de las figuras para poder

crearlas, post-editarlas y mostrarles ayudas visuales.

Realizar un sistema de capas de un solo nivel para facilitar la estructuracin de un plano

por parte del usuario.

Estudio de una interfaz grfica que no fuerce innecesariamente el sentido de la vista,
involucrando una combinacin de colores y estructuracin de interfaz grfica sencilla y
til en mens flotantes.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

11

ALCANCE Y LIMITACIONES

5.1

Alcance

El proyecto en desarrollo tiene como alcance desarrollar un prototipo de ComputerAided Architectural Design bidimensional en HTML5 implementando Scalable Vector Graphics
con Document Object Model dirigida a usuarios inexpertos en el uso de estas aplicaciones, lo
que comprende que al disear se centre en disminuir los requerimientos de hardware, dejando
nicamente las herramientas indispensables para la realizacin de un plano.
Para estructurarlo se desarrollara un sistema de capas y adems contendr ayudas
grficas, tales como una grilla, zoom, post-edicin de las figuras y un sistema de acotacin,
realizando una Graphical User Interface con men flotantes, que categoricen todas las
herramientas del software en 10 categoras:
Tabla 1. Estructura de los mens flotantes

Categora
Figuras

Descripcin
Contiene las figuras que de forma
nativa ofrece Scalable Vector
Graphics

Biblioteca

Contienen smbolos propios de la

arquitectura
Modificar las figuras que se
encuentren en el lienzo

Modificar
Vista

Capas

Se ajusta la escala de todo el

lienzo
Se observan los datos de cada
figura, se propone que aparte de
mostrarlo, se podr modificar
manualmente.
Muestra los datos del lienzo,
como su tamao y su coordenada
inicial
Gestin de capas.

Grilla

Modificacin de la grilla.

Propiedades

Configuracin

Herramientas
Lneas, cuadrados,
polgonos, polilneas,
acotaciones, crculos,
elipses y curvas
Smbolo de ventana y
puerta.
Seleccionar para posteditarla, eliminar y copiar
una figura.
Ajustar la escala del dibujo.
Cambiar las coordenadas de
la figura.
Ancho, alto y coordenadas
iniciales.
Nombres de las capas,
renombrar, visibilidad,
agregar, eliminar y subir o
bajar.
Tamao de la grilla, su color

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

Color

Cdigo

Cuando se seleccione una figura

se podr cambiar su color de
relleno y de contorno adems de
seleccionar el grosor de las
figuras.
Mostrar el cdigo SVG que
genera la aplicacin.

12

y grosor.
Color y transparencia del
relleno y el contorno,
adems del grosor del
contorno.
Cdigo SVG en XML

Adems contara con una manejo de ficheros, se podr guardar y cargar datos con la
extensin .svg, es importante aclarar que se podr deshacer y rehacer algn cambio directo en el
lienzo.
5.2

Limitaciones

Es importante aclarar que es un primer intento para realizar este tipo de aplicaciones, as
que estar sujeta a varios errores no detectados en el periodo de desarrollo, siendo esta su mayor
limitacin se clasifican las dems limitaciones en acadmicas, tcnicas y econmicas.
Las limitaciones acadmicas consisten en que no existe en la Universidad de
Cundinamarca un antecedente de editor grfico orientada a la nube, pues la computacin grfica
es poco explorado en la investigacin a nivel institucional y estudiantil, adems no se cuenta con
una bibliografa actualizada y cursos que contengan las tcnicas utilizadas, tales como Document
Object Model y Scalable Vector Graphics.
Desde el punto de vista tcnico el estndar HTML5 an se encuentra en desarrollo y por
tanto los navegadores que lo soportan lo hacen de forma parcial, sujeto a fallos, as que como
referencia se tom el navegador Google Chrome, al tener el mayor soporte con CSS3 y HTML5,
es estable con la programacin orientada a eventos desde JavaScript; sucede lo mismo con
Scalable Vector Graphics, as que posiblemente tras culminar el proyecto, se debern realizar
revisiones posteriores.
Esta aplicacin depende del navegador, as que est sujeto a este intermediario, lo que no
permite por el momento explotar muchos recursos del sistema, y en ocasiones se experimentaran
fallos al cargar el programa.
Se cuenta con un corto presupuesto para este tipo de investigacin, por tanto se recurrir
directamente a las pginas web oficiales de desarrolladores de aplicaciones similares o de las
herramientas utilizadas, dejando una brecha idiomtica, pues los contenidos actualizados solo

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

13

estn disponibles en ingls y en ocasiones las traducciones no armonizan con la idea original del
autor, lo que extiendes esta barrera a una cultural.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

6.1

14

MARCO TERICO

Computer-Aided Architectural Design (CAAD)

El termino computer-aided architectural design (CAAD) se define como connects the

two worlds and points to the original idea behind using computers in architecture: to improve the
built, physical environment by providing the best instruments and methods for the creators of
architecture (SCHMITT, 1999), de ah est claro que es un conjunto de herramientas grficas,
pero cules son esos instrumentos y mtodos que ms se necesitan para que realmente se pueda
reconocer como un CAAD?
Autores como De Vries, Van Leeuwen, & Achten(2001) concuerdan con que es un
programa que for drafting allows the designer to document the geometrical properties of the
design. A drawing supports both synthesis and analysis, however information capture from the
drawing requires human visually based interpretation, en consecuencia es importante las ayudas
visuales que brindan estos programas para poder dibujar figuras geomtricas y sobre todo poder
editar ms adelante sus propiedades, pero que el diseador entienda que est realizando.
Al respecto, el uso de capas se ha convertido en una caracterstica tpica en estas
aplicaciones, pues that can be turned on and off, and changed. (Grabowski, 2010), lo que da al
usuario la facilidad de disponer de secciones especficas de su plano, sin hacer grandes cambios
en el lienzo de trabajo, aportndole estructura a un plano.
Otra herramienta, es la grilla, que are used to predefine the parts of a drawing surface
that offer candidate locations for points in a drawing. (Szalapaj, 2013), ofreciendo precisin
para dibujar figuras.
6.2

Scalable Vector Graphics (SVG)

Scalable Vector Graphics (SVG) es definido como: a Web graphics language. SVG
defines markup and APIs for creating static or dynamic images, capable of interactivity and
animation, including various graphical effects. It can be styled with CSS, and combined with
HTML (DAILEY, 2010), por tanto este estndar vectorial se ha preparado especialmente para
su adaptacin con el diseo web.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

15

Al respecto Dailey , Frost, & Strazzullo (2012) afirman:

SVG is suitable for incorporation with HTML5, web-based applications, and rich
Internet applications (RIAs). The last 10 years have seen a great elevation of the
status of the phrase web-based application. Not so many years ago, people in the
web community used to respond with sarcasm or disbelief when someone talked
about wanting to create a web-based application that lived primarily in the
browser. A cursory inspection of the his- tory of HTML5 reveals that the creation
of web applications was one of the primary intentions behind the development of
this emerging specification. The incorporation of inline SVG into the HTML5
specification is a great advantage for web developers.
As que es una oportunidad ms que se abre para los desarrolladores web, pues SVG tiene
la capacidad de adaptarse con el navegador de forma vectorial, utilizando HTML5 y de esta
forma realizar aplicaciones orientadas a la nube.
6.3

Document Object Model (DOM)

Document Object Model es una interfaz de programacin de aplicaciones que ayuda a

manipular un archivo HTML o XML, como es el caso de SVG, bsicamente es:
a platform- and language-neutral interface that will allow programs and scripts to
dynamically access and update the content, structure and style of documents. The
document can be further processed and the results of that processing can be
incorporated back into the presented page. (W3C, 2005)
AJAX hace uso de este estndar para poder gestionar un XML desde JavaScript y as
poder crear aplicaciones interactivas.
6.4

HTML5

HTML el HyperText Markup Language, es el lenguaje para la elaboracin de pginas

web que utiliza etiquetas y dentro de ellas estn sus atributos, en su quinta versin es de resaltar
que tiene un potencial impresionante para la realizacin de sitios ms dinmicos.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

16

METODOLOGA DEL PROYECTO

7.1

Tipo de Investigacin

La investigacin es cuantitativa y experimental porque demuestra de forma estadstica la

relacin entre la apropiacin que usuarios sin experiencia en la arquitectura tendran frente a las
utilidades accedidas desde submens flotantes de un modelo de Diseo Arquitectnico Asistido
por Computador bidimensional sustentado en la Nube.
7.2

Hiptesis

La hiptesis central del estudioes: Puede desarrollarse un diseo arquitectnico asistido

por computador bidimensional en la nube adaptable a usuarios sin experiencia.
A su vez, las hiptesis operacionalesquedirigenlainvestigacinson:

Los mens flotantes divididos en 10 categoras facilitan la accesibilidad a las herramientas

del software.
Un sistema de capas de un nivel es til y usable para la estructuracin de un plano.
El diseo de una buena interfaz grfica es proporcional a los avances que realice el usuario.
Los eventos del mouse no es siempre la forma ms eficiente de manipular un plano, por
tanto es til editar las propiedades de la figura desde un men que modifique las
coordenadas exactamente.
7.3

Poblacin y Muestra

La investigacin tomara una muestra de 5 personas con conocimientos en arquitectura,

para que evalen el proyecto, por otro lado se tomara un grupo de 10 personas con poca o nula
experiencia en este tipo de aplicaciones, as se tendrn dos puntos de vista, el de evaluadores
profesionales y el de aficionados.
7.4

Instrumentos de Recoleccin de Informacin

Los participantes sin previa instruccin utilizaran el software, posteriormente se les

aplicara una encuesta que tiene como objetivo evaluar la facilidad de la navegacin en el
programa, adems se vern que tantos avances pudieron realizar en el archivo que generen.
Finalmente se le mostrara un video donde se evidencia las caractersticas de este software
y se aplicara una encuesta que en trminos conceptuales evalen el proyecto.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

17

El objetivo es que de forma cuantitativa se califique las caractersticas del software, por
parte de profesionales y aficionados, que adems puedan de forma autodidacta entender el
software y asimilar los avances que realizaron, por eso se utilizaran dos encuestas y por otro lado
el fichero generado para observar objetivamente sus avances.
7.5

Materiales para el desarrollo

Para realizar esta aplicacin se utilizara un computador de 6Gb de memoria RAM,

750Mb de Disco duro, Procesador Core i5, que tenga el navegador Google Chrome actualizado,
pues as contendr HTML5 para la estructura en XML, CSS3 para el diseo web, JavaScript para
detectar los eventos del ratn y poder utilizar la tcnica Document Object Model y SVG que es
un XML que contiene el dibujo vectorial, adems se necesitara un editor de texto, por eso se
escogi Notepad++, pues contiene herramientas visuales para facilitar visualmente la
programacin el proyecto.
Adicionalmente se utilizara papelera, impresora y servicio de Internet para tener acceso a
informacin actualizada de los estndares web para diseo en cascada, programacin orientada a
eventos y dibujo vectorial.
7.6

Metodologa para el Desarrollo de Software

Se utilizara Feature-driven development, as que inicialmente se construir una vista

general del proyecto para contextualizarse, lo que permitir realizar una lista de funcionalidades
donde se detecte cada caracterstica.
Por cada caracterstica, se necesitara realizar un plan o modelo de como abarcar o
construir las funcionalidades, detectando las prioridades y dependencias, para poder disearla y
construirla iterativamente.
7.7
1.1.1

Proceso Metodolgico de la investigacin

Fases del Proyecto.

Fase 1: Documentacin
o Estudio del estndar Scalable Vector Graphics
o Estudio de la tcnica Document Object Model.

Fase 2: Estudio de Viabilidad

o Realizar un prototipo de Diseo Arquitectonico Asistido por Computador.

Fase 3: Planear y disear por caracterstica

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

18

o Planear y disear la lista de figuras

o Planear y disear la gestin de capas
o Planear y disear las ayudas visuales para los diseadores

Fase 4: Programacin del software

o Crear lienzo
o Dibujar figuras
o Estructurar por capas
o Desarrollo de guas para el diseador.
o Crear una interfaz grfica flotante.

Fase 5: Realizar pruebas

o Aplicacin de la prueba
o Crear pruebas de reconocimiento y evaluacin conceptual de la aplicacin.
o Seleccin de la muestra.
o Aplicacin de la prueba
o Tabular pruebas

Fase 6: Anlisis de la informacin

o Crear diagramas
o Anlisis general
o Clasificar poblacin
o Anlisis especifico

Fase 7: Divulgacin de resultados

o Realizacin del documento
o Realizacin de la presentacin
o Exposicin de los resultados

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

1.1.2

19

Procesamiento de Informacin

Se clasificaran los datos obtenidos por las caractersticas de la poblacin en dos categoras,

por profesional y aficionado.

Se usara un video para realizar la prueba de vista general del proyecto.
Se utilizara una hoja de clculo para tabular la informacin.
Habr una encuesta online, utilizando HTML5, CSS3 y JavaScript.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

20

PLANEACIN Y ADMINISTRACIN DEL PROYECTO

8.1.

Cronograma de Actividades

Tabla 2. Cronograma de actividades

Fase

Actividad

Documentacin

Estudio del estndar Scalable

Vector Graphics
Estudio de la tcnica Document
Object Model.
Realizar un prototipo de Diseo
Arquitectonico Asistido por
Computador.
Planear y disear la lista de figuras
Planear y disear la gestin de
capas
Planear y disear las ayudas
visuales para los diseadores
Crear lienzo
Dibujar figuras
Estructurar por capas
Desarrollo de guas para el
diseador.
Crear una interfaz grfica flotante.
Aplicacin de la prueba
Crear pruebas de reconocimiento y
evaluacin conceptual de la
aplicacin.
Seleccin de la muestra.
Aplicacin de la prueba
Tabular pruebas
Crear diagramas
Anlisis general
Clasificar poblacin
Anlisis especifico
Realizacin del documento
Realizacin de la presentacin
Exposicin de los resultados

Estudio de
Viabilidad
Planear y disear
por caracterstica

Programacin del
software

Realizar pruebas

Anlisis de la
informacin

Divulgacin de
resultados

Tiempo en Ejecucin
Mes Mes Mes Mes
1
2
3
4

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

21

El proyecto se est realizando de forma individual, as que el responsable de todo es el

autor.
8.2.

Recursos y fuentes financieras

Tabla 3. Recursos y fuentes de financiamiento

rea
Materiales

Recurso Humano
Bienes
Servicios

Recurso
Computador
Navegador Google
Chrome
Papelera
Impresora
Servicio de Internet
Programador
Diseador
Material
Bibliogrfico
Material de escritorio
Movilidad
Total

Costo
$
1 300 000
0
300 000
350 000
350 000
1 000 000
1 000 000
300 000
150 000
600 000
5 350 000

Las fuentes de financiamiento son del autor, ya se cuentan con varios materiales, bienes y
el recurso humano.

DESARROLLO DE UN PROTOTIPO CAAD 2D EN HTML5

22

REFERENCIAS

DAILEY, D. (Septiembre de 2010). An SVG Primer for Today's Browsers. Recuperado el 24 de

Agosto de 2014, de World Wide Web Consortium:
http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html
DE VRIES, B., VAN LEEUWEN, J. P., & ACHTEN, H. (2001). Computer Aided Architectural
Design Futures 2001: Proceedings of the Ninth International Conference Held at the
Eindhoven University of Technology, Eindhoven, the Netherlands, on July 8-11, 2001.
Boston: Springer Science & Business Media.
GALLI, M., & MHLHOFF, C. (2000). Virtual Terragni: Caad in Historical and Critical
Research. Basel: Springer Science & Business Media.
SCHMITT, G. (1999). Information Architecture: Basics and Future of Caad. Basel, Suiza:
Springer Science & Business Media.
W3C DOM IG. (19 de Enero de 2005). Document Object Model (DOM). Recuperado el 24 de
Agosto de 2014, de World Wide Web Consortium: http://www.w3.org/DOM/