SISTEMA DE ENSINO PRESENCIAL CONECTADO ANLISE E DESENVOLVIMENTO DE SISTEMAS ANGELINA MARIA WIECHOR POLON

PR-PROJETO

Frederico Westphalen 2012

ANGELINA MARIA WIECHOREK POLON

PR-PROJETO

Projeto de Estgio apresentado Unopar Universidade do Norte do Paran, com requisito parcial para a obteno do titulo de tecnologia em Anlises e Desenvolvimento de Sistemas. Professor Supervisor. Tutor Orientador.

Frederico Westphalen 2012

LISTA DE FIGURAS

Figura 1- Diagrama de caso de uso..................................................16 Figura 2- Diagrama de classe...........................................................18 Figura 3- Prottipo Home Page........................................................19 Figura 4- Prottipo Sobre Ns..........................................................20 Figura 5- Prottipo Contatos.............................................................20 Figura 6- Prottipos Nossas Fotos...................................................21 Figura 7- Prottipos Promoes.......................................................21 Figura 8- Prottipo Cronograma.......................................................22

SUMRIO 1- INTRODUO..............................................................................4 2- JUSTIFICATIVA............................................................................6 3- OBJETIVOS..................................................................................8 3.1- OBJETIVO GERAL.................................................................8 3.2- OBJETIVO ESPECIFICO.......................................................8 4- TECNOLOGIA...............................................................................9 4.1- ADOBE DREAMWEAVER.....................................................9 4.1.1- Verses.............................................................................10 4.2- ADOBE FIREWORKS..........................................................11 5- LEVANTAMENTO DE REQUISITOS.........................................13 5.1- DESCRIES DO SISTEMA PROPOSTO.........................14 6- DIAGRAMA DE CASO DE USO................................................14 7- DIAGRAMA DE CLASSE..........................................................16 8- PROTOTIPAO DAS TELAS.................................................17 9- CRONOGRAMA..........................................................................20 10-CONCLUSO.............................................................................21 11-REFERENCIAS..........................................................................22

1-

INTRODUO

O pr-projeto- TCC tem como objetivo descrever as atividades desenvolvidas no estgio, visando inserir o aluno dentro de uma empresa que j trabalha com analise ou desenvolvimento de sistemas para que o mesmo v se acostumando e conhecendo o dia-a-dia de um analista ou programador. O tema deste estgio foi buscar entender uma outra parte da programao onde tambm de extrema importncia. A programao Web tem uma ampla e bem desenvolvida quantidade de ferramentas para auxiliar as pessoas no desenvolvimento de sites seja eles pessoais ou para empresas de pequeno, mdio e grande porte. O estgio ajuda tambm o aluno a decidir em qual rea da programao ele se adapta melhor ou gosta mais, para que co isto busque um aperfeioamento constante dentro da rea escolhida, porque quanto mais atualizado mais chances tem de crescer dentro da rea de atuao escolhida e consequentemente mais mercado de trabalho ter. As atividades desenvolvidas tiveram como meta pesquisar ferramentas para o desenvolvimento de sites e tambm como deixa-lo seguro, utilizando alguns conhecimentos adquiridos no decorrer do curso. A empresa escolhida para a realizao do estgio um supermercado, onde busca cada vez mais trazer comodidade e bom atendimento para os seus clientes. O assunto escolhido para o desenvolvimento do estgio aps inmeras conversas foi decidido que seria bom o supermercado ter um site, onde a empresa j vem a algum tempo querendo ter um, mas por medo que o mesmo no tenha segurana e com isso acabe prejudicando a integridade da empresa, eles acabavam sempre desistindo. Como isso me propus a desenvolver este site, onde fiz farias pesquisas sobre ferramentas para o desenvolvimento do mesmo, mas o mais importante, sobre como ter um site bom e seguro.

O estagio foi muito bom s pesquisas deram timos resultados a empresa gostou bastante e j se sente um pouco mais segura. Com certeza o site ir ajuda-los muito.

2-

JUSTIFICATIVA

