TCC - Traço - Proj arquitetonico

Prévia do material em texto

FACULDADE MAURICIO DE NASSAU
ENGENHARIA CIVIL
ISABEL CRISTINA ROLIM BORGES
TRABALHO DE CONCLUSÃO DE CURSO
TRAÇO – UM SOFTWARE AUTOEXPLICATIVO PARA PROJETOS ARQUITETÔNICOS
Recife
2016
ISABEL CRISTINA ROLIM BORGES
TRAÇO – UM SOFTWARE AUTOEXPLICATIVO PARA PROJETOS ARQUITETÔNICOS
Trabalho de Conclusão de Curso apresentado como
requisito parcial para conclusão do curso de ENGENHARIA
CIVIL da FACULDADE MAURICIO DE NASSAU
Recife
2016
Ficha catalográfica gerada pelo Sistema de Bibliotecas do REPOSITORIVM do Grupo SER EDUCACIONAL
B732t
Borges, Isabel Cristina Rolim. 
 Traço – um Software Autoexplicativo Para Projetos
Arquitetônicos / Isabel Cristina Rolim Borges. - FMN: Recife
- 2016
 46 f. : il
 Monografia (Curso de Engenharia Civil) - Faculdade
Mauricio de Nassau - Orientador(es): Esp. Josinaldo Oliveira
dos Santos
 1. Arquitetura. 2. Engenharia. 3. Evolução. 4. Programas
Computacionais. 5. tecnologia. 6. Architecture. 7. Computer
Programs. 8. Engineering. 9. evolution. 10. technology. 
I.Título 
II.Esp. Josinaldo Oliveira dos Santos
FMN - REC CDU - 624
 
 
TRAÇO – UM SOFTWARE AUTOEXPLICATIVO PARA 
PROJETOS ARQUITETÔNICOS. 
 
 
 
 
 
 
 
 
Dedico esta monografia a meus pais, por terem me dado 
a vida, ao meu filho, Allan Eliézer Borges Ramos que 
durante a minha vida acadêmica deu grande incentivo ao 
meu desenvolvimento intelectual e a mim pelo esforço e 
dedicação. Sem isso, eu não teria suporte para VENCER. 
 
 
 
AGRADECIMENTOS 
 
À minha amiga, Telma Marília de Melo Machado Dias, ao meu Orientador, Josinaldo 
Oliveira dos Santos, à professora Andréa Cristina Baltar Barros que contribuíram 
com a pesquisa bibliográfica da presente monografia. Sem suas contribuições, este 
trabalho teria sido muito mais árduo. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
“O valor das coisas não está no tempo que elas 
duram, mas na intensidade com que acontecem. Por 
isso existem momentos inesquecíveis, coisas 
inexplicáveis e pessoas incomparáveis”. 
Fernando Pessoa 
 
 
 
RESUMO 
 
Os ambientes computacionais são ferramentas indispensáveis para o processo de 
criação, desenvolvimento, apresentação e representação das formas e do 
universo arquitetônico. Há diversos dispositivos de hardwares e softwares dedicados 
que auxiliam o arquiteto, o engenheiro, o técnico desenvolver suas atividades com 
melhores resultados. Assim como Desenho Auxiliado por Computador (CAD), a 
proposta da ferramenta Traço é um modelo avançado, que vai possibilitar aos 
usuários; conhecimentos sobre a linguagem de uma planta, facilitando o 
aprendizado nas áreas de Engenharia, Arquitetura e Construção civil. Este software 
foi construído num ambiente propício, o SENAI – Assessoria de Obras e Engenharia 
(AOE), o qual proporciona contato com atividades ligadas à Engenharia, oferecendo 
oportunidades de formação profissional, através da vivência prática. A função de um 
software é ajudar o usuário a desempenhar uma tarefa específica, em geral, ligada a 
processamento de dados. Para se armazenar os dados e produzir ferramentas 
computacionais precisa-se de um sistema gerenciador de banco de dados (SGBD), 
objeto-relacional de código aberto, que funcione em todos os grandes sistemas 
operacionais. O Traço é um software empresarial, cujo principal propósito é 
o estudo e autoaprendizagem de projetos, pois é autoexplicativo, que aprimora 
conhecimentos de graduados, como também, auxilia leigos. Softwares disponíveis 
para utilização no ensino da Engenharia, Arquitetura e Construção Civil visam 
facilitar e dinamizar serviços. Ajudam a automatizar várias tarefas que não podemos 
fazer manualmente, ajudam a organizar dados de uma melhor maneira, tem melhor 
capacidade de cálculo do que qualquer ser humano, etc. O Traço é um modelo 
avançado de software de aplicação na web, que nomeie, amplie e descreva 
símbolos utilizados em projetos arquitetônicos, é um facilitador do aprendizado. 
Espera-se que este programa revolucione o mundo virtual e obtenha sucesso em 
sua efetivação. 
 
Palavras Chave: Programas Computacionais, Tecnologia, Evolução, Engenharia, 
Arquitetura. 
 
 
 
ABSTRACT 
 
Computational environments are indispensable tools for the process of creation, 
development, presentation and representation of the forms and the architectural 
universe. There are a number of dedicated hardware and software devices that help 
the architect, the engineer, and the technician perform their activities with better 
results. Like Computer Aided Drawing (CAD), the Trace tool is an advanced model 
that will enable users; Knowledge of the language of a plant, facilitating learning in 
the areas of Engineering, Architecture and Civil Construction. This software was built 
in a favorable environment, SENAI - Consultancy of Works and Engineering (AOE), 
which provides contact with activities related to Engineering, offering opportunities for 
professional training through practical experience. The function of a software is to 
help the user to perform a specific task, usually linked to data processing. In order to 
store data and produce computational tools, an open-source object-relational 
database management system (DBMS) is needed that works on all major operating 
systems. Trace is a business software, whose main purpose is the study and self-
learning of projects, as it is self-explanatory, which improves the knowledge of 
graduates, as well as teaches lay people. Software available for use in teaching 
Engineering, Architecture and Civil Construction aims to facilitate and streamline 
services. They help automate various tasks that we can not do manually, help 
organize data in a better way, have better computing capacity than any human being, 
and so on. Trace is an advanced model of web application software, which names, 
extends and describes symbols used in architectural projects, is a learning facilitator. 
It is hoped that this program will revolutionize the virtual world and be successful in 
its realization. 
 
Key-words: Computer Programs, Technology, Evolution, Engineering, Architecture 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 LISTA DE FIGURAS 
 
Figura 1- Modelos tridimensionais em AutoCad ...................................... 15 
Figura 2- Desenho técnico em duas dimensões em AutoCad – Planta 
Baixa ......................................................................................................... 
 
15 
Figura 3- Tela, teclado, mouse são exemplos de hardware ..................... 16 
Figura 4- Word, Excel, Power Point são exemplos de softwares ............. 16 
Figura 5- Java EE, versão 5 .................................................................... 21 
Figura 6- Java EE, versão 7 ..................................................................... 22 
Figura 7- Linguagem CSS ....................................................................... 23 
Figura 8- Escola Técnica do Senai em Santo Amaro - Localização ......... 25 
Figura 9- Imagem do Departamento Regional do Senai- DR ................... 26 
Figura 10- Projeto Hidráulico .................................................................... 27 
Figura 11- Projeto Elétrico ........................................................................ 28 
Figura 12- Símbolos gráficos para instalação elétrica predial segundo a 
NBR-5444/1988................................................................................ 
28 
Figura 13- Protótipo do Software Traço .................................................. 29 
Figura 14- Style - Bloco de notas ............................................................. 33 
Figura 15- Protótipo, símbolos da planta na lateral esquerda............. 40 
Figura 16- Expansão dos símbolos, detalhe e figura do elemento......40 
 
 
 
 
 
 
 
 
LISTA DE ABREVIATURAS 
 
