CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA

Transcrição

1 1 CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA SITE - ASSOCIAÇÃO DO CÂNCER DR. FUADE HADDAD BRUNA APARECIDA DE SOUZA LEMOS THIAGO BRESSANIN THIAGO DE OLIVEIRA MARTINS VITOR FADEL TIROLLI PALMITAL 2012

2 2 BRUNA APARECIDA DE SOUZA LEMOS THIAGO BRESSANIN THIAGO DE OLIVEIRA MARTINS VITOR FADEL TIROLLI SITE - ASSOCIAÇÃO DO CÂNCER DR. FUADE HADDAD Trabalho de conclusão de curso apresentado à ETEC prof. Mário Antônio Verza, como parte dos requisitos necessários para a obtenção do título de Técnico em Informática. Orientadora: Prof. Lisandra Costa Pereira Kirnew PALMITAL 2012

3 3 CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA BRUNA APARECIDA DE SOUZA LEMOS THIAGO BRESSANIN THIAGO DE OLIVEIRA MARTINS VITOR FADEL TIROLLI SITE - ASSOCIAÇÃO DO CÂNCER DR. FUADE HADDAD APROVADO EM 21/06/2012 BANCA EXAMINADORA: LISANDRA COSTA PEREIRA KIRNEW ORIENTADORA TATIANA VALÉRIO MONTEIRO EXAMINADORA LUCIANA MICHELE VENTURA EXAMINADORA

4 Dedicamos este trabalho à Deus pelo esplendor da vida, presente em todas as atividades; Aos amigos pelo incentivo; Aos nossos pais pelo apoio, compreensão, carinho e paciência durante todo este curso, principalmente nos momentos de dificuldades. 4

5 5 AGRADECIMENTOS Agradecemos às manifestações de carinho e apreço, recebidas de todos os colegas da ETEC Prof. Mário Antônio Verza, os quais foram nossa maior fonte de luz inspiradora e de apoio para o sucesso deste trabalho. Nosso muito obrigado também a nossa orientadora, o professora Lisandra Costa Pereira Kirnew pelo auxílio seguro e oportuno durante todo o processo de orientação deste trabalho, pois aliado à sua experiência profissional e intelectual, todas as dicas e instruções foram imprescindíveis para o desenvolvimento e conclusão deste trabalho. Também agradecemos aos nossos familiares por nos terem apoiado. Enfim, a todos, o nosso grande muito obrigado!

6 Para vencer na vida, é necessário tudo fazer com entusiasmo. Paul Nyssens 6

7 7 BRESSANIN, Thiago; LEMOS, Bruna Aparecida de Souza; MARTINS, Thiago de Oliveira; TIROLLI, Vitor Fadel. O Trabalho de Conclusão de Curso no Ensino Técnico Site Associação do Câncer Dr. Fuade Haddad. Técnico em informática no Centro Estadual de Educação Tecnológica Paula Souza, São Paulo, RESUMO A Associação do Câncer de Palmital, não possui nenhuma forma eficaz de divulgação do seu projeto como a internet. Com a criação de um site, irá facilitar à apresentação desse projeto a população, para que ela consiga contribuir com o mesmo, desde doações financeiras, alimentícias até com um trabalho voluntário. Palavras-chave: Associação, câncer, site, voluntários, ajudar.

8 8 LISTA DE ABREVIATURAS E SIGLAS ABNT Associação Brasileira de Normas Técnicas CSS Cascading Style Sheets HTML Hyper Text Markup Language

9 9 SUMÁRIO 1. INTRODUÇÃO O QUE É UMA ASSOCIAÇÃO? OBJETIVOS E CARACTERÍSTICAS DE UMA ASSOCIAÇÃO SEM FINS LUCRATIVOS COMO CONSTITUIR UMA ASSOCIAÇÃO SEM FINS LUCRATIVOS? DOCUMENTOS REQUERIDOS PELO CARTÓRIO O QUE É A ASSOCIAÇÃO DO CÂNCER DR. FUADE HADDAD? HISTÓRIA OBJETIVOS CARACTERÍSTICAS O QUE É A INTERNET? LINGUAGENS UTILIZADAS PARA O DESENVOLVIMENTO DO SITE HTML CSS FERRAMENTAS DE DESENVOLVIMENTO ADOBE DREAMWEAVER ADOBE PHOTOSHOP CONCLUSÃO REFERENCIAL BIBLIOGRÁFICO APÊNDICES ANEXOS... 20

