TRABALHO DE CONCLUSÃO DO CURSO TÉCNICO EM INFORMÁTICA

Transcrição

1 1 Centro Estadual de Educação Tecnológica Paula Souza GOVERNO DO ESTADO DE SÃO PAULO ETEC JORGE STREET BEATRIZ LIMA CLEMENTE CÁSSIA SANTOS DO NASCIMENTO GABRIEL GIMENEZ DE LIMA JESLER DALPINO ULIAM LIMA JOÃO PAULO CONCEIÇÃO DOS SANTOS MURILO ARIZZA TRABALHO DE CONCLUSÃO DO CURSO TÉCNICO EM INFORMÁTICA CARONAR São Caetano do Sul - SP Junho/2015

2 2 BEATRIZ LIMA CLEMENTE CÁSSIA SANTOS DO NASCIMENTO GABRIEL GIMENEZ DE LIMA JESLER DALPINO ULIAM LIMA JOÃO PAULO CONCEIÇÃO DOS SANTOS MURILO ARIZZA CARONAR Trabalho de Conclusão de Curso apresentado ao Curso Técnico Modular de Informática como requisito parcial para obtenção do título de Técnico em Informática Orientador: Rafael Zamboni São Caetano do Sul - SP Junho/2015

3 3 BEATRIZ LIMA CLEMENTE CÁSSIA SANTOS DO NASCIMENTO GABRIEL GIMENEZ DE LIMA JESLER DALPINO ULIAM LIMA JOÃO PAULO CONCEIÇÃO DOS SANTOS MURILO ARIZZA CARONAR Trabalho de Conclusão de Curso apresentado ao Curso Técnico Modular de Informática como requisito parcial para obtenção do título de Técnico em Informática. Banca examinadora: Orientador, ETEC JORGE STREET Membro 1, ETEC JORGE STREET Membro 2, ETEC JORGE STREET

4 Agradecemos a todos os professores que nos transmitiram o seu conhecimento profissional e pessoal, e que se dedicaram para o nosso melhor desempenho nas atividades e projetos. Também, aos nossos familiares e amigos, que se dedicaram e nos apoiaram desde o início, e obrigado a todos que prestigiaram e irão prestigiar o nosso projeto. 4

5 5 Sonhos determinam o que você quer. Ação determina o que você conquista. Aldo Novak

6 6 RESUMO Redução do tráfego e a preservação do meio-ambiente é o principal foco do sistema Caronar, onde o compartilhamento de carros torna-se uma alternativa para a redução desses problemas. Portanto, por ser uma área pouco explorada pelo mercado, e com a crescente popularização dos meios tecnológicos, o aplicativo poderá servir de auxílio á aqueles que procuram praticidade em seu cotidiano. A melhora no meio-ambiente também será inclusa, já que, os usuários que o utilizarem estarão contribuindo para a provável redução da emissão dos gases poluentes, onde os carros são os principais emissores. Em relação ao meio social, a integração entre os usuários que frequentam uma mesma unidade terá um gradativo avanço, pois o software fornece uma necessidade de comunicação para que o objetivo seja alcançado. Contudo, como conceito, o sistema Caronar, seria de bom uso para todos aqueles que possuem um mesmo pensamento sobre as causas ambientais e compartilhamento de carros. Palavras-chave: Carro. Meio-Ambiente. Compartilhar. Tecnologia.

7 7 ABSTRACT Traffic reduction and the preservation of the environment is the main focus of the Caronar system, where car sharing becomes an alternative to reducing these problems. Therefore, for being an area little explored by the market, and with the increasing popularization of technological, the application might serve to aid those seeking practicality in their daily lives. The improvement in the environment will also be included, since users who use it will be contributing to the likely reduction in the emission of pollutant gases, where the cars are the major emitters. In relation to the social environment, the integration between users who frequent the same unit will have a gradual improvement since the software provides a need of communication, so that the goal is reached. However, as a concept, the Caronar system, it would be of good use for all those who have even thought about the environmental causes and car sharing. Keywords: Car. Environment. Share. Technology.