ABNT – Associação Brasileira de Normas Técnicas 
AEC – Arquitetura, Engenharia e Construção 
AI – Inteligência Artificial 
ANEEL- Agência Nacional de Energia Elétrica 
AOE – Assessoria de Obras e Engenharia 
API – Interface de Programação de Aplicativos 
BIG – Banco de Informações de Geração 
CAAD – Projeto Arquitetônico Assistido por Computador 
CAD – Desenho Auxiliado por Computador 
CSS – Cascading Style Sheets 
DR – Departamento Regional 
ERP – Planejamento dos Recursos da Empresa 
GPS – Sistema de Posicionamento Global 
HTML – Linguagem de Marcação de Hipertexto 
HTTP – Protocolo de Transferência de Hipertexto 
NBR – Norma Brasileira 
ONGs – Organização Não-Governamentais 
SE- Software Educativo 
SENAI – Serviço Nacional de Aprendizagem Industrial 
SGBD – Sistema Gerenciador de Bancos de Dados 
SIG – Sistema de Informação Geográfica 
SO – Sistema Operacional 
 
 
 
 
 
SUMÁRIO 
 
1. INTRODUÇÃO ....................................................................................................10 
2. OBJETIVOS ........................................................................................................12 
2.1. Objetivo Geral ..................................................................................................12 
2.2. Objetivos Específicos .......................................................................................12 
3. REFERENCIAL TEÓRICO ..................................................................................13 
3.1. Software ...........................................................................................................13 
3.1.1. Tipos de Software: ........................................................................................17 
3.2. Plataforma Computacional ...............................................................................19 
3.2.1. Servidor de Aplicação....................................................................................23 
3.2.2. POSTGRESQL ..............................................................................................24 
4. METODOLOGIA ..................................................................................................25 
4.1. Área de Estudo .................................................................................................25 
4.2. Coleta de Dados ...............................................................................................26 
4.3. Análise de Dados .............................................................................................32 
5. RESULTADOS ESPERADOS .............................................................................34 
5.1. Descrição do Traço ..........................................................................................34 
5.2. Análise da Ferramenta .....................................................................................34 
5.3. Benefícios do Traço .........................................................................................41 
5.4. Comparação entre os softwares existentes com o software Traço ..................41 
6. CONCLUSÕES / CONSIDERAÇÕES FINAIS ....................................................44 
7. REFERÊNCIAS BIBLIOGRÁFICAS ....................................................................45 
 
10 
 
1. INTRODUÇÃO 
 
O Traço é um software avançado com a função de ampliar símbolos utilizados em 
projetos hidráulicos e elétricos elaborados no Desenho Assistido por Computador - 
Computer Aided Design (CAD) para representar materiais e descrever seus 
objetivos, ou seja, dispõe de zoom no desenho e leitor e representação real do 
objeto. A ferramenta é utilizada para o desenho de diversos produtos em inúmeras 
áreas, como a indústria automobilística, engenharia, construção civil, arquitetura, 
informática, etc, 
 
O programa visa desenvolver uma ferramenta que amplie e descreva símbolos 
utilizados em projetos arquitetônicos, facilitando o estudo e compreensão da 
linguagem e representação digital. O emprego de ferramentas computacionais em 
escritórios de Arquitetura, Engenharia e Construção (AEC) é algo necessário, 
indispensável e inseparável porque agilizam as atividades, pois hoje em dia, grande 
parte das empresas ou quase todas adotam o uso de computadores como principal 
fonte de trabalho, tornando o trabalho mais rápido e eficiente. Utilizam-se planilhas 
eletrônicas, editores de texto e sistemas CAD para gerar documento técnico e legal, 
atribuindo precisão aos serviços realizados. 
 
Atualmente, vive-se em mundo totalmente globalizado, onde a internet e os 
computadores são utilizados no cotidiano. A internet tornou-se um grande 
mecanismo para realização de diversas atividades destacando: pesquisa, 
desenvolvimento de projetos, realizar compras, vendas, trocas, ensino à distância. 
Devido ao acesso as informações dinâmicas, facilidade de utilização independente 
do local que o usuário se encontra. A inserção e utilização de computadores e o 
desenvolvimento de software para usuários vêm responder as necessidades de uma 
sociedade globalizada que exigem de seus membros uma interação social e maior 
rapidez na resolução de problemas apresentados de forma cooperativa. 
 
Na construção civil, uma ferramenta de presença obrigatória é a planta baixa, 
representação daquilo que foi construído a partir de um corte da vista superior, ele 
define as dimensões, as formas arquitetônicas e os elementos constituintes da 
11 
 
 
 
 
construção, é claro que a planta devido a quantidade considerável de elementos e 
até mesmo pela dificuldade de leitura devido ao tamanho físico do papel, onde é 
plotada, pode tornar a tarefa de construção destas partes bastante complexas, afinal 
existe uma quantidade considerável de símbolos e nem todos os profissionais 
envolvidos possuem o conhecimento de todos, causando um atraso sistemático da 
obra pois, em alguns momentos, tem de se parar a atividade para consultar as 
normas vigentes. Tomando esta problemática, propõe-se um sistema que, na própria 
planta, pode indicar as características detalhadas destes elementos sem a consulta 
de outros materiais, e que pode ser acessado por qualquer dispositivo móvel 
disponível para equipe. 
 
O desenvolvimento do Traço partiu do interesse de se aprimorar o AutoCad, que é 
uma ferramenta do tipo CAD, atribuindo funções inexistentes ao desenho neste 
software; pois muitos projetos são extensos para se analisar, quando observados na 
tela de um computador onde a legenda encontra-se no fim dos mesmos. 
Nesse contexto, objetivando implementar informações aos símbolos no momento 
que se percorre a planta com o mouse, faz-se a identificação do elemento 
representativo num tamanho maior, real, nomeado e conceituado. O registro de 
informações e zoom no símbolo proporciona visualização constante e memorização, 
que leva ao aprendizado, fornecendo com isso, estudo avançado e benefícios para 
engenheiros e pessoas leigas. Permitindo ao profissional da área reforçar 
conhecimentos e aos leigos aprender a ler e entender projetos. 
 
A NBR-5410:2004, estabelece as condições a que devem satisfazer as instalações 
elétricas de baixa tensão e NBR-5444:1989 para símbolos gráficos para instalações 
elétricas prediais. 
A NBR-5626:1988, estabelece a instalação predial de água fria. 
 
12 
 
 
 
 
2. OBJETIVOS 
 
2.1. Objetivo Geral 
 
Propor um software avançado na ferramenta AutoCad, denominado Traço, que 
amplie e descreva os símbolos utilizados em projetos arquitetônicos gerados no 
Autocad, facilitando o estudo e a compreensão da linguagem e representação 
digital. 
 
2.2. Objetivos Específicos 
 
 Descrever o software; 
 Analisar como a ferramenta funciona; 
 Expor os diversos benefícios propostos; 
 Comparar softwares existentes com o software Traço. 
 
13 
 
 
 
 
3. REFERENCIAL TEÓRICO3.1. Software 
 
O advento da informática fez uma nova revolução no segmento da construção civil a 
partir das últimas décadas do século XX. A computação, em sua definição básica, é 
o estudo dos algoritmos e suas aplicações, bem como das estruturas matemáticas 
indispensáveis à formulação precisa dos conceitos fundamentais da teoria da 
computabilidade e da computação aplicada (RIBEIRO, 2002). 
 