Neste estgio percebi a importncia do mesmo para que o aluno consiga por em pratica o que aprendeu e consequentemente no decorrer do mesmo as duvidas iro surgir, desta forma que os conhecimentos sero aperfeioados, porque vamos buscar sanar nossas duvidas e tambm buscar novos contedos para nos atualizarmos, pois, est rea esta sempre evoluindo e cada vez mais surgem profissionais bons e outros no to bons que tornam cada vez mais competitiva e quem no crescer junto acaba sendo derrubado. O estgio faz com que o aluno coloque em pratica todo o conhecimento adquirido no decorrer do curso fazendo com que o aluno busque, pesquise e treine, adquira novos conhecimentos que iro enriquecer cada vez mais o seu aprendizado e com isso tornando- se um timo profissional onde empresas disputem para telo como funcionrio. Os acadmicos devem dar muito valor para o estagio, pois, a partir dele que as empresas vo conhecer o seu trabalho e quem sabe mais tarde est mesma empresa te contrate para que voc faa parte do seu quadro de funcionrios.

3-

OBJETIVOS

3.1- GERAL

O estagio tem como objetivo inserir o aluno no meio profissional onde mais tarde Le pretende atuar. o momento onde o aluno pode analisar a realidade em que esta pretendendo viver, onde quem comanda a tecnologia. onde o aluno vai mostrar se est realmente preparado para depois de formar-se seguir em frente. Na empresa algumas dificuldades foram encontradas no decorrer do estgio, onde a empresa estava trocando todo o seu sistema de vendas, parte contbil e financeira, onde o objetivo do estagio foi pesquisar ferramentas necessrias para o desenvolvimento da tarefa proposta, onde o projeto proposto alem de ser bonito tem que ser muito seguro, para evitar que pessoas mal intencionadas possam tentar tirar o site do ar ou prejudicar a integridade da empresa.

3.2- ESPECFICO

Depois de muitas conversas com a gerente e os proprietrios do supermercado, foram levantados os seguintes objetivos do estagio: realizao do projeto. Pesquisar ferramentas para o desenvolvimento da atividade proposta, tendo em vista a segurana como o principal objetivo. Fazer um site para melhor atender seus amigos, clientes e colaboradores. Recolher informaes da empresa necessrias para a

Fazer com que o estagirio coloque em pratica alguns conhecimentos adquiridos em sala.

4-

TECNOLOGIA

10

4.1- ADOBE DREAMWEAVER:

Dreamweaver um software de desenvolvimento voltado para a Web, foi criado pela Macromedia e vendido para a Adobe Systems. Em suas verses anteriores contava com um simples editor HTML. Atualmente em seus recentes lanamentos conta com um suporte para varias tecnologias como: XHTML, CSS, JAVA Script, AJAZ, PHP, ASP, ASP.NET e JSP Coldfusion. O Dreamweaver torma possvel que pessoas que no tem conhecimento nenhum em programao, HTML, PHP, entre outras, criem facilmente pginas, sites e at mesmo aplicaes para web. Alguns desenvolvedores criticam este modo de funo do Dreamweaver por produzir cdigos sujos, muito maiores do que o necessrio, o que pode levar a erros de visualizao em pginas HTML e erros de segurana em aplicaes web. No entanto, este tipo de erro no se d a ferramenta, e sim ao profissional que est usando a ferramenta, pois tem em seu pacote a opo de editar os codigos tornando possivel fazer qualquer alterao se necessaria. O Dreamweaver permite selecionar a maioria dos navegadores, para se ter uma preview da pgina diretamente no navegador escolhido como destino. O software possui tambm timas ferramentas de gerenciamento e transferncia de arquivos , possui tambem a habilidade de encontrar e substituir, no projeto inteiro, linhas de texto ou cdigo atravs de parmetros especificados. Um aspecto muito importante e bastante reconhecido no Dreamweaver sua arquitetura expansvel onde qualquer desenvolvedor web com ou sem experiencia pode escrever um codigo HTML, PHP entre outros que ele disponibiliza, qualquer um pode baixar e instalar pois muito facil, o que proporciona funcionalidade adicional ao software. O Dreamweaver conta com uma ampla comunidade de desenvolvedores que torna disponveis extenses, comerciais ou grtis, para a maioria das tarefas de desenvolvimento web. Desde o final dos anos 90, o Dreamweaver vem tendo um sucesso crescente e hoje domina cerca de 80% do mercado de editores HTML. Existem verses tanto para MAC OS quanto para WINDOWS e LINUX.