8 8 LISTA DE FIGURAS Figura 1 Pagina principal Figura 2 Tela de Conteúdo Figura 3 Tela para cadastro de parceria Figura 4 Quem somos nós Figura 5 Comentário Figura 6- Logotipo...19 Figura 7 Tela de login Figura 8 Tela de cadastro Figura 9 Tela de cadastro(esquecimento) Figura 10 Tela de cadastro(gravação) Figura 11 Tela inicial Figura 12 Tela inicial Figura 13 Perfil Figura 14 Tela de Mensagens Figura 15 Enviando uma mensagem e procurando destinatário Figura 16 Mapa do Site Figura 17 Mapa do Sistema Figura 18 Fluxograma do Software Figura 19 Fluxograma do Site Figura 20 Caso de Uso do Site Figura 21 Caso de Uso do Software Figura 22 Lista de Requisitos do Site Figura 23 Lista de Requisitos do Software Figura 24 - Tabela Usuario...40 Figura 25 Tabela Perfil Figura 26 Tabela Carona... 42

9 9 Figura 27 Tabela Mensagem Figura 28 Tabela Notificação Figura 29 Relações entre as tabelas Figura 30 Cronograma Figura 31 Gráfico...46

10 10 SUMÁRIO INTRODUÇÃO FUNDAMENTAÇÃO TEÓRICA Tema e Delimitação Objetivos Objetivo Geral Objetivos Específicos Justificativa ORGANIZAÇÃO Contexto do Negócio Perfil da Empresa Funções Principais/ Processos Realizados Restrições Técnicas e Administrativas ASPECTOS ESTRATÉGICOS Riscos do Projeto Concorrentes do Site SITE Menu de Navegação-Interface DEFINIÇÂO DO CONTEÙDO Logotipo USABILIDADE FÁCIL E AMIGÁVEL Passo a Passo de Navegação PROGRAMAÇÂO Planejamento UML Fluxogramas Casos de Uso Lista de Requisitos Ferramentas de Desenvolvimento DESENVOLVIMENTO DO BANCO DE DADOS Planejamento/Documentação... 40

11 11 9. CRONOCRAMA METODOLOGIA CONCLUSÃO REFERÊNCIAS... 48

12 12 INTRODUÇÃO Os centros urbanos brasileiros estão com constantes problemas em relação ao grande número de veículos que geram engarrafamentos todos os dias e por consequência uma grande quantidade de poluição. De acordo com pesquisas feitas por (G1.GLOBO, 2014), ocorreu um aumento relativo na frota de carros em relação á de outros veículos, sendo que, 130 mil novos automóveis foram registrados na cidade de São Paulo. Neste contexto, percebeu-se a necessidade da criação de um aplicativo para compartilhamento de caronas, dessa forma os usuários poderiam agendar caronas beneficiando tanto as pessoas que estão dispostas a oferecer uma carona, como as pessoas que precisam.

13 13 1.FUNDAMENTAÇÃO TEÓRICA 1.1 TEMA E DELIMITAÇÃO Caronar Compartilhamento de caronas O software facilitará e incentivará o agendamento de caronas de uma forma mais dinâmica e informatizada. 1.2 OBJETIVOS Objetivo geral Desenvolver um software para facilitar e interligar as pessoas que façam o mesmo trajeto e moram próximas, diminuindo o tráfego e reduzindo os gases poluentes Objetivos específicos Gerenciamento de cadastro Gerenciamento de caronas Controle de fluxos de viagens 1.3 JUSTIFICATIVA Visando a melhoria da mobilidade urbana e pensando em uma ação sustentável, o sistema Caronar irá funcionar de uma forma onde tanto as pessoas que precisam quanto as que podem oferecer uma carona serão beneficiadas. Ademais, os carros utilizados para transportar um ou dois passageiros, estarão transportando um número maior de pessoas. E por existir poucas empresas no mercado atual que se preocupam em desenvolver softwares voltados para esta finalidade. Portanto, há uma grande oportunidade nessa área.

14 14 2. ORGANIZAÇÃO 2.1 CONTEXTO DO NEGÓCIO Desenvolver um aplicativo que assegura o compartilhamento de caronas de forma simples e ajustado com as causas ambientais. 2.2 PERFIL DA EMPRESA Um software de tecnologia dirigido para a melhora significativa da vida das pessoas com impacto direto em seus cotidianos, onde tem como solução o compartilhamento de carros e consequentemente a diminuição do tráfego. 2.3 FUNÇÕES PRINCIPAIS/ PROCESSOS REALIZADOS Cadastro único, interação ativa com o aplicativo, rotas com GPS, comunicação entre os usuários, estão entre os principais processos realizados no aplicativo que será voltado para uma rede privada. 2.4 RESTRIÇÕES TECNICAS E ADMINISTRATIVAS Uma adversidade técnica enfrentada foi em relação ao uso do GPS, já que, esse conteúdo não era o foco das aulas anteriormente assistidas. Os dados informados pelo usuário na parte de cadastro podem ser usados de maneiras maliciosas se não administrados devidamente, tornando-se assim, uma restrição administrativa.