Software é uma sequência de instruções escritas para serem interpretadas por um 
computador com o objetivo de executar tarefas específicas. Também pode ser 
definido como os programas que comandam o funcionamento de um computador 
(Rezende, 2005). Existe uma infinidade de programas de computador utilizados na 
engenharia civil desde o desenho do projeto, cálculos, projeto elétrico, hidráulico, 
estruturas, desenho em 3D, etc. Na área de finanças há programas para cálculo de 
gastos, planilhas de custos que maximizam o tempo e qualidade do trabalho, 
fazendo projeções para o menor custo. Por isso o profissional de engenharia 
necessita ter conhecimentos em informática para manter-se atualizado no mercado 
de trabalho (PRESSMAN; MAXIM, 2016). 
 
O surgimento de softwares (programas de computador) do tipo CAD (computer aided 
design ou desenho auxiliado por computador) possibilitou a confecção de plantas 
nas telas de computadores, com mais presteza e facilitando a resolução de cálculos 
exatos, além de poder alterar partes do desenho, ou por completo, sem a 
necessidade de perder o trabalho anterior. Esquemas inteiros já existiam e poderiam 
ser trabalhados. Além de perspectiva em 3D que eliminava a necessidade da 
“imaginação” ou “olho clínico” para visualizar projetos já concluídos. Entretanto, os 
mais comuns de serem lembrados e que são conhecidos mesmo fora do ambiente 
da construção civil, são os de projeto arquitetônico, com seu expoente máximo, o 
AutoCAD (NARAYANA et al., 2006; p. 53). 
 
14 
 
 
 
 
A construção civil ganhou um novo corpo nos “bastidores”, com uma aparelhagem 
moderna e voltada a eficiência plena. Toda a área que cercava o engenheiro, 
arquiteto e técnico em edificações ganhou contornos futuristas e avançados. Projeta, 
a partir de estudos volumétricos e diminuindo o tempo gasto em trabalhos 
repetitivos, os projetos são realizados com mais facilidade e rapidez, trazendo 
benefícios como: maior detalhamento, precisão e interação entre diversos 
projetistas. O AutoCAD, como mostrado na figura 1 da página 14, é um software do 
tipo CAD - criado e comercializado pela Autodesk, Inc. desde 1982. É utilizado 
principalmente para a elaboração de peças de desenho técnico em duas dimensões 
(2D) como está representado na figura 2 na página 15 e para criação de modelos 
tridimensionais (3D). Além dos desenhos técnicos, o software vem disponibilizando, 
em suas versões mais recentes, vários recursos para visualização em diversos 
formatos. Esse avanço tecnológico oferece uma interface completamente nova para 
a descrição de espaços de Arquitetura, permitindo a evolução de novos tipos e 
formas. 
 
É amplamente utilizado em arquitetura, design de interiores, engenharia mecânica, 
engenharia geográfica, engenharia elétrica e em vários outros ramos da indústria. O 
AutoCAD é atualmente disponibilizado em versões para os principais sistemas 
operacionais: Microsoft Windows e Mac OS. Na versão R14 (publicada em 1997) 
potencializou a expansão de sua funcionalidade por meio da adição de módulos 
específicos para desenho arquitetônico, Sistema de Informações Geográficas (SIG), 
controle de materiais, etc. SIG são equipamentos e meios tecnológicos para se 
estudar o espaço terrestre. Esses equipamentos são utilizados por pesquisadores, 
empresas, Organizações Não Governamentais (ONGs), governos, serviços de 
inteligência, entre outros. Os SIGs resultam da combinação entre três tipos de 
tecnologias distintos: O sensoriamento remoto, o Sistema de Posicionamento Global 
(GPS) e o geoprocessamento. 
 
Outra característica marcante do AutoCAD é o uso de uma linguagem consolidada 
de scripts, ou seja, linguagem de extensão que são linguagens de programação 
executadas do interior de programas e/ou de outras linguagens de programação não 
se restringindo a esses ambientes. 
15 
 
 
 
 
Figura 1: Modelos tridimensionais em AutoCAD. 
 
Fonte Google 
 
Figura 2: Desenho Técnico em duas dimensões no AutoCAD – Planta Baixa. 
 
 
 
 
 
 
 
 
 
 
Fonte Google 
 
Os projetos arquitetônicos mencionados anteriormente são desenvolvidos em 
programas específicos do tipo CAD em computadores. O computador é composto 
principalmente por hardware, que é tudo que podemos tocar, ou seja, o conjunto de 
componentes físicos, como na figura 3 da página 15. 
 
 
 
16 
 
 
 
 
Figura 3: Tela, teclado, mouse são exemplos de hardware. 
 
Fonte Google 
 
E pelo software, que é o conjunto de programas, instruções e regras informáticas 
apresentado na figura 4 da página 16. 
 
Figura 4: Word, Excel e Power Point são exemplos de softwares. 
 
Fonte: Google 
 
17 
 
 
 
 
3.1.1. Tipos de software: 
 
Existem vários softwares que auxiliam nos mais diversos trabalhos. Software de 
Sistema também conhecido como Sistema Operacional é indispensável para o 
funcionamento do computador. São exemplos: Mac Os, Linux, Windows, entre 
outros. Software de Aplicação é aquele que o utilizador instala, serve para 
entretenimento, trabalhar ou para que o hardware funcione de forma correta 
(Windows Media player, Microsoft Office, etc). 
 
