wiki

Desenvolvimento Web: mudanças entre as edições

← Edição anterior
Vitin36 (discussão | contribs)
39 edições
Ivana (discussão | contribs)
5 edições
Etiqueta: visualeditor
 
(7 revisões intermediárias por 3 usuários não estão sendo mostradas)
Linha 1: Linha 1:
= '''Conceito:''' =


== '''Definição''' ==
*Desenvolvimento Web, de forma bem ampla, é o termo utilizado para definir tudo que é criado no ambiente virtual especifico de websites. De modo mais simples, o desenvolvimento web, é a criação de todo conteúdo de um site, fórum, rede social, etc . Este termo contempla todo o processo de construção e testes de aplicações web e de websites e os recursos utilizados para sua realização.


Desenvolvimento web é a elaboração de sites, ou seja, é um processo de construção e testes de software especifico para a web, tendo como finalidade obter um conjunto de programas que satisfazem as funções pretendidas. O profissional que trabalha com o desenvolvimento web pode ser um Web Designer (Desenvolvedor de Layout) ou Web Developer (Desenvolvedor de sistemas). Para o programador front-end é o responsável que projeta as interfaces de um website e utiliza as seguintes linguagens: CSS, HTML, JavaScript, dentre outras. Já o programador back-end é o responsável por dinamizar o site através de linguagens de programação podendo se elas: PHP, JAVA, Python, dentre outras.


== '''Linguagens''' ==
A web se tornou muito popular não somente pela capacidade de comunicação, mas também porque é desenvolver web é, normalmente, mais barato do que desenvolver sistemas desktop. Além de ter a possibilidade de integrar sistemas, o que para muitas empresas é maravilhoso, pois não ela não precisará investir tanto dinheiro em infraestrutura.
*Para a criação de páginas web e aplicativos web, algumas linguagens são extremamente importantes, sendo elas :


**'''- HTML, XHTML''' : Essas linguagens geralmente são utilizadas para desenvolver o corpo de uma página web.
**'''- CSS''' : Linguagem utilizada em geral, para o desenvolvimento gráfico de páginas e aplicativos web.
**'''- .NET''': Possui função equiparada á linguagem HTML, entretanto é utilizada proritariamente para desenvolvimento e execução de sistemas web.
**'''- JAVA, JAVASCRIPT, FLASH, PHP,''' : Possuem funções de desenvolvimento de aplicações web, como slides e jogos. Essas linguagens são predominantes no desenvolvimento de interfaces dinâmicas, entretanto, podem ser utilizadas para o desenvolvimento gráfico.
**'''- MYSQL, POSTGRESQL, SQLITE, APACHE, FIREBIRD, ORACLE''' : São linguagens de banco de dados utilizadas para armazenar tudo que é necessário do contato cliente-servidor na web.


== '''Processos do desenvolvimento web''' ==
= Linguagens usadas =
* Os processos que estão envolvidos no desenvolvimento web são extremamente amplos e podem ser divididos da seguinte maneira :
<br>As principais linguagens usadas no desenvolvimento web são o HTML, JavaScript, CSS e PHP. Outras linguagens como Java, Python e C também são/já foram utilizadas.


'''HTML:''' é uma linguagem de marcação, ou seja, é um conjunto de regras e códigos que define como os elementos da página serão exibidos. HTML não importa com o texto, mas sim com a organização, a formatação do conteúdo.


----
'''JavaScript:''' é utilizado para programação de scripts e é uma linguagem orientada a objetos. Sua principal função é torna alguns processos de páginas mais agradáveis. JavaScript interage com a marcação e exibição dos conteúdos da linguagem HTML e com a estilização feita com o uso do CSS.
'''Desenvolvimento do Front-end'''
*O termo "Front-end" é utilizado para definir a codificação dos dados inseridos pelo cliente. Essa etapa é extremamente importante no desenvolvimento web, pois é a partir do front-end que podemos criar uma interface dinâmica entre cliente-servidor em um website.


*Nessa etapa algumas linguagens computacionais são extremamente importantes, sendo elas :
'''CSS:''' utilizado junto com o HTML, é uma linguagem utilizada para a definição de estilos, ou seja, para definir o layout de documentos HTML.
*- HTML  
*- PHP
*- CSS
*- XHTML
*- JAVASCRIPT
*- FLASH


'''PHP:''' como JavaScript, PHP é uma linguagem de script onde o código é normamelnte embutido no HTML. É a linguagem mais utilizada para implementação de funções mais dinâmicas e complexas dentro de websites.