11

4.1.1- Verses:

Dreamweaver Mx, a Macromedia incorporou ferramentas de criao de contedo dinmico ao Dreamweaver. No esprito das ferramentas HTML WYSIWYG, permite que usurios se conectem facilmente a bancos de dados, como MYSQK e Microsoft Access, para filtrar e mostrar contedo usando tecnologias de script como PHP, Cold Fusion, Asp e Asp.net, sem qualquer experincia em programao. Foi a ultima verso do Dreamweaver com traduo para o Portugus. Dreamweaver 8, Ultima verso do Dreamweaver sob gesto da Macromedia, trouxe implementaes e melhorias nas funes j utilizadas na verso MX e correes de bugs em comportamentos de servidores. Sua principal novidade foi o surgimento da extenso Ajax ToolBox desenvolvida pela InterAKT trazendo a ferramenta suporte a alguns conceitos bsicos de Ajax. Dreamweaver CS3, lanado em 16 de abril de 2007. Na verso CS3 o destaque a capacidade de gerar pginas em Ajax. Para isso utilizado o Spry, framework para desenvolvimento de Ajax criado e mantido pela prpria Adobe. Utilizando o Spry, possvel criar menus de navegao dinmicos, componentes para validao de formulrio como mudar a cor dos campos, mostrar quantos caracters foram digitados ou quantos faltam para o limite. Tudo feito visualmente, sem a necessidade de lidar diretamente com cdigo. Passando assim a ser preferncia desde simples usuarios da internet que desejam ter sua Home Page ate a experientes programadores de web sites. Outras novidade da nova verso so avanos nas reas de CSS e checagem de browser. A ferramenta de verificao de browsers ficou mais poderosa e indica com preciso possveis problemas de compatibilidade entre navegadores. Na rea de CSS, o programa traz uma boa quantidade de modelos para layout baseados em estilo alem de que se por acaso o desenvolvedor erre o codigo do css , ele exibe um 'alerta' com um link para o site da adobe mostrando o erro ou a inexistendia do cdigo inserido e a possivel soluo para o browser checado.

12

Dreamweaver CS4, lanado em 23 de setembro de 2008. Vm com grandes transformaes em seu ambiente de software, adequando-se as aparncias mais recentes de seus sistemas operacionais e organizando melhor seu layout para que diferentes tipos de profissionais possam ter facilidade em trabalhar com suas ferramentas. No entanto as principais novidades dessa verso no vieram no seu pacote default e sim nas extenses dela, que agora com novas metologias permitiram que fosse desenvolvidas extenses para integrao com frameworks consagrados. Dreamweaver CS5 com duas verses, CS5 lanado em 12 de abril de 2010 e CS5. 5 lanado em 12 de abril de 2011. Dreamweaver CS6, o mais novo e recente lanamento da Adobe, lanado em 23 de abril de 2012, e escrito em C++. Fornece uma interface visual intuitiva para criar e editar sites e aplicativos mveis. Para criar pginas, use o layout de grade fluida desenvolvido para oferecer compatibilidade com vrias plataformas.

4.2- ADOBE FIREWORKS:

O Fireworks um editor de imagens desenvolvido pela Macromedia e vendido para a Adobe em 2005. Suas funcionalidades focam a publicao grfica na Internet, com suporte a GIF animado, PNG,JPG e imagens fatiadas. O objetivo da Adobe foi em criar um conjunto mais poderoso de solues para a criao, gerenciamento e entrega de contedo e experincias atraentes em mltiplos sistemas operacionais, dispositivos e mdias, voltados para a programao Web. O CS5 a mais recente criao da adobe. Ele serve para rpidos prottipos de websites, aplicao de interfaces, entre outros. Tem uma interface simples e facil de manusear, com muita variedade de fontes e estilos.