Desenvolver categorias genéricas para aplicações de softwares é uma tarefa um 
tanto difícil. À medida que a complexidade do software cresce, desaparece a clara 
divisão em compartimentos. As seguintes áreas de software indicam a amplitude 
das aplicações potenciais, como mostra a classificação abaixo (PRESSMAN, 1995): 
a. Software básico 
É uma seleção de programas escritos para dar apoio a outros programas, como por 
exemplo: Compiladores, editores e utilitários de gerenciamento de arquivos 
processam estruturas de informação complexas, mas processam dados 
determinados. São componentes do sistema operacional, drivers de dispositivos, 
processadores de telecomunicações processam dados amplamente indeterminados. 
b. Software em tempo real (STR) 
É um software que monitora, analisa e controla eventos do mundo real. São eles os 
Sistemas de tempo real críticos também chamados de rígidos e não-críticos ou 
moderados. Nos sistemas de tempo real críticos, o prazo para realização da tarefa 
não deve ser violado. Um caça F-16 tem embutido STR rígidos. Já os STR não-
crítico é aquele que também tem o tempo como parâmetro fundamental, mas uma 
falha é aceitável, a exemplo tem-se um leitor de CD e DVD. 
c. Software comercial 
O processamento de informações comerciais é a maior área particular de aplicação 
de software. Abrangem a aplicação de processamento de dados convencional e a 
computação interativa, por exemplo processamento de transações em pontos-de-
venda. 
 
 
18 
 
 
 
 
d. Software científico e de engenharia 
Tem sido caracterizado por algoritmos de processamento de números. As aplicações 
variam da astronomia a vulcanologia, da análise de fadiga mecânica de automóveis 
à dinâmica orbital de naves espaciais recuperáveis, e da biologia molecular à 
manufatura automatizada (CAM). Porém novas aplicações dentro da área científica 
de engenharia estão se afastando dos algoritmos numéricos convencionais. O 
projeto auxiliado por computador (CAD), simulação de sistemas e outras aplicações 
interativas começaram a assumir características de tempo real e até mesmo de 
sistema básico. 
e. Software embutido 
Reside na memória só de leitura (read-only) e é usado para controlar produtos e 
sistemas para os mercados industriais e de consumo. Pode executar funções muito 
limitadas e particulares (como o controlede teclado para forno de micro-ondas) ou 
oferecer recursos funcionais de controle significativos (funções digitais em 
automóveis, tais como controle de combustível, mostradores no painel, sistemas de 
freio). 
f. Software de computador pessoal 
Processamentos de textos, planilhas eletrônicas, computação gráfica, diversões, 
gerenciamento de dados, aplicações financeiras pessoais e comerciais, redes 
externas ou acesso a banco de dados são algumas das centenas de aplicações. De 
fato, o software de computador pessoal continua representando os mais inovadores 
projetos de interface com seres humanos de toda indústria de software. 
g. Software com linguagem de 4ª geração 
O termo 4GL abrange um amplo conjunto de ferramentas de software que tem uma 
coisa em comum: cada uma delas possibilita que o desenvolvedor especifique 
alguma característica do software num nível elevado. A ferramenta pode gerar o 
código-fonte, tendo como base as especificações do desenvolvedor e o uso da 4GL 
é representado pelo ciclo: coleta dos requisitos; estratégia do projeto; 
implementação usando 4GL; e testes. São linguagens de programação de alto-nível 
com objetivos específicos, como o desenvolvimento de softwares comerciais de 
negócios. 
 
 
19 
 
 
 
 
h. Software educativo 
Tem como objetivo auxiliar o aprendizado de um ou mais temas e contribuindo com 
a educação geral. São exemplos os Tutoriais, Enciclopédias eletrônicas, Simulação, 
Modelagem, Jogos e Objetos de aprendizagem. 
i. Software de inteligência artificial 
A Inteligência Artificial (AI) faz uso de algoritmos não-numéricos para resolver 
problemas complexos que não sejam favoráveis à computação ou à análise direta. 
Atualmente a área de AI mais ativa é a dos Sistemas Especialistas, também 
chamados sistemas baseados em conhecimentos. Porém, outras áreas de aplicação 
para o software AI são o reconhecimento de padrões (voz e imagem), jogos e 
demonstração de teoremas. Nos últimos anos, desenvolveu-se um novo ramo de 
software de AI, chamado redes neurais artificiais. Uma rede neural simula a estrutura 
dos processos cerebrais (a função do neurônio biológico) e pode, por fim, levar a 
uma nova classe de software que consegue reconhecer padrões complexos e 
aprender com a “experiência” passada. 
j. Software de Gestão Empresarial 
São softwares que integram todas as funções organizacionais na empresa (privada 
ou pública), contendo bases de dados únicas, manipulando e gerando informações 
operacionais e gerenciais para todas as organizações. No mercado também são 
chamados de Planejamento dos recursos da Empresa (ERP - Enterprise Resources 
Planning) Sistemas. 
k. Software SIG – Sistema de Informações Gerenciais 
São softwares que fornecem informações para tomada de decisões, no sentido 
piramidal, onde as informações básicas e detalhadas estão na base e o usuário 
principal chama-se gestor, que pode utilizar as informações de forma agrupada, 
considerando, inclusive, o meio ambiente externo à organização. 
 
3.2. Plataforma Computacional 
 
Uma plataforma computacional é, no senso mais geral, qualquer que seja o 
ambiente pré-existente, uma parte de software que é projetado para ser executado 
internamente, ou seja, é o padrão de um processo operacional ou de um 
20 
 
 
 
 
computador, obedecendo às suas limitações e fazendo uso das suas instalações 
(APOSTILA JAVA PARA DESENVOLVIMENTO WEB, Caelum). 
Plataformas típicas incluem: 
 
 uma arquitetura de hardware 
 um sistema operacional 
 bibliotecas de tempo de execução. 
 
Programas executáveis binários, ou seja, em linguagem de máquina devem ser 
compilados para uma plataforma de hardware específica, uma vez que 
diferentes unidades centrais de processamento têm diferentes códigos da máquina. 
Além disso, sistemas operacionais e bibliotecas de execução permitem a reutilização 
de código e fornecem camadas de abstração que permitem que o mesmo código 
fonte de alto nível funcione em hardware configurado diferente. Por exemplo, há 
muitos tipos de dispositivo de armazenamento, e em cada computador individual 
pode ter uma configuração diferente de dispositivos. Porém, o aplicativo é capaz de 
chamar uma função save ou write genérica fornecida pelo Sistema Operacional (SO) 
ou pelas bibliotecas de tempo de execução, que então manipulam os detalhes 
propriamente ditos. A plataforma pode ser vista tanto como uma restrição sobre o 
processo de desenvolvimento de aplicações — a aplicação é escrita para as 
plataformas X e Y — quanto como uma assistência para o processo de 
desenvolvimento, na medida em que fornece funcionalidade pronta de baixo nível. 
 
O Java EE (Java Enterprise Edition) consiste de uma série de especificações bem 
detalhadas, dando uma receita de como deve ser implementado um software que faz 
cada um desses serviços de infraestrutura. No decorrer desse trabalho, observa-se 
vários desses serviços e como utilizá-los, focando no ambiente de desenvolvimento 
web através do Java EE. Java Platform, Enterprise Edition ou Java EE é 
amplamente utilizado como linguagem de programação para desenvolvimento 
de plataforma de computação de software empresarial. A Interface de Programação 
de Aplicativos-API (refere-se ao termo em inglês "Application Programming 
Interface”) é um conjunto de rotinas e padrões de programação para acesso a um 
21 
 
 
 
 
aplicativo de software ou plataforma baseado na Web (Deitel, Harvey M.and Paul J. 
Deitel, 2003). 
 
A plataforma fornece uma API para desenvolvimento e execução de software 
empresarial, incluindo redes e serviços web, e outros de grande escala, 
multicamadas, escaláveis, confiáveis e aplicações de rede seguras. 
 
Java EE estende a Plataforma Java, Standard Edition (Java SE), fornecer uma API 
para mapeamento objeto-relacional, distribuídos, arquiteturas multi-tier e serviços 
Web. A plataforma incorpora um design baseado em grande parte modulares 
componentes em execução em um servidor de aplicativos. Software para Java EE é 
desenvolvido principalmente no Java linguagem de programação. 
 
A plataforma foi conhecida como Java 2 Platform, Enterprise Edition ou J2EE até 
que o nome foi mudado para Plataforma Java, Enterprise Edition ou Java EE na 
versão 5 (Figura 5, pag. 20). A versão atual é chamado de Java EE 7, (Figura 6, pag. 
20). 
 
Figura 5: Java EE, versão 5. 
 
Fonte: Deitel (2012) 
 
 
22 
 
 
 
 
Figura 6: Java EE, versão 7. 
 
Fonte: Deitel (2012) 
 
Java EE é desenvolvido sob a Java Community Process. As aplicações Web de hoje 
em dia, já possuem regras de negócio bastante complicadas. Codificar essas muitas 
regras já representam um grande trabalho. Além dos requisitos funcionais que, são 
mais do que regras, é toda funcionalidade do sistema de uma aplicação, existem 
outros requisitos que precisam ser atingidos através da nossa infraestrutura: 
persistência em banco de dados, transação, acesso remoto, web services, 
gerenciamento de threads, gerenciamento de conexões Protocolo de Transferência 
de Hipertexto (HTTP), cache de objetos, gerenciamento da sessão web, 
balanceamento de carga, entre outros. São chamados de requisitos não-funcionais. 
 
O Cascading Style Sheets (CSS) é uma "folha de estilo" composta por “camadas” e 
utilizada para definir a apresentação (aparência) em páginas da internet que adotam 
para o seu desenvolvimento linguagens de marcação (como Linguagem Extensível 
de Marcação Genérica - XML, Linguagem de Marcação de Hipertexto - HTML e 
Linguagem Extensível para Marcação de Hipertexto - XHTML). O CSS define como 
serão exibidos os elementos contidos no código de uma página da internet e sua 
maior vantagem é efetuar a separação entre o formato e o conteúdo de um 
documento como mostra a figura 7 da página 22. 
 
 
23 
 
 
 
 
Figura 7: Linguagem CSS. 
 