----
= CMS =
'''Desenvolvimento do Back-end'''
CMS ou Sistemas de Gerenciamento de Conteúdo são, assim como o nome já diz, softwares livres, onde se é possível editar e criar sites com facilidade, sem precisar de um software específico para editar as páginas, uma vez que ele utiliza o navegador. Qualquer site pode ser construído utilizando CMS, pois ele possui uma grande flexibilidade de layout e funcionalidades.
*O termo "Back-end" é utilizado com sentido oposto ao "Front-end", ou seja, enquanto o "front-end" é o desenvolvimento de métodos computacionais para a codificação dos dados insertos pelos usuário, o "back-end" é responsável por desenvolver os processos à serem realizados após a interação do cliente-servidor. Em geral, os processos são realizados pelo servidor, o que é de responsabilidade de "back-end".
[https://www.oficinadanet.com.br/imagens/post/13541/front-end-back-end-01.png]


*Nessa etapa algumas linguagens computacionais são extremamente importantes, sendo elas :
Alguns dos principais benefícios do CMS são:
*- HTML
*- PHP
*- .NET
*- ASP
*- JAVA
*- PHYTON
*- JAVASCRIPT


• Facilidade para atualização e edição de artigos, imagens, banners, etc;




----
• Variações de funcionalidades no site;
'''Desenvolvimento do banco de dados'''
*Neste etapa, após o fluxo de dados entre cliente-servidor , o programador desenvolve um banco de dados para armazenar tudo que necessário para sua aplicação web.


• Flexibilidade no desenvolvimento de projetos em diferentes portes, sendo adequado a cada necessidade;




*Nessa etapa algumas linguagens computacionais são extremamente importantes, sendo elas :
• Velocidade de carregamento;
* - MYSQL
* - POSTGRESQL
* - ORACLE
* - APACHE




----
• Baixo custo de atualização e manutenção.
'''Desenvolvimento do design gráfico'''
*Sabemos que no âmbito do desenvolvimento web, uma das partes mais significativas do trabalho é o desenvolvimento do design, afinal no ambiente web o design de uma página ou aplicativo web é o que mais chama atenção do usuário. Nessa etapa é necessário um conhecimento amplo para a utilização de softwares, como o "Photoshop CS" , para criar a aparência do "produto final".


 
= Referências =
 
Livro:
*Nessa etapa algumas linguagens computacionais são extremamente importantes, sendo elas :
* Freeman, E; Freeman, E. HTML com CSS & XHTML. <br>2ª ed. Rio de Janeiro: Alta Books. 2008
*- PHP
Sites:
*- CSS
* Programação Web - Conheça as principais linguagens. Disponível em <http://portalwebdesigner.com/programacao/>
*- HTML
* Desenvolvimento Web. Disponível em <https://pt.wikipedia.org/wiki/Desenvolvimento_web>
*- JAVASCRIPT
* O que é um CMS. Disponível em <http://www.bulecomunicacao.com.br/conheca-cms/itemlist/category/109-o-que-%C3%A9-um-cms>
*- FLASH
* Desenvolvimento Web com HTML, CSS e JavaScript. Caleum: ensino e inovação. Disponível em <https://www.caelum.com.br/?gclid=CjwKEAjw07nJBRDG_tvshefHhWQSJABRcE-ZXG71HJW_6ME-su_NOGywC3pTm8MOB5EXino7RdJU9BoCABbw_wcB>
 
 
== '''Aplicação no dia a dia''' ==
* O desenvolvimento web é extremamente aplicado no dia a dia de todos. Um bom exemplo é a rede web. Todos os websites que são criados, passam pelos processos de desenvolvimento web, desde sites comuns como blogs e páginas de noticias até páginas pouco mais complexas como as redes sociais. No dia a dia do usuário da tecnologia, as aplicações web também são utilizadas. Em um jogo, por exemplo, que realiza cadastro de seus usuários pelo seu website, os processos de desenvolvimento web também estão envolvidos, já que é preciso uma interface para realizar o contato entre o cliente, o servidor, o banco de dados e o própio aplicativo do jogo . Um banco que realiza transações bancárias e outras funções online, também utiliza dos processos de desenvolvimento web, assim como vários outros processos virtuais necessitam do desenvolvimento web.
 
== '''Exemplos''' ==
* Existem diversos exemplos de desenvolvimento web :
 
*'''Exemplo de uma página web desenvolvida em HTML'''
[http://i.imgur.com/BfwASHR.png]
[http://i.imgur.com/gfgFy0v.png]
 
*'''Exemplo de uma aplicação web desenvolvida dinamicamente (Linguagens Java, JavaScript, Flash, etc)'''
[http://i.imgur.com/IU2NrzQ.png]
 
*'''Exemplo de um banco de dados de uma página web'''
[http://wiki.inetweb.com.br/images/f/f7/Pma02.jpg]
 
== '''Fontes bibliográficas''' ==
* - Conhecimentos gerais
* - https://scholar.google.com.br/scholar?q=o+que+%C3%A9+desenvolvimento+web&btnG=&hl=pt-BR&as_sdt=0%2C5
* - http://www.devmedia.com.br/introducao-ao-desenvolvimento-de-aplicacoes-web/29798
* - http://www.tecmundo.com.br/2862-profissao-programador-web.htm
* - https://www.oficinadanet.com.br/post/13541-afinal-o-que-e-frontend-e-o-que-e-backend-
* - https://www.researchgate.net/profile/Guilherme_Travassos/publication/228647730_Processos_de_Desenvolvimento_para_Aplicaes_Web_Uma_Reviso_Sistemtica/links/00b7d51475c7f69e0b000000.pdf

Edição atual tal como às 13h16min de 31 de maio de 2017

Conceito:

Desenvolvimento web é a elaboração de sites, ou seja, é um processo de construção e testes de software especifico para a web, tendo como finalidade obter um conjunto de programas que satisfazem as funções pretendidas. O profissional que trabalha com o desenvolvimento web pode ser um Web Designer (Desenvolvedor de Layout) ou Web Developer (Desenvolvedor de sistemas). Para o programador front-end é o responsável que projeta as interfaces de um website e utiliza as seguintes linguagens: CSS, HTML, JavaScript, dentre outras. Já o programador back-end é o responsável por dinamizar o site através de linguagens de programação podendo se elas: PHP, JAVA, Python, dentre outras.

A web se tornou muito popular não somente pela capacidade de comunicação, mas também porque é desenvolver web é, normalmente, mais barato do que desenvolver sistemas desktop. Além de ter a possibilidade de integrar sistemas, o que para muitas empresas é maravilhoso, pois não ela não precisará investir tanto dinheiro em infraestrutura.


Linguagens usadas


As principais linguagens usadas no desenvolvimento web são o HTML, JavaScript, CSS e PHP. Outras linguagens como Java, Python e C também são/já foram utilizadas.

HTML: é uma linguagem de marcação, ou seja, é um conjunto de regras e códigos que define como os elementos da página serão exibidos. HTML não importa com o texto, mas sim com a organização, a formatação do conteúdo.

JavaScript: é utilizado para programação de scripts e é uma linguagem orientada a objetos. Sua principal função é torna alguns processos de páginas mais agradáveis. JavaScript interage com a marcação e exibição dos conteúdos da linguagem HTML e com a estilização feita com o uso do CSS.

CSS: utilizado junto com o HTML, é uma linguagem utilizada para a definição de estilos, ou seja, para definir o layout de documentos HTML.

PHP: como JavaScript, PHP é uma linguagem de script onde o código é normamelnte embutido no HTML. É a linguagem mais utilizada para implementação de funções mais dinâmicas e complexas dentro de websites.

CMS

CMS ou Sistemas de Gerenciamento de Conteúdo são, assim como o nome já diz, softwares livres, onde se é possível editar e criar sites com facilidade, sem precisar de um software específico para editar as páginas, uma vez que ele utiliza o navegador. Qualquer site pode ser construído utilizando CMS, pois ele possui uma grande flexibilidade de layout e funcionalidades.

Alguns dos principais benefícios do CMS são:

• Facilidade para atualização e edição de artigos, imagens, banners, etc;


• Variações de funcionalidades no site;

• Flexibilidade no desenvolvimento de projetos em diferentes portes, sendo adequado a cada necessidade;


• Velocidade de carregamento;


• Baixo custo de atualização e manutenção.

Referências

Livro:

  • Freeman, E; Freeman, E. HTML com CSS & XHTML.
    2ª ed. Rio de Janeiro: Alta Books. 2008

Sites:

Disponível em “http://3.143.69.156/wiki/index.php?title=Desenvolvimento_Web&oldid=49366”