15 15 3. ASPECTOS ESTRATÉGICOS 3.1 RISCOS DO PROJETO A aceitação do público agregado com o tempo limitado para a elaboração do projeto podem ser fatores de riscos. 3.2 CONCORRENTES DO SITE Por ser algo inovador e diferente, há poucas empresas no mercado atual com a mesma proposta, porém, um aplicativo que está ganhando bastante notoriedade é o Zumpy, onde os usuários podem dar ou oferecer Carona Solidária, contribuindo com as questões ambientais e assim como o Caronar, não possui fins lucrativos.

16 16 4. SITE 4.1 MENU DE NAVEGAÇÃO - INTERFACE Figura 1 Pagina principal

17 17 Figura 2 Tela de Conteúdo Figura 3 Tela para cadastro de parceria

18 18 Figura 4 Quem somos nós Figura 5 Comentário

19 19 5. DEFINIÇÃO DO CONTEÚDO 5.1 LOGOTIPO O logotipo tem como cores o azul que é uma cor harmoniosa que proporciona calma e segurança ás pessoas e o verde que remete à natureza, transmite saúde, frescor e equilíbrio, sendo frequentemente relacionado às questões ambientais e produtos de apelo sustentável. Figura 6- Logotipo

20 20 6. USABILIDADE FÁCIL E AMIGÁVEL 6.1 PASSO A PASSO DE NAVEGAÇÃO Com uma interface simples e prática, o usuário, na tela inicial poderá se cadastrar, caso não tenha uma conta, ou se logar. Figura 7 Tela de login Opção de cadastro

21 21 Na tela de cadastro, o usuário preencherá os campos com informações básicas podendo escolher uma imagem para perfil. Concluído o preenchimento, é necessárioclicar em Próximo para assim, prosseguir com o cadastro. Figura 8 Tela de cadastro

22 22 Finalizando o preenchimento das informações referentes ao usuário, o mesmo terá que concordar com os termos de contrato e assim finalizar seu cadastro porém, se esquecer de preencher alguma informação ou não concordar com os termos de contrato, uma mensagem será mostrada. Figura 9 Tela de cadastro (esquecimento de informação)

23 23 Caso as informações sejam preenchidas corretamente, o usuário estará cadastrado e suas informações gravadas em nosso banco de dados. Figura 10 Tela de cadastro (Login gravado)

24 24 Após o cadastro, o usuário poderá entrar no Caronar, mas, caso esqueça-se de preencher o campo senha, um aviso será emitido. Figura 11 Tela inicial (Preenchimento de campo)

25 25 Caso preencha algum dos campos incorretamente, um aviso será emitido. Figura 12 Tela inicial (Login ou senha incorretos)

26 26 A tela Perfil mostrará o ponto inicial e final que o usuário deseja e os dias e horários disponíveis, para dar ou receber carona, de sua preferência. Figura 13 Perfil

27 27 Ao clicar em Mensagens o usuário será direcionado para a caixa de entrada onde poderá escrever ou ler uma mensagem. Figura 14 Tela de Mensagens

28 28 Caso clicar em Escrever Mensagem, o usuário poderá escrever uma mensagem ao destinatário requerido, tendo acesso a uma lista de usuários cadastrados em caso de esquecimento. Figura 15 Enviando uma mensagem e procurando destinatário

29 29 7. PROGRAMAÇÃO 7.1 PLANEJAMENTO UML Figura 16 Mapa do Site

30 30 Figura 17 Mapa do Sistema LOGIN CADASTRO PERFIL DESTINOS AMIGOS CARONAR MENSAGEM

31 FLUXOGRAMAS Figura 18 Fluxograma do Software

32 32 Figura 19 Fluxograma do Site

33 CASOS DE USO Figura 20 Caso de Uso do Site

34 34 Figura 21 Caso de Uso do Software

35 LISTA DE REQUISITOS 0.0 Index Figura 22 Lista de Requisitos do Site 1.0 Home (Web Page) 1.1 Acesso Fale Conosco (Botão Link) 1.2 Acesso Nossos Parceiros (Botão Link) 1.3 Acesso Quem somos (Botão Link) 2.0 Fale Conosco (Botão) 2.1 Enviar mensagem (Botão) 2.2 Limpar campos (Botão) 3.0 Nossos Parceiros (Botão) 3.1 Parceiros (Botão Link) 4.0 Quem somos (Botão)