Fonte: Google 
 
3.2.1. Servidor de AplicaçãoO Java EE é apenas um grande PDF, uma especificação, detalhando quais 
especificações fazem parte deste. Existem vários tipos de servidores. 
Este software tem papel de servir sua aplicação para auxiliá-la com serviços de 
infraestrutura, por isso denomina-se servidor de aplicação. 
 
Servidor que entenda requisições feitas no protocolo HTTP, por exemplo, para se 
comunicar com clientes espalhados pela Internet. Minimamente esse servidor pode 
ser capaz de servir dados estáticos, como páginas HTML estáticas, arquivos e 
imagens. É o chamado "Servidor Web". Exemplo: o "Apache Protocolo de 
Transferência de Hipertexto - HTTP Server" ou simplesmente Apache. 
 
Mas só isso não é suficiente. É comum a necessidade, de se servir dados 
dinâmicos, como páginas HTML personalizadas, cadeias de bytes, arquivos e até 
imagens construídos com base em informação variável como os parâmetros da 
própria requisição ou no resultado de uma consulta a um banco de dados, é o caso 
do servidor web. 
 
Um Servlet Container é um servidor também, que recebe as requisições de um 
servidor HTTP (servidor Web) e cuida de toda a lógica de infraestrutura 
anteriormente citada, deixando-se livre para implementar somente a lógica de 
negócio que interessa à sua aplicação específica. O Container repassa as 
requisições para Servlets, que são basicamente classes Java, e cada Servlet 
24 
 
 
 
 
executa a requisição em uma linha de discussão (thread). Pode-se programar um 
Servlet para atender requisições de login, outro para incluir itens em um pedido, 
outro para excluir pedidos, e assim por diante. 
 
3.2.2. POSTGRESQL 
 
O PostgreSQL é um poderoso sistema gerenciador de banco de dados (SGBD), 
objeto-relacional de código aberto. Roda em todos os grandes sistemas 
operacionais, incluindo GNU/Linux, Unix (AIX, BSD, HP-UX, SGI IRIX, Mac OS X, 
Solaris, Tru64), e MS Windows. É totalmente compatível com ACID (ATOMICIDADE, 
CONSISTÊNCIA, ISOLAMENTO E DURABILIDADE) tem suporte completo a chaves 
estrangeiras, junções (JOINs), visões, gatilhos e procedimentos armazenados (em 
múltiplas linguagens). Utiliza-se para armazenar dados e produzir ferramentas 
computacionais que neste trabalho serviu para compor o protótipo do projeto elétrico 
em vídeo. 
 
 
 
25 
 
 
 
 
4. METODOLOGIA 
 
Para compor o trabalho, foram realizadas pesquisas em livros de Engenharia de 
Software, de linguagem de programação, artigos científicos, monografias e NBRs. 
 
4.1. Área de estudo 
 
O Serviço Nacional de Aprendizagem Industrial (SENAI), maior rede de Educação 
Profissional da América Latina, tem como missão promover a educação profissional 
e tecnológica, inovação e a transferência de tecnologias industriais, contribuindo 
para elevar a competitividade da indústria brasileira, onde na figura 8 da página 24 
está representada sua localização. O Departamento Regional do Senai (DR) está 
situado na Rua Frei Cassimiro, 88 - Santo Amaro, PE, 50100-260, como mostra a 
figura 9 na página 25. Em Pernambuco, integra o sistema Federação das Indústrias 
e sua marca de referência é ser reconhecido como provedor de inovação e soluções 
tecnológicas e educacionais para Indústria do Estado e Região. 
 
Figura 8: Escola Técnica do Senai em Santo Amaro - Localização 
 
Fonte Google 
 
26 
 
 
 
 
Figura 9: Imagem do Departamento Regional do Senai - DR 
 
Fonte Google 
 
4.2. Coleta de dados 
 
Na coleta de dados utilizou-se: Projetos Hidráulicos e Elétricos (simbologia), Normas 
Vigentes e seleção da Linguagem Computacional. 
 
Desenvolver o Traço partiu do interesse de se propor um modelo novo com base no 
AutoCad, atribuindo funções inexistentes ao desenho deste software; como a de 
ampliar um símbolo, bem como, descrever o que isso significa num projeto 
hidráulico, elétrico, pois muitos, em sua maioria são extensos para se conhecer, 
quando observados na tela de um computador, onde a legenda encontra-se no fim 
do mesmo, como mostra a Figura 10 do projeto hidráulico na página 26. O projeto 
elétrico está representado na figura 11 da página 27. A figura 12 também na página 
27, mostra alguns símbolos gráficos de materiais elétricos. Objetivando implementar 
informações aos símbolos no momento em que se percorre a planta com o mouse, 
faz-se a identificação do elemento representativo num tamanho maior, real, 
nomeado e conceituado (figura 13). A NBR-5626/1998 refere-se a instalação predial 
de água fria e a NBR-5444/1988 estabelece os símbolos gráficos para instalação 
elétrica predial. Esta norma se baseia na conceituação simbológica de 4 elementos 
geométricos básicos: Traço, que é o seguimento de reta que representa o 
eletroduto; Círculo, que representa qualquer elemento localizado no teto, e ponto de 
27 
 
 
 
 
luz na parede (arandela); Triangulo equilátero, que representa tomada em geral e 
Quadrado, que representa qualquer elemento localizado no piso e conversor de 
energia. 
 
Figura 10: Projeto Hidráulico 
 
 
Fonte: Google 
28 
 
 
 
 
Figura 11: Projeto Elétrico 
 
Fonte Google 
 
O registro de informações e zoom no símbolo proporciona visualização constante e 
memorização, que leva ao aprendizado, fornecendo com isso, um estudo avançado 
e benefícios para Engenheiros e pessoas leigas. A figura 12 representa alguns 
símbolos gráficos de materiais elétricos. Permitindo a quem é da área reforçar 
conhecimentos e aos leigos, aprender a ler projetos como mostra a Figura 13. 
 
Figura 12: Símbolos gráficos para instalação elétrica predial segundo a NBR-5444/1988. 
 
Fonte Google 
29 
 
 
 
 
Figura 13: Protótipo do Software Traço 
 
Fonte: Autora 
 
O Traço é um software empresarial/educacional, cujo principal propósito é 
o estudo ou autoaprendizagem de projetos. O seu objetivo principal é contribuir para 
30 
 
 
 
 
que o aprendiz obtenha novos conhecimentos, fazendo uso do software, tendo 
prazer em lidar com ele e reforço dos profissionais da área. Traço é uma ferramenta 
totalmente autoexplicativa, visto que, possibilita descrição e visualização do objeto 
quando se clica com o mouse no símbolo. Contudo, considera-se que: mais 
importante que um software em si, é o modo como este será utilizado pelo usuário. 
 
O usuário busca nesta ferramenta aprender os milhares de símbolos utilizados em 
projetos elétricos, hidráulicos, bem como conhecer a descrição deles ao se percorrer 
a tela e ao interagir com isto absorver seus conceitos e formas reais com exultação e 
gosto pelo que estar a conhecer. 
 
