Desenvolvimento Web - Arquiteturas e Metodologias para Desenvolvimento Web

6.66k views3202 WordsCopy TextShare
UNIVESP
univesp.br Eixo de Computação - COM320 Univesp - Universidade Virtual do Estado de São Paulo Profe...
Video Transcript:
é [Música] só entramos na quinta semana na disciplina de desenvolvimento web e nessa aula eu vou falar sobre arquiteturas e metodologias para ter um movimento é tá o roteiro desta aula vão envolver uma introdução sobre as às escuras metodologias as principais estratégias para gerar conteúdo né no contexto desenvolvimento de aplicações para a web linguagem de programação não é bastante utilizada de marcação a fala de aplicação do Ego de um modo geral né as arquiteturas resolvendo as aplicações é e são algumas já conhecido de vocês né e nos comentários um pouco sobre as arquiteturas monolíticos E
admiro serviços no passado o universo web né e nos primórdios da criação da ww o site serão as a ação O que é a web em geral era muito baseada em controle estático né que significa isso basicamente composta de sites né sem muita interação com os fios que armazenavam as informações é como ocorre hoje né então era tão comum e tem uma loja online para venda de produtos a qualquer tipo de produto lá deve go90 mais ou menos 96 97 até dois vídeos tá com as coisas lojas de venda de produtos passaram a ensinar mais
ou menos de dois mil em 2002 né é eu uma crescente a partir daí né com os volumes de novas tecnologias com as soluções né é isso com esse inclusive com um coração criação de diversas associações plantas e o contexto só é bem diferente né então a geração de conteúdo muito mais rico não é muito mais interatividade né e do logicamente para que isso aconteça é todo acabolso né que envolve o meio desgostoso para o Heavy né preciso pensar em maneiras para tornar esse desenvolvimento mais ágil mas funcional porque não mais simples né então é
comum que elas aplicações web hoje as interajam entre elas por meio de apis a os aplicativos de celular por exemplo que são escritos em que que nós utilizamos né tão inscritos também e linguagem que é usou são usadas também e pelas explicações em uma né É e por exemplo em um código que nós escrevermos para rodar em Android na sua mente vai ser mesmo código que vai rodar no iOS né isso do ponto de vista de uma irmã aplicação né e mais olhando para o lado do Frontier direto um front-end de uma aplicação web é
para o Android não será que vai ser a mesma né uma aplicação é olha Ops tá essa quando ele fala dessa aplicação no contexto dispositivos móveis que entender que o dispositivo móvel também ele vai processar Praticamente todo o lado do cliente né E vai interagir com o servidor web né que armazena informações usuário sentimental se você utiliza um aplicativo de uma loja de apartamento comprar o produto Se você comprar esse produto pela interface km certamente você vai ver o mesmo produto né é a mesma área do cliente em onde você meu um dos onde você
vê um prazo de entregue a embora solução do front-end para o o o celular é diferente a solução do front-end que roda no próprio Tá mas a interação com o beck and na mesma fiz o bico black and é o único mas nós temos dois digamos assim duas ações clientes um front-end desenvolvido certamente e linguagem distintas também é por essa razão a Framework de desenvolvimento e mitologias baseados em linguagem da web como vai escrito por exemplo a Então nós vamos vindos ao longo das semanas é a utilização do ângulo né então esse tipo de tecnologia
nas freur e permite uma versatilidade muito grande para ficar aplicações né eu preciso gerar Novos Produtos então pode ser uma página pessoal e pode ser uma ferramenta de venda pela internet né então responde com sim e são muito robusta né muito grande pode recentemente corre-campo de vista de componentes pode estar inclusive dois carros né na aplicação a uma grande variedade [Música] de das Ferramentas em relações com o projeto tá é isso indica que as equipes de movimento também sejam funcionais né então como uma grande quantidade de ferramentas a profissionais que entendem entender melhor de uma
ferramenta do que de outro né e na construção de uma aplicação web completa você vai fazer parte de um quebra-cabeça né onde ele certamente você na figura de um Ouvidor sabe mais por exemplo angular emoto estavam mais trabalhar como se escreve né outro trabalha mais com o existir mais nos movimento usando o script né o outros mais é na utilização dos com Ah tá então presente não resolvendo uma aplicação um pouco mais complexa né e tamanho e funcionalidade a gente pode ter áreas por exemplo segurança de rede e para trás com questão dos bancos de
dados envolvidos Assunção certamente me pareceu muito só né devolver um questões relacionadas ao desenvolvimento front-end e back-end e engenharia web como todo né no bloco servidores web que envolve tanto a segurança né enfim Então veja aqui é a solução web né aplicação web no contexto né que nós temos atualmente ela não deixa de ser complexo porque ela envolve muitas partes né e e profissionais que conhecem muito bem dessas partes né Não só que incita pelo menos quatro profissionais né engenheiro que vai ter uma visão geral né gravado contexto redação são os atores vão fazer parte
é igualzinho seria responsável por por aqui que tá a solução junto com os envolvidos pelos mais envolvidos na região de Fort and back-end né quem vai acabar o banco né ele e que nos preocupar com a segurança especialmente engraçada O que é somente relacionado a autenticação nesses temas né pessoalmente os sistemas web de vendas né trico internet até mesmo então os bancários tá uma aplicação é Botica ela tem na estrutura de código dela né é são geradas a partir de processamento de dados antenas estrutura a figura também dos Servidores deve tá é Além disso quando
a estrutura que envolve linguagem de marcação que a gente já conhece HTML né em outras linguagens por nossa um gente já comentou né conversando aqui um linguagens como PHP o contrato SP né ela mentir tá depois conhecer as figuras dos continentes do bec dos desenvolvedores back-end for Oi gente comentou nas aulas anteriores A o que cabe por exemplo no que nós devemos abordar um pouco na cidade plásticas ele é uma linguagem bastante importante bastante utilizada em atualmente né mostrar serve para criar estrutura e regra de negócio né entrar muito bem com um sistema de gerenciadores
de banco de dados nós temos também a semana 4 tá é por outro lado linguagem de marcação da primeira usada para retirar usuário né por meio de assunto eu faço e temos esses tá então eu preciso haver preocupação tanto para a criação da lógica do negócio execução desse lógico lógica de negócio da aplicação nos servidores né mais nos bastidores da solução completa e também como que uma vez as informações são armazenadas em uma vez que nós vamos ser recuperados como formatar las para usar um copo de fato interage.com todo esse ano nesse ambiente odores universo
e é embora haja uma divisão do que é front-end back-end né não é tão simples considere-se dois muita gente já viu né Tem ferramenta diferente né várias ideias ideias que são mais completa se fosse o programa e linguagem front-end para o beck and tem 10 são mais específicas para quem se envolve com o cliente tá ele pode ver se gerar conteúdo né para para os aplicações né algumas estratégias vou colocar algumas aqui né É longe de esgotar as estratégias né então dentre elas é importante organizar a forma de trabalho né as tecnologias Zico os profissionais
envolvidos né tô motivos movimento preciso ele não assim fazer um acordo né Fala que eu tô contra nós vão conseguir né ao próximo e pernas grandes isso é mandatório né parte daqui faz isso em outra parte não se preocupa tanto principalmente na situação que nós possamos ver não os componentes Ciúmes por terceiros dentro uma solução um é que é pela a documentação de porta-objeto documento de corta né é importante e por que uma vez que você trabalhou no projeto o projeto pode continuar ainda que você é vai fazer parte de outros tipos de movimento de
volta organização de outra empresa né com o profissional com Sheila ele sabe o que tá acontecendo ou então a chance de conhecer mais rapidamente funcionamento das função ou do modo que vai trabalhar por aquele certa comentários qual a validade muito grande aplicações web né Todo mundo já sabe né tanto em domínio quatro tipo né então aplicações para redes sociais blogs pessoais né caixa de correio eletrónico temos muitos né tenho que bem aqui né vários bancos os bancários né brasileiro Mundial plataforma de ensino online não deixa de ser aplicações do régua também tá o momento que
vocês usam água né assim não é um tanto quanto complexa essas aplicações elas apresentam inúmeros requisitos né não funcionais né estão atreladas a muito a utilização da aplicação na construção né então requisitos relacionados à segurança o parte do das informações usuários é cadastro lá quanto pelas informações que ficam armazenados nos servidores né como é que fica questão da segurança onde Vista físico e lógico das informações né E que nível código de segurança é utilizado por uma aplicação o diz que tenho no meio tem uma associação não só com a linguagem programação se utilizar o front-end
do backend mas quando disposição da investir computacional de hardware e software que o time que é utilizado para hospedar as suas aplicações né também tem uma relação com os cabos de dados o serviço a imagina uma parada momentânea uma aplicação como Facebook ou WhatsApp né o que pode acontecer no ponto de vista é a utilização pelos usuários quantos negócios são feitos em cima dessas aplicações principais são essas duas né bom é que tá uma aplicação de software bastante na mental né para separar-se a responsabilidade componentes né são softwares em geral ele possui várias partes né
em algumas estão relacionados Mares não entra só com o banco outros usuários outros faz o meio de campo entre o usuário banco né outras entre o banco de dados e o servidor web ou então essa pensaram arquitetura ajuda a entender os requisitos não-funcionais pela sua aplicação né os países o leitor pelo ambiente né embora nesse contexto né a complexidade aumenta né Porque quanto mais componente a gente tem eu não curto médio e longo prazo arquitetura escolhida ela pode captar o funcionamento aplicação tá então no curto prazo em geral de foca no desenvolvimento não precisa devolver
a solução no Médio prazo e o foco lá produção da aplicação né e no lombo a preocupação a redação atenção a recorte com a manutenção dessa solução durante cinco anos né Essa questão da Atenção se você logicamente pensada na condutor por ter pernas grossas um só na perna arquitetura da nossa separar as responsabilidades em camadas nem cada uma delas em uma função específica né então é e elas podem nas camadas pode estar em servidores diferentes né o endereço diferentes para te dar alguns exemplos de arquitetura né aquele servidor que ela tem uma relação muito forte
com o orçamento armazenamento não é baseado no envio de requisições e no retorno das respostas requisições arquiteto se separa o processamento né e o armazenamento da apresentação dos resultados no orçamento armazenamento e apresentação fica no lugar e arquitetura em três camadas que você fala aplicação da apresentação e do processamento de dor mais alimento mas também pode organizar as arquiteturas e monolítico no serviço né arquitetura monolítica é ela tende a ser mais simples né que a Demi com serviço ela formação utilizada no passado porque ele engloba Praticamente tudo que aplicação precisa não latem nas farmácias populamento
pouco mais forte os concorrentes fazem parte da estrutura dela né da aplicação de multa por exemplo num num arquitetura monolítica Mas tente pensar no sistema para reserva em um hotel tão os temas como todo né a solução completa vamos dizer que todos são espécies no arquivo por exemplo não aqui no ponto já é né ah coitado não é só para não erro então tudo ali estaria relacionado à oponente caso que varia receber aqui são os clientes fazer reserva verificasse contato de quarto vai dar passagem fazer reserva e avisar o hotel a comigo em algumas partes
e pronação com o cliente dos pais são acionados no back-end né e um terceiro que você não mas tu tá lindo né ela tem um desenvolvimento Inicial rápido né no meu entender é não é simples aprender porque você igual a tudo dentro de um pacote de Deus Spinner número componente né E aí tem que usar uma pessoa simples a por outro lado vamos correntinha O componente mais forte né Aí fica mais difícil você fazer mudanças e quando você fizer mudanças você tem que ir praticamente reestruturar ligação com o tudo que alimento né ela que tudo
junto com o serviço por outro lado elas são mais atuais né em conheci bem organizadas a entre o som ele mas oferecem de muitas funcionalidades eletrolítica tá e com a diferença que eu às tenha cumprimento fracos corrente a mais leves em funcionalidades específicas então eu divido a solução como um todo em pequenos blocos esses blocos são espalhados em diversas estruturas e infra-estruturas pontuações Inclusive a e aplicações precisa blocos pequenos né que só responsável por desenvolver uma parte bem específico da solução mas como reencontro meio e é por isso né Principalmente a terrestre a E aí
não tem outra coisa que cada uma desses componentes porte usar uma as téchiné própria é uma pilha tecnológico os sons e com tecnologias bem específicos né uma vez que ele vai cortar que esses blocos se comunicam uma se comunicou de uma forma padronizada usar o pivete é falso mas vamos ver mais adiante não importa a tecnologia que eu tô aqui bom então a partir de ouvir isso pode ser testados implantados escalar nos falar mais independente tá então sistema de venda online por exemplo que os usuários podem navegar entre as categorias escolha adicionar produtos né ao
carrinho externo precisa fazer isso não de estoques e fazer isso tanto usuário método de pagamento gestão de compras de testes Então hoje você não precisa ser especialista é ele consegui pela a visão de todos esses blocos tá então a empresa que se dedica exclusivamente a desenvolver componentes relacionados a sistemas de pagamento e integração com empresas que lidam com processamento de dados do cartão de crédito eu vejo que você precisa me faz componentes dentro da sua solução né e bora não tem que ser especialista em desenvolver o concorrente tá então então eu sou dessas né você
quiser interligar as seus parques tá é uma cultura de serviço eu preciso de interface usar tem um sistema de aplicação e seja simples fácil de usar eles também vai arquitetura uma loira a vantagem de baixo acoplamento a falha de um componente no para toda aplicação por você vai lá correndo de roupa mentir não tem aplicação o parte dela funcionando né os tipos de eventos Independentes Isto é interessante para uma estratégia desenvolvimento ágil né dizendo podia pescoço desvantagem desenvolvimento ele fica um pouco mais complexo não entender porque há muitas separação né eu preciso ter um alguma
metodologia para interligar em cima olhar mais rápido né é o esteja integração se não ser feito né porque você só testar se o teu componente a comunicando com outro tá em outro lugar em outro servidor por exemplo ele naturalmente é a vai haver uma dependência da Há muitos participaram e precisa de uma pessoa mais complexa né e qual é a sua metodologia de desenvolvimento tá há vários métodos de abordagem que a gente pode utilizar para desenvolveram um software e ela se estivesse em casa também nos Roberto e aplicações a www tá então dentre eles a
gente pode medir de dirigir nutrimentos nova metodologia ágil olho e me tornei igualmente baseado nosso em Cascata né tô dentro do meu tempo de usar gente tem a figurinha do mundo Campo Lilian do Smart tá então a metodologia ágil lá no projeto nem Visa fazer melhorias contínuas aplicação pensar características né melhoria contínua Com base no feedback dos usuários com o máximo que se diverte os clientes do tipo de movimento tá não tem mais futuro muito riso né e um processo de um momento curto vamos primeiros passos desenvolvido em estágio Inicial e tende a melhorar a
qualidade se você der problema e já resolve você não vai propagar esse problema é até finalizar o sofre né E o escuro um exemplo né a gente como ele agrega mais criatividade os processos né o básico na preguiça já né Mas também de execução simples né Tem uma lista de trabalhos que estão pendentes né o passo a insulina diária dessa seção de planejamento atacar os problemas e as equipes elas identifique os problemas trata os problemas e vai proposto no quadro próximo nós mais fácil né é o Comboio interessante para que se recebem vários pedidos né
Então as atualizações são feitas são liberadas quando ficam prontas né ele libera as novas atualizações não tem período fica entrega de tarefas pode ser uma coisa minha de perdedor tipo Projeto É próximo tempo tem muito existe mudanças ser interessante ali é mais fraco é lindo né mas para ter esqueci como você entrar aí no sol e previsão a gente consegue desenvolvimento né a aplicação é eu não falo gerado para o cliente importa muito o o tempo vai demorar né então se analisa o projeto bem minuciosa desde o início né E aí se você tem um
orçamento limitado não tem não tem muita grana para pagar né para que seja feita as correções para não aparecer você é falta nessa nessa proposta ainda que hoje né o Smart movimento tem o objetivo definir metas construído de forma a considerar a cintura atributos né é dessa específico o reino de mensurável a de atingido e o rd relevante temporal né então como é que a gente faz um processo de movimento com base nisso né eu vou ver alguma coisa para ser específica eu consiga medir que eu consigo tingir o resultado né tem que ser ver
levante para a empresa está desenvolvendo é para o cliente que vai usar solução eu consigo fazer um tempo relativamente bom né o cateto oposto do mesmo lugar né e uma forma desenvolver mais travada né tu tem que ser controlado né a um controle muito grandes processo né mais e gordo né Vamos esforçar que uma etapa quando você finalizou a outra tem certeza que está ok isso atrasa processos no ambiente Inclusive a história que eu queria passar com você nessa aula é as suas referências utilizadas e a gente se vê na próxima a E aí E
aí [Música]
Copyright © 2024. Made with ♥ in London by YTScribe.com