10 10 1. INTRODUÇÃO O trabalho apresentado a seguir fala sobre a Associação do Câncer Dr. Fuade Haddad, seus objetivos, necessidades e sua história. Atualmente a Associação não possui um método de comunicação com a população, e com o avanço no setor das comunicações, há várias formas de divulgar os acontecimentos mais rapidamente e para um número maior de pessoas, uma dessas tecnologias mais utilizadas é a Internet. Por ser um projeto que vive apenas de doações é muito importante que todos saibam e contribuam com produtos alimentícios, ajuda financeira e trabalhos voluntários. Foi desenvolvido um site que ajude na divulgação de seus trabalhos, aproximando entidade e população, para também obter melhores condições de atender as pessoas através de ajuda de contribuições. Foram realizadas entrevistas com os voluntários da Associação para um levantamento de dados mais precisos.

11 11 2. O QUE É UMA ASSOCIAÇÃO? Com o advento do novo Código Civil de 2002, novo entendimento foi dado à definição de associação. Atualmente, considera-se associação à união de pessoas físicas ou jurídicas que se organizam para fins não econômicos, sendo a associação uma pessoa jurídica de direito privado. 2.1 OBJETIVOS E CARACTERÍSTICAS DE UMA ASSOCIAÇÃO SEM FINS LUCRATIVOS Associação é uma entidade de direito privado, dotada de personalidade jurídica e caracterizada pelo agrupamento de pessoas para a realização e consecução de objetivos e ideais comuns, sem finalidade lucrativa. Uma associação sem fins lucrativos poderá ter diversos objetivos, tais como: Associações de classe ou de representação de categoria profissional ou econômica; Instituições religiosas ou voltadas para a disseminação de credos, cultos, etc.; Entidades de benefício mútuo destinadas a proporcionar bens ou serviços a um círculo restrito de associados; Exemplos de Associações sem fins lucrativos: clubes esportivos; centrais de compras; associações de bairro, moradores, promoção da assistência social; promoção da cultura, patrimônio histórico e artístico; promoção gratuita da saúde e educação; preservação e conservação do meio ambiente; promoção dos direitos humanos, etc. 2.2 COMO CONSTITUIR UMA ASSOCIAÇÃO SEM FINS LUCRATIVOS? Para se criar uma associação sem fins lucrativos é necessário as seguintes etapas listadas abaixo:

12 12 1. Elaboração e discussão do projeto e Estatuto Social; 2. Assembléia Geral de constituição da Associação; 3. Registro do Estatuto e Ata da Assembléia de constituição em Cartório de Registro de Pessoas Jurídicas; 4. Obtenção de inscrição na Receita Federal CNPJ; 5. Inscrição na Secretaria da Fazenda Inscrição Estadual (se vender produtos); 6. Registro da entidade no INSS; 7. Registro na Prefeitura Municipal. 2.3 DOCUMENTOS REQUERIDOS PELO CARTÓRIO 1. requerimento do Presidente da Associação 1 via; 2. estatuto Social 3 vias, sendo 1 original e 2 cópias assinadas ao vivo por Todos os associados e rubricada por advogado com registro na OAB; 3. ata de constituição 3 vias; 4. RG do Presidente.

13 13 3. O QUE É A ASSOCIAÇÃO DO CÂNCER DR. FUADE HADDAD? 3.1 HISTÓRIA A associação se deu inicio com o acompanhamento da Sra. Regina Celia Menocci com seu interesse em saber o que era câncer, pois queria trabalhar com o paciente de câncer e poder ajuda-lo. 3.2 OBJETIVOS necessitadas. Ajudar as pessoas que possuem câncer, entregar doações para pessoas 3.3 CARACTERÍSTICAS Ajudam as pessoas com câncer, levando-os para os hospitais de outras cidades, levando a consultórios, ajudando com doações de mantimentos e outros.