Pode-se, desprezar a existência do Traço, quando se pensa que nos projetos 
arquitetônicos elaborados são acompanhados de legendas que mostram o 
significado dos símbolos no fim da página. Realmente, ao se observar por este 
prisma, isto leva a crer que talvez o software criado não acrescentaria muito ao 
estudo, quando os projetos são plotados estando de posse deles em mãos. Mas, 
quando se tem de estudá-los no computador e estes, são complexos e extensos 
num programa CAD e se desconhece tal símbolo, se faz necessário consultar o 
tempo todo a legenda! O traço exerceria um papel essencial na identificação deles. 
Mais que um identificador, seria um professor virtual. A utilização de recursos 
computacionais em projetos de Arquitetura, Engenharia e Construção (AEC) é uma 
realidade. 
 
O software Traço tem aplicação em rede (web). Aplicação web designa, em 
computação, de forma geral, sistemas de informática projetados para utilização 
através de um navegador, através da internet ou aplicativos desenvolvidos utilizando 
tecnologias web HTML, JavaScript e CSS. Pode ser executado a partir de 
um servidor HTTP (Web Host) ou localmente, no dispositivo do usuário. 
 
Uma aplicação web também é definida em tudo que se é processado em algum 
servidor, exemplo: ao seentrar em um e-commerce a página que se acessa antes 
de vir até seu navegador é processada em um computador ligado a internet que 
31 
 
 
 
 
retorna o processamento das regras de negócio nele contido. Por isso se chama 
aplicação e não simplesmente site web. 
 
A função do servidor web é receber uma solicitação (requisição) e devolver 
(resposta) algo para o cliente. O browser permite ao usuário solicitar um recurso e 
quando o servidor responde a uma solicitação são encontrados recursos como: 
páginas HTML, figuras e documento PDF que são exibidas depois para o usuário. 
Geralmente os servidores enviam instruções para o browser escritas em HTML. O 
HTML diz ao browser como apresentar conteúdo ao usuário web. 
 
O servidor em si tem alguns recursos, mas por algumas deficiências não consegue 
processar tudo sozinho como: criações de páginas dinâmicas e o armazenamento 
de dados em um banco de dados. 
 Páginas dinâmicas – Quando a aplicação roda no servidor, este 
disponibiliza somente páginas estáticas. Porém, para efetuar essa 
comunicação é necessário o auxílio de uma outra aplicação de ajuda que 
é passada através de Servlet. 
 Armazenar dados no servidor – Para efetuar essa ação o servidor precisa 
de uma aplicação de apoio (Servlet), fazendo com que o servidor envie 
esses parâmetros para o Servlet. 
 
As falhas de segurança podem surgir em diferentes etapas, tais como: análise de 
requisito; especificação; implementação. Os riscos de aplicação na vulnerabilidade 
de uma empresa podem causar impactos. As diferenças entre as solicitações GET e 
POST são que enquanto o GET anexa dados do formulário no final da URL o POST 
inclui dados do formulário no corpo da solicitação. 
 
A coleta de dados na linguagem CSS, utilizou-se o bloco de notas para combinação 
de códigos e assim desenvolver o protótipo. O protótipo é a junção de duas 
ferramentas conhecidas em criação de páginas da internet são elas o HTML e o 
CSS. 
 HTML (abreviação para a expressão inglesa HyperText Markup Language, 
que significa Linguagem de Marcação de Hipertexto) é uma linguagem de 
32 
 
 
 
 
marcação utilizada na construção de páginas na Web. 
Documentos HTML podem ser interpretados por navegadores. 
 CSS (Cascading Style Sheets) é uma linguagem de folhas de estilo utilizada 
para definir a apresentação de documentos escritos em uma linguagem de 
marcação, como HTML ou XML. O seu principal benefício é a separação 
entre o formato e o conteúdo de um documento. 
 
4.3. Análise de Dados 
 
Na realização do protótipo, pode-se dividir o esforço em três fases desenvolvimento 
do modelo de dados, onde os dados serão persistidos, ou seja, serão armazenados 
no banco; desenvolvimento da camada de acessos a dados, onde será 
implementado todo o modelo de negócios e a interface ao usuário, onde os clientes 
terão acesso aos recursos. 
 
Já na linguagem CSS, há uma forma mais simples de desenvolver o software. Como 
descrito acima, a junção das duas ferramentas HTML e CSS, torna possível à 
modificação da linguagem dos textos e a formatação, ou melhor, estilização através 
do CSS, desta forma é permitida a formatar especificadamente cada parte do texto. 
No protótipo, foram criados arquivos no bloco de notas do Windows nos formatados 
de test.html e style.css e a na arquivo teste.html foi utilizada a tag <link 
rel="stylesheet" type="text/css" href="style.css"/> para a criação do link com o 
arquivo style.css. Assim, foi possível a utilização da tag <div id= “”> para a 
formatação em cascata dos textos em css apresentados no arquivo html. 
 
Em suma, estilos como: transição, cor, fonte, largura, altura, margens, e outras, 
foram feitas no css e dando o estilo necessário para o arquivo em html. O efeito de 
transição é obtido através do “id” que rege na aplicação de estilo em um grupo ou 
elementos de textos, subsequente o hover foi utilizado para cria-se o efeito de 
“passar o mouse e expandir”. A figura 14 representa a combinação dos códigos. 
 
 
 
33 
 
 
 
 
 Figura 14: Style - Bloco de notas. 
#bnboton { 
 -moz-transition: .5s; 
 -webkit-backface-visibility: hidden; 
 -webkit-transition: .5s; 
 transition: .5s; 
 -webkit-filter: grayscale(50%); 
 border: 5px solid #333300; 
 background: transparent; 
 border-radius: 90px; 
 cursor: pointer; 
 height: 70px; 
 width: 50px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: transparent; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px; 
 } 
#bnboton:hover { 
 transition: all 0.5s ease; 
 -moz-transition: all 0.5s ease; 
 -webkit-transition: all 0.5s ease; 
 -webkit-filter: grayscale(0%); 
 height: 400px; 
 width: 300px; 
 background: #CD8500; 
 opacity:0.70; 
 -moz-opacity: 0.70; 
 filter: alpha(opacity=70); 
 border-radius: 5px; 
 Fonte: Autora 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
34 
 
 
 
 
5. RESULTADOS ESPERADOS 
 
5.1. Descrição do Traço 
 
O Traço é um software empresarial que se baseia no AutoCad, mas com zoom e 
leitor de símbolos utilizados em projetos elétricos, hidráulicos, bem como, conhecer 
a descrição deles ao se percorrer a tela e ao interagir com isto, absorver seus 
conceitos e formas reais. É um modelo avançado de ferramenta, pois é 
autoexplicativo, podendo ser útil para estudantes de Ensino à Distância. 
 
5.2. Análise da ferramenta 
 
O usuário aprenderá os inúmeros símbolos utilizados em projetos arquitetônicos, 
suas formas reais e conceituais. Representa avanço de software, porque embora 
pareça algo simples é inédito, considerando que ninguém pensou em atribuir aos 
desenhos tais tarefas. Não deve-se, desprezar a eficiência do Traço, quando, 
evidencia-se que, tais projetos, ao serem elaborados são acompanhados de 
legendas e nelas contém os símbolos utilizados com seus respectivos resultados no 
fim da página. A inovação dispensa utilização, quando os projetos estão plotados e 
em mãos para tal análise. Mas, quando se têm de analisa-los no computador/tablet 
e estes são complexos e extensos num programa CAD e se desconhece tal símbolo, 
onde se faz necessário consultar a legenda para obter significado, o Traço realizaria 
esta atividade, pois é um identificador virtual dos mesmos. É reforço de 
conhecimento para profissionais da área, como também pode auxiliar no 
aprendizado de leigos. Como se observa, através das ferramentas HTML e o CSS é 
possível a construção do Software Traço: 
 