36 Login Figura 23 Lista de Requisitos do Software 1.0 Acesso ao Cadastro (botão link) 2.0 Acesso Perfil 2.1 Acesso Destinos (Botão) 2.2 Acesso Mensagens (Botão) 2.3 Acesso Notificações (Botão) 3.0 Destinos 3.1 Selecionar Destinos 3.2 Selecionar Procura 3.3 Próximo (Botão) Ver Caronas Continuar (Botão) Ver perfil do Usuário Selecionar Dias Disponíveis Enviar Notificação 4.0 Mensagens 4.1 Caixa de entrada 4.2 Selecionar Mensagem (Botão) 4.2 Excluir Mensagem (Botão) 4.3 Responder Mensagem (Botão) Criar Mensagem Preencher campos Enviar Mensagem (Botão) 5.0 Notificações 5.1 Selecionar Notificação (Botão)

37 Ver Notificações Aceitar Notificações (botão) 6.1 Selecionar Usuário (Botão)

38 FERRAMENTAS DE DESENVOLVIMENTO Design Visual: Gimp Ele possui os recursos para criação ou edição de imagens e fotografias. Seus usos incluem criar gráficos, logotipos, redimensionar e cortar fotos, alterar cores, combinar imagens utilizando camadas e converter arquivos entre diferentes formatos de imagem digital Microsoft Office Power Point Um programa onde é possível a criação e edição de documentos em slides. É também uma plataforma para trabalho colaborativo e você pode salvar seus arquivos facilmente. O PowerPoint 2013 permite integrar imagens, sons e vídeos e converter arquivos entre diferentes formatos. Programação: Microsoft Visual Studio 2010(Visual Basic.NET) É um pacote de programas da Microsoft para desenvolvimento de software com suporte dedicado às linguagens VisualBasic (VB), C, C++, C# (C Sharp) e J# (J Sharp).

39 Notepad (HTML, CSS e PHP) Ele é um editor de texto e códigos fonte completo que pode suportar varias linguagens de programação. Sendo assim, ele é uma ótima ferramenta, por ser mais avançado e versátil que outros editores de texto. Algumas das linguagem suportadas são: C, C++, Java, C#, XML, HTML, PHP, Javascript, entre outros Wamp É usado para instalar, de forma rápida, nos computador os softwares como PHP 5, MySQL e Apache, disponibilizando suporte que efetuam a instalação automática de vários softwares de forma que facilitem e agilizem a instalação desses softwares. Documentação: Microsoft Office Word 2013 É um editor de textos do pacote Office 2013.O programa é uma das ferramentas mais utilizadas para trabalhar com texto pois ele traz tudo o que é necessário para a criação de textos simples ou edição com imagens, links, gráficos e tabelas, entre outros elementos. Pesquisa: Sites Jornais Questionários com alunos da ETEC Jorge Street.

40 40 8. DESENVOLVIMENTO DO BANCO DE DADOS 8.1 PLANEJAMENTO/DOCUMENTAÇÃO Figura 24 Tabela Usuário TB_USUARIO CAMPO TIPO TAMANHO RESTRIÇÃO MASCARA DEPENDENCIA ID_USUARIO NUMERO PK NOME_USUARIO TEXTO 100 NOT NULL SOBRENOME_USUARIO TEXTO 80 NOT NULL DATANASC_USUARIO DATA/HORA NOT NULL 00/00/0000 CELULAR_USUARIO TEXTO 9 NOT NULL CPF_USUARIO TEXTO 11 NOT NULL RG_USUARIO TEXTO 9 NOT NULL RUA_USUARIO TEXTO 80 NOT NULL NUMERO_RUA_USUARIO TEXTO 5 NOT NULL BAIRRO_USUARIO TEXTO 80 NOT NULL _USUARIO TEXTO 25 NOT NULL SENHA_USUARIO TEXTO 7 NOT NULL ******** PLACACARRO_USUARIO TEXTO 6 NOT NULL AAA-000 RM TEXTO 10 NOT NULL FOTO_USUARIO ANEXO MEDIA_USUARIO TEXTO 10