14 14 4. O QUE É A INTERNET? A Internet é uma rede capaz de interligar todos os computadores do mundo. O que faz a Internet tão poderosa assim é um processo da informática que atende pelas siglas TCP/IP (Protocolo de Controle de Transferência/Protocolo Internet). Todos os computadores que entendem essa linguagem são capazes de trocar informações entre si. Assim podem se conectar máquinas de diferentes tipos, sejam eles PC's, Mac's e Unix. A Internet é organizada na forma de uma teia. Se você pretende acessar um computador no Japão, por exemplo, não é necessário fazer um interurbano internacional, basta conectar-se a um computador ligado à Internet em sua cidade. Esse computador local está conectado a uma máquina em outro estado (ou país) e assim por diante, traçando uma rota até chegar ao destino. São máquinas de alta capacidade, com grande poder de processamento e conexões velozes, conhecidas como servidores, controladas por universidades, empresas e órgãos do Governo. Cada computador conectado a Internet possui um endereço exclusivo, o IP, um código numérico que localiza qualquer computador na rede, desta forma sendo possível a troca de informações. Vale também lembrar que a Internet é um meio de comunicação público, semelhante à televisão, podendo trazer aos internautas conhecimentos relacionados à educação, lazer, política, economia e os mais tipos de assuntos variados. É um meio de comunicação mais rápido e eficaz que existe até então.

15 15 5. LINGUAGENS UTILIZADAS PARA O DESENVOLVIMENTO DO SITE 5.1 HTML Conceito sobre HTML segundo Márcia Regina Sawaya, publicado em seu livro Dicionário de Informática & Internet: HTML (Hyper Text Markup Language) Linguagem de Marcação de Hipertexto. Linguagem que permite criar programas que trabalhem com textos e imagens numa mesma tela simultaneamente. Os documentos na Web são organizados com o uso de comandos que são interpretados pelos browsers (navegadores), utilizados para definir a aparência, ou seja, a formatação dos documentos. Estes comandos compõem a linguagem HTML, sendo assim, uma linguagem de marcação. É uma das linguagens mais utilizadas na criação de páginas de Internet atualmente devido a sua facilidade de manipulação, pois é uma das linguagens mais simples desenvolvida até hoje. É composta por hipertextos (hyper texts) que são textos pequenos e rápidos, tornando o acesso do usuário mais veloz na rede de computadores. Outra vantagem da linguagem HTML é que os documentos de seu formato,.htm ou.html, podem ser manipulados em qualquer editor de texto, basicamente podemos codificar em HTML em qualquer computador. 5.2 CSS CSS é a sigla para Cascading Style Sheets, que em português foi traduzido para folhas de estilo em cascata e nada mais é, que um documento onde são definidas regras de formatação ou de estilos, a serem aplicadas aos elementos da marcação de um documento HTML. A grande vantagem do uso de CSS é a de separar a marcação HTML, da apresentação do site. Em outras palavras, vale dizer que o HTML destina-se unicamente a estruturar e marcar o conteúdo, ficando por conta das CSS toda a responsabilidade pelo visual do documento. - Maurício Samy Silva, fragmento de seu livro Construindo Sites.com.

16 16 HTML marca e estrutura textos, cabeçalhos, parágrafos, links, botões, formulários, imagens e demais elementos da página e CSS define cores, posicionamento na tela, estilos de linhas, bordas e tudo o mais relacionado à apresentação. Outras vantagens que as folhas em estilo cascata podem nos oferecer é uma maior rapidez na manutenção e redesign de todo o conteúdo, controle total da apresentação de um site por meio de apenas um único arquivo, redução do tempo de carregamento dos documentos Web e também maior portabilidade.