#bnboton { 
 -moz-transition: .5s; 
 -webkit-backface-visibility: hidden; 
 -webkit-transition: .5s; 
 transition: .5s; 
 -webkit-filter: grayscale(50%); 
 border: 5px solid #333300; 
 background-image: url(http://i.imgur.com/yuWqqRm.jpg); 
35 
 
 
 
 
 background-position: center; 
 border-radius: 90px; 
 cursor: pointer; 
 height: 70px; 
 width: 50px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: transparent; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px; 
 
} 
#bnboton:hover { 
 transition: all 0.5s ease; 
 -moz-transition: all 0.5s ease; 
 -webkit-transition: all 0.5s ease; 
 -webkit-filter: grayscale(0%); 
 height: 400px; 
 width: 300px; 
 background: #EEE8AA; 
 opacity:0.70; 
 -moz-opacity: 0.70; 
 filter: alpha(opacity=70); 
 border-radius: 5px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: #4F4F4F; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px;} 
 
#bnboton1 { 
 -moz-transition: .5s; 
 -webkit-backface-visibility: hidden; 
 -webkit-transition: .5s; 
 transition: .5s; 
 -webkit-filter: grayscale(50%); 
 border: 5px solid #333300; 
 background-image: url(http://i.imgur.com/hyhGRob.jpg); 
36 
 
 
 
 
 background-position: center; 
 border-radius: 90px; 
 cursor: pointer; 
 height: 70px; 
 width: 50px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: transparent; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px; 
 
} 
#bnboton1:hover { 
 transition: all 0.5s ease; 
 -moz-transition: all 0.5s ease; 
 -webkit-transition: all 0.5s ease; 
 -webkit-filter: grayscale(0%); 
 height: 400px; 
 width: 300px; 
 background: #EEE8AA; 
 opacity:0.70; 
 -moz-opacity: 0.70; 
 filter: alpha(opacity=70); 
 border-radius: 5px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: #4F4F4F; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px; 
} 
 
 
#bnboton2 { 
 -moz-transition: .5s; 
 -webkit-backface-visibility: hidden; 
 -webkit-transition: .5s; 
 transition: .5s; 
 -webkit-filter: grayscale(50%); 
 border: 5px solid #333300; 
37 
 
 
 
 
 background-image: url(http://i.imgur.com/sXzlhSv.jpg); 
 background-position: center; 
 border-radius: 90px; 
 cursor: pointer; 
 height: 70px; 
 width: 50px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: transparent; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px; 
 
} 
#bnboton2:hover { 
 transition: all 0.5s ease; 
 -moz-transition: all 0.5s ease; 
 -webkit-transition: all 0.5s ease; 
 -webkit-filter: grayscale(0%); 
 height: 400px; 
 width: 300px; 
 background: #EEE8AA; 
 opacity:0.70; 
 -moz-opacity: 0.70; 
 filter: alpha(opacity=70); 
 border-radius: 5px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: #4F4F4F; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px; 
} 
 
 
#bnboton3 { 
 -moz-transition: .5s; 
 -webkit-backface-visibility: hidden; 
 -webkit-transition: .5s; 
 transition: .5s; 
 -webkit-filter: grayscale(50%); 
38 
 
 
 
 
 border: 5px solid #333300; 
 background-image: url(http://i.imgur.com/sJ4Ct6K.jpg); 
 background-position: center; 
 border-radius: 90px; 
 cursor: pointer; 
 height: 70px; 
 width: 50px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: transparent; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px; 
 } 
 
#bnboton3:hover { 
 transition: all 0.5s ease; 
 -moz-transition: all 0.5s ease; 
 -webkit-transition: all 0.5s ease; 
 -webkit-filter: grayscale(0%); 
 height: 400px; 
 width: 300px; 
 background: #EEE8AA; 
 opacity:0.70; 
 -moz-opacity: 0.70; 
 filter: alpha(opacity=70); 
 border-radius: 5px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: #4F4F4F; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px; 
} 
 
#bnboton4 { 
 -moz-transition: .5s; 
 -webkit-backface-visibility: hidden; 
 -webkit-transition: .5s; 
 transition: .5s; 
 -webkit-filter: grayscale(50%); 
39 
 
 
 
 
 border: 5px solid #333300; 
 background-image: url(http://i.imgur.com/DthWygm.jpg); 
 background-position: center; 
 border-radius: 90px; 
 cursor: pointer; 
 height: 70px; 
 width: 50px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: transparent; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px; 
 
} 
#bnboton4:hover { 
 transition: all 0.5s ease; 
 -moz-transition: all 0.5s ease; 
 -webkit-transition: all 0.5s ease; 
 -webkit-filter: grayscale(0%); 
 height: 400px; 
 width: 300px; 
 background: #EEE8AA; 
 opacity:0.70; 
 -moz-opacity: 0.70; 
 filter: alpha(opacity=70); 
 border-radius: 5px; 
 font-family: Arial; 
 font-style: normal; 
 font-variant: normal; 
 font-weight: normal; 
 font-size: 12px; 
 color: #4F4F4F; 
 text-align: justify; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-top: 10px; 
} 
 
A proposta da ferramenta Traço em junção dos dois elementos de criação e 
visualização, HTML e CSS, trás a possível visualização como análise esperada 
(figura 15). Desta forma, os símbolos encontrados nas plantas podem expandir e 
mostrar detalhes sobre o elemento (figura 16). 
40 
 
 
 
 
Figura 15: Protótipo, símbolos da planta na lateral esquerda. 
 
Fonte: Autora 
 
Figura 16: Expansão dos símbolos, detalhe e figura do elemento. 
 
Fonte: Autora 
 
41 
 
 
 
 
5.3. Benefícios do Traço 
 
Autoaprendizagem com a repetição da leitura de símbolos, descrever tais símbolos, 
representar o Desenho na forma real, reforço do conhecimento para profissionais da 
área, proporcionar informação aos leigos, maior rapidez na absorção do 
conhecimento, usuário irá interagir de forma prazerosa com o sistema. O 
Engenheiro, Arquiteto ou Técnico ao utilizar tablet, ao invés de plotar os projetos, 
economiza papel e contribui com o meio ambiente. Mediante a todos esses 
benefícios citados espera-se que o Traço contribua satisfatoriamente à que se 
propõe aos usuários. 
 
5.4. Comparação entre os softwares existentes com o software 
Traço 
 
O avanço da tecnologia possibilitou o desenvolvimento de softwares cada vez mais 
eficientes, desenvolvidos para facilitar e dinamizar serviços que antes levavam horas 
ou até dias para serem concluídos. Hoje pequenas e microempresas podem ter um 
software totalmente planejado para atender a sua demanda. E as grandes empresas 
podem contar com ferramentas cada vez mais avançadas para administrar seus 
projetos. 
 
Os softwares, também conhecidos como sistemas, como alguns preferem qualificar, 
servem para facilitar a vida das pessoas e das empresas. São ferramentas 
tecnológicas que dinamizam o processo de produção das empresas, reduzem custos 
e geram lucros. Além disso, os softwares permitem armazenar e administrar 
informações em quantidade muito superior a capacidade humana de armazenar e 
administrar. Um exemplo disso são os caixas eletrônicos de um banco. Nos grandes 
centros urbanos nos dias de hoje seria praticamente impensável viver sem caixas 
eletrônicos. E o que está por trás de um caixa eletrônico? Um software programado 
para executar diversas funções, facilitando a vidas dos usuários e otimizando 
serviços de bancos. 
 
42 
 
 
 
 
Se os custos no desenvolvimento de um bom projeto são elevados e variam acordo 
com tamanho e funcionalidades do sistema, os valores pagos no produto 
compensarão, pois sua criação trará benefícios incalculáveis, então o retorno do 
investimento será maior ainda. 
 
