Projeto Integrado Area TI - Diretrizes e Orientacoes

PROJETO INTEGRADO CURSOS DA ÁREA DE TI PROJETO INTEGRADO PROJETO INTEGRADO Prezado aluno Seja bemvindo a este semestre A proposta de Projeto Integrado é possibilitar a aprendizagem interdisciplinar dos conteúdos desenvolvidos nas disciplinas desse semestre ORIENTAÇÕES DO PROJETO INTEGRADO 1 O trabalho será realizado individualmente 2 Importante Você deverá postar o trabalho finalizado no AVA o que deverá ser feito na pasta específica da disciplina Projeto Integrado obedecendo ao prazo limite de postagem conforme disposto no AVA Não existe prorrogação para a postagem da atividade 3 Deve conter depois de pronto capa e folha de rosto padrão da Instituição sendo organizado no que tange à sua apresentação visual tipos e tamanhos de fontes alinhamento do texto espaçamentos adentramento de parágrafos apresentação correta de citações e referências entre outros elementos importantes conforme modelo disponível no AVA 4 A produção textual é um trabalho original e portanto não poderá haver trabalhos idênticos aos de outros alunos ou com reprodução de materiais extraídos da internet Os trabalhos plagiados serão invalidados sendo os alunos reprovados na atividade Lembrese de que a prática do plágio constitui crime com pena prevista em lei Lei nº 9610 e deve ser evitada no âmbito acadêmico 5 Importante O trabalho deve ser enviado em formato Word Não serão aceitos sob nenhuma hipótese trabalhos enviados em PDF A seguir apresentamos a você alguns dos critérios avaliativos que nortearão a análise do Tutor a Distância para atribuir o conceito à produção textual Normalização correta do trabalho com atendimento ao número de páginas solicitadas Apresentação de estrutura condizente com a proposta apresentada com introdução desenvolvimento e conclusão Uso de linguagem acadêmica adequada com clareza e correção atendendo à norma padrão Atendimento à proposta contemplando todos os itens solicitados com objetividade criatividade originalidade e autenticidade Fundamentação teórica do trabalho com as devidas referências dos autores eventualmente citados Lembrese de que seu Tutor a Distância está à disposição para lhe atender em suas dúvidas e também para repassar orientações sempre que você precisar Aproveite esta oportunidade para realizar um trabalho com a qualidade acadêmica de nível universitário PROJETO INTEGRADO 2 Leitura proposta Para atingir os objetivos deste projeto integrado você deverá seguir as instruções voltadas à elaboração do trabalho disponibilizadas ao longo do semestre sob a orientação do Tutor a Distância ATIVIDADES Tarefa 1 A UML Linguagem de Modelagem Unificada é uma linguagempadrão para a elaboração da estrutura de projetos de software Ela pode ser empregada para a visualização a especificação a construção e a documentação de artefatos que façam uso de sistemas complexos de software A UML possui diagramas estruturais e comportamentais Sobre esse assunto responda às questões a seguir Descreva a diferença entre os diagramas estruturais e comportamentais Escolha um diagrama comportamental e um diagrama estrutural e descreva as suas principais características e em qual momento do projeto eles se encaixam Tarefa 2 Para o design de interfaces devemos nos preocupar com diversos aspectos Imagine que você desenvolverá a página inicial do site de um programa para o Ministério da Educação Ele poderá ser acessado tanto na web quanto nos dispositivos móveis Esse programa fará o mapeamento de faculdades com cursos de tecnologia que existem no Brasil Alguns itens importantes e necessários nessa interface a Login e senha b Cadastro c Uma parte visual onde será colocado o mapa do Brasil e teremos o mapeamento de quantas faculdades temos no estado quais as cidades que as oferecem e se entrarmos na cidade poderemos ver quais são as faculdades naquele município PROJETO INTEGRADO Faça uma pesquisa e descreva como você fará a Como você desenhará essa página inicial b Que técnicas poderemos trabalhar para desenvolver essa página e c Quais os aspectos importantes da criação dessa página como usabilidade entre outros d Lembrando que deveremos desenvolver um protótipo dessa tela como faremos isso Tarefa 3 Leia o fragmento interprete o código Python em questão e assinale alternativa correta 1 def removeself valor 2 if selfheaddata valor 3 selfhead selfheadnextItem 4 else 5 before None 6 navegar selfhead 7 while navegar and navegardata valor 8 before navegar 9 navegar navegarnextItem 10 if navegar 11 beforenextItem navegarnextItem 12 else 13 beforenextItem None a Descreva como o método recebe o valor b Não sendo o método como será a busca Lembrese do head c Quais alterações ocorrerá na lista PROJETO INTEGRADO Tarefa 4 1 Instanciação é um processo muito comum na programação orientada a objetos Isso porque de certa forma instanciar é o mesmo que realizar uma cópia de algo Dessa forma analise o código a seguir identifique as linhas tracejadas 3 e 9 e escreva o código que falta para que ele funcione perfeitamente Uma dica a classe que você utilizará nesse código se chama User e o método que você precisará para conexão com banco de dados se chama conectar 1 php 2 requireonce usuariosphp 3 4 if issetPOSTusuario 5 user addslashesPOSTusuario 6 passwd addslashesPOSTsenha 7 8 if emptyusuario emptysenha 9 unomeDB localhost user password 10 if umsgErro 11 if ulogaruser passwd 12 echo Credenciais incorretas 13 14 else 15 echo Erro umsgErro 16 17 else 18 echo Preencha todos os campos obrigatórios 19 20 21 PROJETO INTEGRADO Tarefa 5 Qual a diferença entre Bancos de dados relacionais e não relacionais Cite as principais características e diferenças entre cada um deles Tarefa 1 Os diagramas estruturais da UML são usados para descrever a estrutura estática de um sistema de software incluindo a organização dos seus componentes como classes objetos interfaces e seus relacionamentos Esses diagramas representam a estrutura estática do sistema e são úteis para entender como os componentes do sistema se relacionam entre si Um exemplo de diagrama estrutural é o diagrama de classes Este diagrama representa a estrutura estática do sistema mostrando as classes que compõem o sistema seus atributos e métodos bem como as relações entre as classes Esse diagrama é útil para entender a estrutura do sistema e como seus componentes se relacionam entre si Por outro lado os diagramas comportamentais da UML são usados para descrever o comportamento dinâmico do sistema incluindo como os objetos interagem entre si para produzir um resultado Esses diagramas mostram a forma como os componentes do sistema interagem e são úteis para entender como o sistema se comporta em resposta a eventos ou ações específicas Um exemplo de diagrama comportamental é o diagrama de sequência Este diagrama descreve a interação entre objetos em um sistema mostrando como as mensagens são enviadas e recebidas entre os objetos em uma sequência cronológica Esse diagrama é útil para entender como o sistema se comporta em resposta a um determinado evento ou sequência de eventos Tarefa 2 a Para desenhar a página inicial do site do programa de mapeamento de faculdades com cursos de tecnologia podemos seguir uma abordagem minimalista e simples com o principal foco na clareza e facilidade de uso Podemos começar com um cabeçalho com uma navbar contendo o logotipo do Ministério da Educação e links para outras páginas importantes do site como a página de contato ou a página de ajuda e também no canto uma área que fica diferente caso o usuário esteja logado uma área que ele consiga acessar seu perfil Em seguida podemos adicionar um formulário de login e senha com botões claros para a submissão de informações Abaixo do formulário podemos colocar um botão para cadastro de novos usuários Na parte visual podemos incluir um mapa do Brasil interativo onde os usuários possam navegar e ver informações sobre as faculdades com cursos de tecnologia em diferentes estados e cidades além de um campo de busca por nome de faculdade e filtros por região estado e município b Para o desenvolvimento da página inicial podemos usar técnicas de design responsivo para garantir que a página seja otimizada para diferentes tamanhos de tela e dispositivos Também podemos usar técnicas de UX design como a criação de personas e cenários de uso para entender as necessidades e expectativas dos usuários e a realização de testes de usabilidade para validar a eficácia da interface c Alguns dos aspectos importantes a serem considerados no design da página inicial incluem a facilidade de uso e navegação a legibilidade do conteúdo a acessibilidade e a usabilidade em dispositivos móveis Também é importante garantir que a página seja intuitiva e fácil de usar e que as informações mais importantes sejam apresentadas de forma clara e concisa Além disso devese considerar a necessidade de fornecer feedback claro para o usuário em cada etapa do processo para que ele saiba o que está acontecendo em tempo real d Para criar um protótipo da tela inicial podemos usar ferramentas como o Figma Essa ferramenta permite a criação de protótipos interativos onde os usuários possam navegar e testar a interface em diferentes dispositivos Também podese criar protótipos de papel ou de baixa fidelidade para testar o layout e o fluxo de navegação antes de investir em um protótipo mais sofisticado Tarefa 3 a O método remove recebe um parâmetro valor que representa o valor a ser removido da lista encadeada b A busca na lista encadeada começa pela cabeça da lista ou seja o primeiro nó A partir daí o método navega pela lista até encontrar o nó que contém o valor a ser removido ou até chegar ao final da lista c Caso o valor que é recebido como parâmetro existir na lista ele é removido ou seja as alterações que serão feitas na lista devem ser a remoção de um nó específico Tarefa 4 1 php 2 requireonce usuariosphp 3 u new User 4 if issetPOSTusuario 5 user addslashesPOSTusuario 6 passwd addslashesPOSTsenha 7 8 if emptyusuario emptysenha 9 uconectarnomeDB localhost user password 10 if umsgErro 11 if ulogaruser passwd 12 echo Credenciais incorretas 13 14 else 15 echo Erro umsgErro 16 17 else 18 echo Preencha todos os campos obrigatórios 19 20 21 Tarefa 5 Os bancos de dados relacionais e não relacionais são diferentes em termos de estrutura modelo de dados e forma de armazenamento de informações O banco de dados relacionais utiliza o modelo de dados relacional que consiste em organizar os dados em tabelas com colunas e linhas utilizando a linguagem SQL Structured Query Language para manipulação e recuperação dos dados também possui esquemas rígidos e definidos previamente é mais indicado para aplicações que precisam de alta consistência e integridade dos dados como sistemas de gestão de negócios Pode utilizar chaves primárias e estrangeiras para estabelecer relacionamentos entre as tabelas e garantir a integridade referencial possui ACID Atomicidade Consistência Isolamento e Durabilidade que garante que as operações são atômicas consistentes isoladas e duráveis Por outro lado os bancos de dados não relacionais utilizam de distintos modelos de dados como o modelo de documentos o modelo chavevalor e também o modelo de grafo Não utiliza a linguagem SQL mas sim linguagens próprias para manipulação e recuperação de dados ele possui esquemas flexíveis e não definidos previamente permitindo a adição de novos campos sem a necessidade de modificar a estrutura do banco de dados É melhor indicado para aplicações que precisam de alta escalabilidade como aplicações web e mobile com grandes volumes de dados Não possui relacionamentos entre as entidades mas sim referências e agregações possui BASE Basically Available Soft State Eventually Consistent que garante que as operações são basicamente disponíveis com estado suave e eventualmente consistentes Tarefa 1 Os diagramas estruturais da UML são usados para descrever a estrutura estática de um sistema de software incluindo a organização dos seus componentes como classes objetos interfaces e seus relacionamentos Esses diagramas representam a estrutura estática do sistema e são úteis para entender como os componentes do sistema se relacionam entre si Um exemplo de diagrama estrutural é o diagrama de classes Este diagrama representa a estrutura estática do sistema mostrando as classes que compõem o sistema seus atributos e métodos bem como as relações entre as classes Esse diagrama é útil para entender a estrutura do sistema e como seus componentes se relacionam entre si Por outro lado os diagramas comportamentais da UML são usados para descrever o comportamento dinâmico do sistema incluindo como os objetos interagem entre si para produzir um resultado Esses diagramas mostram a forma como os componentes do sistema interagem e são úteis para entender como o sistema se comporta em resposta a eventos ou ações específicas Um exemplo de diagrama comportamental é o diagrama de sequência Este diagrama descreve a interação entre objetos em um sistema mostrando como as mensagens são enviadas e recebidas entre os objetos em uma sequência cronológica Esse diagrama é útil para entender como o sistema se comporta em resposta a um determinado evento ou sequência de eventos Tarefa 2 a Para desenhar a página inicial do site do programa de mapeamento de faculdades com cursos de tecnologia podemos seguir uma abordagem minimalista e simples com o principal foco na clareza e facilidade de uso Podemos começar com um cabeçalho com uma navbar contendo o logotipo do Ministério da Educação e links para outras páginas importantes do site como a página de contato ou a página de ajuda e também no canto uma área que fica diferente caso o usuário esteja logado uma área que ele consiga acessar seu perfil Em seguida podemos adicionar um formulário de login e senha com botões claros para a submissão de informações Abaixo do formulário podemos colocar um botão para cadastro de novos usuários Na parte visual podemos incluir um mapa do Brasil interativo onde os usuários possam navegar e ver informações sobre as faculdades com cursos de tecnologia em diferentes estados e cidades além de um campo de busca por nome de faculdade e filtros por região estado e município b Para o desenvolvimento da página inicial podemos usar técnicas de design responsivo para garantir que a página seja otimizada para diferentes tamanhos de tela e dispositivos Também podemos usar técnicas de UX design como a criação de personas e cenários de uso para entender as necessidades e expectativas dos usuários e a realização de testes de usabilidade para validar a eficácia da interface c Alguns dos aspectos importantes a serem considerados no design da página inicial incluem a facilidade de uso e navegação a legibilidade do conteúdo a acessibilidade e a usabilidade em dispositivos móveis Também é importante garantir que a página seja intuitiva e fácil de usar e que as informações mais importantes sejam apresentadas de forma clara e concisa Além disso devese considerar a necessidade de fornecer feedback claro para o usuário em cada etapa do processo para que ele saiba o que está acontecendo em tempo real d Para criar um protótipo da tela inicial podemos usar ferramentas como o Figma Essa ferramenta permite a criação de protótipos interativos onde os usuários possam navegar e testar a interface em diferentes dispositivos Também podese criar protótipos de papel ou de baixa fidelidade para testar o layout e o fluxo de navegação antes de investir em um protótipo mais sofisticado Tarefa 3 a O método remove recebe um parâmetro valor que representa o valor a ser removido da lista encadeada b A busca na lista encadeada começa pela cabeça da lista ou seja o primeiro nó A partir daí o método navega pela lista até encontrar o nó que contém o valor a ser removido ou até chegar ao final da lista c Caso o valor que é recebido como parâmetro existir na lista ele é removido ou seja as alterações que serão feitas na lista devem ser a remoção de um nó específico Tarefa 4 1 php 2 requireonce usuariosphp 3 u new User 4 if issetPOSTusuario 5 user addslashesPOSTusuario 6 passwd addslashesPOSTsenha 7 8 if emptyusuario emptysenha 9 uconectarnomeDB localhost user password 10 if umsgErro 11 if ulogaruser passwd 12 echo Credenciais incorretas 13 14 else 15 echo Erro umsgErro 16 17 else 18 echo Preencha todos os campos obrigatórios 19 20 21 Tarefa 5 Os bancos de dados relacionais e não relacionais são diferentes em termos de estrutura modelo de dados e forma de armazenamento de informações O banco de dados relacionais utiliza o modelo de dados relacional que consiste em organizar os dados em tabelas com colunas e linhas utilizando a linguagem SQL Structured Query Language para manipulação e recuperação dos dados também possui esquemas rígidos e definidos previamente é mais indicado para aplicações que precisam de alta consistência e integridade dos dados como sistemas de gestão de negócios Pode utilizar chaves primárias e estrangeiras para estabelecer relacionamentos entre as tabelas e garantir a integridade referencial possui ACID Atomicidade Consistência Isolamento e Durabilidade que garante que as operações são atômicas consistentes isoladas e duráveis Por outro lado os bancos de dados não relacionais utilizam de distintos modelos de dados como o modelo de documentos o modelo chavevalor e também o modelo de grafo Não utiliza a linguagem SQL mas sim linguagens próprias para manipulação e recuperação de dados ele possui esquemas flexíveis e não definidos previamente permitindo a adição de novos campos sem a necessidade de modificar a estrutura do banco de dados É melhor indicado para aplicações que precisam de alta escalabilidade como aplicações web e mobile com grandes volumes de dados Não possui relacionamentos entre as entidades mas sim referências e agregações possui BASE Basically Available Soft State Eventually Consistent que garante que as operações são basicamente disponíveis com estado suave e eventualmente consistentes Cidade Ano NOME DOS AUTORES EM ORDEM ALFABÉTICA ANALISE E DESENVOLVIMENTO DE SISTEMAS PROJETO INTEGRADO Cidade Ano PROJETO INTEGRADO Trabalho de portfólio apresentado como requisito parcial para a obtenção de média semestral Orientadora Profa Luana Gomes de Souza NOME DOS AUTORES EM ORDEM ALFABÉTICA SUMÁRIO 1 INTRODUÇÃO3 2 DESENVOLVIMENTO4 3 CONCLUSÃO8 1 INTRODUÇÃO O projeto integrado em questão visa melhorar o entendimento de algumas características de sistemas web estrutura de dados banco de dados e programação web Foi proposto a resolução de 5 tarefas cada uma voltada para uma área de conhecimento diferente mas que conversão entre si no desenvolvimento tanto web quanto no geral 3 2 DESENVOLVIMENTO Nesse tópico sera apresentado as respostas para cada uma das tarefas essas respostas foram obtidas por meio de pesquisa na internet 21 TAREFA 1 Os diagramas estruturais da UML são usados para descrever a estrutura estática de um sistema de software incluindo a organização dos seus componentes como classes objetos interfaces e seus relacionamentos Esses diagramas representam a estrutura estática do sistema e são úteis para entender como os componentes do sistema se relacionam entre si Um exemplo de diagrama estrutural é o diagrama de classes Este diagrama representa a estrutura estática do sistema mostrando as classes que compõem o sistema seus atributos e métodos bem como as relações entre as classes Esse diagrama é útil para entender a estrutura do sistema e como seus componentes se relacionam entre si Por outro lado os diagramas comportamentais da UML são usados para descrever o comportamento dinâmico do sistema incluindo como os objetos interagem entre si para produzir um resultado Esses diagramas mostram a forma como os componentes do sistema interagem e são úteis para entender como o sistema se comporta em resposta a eventos ou ações específicas Um exemplo de diagrama comportamental é o diagrama de sequência Este diagrama descreve a interação entre objetos em um sistema mostrando como as mensagens são enviadas e recebidas entre os objetos em uma sequência cronológica Esse diagrama é útil para entender como o sistema se comporta em resposta a um determinado evento ou sequência de eventos 22 TAREFA 2 a Para desenhar a página inicial do site do programa de mapeamento de faculdades com cursos de tecnologia podemos seguir uma abordagem minimalista e simples com o principal foco na clareza e facilidade de uso Podemos começar com um cabeçalho com uma navbar contendo o logotipo 4 do Ministério da Educação e links para outras páginas importantes do site como a página de contato ou a página de ajuda e também no canto uma área que fica diferente caso o usuário esteja logado uma área que ele consiga acessar seu perfil Em seguida podemos adicionar um formulário de login e senha com botões claros para a submissão de informações Abaixo do formulário podemos colocar um botão para cadastro de novos usuários Na parte visual podemos incluir um mapa do Brasil interativo onde os usuários possam navegar e ver informações sobre as faculdades com cursos de tecnologia em diferentes estados e cidades além de um campo de busca por nome de faculdade e filtros por região estado e município b Para o desenvolvimento da página inicial podemos usar técnicas de design responsivo para garantir que a página seja otimizada para diferentes tamanhos de tela e dispositivos Também podemos usar técnicas de UX design como a criação de personas e cenários de uso para entender as necessidades e expectativas dos usuários e a realização de testes de usabilidade para validar a eficácia da interface c Alguns dos aspectos importantes a serem considerados no design da página inicial incluem a facilidade de uso e navegação a legibilidade do conteúdo a acessibilidade e a usabilidade em dispositivos móveis Também é importante garantir que a página seja intuitiva e fácil de usar e que as informações mais importantes sejam apresentadas de forma clara e concisa Além disso devese considerar a necessidade de fornecer feedback claro para o usuário em cada etapa do processo para que ele saiba o que está acontecendo em tempo real d Para criar um protótipo da tela inicial podemos usar ferramentas como o Figma Essa ferramenta permite a criação de protótipos interativos onde os usuários possam navegar e testar a interface em diferentes dispositivos Também podese criar protótipos de papel ou de baixa fidelidade para testar o layout e o fluxo de navegação antes de investir em um protótipo mais sofisticado 5 23 TAREFA 3 a O método remove recebe um parâmetro valor que representa o valor a ser removido da lista encadeada b A busca na lista encadeada começa pela cabeça da lista ou seja o primeiro nó A partir daí o método navega pela lista até encontrar o nó que contém o valor a ser removido ou até chegar ao final da lista c Caso o valor que é recebido como parâmetro existir na lista ele é removido ou seja as alterações que serão feitas na lista devem ser a remoção de um nó específico 24 TAREFA 4 1 php 2 requireonce usuariosphp 3 u new User 4 if issetPOSTusuario 5 user addslashesPOSTusuario 6 passwd addslashesPOSTsenha 7 8 if emptyusuario emptysenha 9 uconectarnomeDB localhost user password 10 if umsgErro 11 if ulogaruser passwd 12 echo Credenciais incorretas 13 14 else 15 echo Erro umsgErro 16 17 else 18 echo Preencha todos os campos obrigatórios 19 20 6 21 25 TAREFA 5 Os bancos de dados relacionais e não relacionais são diferentes em termos de estrutura modelo de dados e forma de armazenamento de informações O banco de dados relacionais utiliza o modelo de dados relacional que consiste em organizar os dados em tabelas com colunas e linhas utilizando a linguagem SQL Structured Query Language para manipulação e recuperação dos dados também possui esquemas rígidos e definidos previamente é mais indicado para aplicações que precisam de alta consistência e integridade dos dados como sistemas de gestão de negócios Pode utilizar chaves primárias e estrangeiras para estabelecer relacionamentos entre as tabelas e garantir a integridade referencial possui ACID Atomicidade Consistência Isolamento e Durabilidade que garante que as operações são atômicas consistentes isoladas e duráveis Por outro lado os bancos de dados não relacionais utilizam de distintos modelos de dados como o modelo de documentos o modelo chavevalor e também o modelo de grafo Não utiliza a linguagem SQL mas sim linguagens próprias para manipulação e recuperação de dados ele possui esquemas flexíveis e não definidos previamente permitindo a adição de novos campos sem a necessidade de modificar a estrutura do banco de dados É melhor indicado para aplicações que precisam de alta escalabilidade como aplicações web e mobile com grandes volumes de dados Não possui relacionamentos entre as entidades mas sim referências e agregações possui BASE Basically Available Soft State Eventually Consistent que garante que as operações são basicamente disponíveis com estado suave e eventualmente consistentes 7 3 CONCLUSÃO Com esse trabalho foi possível ter um entendimento mais amplo em diversas áreas como banco de dados estrutura de dados desenvolvimento web interação humano computador e desenvolvimento web 8 REFERÊNCIAS Modelagem de software com UML Disponível em httpswwwdevmediacombrmodelagemdesoftwarecomuml20140 O Que é Design de Interface do Usuário e Qual a Importância Disponível em httpswwwdialhostcombrblogoqueedesigndeinterfacedousuario DESIGN DE INTERFACE VOCÊ SABE O QUE É E QUAL A IMPORTÂNCIA Disponível em httpsagenciaduomedesigndeinterfacevocesabeoqueeequal aimportancia Listas Disponível em httpsalgoritmosempythoncombrcursosalgoritmospythonestruturasdadoslistas encadeadas Orientação a objetos e PDO no PHP Disponível em httpswwwdevmediacombrorientacaoaobjetosepdonophp32644 Qual a diferença entre base de dados relacional e não relacional Disponível em httpsblogdebugeverythingcomptdiferencabasededadosrelacionalenao relacional 9 1