13

5- LEVANTAMENTO DE REQUISITOS

5.1- DESCRIES DO SISTEMA PROPOSTO

14

O site ser desenvolvido com o intuito de divulgar a empresa, seus produtos e servios. Um site um carto de visitas para a empresa, onde uma forma moderna, dinmica e tem custos baixos em relao divulgao em rdios, jornais, revistas, etc. Para a realizao do site esto sendo usadas ferramentas boas e que so de fcil utilizao, como por exemplo, o Adobe Fireworks que uma ferramenta que ser usada para fazer toda a parte do designe do site, fcil de trabalhar e de fazer alteraes quando necessrias. Outra ferramenta que ser usada o Adobe Dreamweaver, que vai ser a ferramenta onde todo o designe feito no Fireworks vai ser importado para o Dreamweaver que vai montar toda pagina, definir os links, entre outras funcionalidades que vo ser definidas. Esta ferramenta tambm vai ser usada para fazer toda a parte do banco de dados do site, pois ela tem isto em seu pacote. O site vai ser bem dinmico e fcil de utilizar pelos clientes, pois, no adianta ele ser bem bonito e cheio de frescuras se no tiver utilidade nenhuma para os clientes, que so o publico alvo disto, ou seja, no adianta fazer um designe de ai clica aqui, ai clica ai se o que o cliente realmente quer no vai ter. Para desenvolver este site tambm esta sendo feita uma pesquisa com os clientes e amigos do que seria interessante em conter neste site, ou seja, o que seria importante e til, o que iria facilitar realmente a vida das pessoas. Esta pesquisa ser de grande importncia, pois aonde sero decididos alguns dos componentes do site, como por exemplo se ser colocado um frum aonde os clientes vo deixar sugestes e reclamaes, eu mais tarde sero avaliadas e mudadas para um melhor atendimento.

6- DIAGRAMA DE CASO DE USO

15

Figura 1 (Diagrama Caso De Uso) O supermercado entrou em contato com um web designer para que ele fizesse um projeto para a montagem de um site, onde nesse projeto tenha os custos e alguns prottipos da pagina. Depois do projeto pronto a empresa pediu que o web designer fizesse a pagina e conforme fossem surgindo mudanas e novas ideias ele teria que as fazer. Este site deve conter os seguintes requisitos: Em primeiro e mais importante o site deve ter muita segurana nas informaes nele contidas. Deve ter uma pagina aonde o cliente tenha acesso a seus telefones e e-mails quando necessitar. Fotos dos eventos realizados no supermercado, como por exemplo feira de salgados, sorteio de prmios, entre outros. A historia da empresa para que os clientes conheam com tudo comeou. uma pagina das promoes semanais que o mercado realiza.

16

7- DIAGRAMA DE CLASSE

17

Figura 2 (Diagrama Classe)

8- PROTOTIPAO DAS TELAS

18

Figura 3 (Home Page)

19

Figura 4 (A Empresa)

Figura 5 (contatos)

20

Figura 6 (Fotos)

Figura 7 (Promoes) 9- CRONOGRAMA

Figura 8 (Organograma)

21

10-CONCLUSO

Este trabalho fez com que a gente colocasse em pratica tudo o que foi aprendido em aula. O estagio uma forma de a gente ver as nossas dificuldades e aprender com elas, fazer pesquisas para aprender novos contedos relacionados na nossa rea. O pr-projeto ajuda a ir nos preparando para o TCC, onde, vamos mostrar um pouco do que foi aprendido e trabalhado na parte pratica no decorrer do curso. Este trabalho foi feito em cima de novas ferramentas que foram cuidadosamente pesquisados e escolhidas para que o projeto saia dentro do cronograma e conforme o que foi conversado com a empresa, onde estas ferramentas so novas para mim, mas no so difceis de trabalhar, iro ajudar muito no decorrer do projeto e depois para a realizao do TCC.

22

11-REFERENCIAS

http://pt.wikipedia.org/wiki/Adobe_Dreamweaver http://pt.wikipedia.org/wiki/Adobe_Fireworks