17 17 6. FERRAMENTAS DE DESENVOLVIMENTO Segundo o Dicionário de Informática & Internet, as ferramentas de desenvolvimento são programas que possibilitam o desenvolvimento de programas aplicativos específicos. A seguir há uma lista das ferramentas de desenvolvimento que serão utilizadas em nosso projeto. 6.1 ADOBE DREAMWEAVER Uma definição objetiva sobre o Adobe Dreamweaver, segundo o site de seu fabricante, O Adobe Dreamweaver é o software de criação e edição líder da Web que fornece recursos em nível visual e de código para criar sites baseados em padrões e designs para desktops, smartphones, tablets e outros dispositivos. É uma ferramenta visual de HTML. Tem funcionalidade de criar tabelas, editar quadros, alternar facilmente da visualização de páginas para visualização HTML, além de criar animações e páginas dinâmicas. 6.2 ADOBE PHOTOSHOP O Adobe Photoshop redefine a imagem digital com ferramentas incríveis para fotografia, seções e muito mais. Use-o com criatividade e acelere a produtividade de aplicativos para dispositivos móveis, definição segundo o site da Adobe, na sessão do Photoshop. O Adobe Photoshop foi desenvolvido para suprir uma necessidade de facilitar a edição e retoques de fotografias e imagens, com poderosos recursos de correção de cores, iluminação, imperfeições; aplicar filtros e máscaras para criar efeitos incríveis, como sombras, desfoque, movimento, distorção, entre outros; combinar e criar múltiplas imagens. Oferece também excelentes recursos de controle tipográfico, como texto vetorial, distorções e efeitos e formatação de parágrafo.

18 18 CONCLUSÃO O meio de comunicação que está se tornando a mais importante ferramenta de divulgação de trabalhos sociais existentes é, atualmente, a Internet. Logo surge a importância de disseminar o conhecimento sobre esta Associação para a Web, a fim de que todos possam descobrir qual a sua função, sua história, analisar seus objetivos e necessidades e até poder participar de seus feitos. Por meio do site criado para a Associação do Câncer Dr. Fuade Haddad pretende-se divulgar maneiras de enviar doações e ajudar com trabalhos voluntários da mesma. Também queremos despertar um interesse do usuário na colaboração de projetos sociais de nossa cidade.

19 19 REFERENCIAL BIBLIOGRÁFICO [1] Conceito sobre internet: e Acessado em: 09 de maio de [2] Conceito sobre Dreamweaver: Acessado em: 09 de maio de [3] Conceito sobre Photoshop: Acessado em: 09 de maio de [4] Conceito sobre Associação do Câncer Dr. Fuade Haddad: Entrevista realizada com a diretora Regina Menocci. Palmital SP. No dia 19 de setembro [5] Conceito sobre Associação: Acessado em: 30 de maio de 2012.

20 20 APÊNDICES APÊNDICE A Imagens relacionadas à Associação do Câncer Dr. Fuade Haddad (Cabeçalho do site) APÊNDICE B Página Inicial (Home)

21 21 APÊNDICE C Página referente aos voluntários APÊNDICE D Página sobre a Associação

22 22 APÊNDICE E Página contendo os eventos da Associação. APÊNDICE F Página de contato, contendo horário de atendimento, telefone e endereço.

23 APÊNDICE G Rodapé do site 23

24 24 ANEXOS ANEXO A Imagens cedidas pela Associação do Câncer Dr. Fuade Haddad. ANEXO B Festa dos voluntários em Jaú e 10 anos da Associação.

25 25

26 ANEXO C Entrega de folhetos sobre câncer no Supermercado Palmital. 26

27 27 ANEXO D Entrega de bolachas na cidade de Jaú. ANEXO E Entrega de folhetos no Dia das Mães no Supermercado Zanetti. ANEXO F Missa do dia mundial do portador do Câncer.

28 28 ANEXO G Sede da Associação do Câncer Dr. Fuade Haddad ANEXO H Alimentos na sede da Associação do Câncer Dr. Fuade Haddad.

29 ANEXO I Documento sobre a Diretoria da Associação do Câncer Dr. Fuade Haddad 29