41 41 Figura 25 Tabela Perfil TB_PERFIL CAMPO TIPO TAMANHO RESTRIÇÃO MASCARA DEPENDENCIA ID_PERFIL NUMERAÇÃO AUTOMATICA PK PONTO_INICIAL_PERFIL TEXTO 200 NOT NULL PONTO_FINAL_PERFIL TEXTO 200 NOT NULL SEGUNDA TEXTO 1 TERÇA TEXTO 1 QUARTA TEXTO 1 QUINTA TEXTO 1 SEXTA TEXTO 1 SABADO TEXTO 1 DOMINGO TEXTO 1 HORARIO1 TEXTO NOT NULL 00:00:00 HORARIO2 TEXTO NOT NULL 00:00:00

42 42 Figura 26 Tabela Carona TB_CARONA CAMPO TIPO TAMANHO RESTRIÇÂO MASCARA DEPENDENCIA ID_CODCARONA NUMERAÇÃO AUTOMATICA PONTO_INICIAL TEXTO 255 NOT NULL PONTO_FINAL TEXTO 255 NOT NULL ID_USUARIO NUMERO PK NOTA_CARONA TEXTO 10 NOT NULL Figura 27 Tabela Mensagem TB_MENSAGEM CAMPO TIPO TAMANHO RESTRIÇÃO MASCARA DEPENDENCIA ID_MENSAGEM ID_REMETENTE NUMERAÇÃO AUTOMATICA NUMERO PK NOME_REMETENTE TEXTO 100 NOT NULL SOBRENOME_REMETENTE TEXTO 100 _REMETENTE _DESTINATÁRIO TEXTO TEXTO NOME_DESTINATÁRIO TEXTO NOT NULL ASSUNTO_MENSAGEM TEXTO 50 MENSAGEM TEXTO 500

43 43 Figura 28 Tabela Notificação TB_NOTIFICACAO CAMPO TIPO TAMANHO RESTRIÇÃO MASCARA DEPENDENCIA ID_COD_NOTIFICACAO NUMERAÇÃO AUTOMATICA PK DESTINATARIO_NOTIFICACAO TEXTO NOT NULL REMETENTE_NOTIFICACAO TEXTO NOT NULL ID_REMETENTE_NOTIFICACAO TEXTO NOT NULL ENDERECO_NOTIFICACAO TEXTO NOT NULL

44 44 Figura 29 Relações entre as tabelas

45 45 9.CRONOGRAMA Figura 30 Cronograma

46 METODOLOGIA Através de pesquisas de campo, efetuadas durante todo o último semestre com os alunos da Etec Jorge Street que consistiu em um questionário contendo três questões fundamentais relacionadas ao nosso projeto e sua possível utilidade no ambiente escolar, conseguimos obter resultados positivos, sendo assim, nosso projeto foi bem aceito e com isto, dividimos as funções de acordo com as habilidades de cada integrante e começamos o desenvolvimento do software. Por meio de sites e livros, tivemos um acesso mais amplo e completo das informações que iríamos abordar. Figura 31 Gráfico

47 CONCLUSÃO Tendo em vista os aspectos observados nesse projeto, podemos concluir que nossa proposta foi alcançada, já que, nosso maior objetivo foi atingido: trabalhar em um sistema de caronas para nossa escola ETEC Jorge Street. No inicio da ideia do projeto Caronar, todos os integrantes do grupo deram a sugestão na criação do aplicativo, pois cada um já tinha passado por experiências onde puderam presenciar a eficiência de dar ou receber caronas á aqueles que frequentavam os mesmos ambientes. Nossa proposta inicial seria de um aplicativo disponível tanto para os computadores da escola como para celulares visando facilitar o acesso ao sistema, porém, infelizmente ocorreram alguns imprevistos que soubemos lidar, pois pensamos em continuar e adaptar cada vez mais o nosso projeto para ter um melhor desenvolvimento e utilidade. Logo após a decisão e a divisão de atividade, foi empregado ao sistema a programação e a documentação do projeto. Durante todo o período do curso, adquirimos conhecimentos que utilizaremos em nossos cotidianos, aprimoramos o nosso trabalho em equipe, aprendendo uma boa dinâmica e organização, que são essenciais para a entrada no mercado de trabalho.

48 48 REFERENCIAS G1.GLOBO. (15 de Fevereiro de 2014). G1 SÃO PAULO, disponível em G1: < Acesso em 1 de Abril de 2015 Marques, P. C. (2010). Programação em Visual Basic FCA - Editora de Informática. Soares, B. A. (2007). Aprendendo a Desenvolver em VB.Net. Ciência Moderna. Milani, A. (2010). Construindo Aplicações Web com PHP e MySQL. Novatec.