O Google Chrome é um navegador de internet, de código aberto (open source), 
desenvolvido pela companhia Google. É o software (programa) que permite o 
acesso a Internet, ver vídeos, escutar musica, jogar e interagir com documentos 
virtuais da internet, também conhecidos como páginas da web. 
 
Aplicativo Itaú fica disponível na área de trabalho do computador e dispensa o uso 
dos navegadores padrão,como Internet Explorer, Chrome. Ele foi desenvolvido para 
computador e oferece de forma gratuita um acesso mais seguro, mais rápido e mais 
prático no dia a dia. O cliente tem acesso a inúmeras operações como pagamentos, 
transferências, depósitos, entre outras sem sair de casa. 
 
WhatsApp é um aplicativo utilitário nos celulares que te ajuda enviar mensagens e 
conversar e não precisa a pagar, entres as linhas de Android e Java com a condição 
que o seu celular tem de ter a conexão de internet. O serviço de mensagens 
instantâneas WhatsApp, que pertence ao Facebook, alcançou a marca de 1 bilhão de 
usuários, de acordo com uma publicação do presidente-exeucitvo e cofundador da rede 
social, Mark Zuckerberg. "Isso é quase uma em cada sete pessoas na Terra que usa 
WhatsApp todo mês para estar em contato com seus amados, amigos e família", disse o 
time do WhatsApp em um post de seu blog. 
 
O Software Planejamento dos Recursos da Empresa – ERP é um sistema de 
informática responsável por cuidar de todas as operações diárias de uma empresa, 
desde o Faturamento até o balanço contábil, de Compras a fluxo de caixa, de 
apuração de impostos a Administração de Pessoal, de inventário de estoque às 
contas a receber, do ponto dos funcionários a controle do maquinário da fábrica, 
enfim, todo o trabalho administrativo e operacional feito numa empresa. Uma 
vantagem bastante relevante é a padronização de processos e fluxo da informação 
otimizado que trazem aumento da qualidade e eficiência organizacional. Analisando 
43 
 
 
 
 
um tópico referente à gestão integrada da cadeia de suprimentos, evidenciou-se que 
uma parcela de empresas (30%), destacou-o com grande importância. Na 
sequência, abrangendo o aspecto da maior eficiencia e competitividade para a 
empresa, alcançou-se que, 37% delas, pautaram essa característica entre mediana 
e grande importância e em igual percentual (37%), denotaram importância máxima a 
esse fator. Os resultados mostram os benefícios estratégicos proporcionados pelo 
sistema (CAIÇARA JÚNIOR, 2008). 
 
Os softwares criados apresentaram grandes resultados satisfatórios em sua 
execução, sendo utilizados por um número expressivo de usuários que se 
beneficiam com as tarefas realizadas por eles. Embora, os softwares citados não 
tenham semelhanças com o Traço, foi avaliado nesta análise, as suas eficiências, 
bem como, os seus benefícios na realização das tarefas desempenhadas por eles 
aos usuários que as utilizam. Por isso, espera-se que o Software Traço, assim como 
os softwares citados, também possa desempenhar as funções propostas, seja um 
facilitador de tarefas, bem como, traga benefícios com sua utilização aos usuários 
que manuseiam projetos arquitetônicos. E como não existe nenhum software 
semelhante ao Software Traço, pode-se dizer que, o mesmo é algo inédito e 
inovador. 
 
 
 
 
 
44 
 
 
 
 
6. CONCLUSÕES / CONSIDERAÇÕES FINAIS 
 
O sistema em si, é uma ferramenta de uso corporativo que deseja apoiar uma 
equipe de desenvolvimento de projetos civis e arquitetônicos, numa era onde as 
empresas criam as suas universidades corporativas que tem por objetivo treinar e 
aperfeiçoar as suas práticas profissionais, o sistema pode ajudar neste sentido, ora, 
não se deve também descartar a possibilidade de se ter uma ferramenta de ensino 
em cursos técnicos profissionalizantes, por exemplo, de ensino à distância. 
 
Desta forma o projeto tende a ser uma ferramenta de apoio e extensão, trazendo 
informações pertinentes e adicionais sem que o usuário precise recorrer de forma 
contumaz a catálogos para obter informações técnicas sobre o produto. 
 
O desenvolvimento e implantação do Traço traz vantagem imensurável porque irá 
contribuir em várias áreas do conhecimento, pois a interação entre projeto e 
conteúdo torna a análise do projeto prazerosa e enriquecedora. O Traço é um 
modelo avançado de software de aplicação na web, que nomeie, amplie e descreva 
símbolos utilizados em projetos arquitetônicos, é um facilitador do aprendizado, 
possibilita a compreensão da linguagem e representação digital. O Engenheiro, 
Arquiteto ou Técnico ao utilizar tablet, ao invés de plotar os projetos, economiza 
papel e contribui com o meio ambiente. Mediante a todos esses benefícios citados 
espera-se que o Traço contribua satisfatoriamente à que se propõe aos usuários. 
Espera-se que este programa revolucione o mundo virtual e obtenha sucesso em 
sua efetivação. 
 
Como foi visto ao longo deste trabalho, a proposta de implantação do Software 
Traço foi executado com as devidas funções específicas da ferramenta nos projetos 
arquitetônicos. 
45 
 
 
 
 
7. REFERÊNCIAS BIBLIOGRÁFICAS 
 
ALBERTIN, Alberto Luiz; Sanchez, Otávio Próspero, organizadores. Outsourcing de 
TI: impactos, dilemas, discussões e casos reais. Livro – 1° edição, editora FGV, 
Rio de Janeiro, 2008. 
 
BARBOSA, Ronaldo. ENGENHARIA DE SOFTWARE 
 
CAELUM. Java para Desenvolvimento Web. Apostila do curso FJ-21. Disponível 
em: <https://www.caelum.com.br/apostila-java-web/>. Acessado em: 09/11/ 2016. 
 
CAIÇARA JÚNIOR, Cícero. Sistemas Integrados de Gestão – ERP: uma 
abordagem gerencial. Livro – 3° edição, rev. e atual. editora IBPEX, 2008. 
 
Deitel, Harvey M., and Paul J. Deitel. Java, como programar. 4ª Edição." Porto 
Alegre, 2003. 
 
DEITEL Developer Series. Java for Programmers. 2012, pp. 1168. Disponível em: 
< http://www.deitel.com/Books/Java/JavaforProgrammers/tabid/3416/Default.aspx>. 
Acessado em: 09/11/ 2016. 
 
FILHO, W. de P. P. Engenharia de Software - Fundamentos, Métodos e Padrões. 
Livro – 3º edição, editora LTR, 2009. 
 
FILHO, W. de P. P. Manual do Engenheiro do Software. Livro – 1ª edição, editora 
LTR, 2003. 
 
HEUSER, Carlos Alberto. Projeto de banco de Dados. Livro – 6° edição, editora 
Bookman, Porto Alegre, 2009. 
 
NARAYANA, K. L.; KAMNAIAH, P.; REDDY. Venkata. Machine Drawing. Livro - 3º 
edição, New Age, 2006. 
 
PRESSMAN, R. MAXIM, B. Engenharia de Software. 8ª edição, 2016. 
 
REZENDE, Denis Alcides. Engenharia de software e sistemas de informação. 3º 
edição - Brasport, Rio de Janeiro, 2005. 
 
RIBEIRO, Bruno, e ALBUQUERQUE, Ricardo. Segurança no desenvolvimento de 
software. Elsevier Brasil, 2002.