Processo	
  de	
  criação	
  de	
  um	
  Web	
  Site,	
  por	
  Alessandra	
  Soares	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  
Por	
  Alessandra	
  Soares	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Quem	
  queremos	
  a3ngir?	
  
	
  	
  	
  	
  	
  	
  	
  ...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Obje=vo	
  do	
  cliente	
  
Qual	
  o	
  resultado	
  que	
...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Necessidade	
  do	
  cliente	
  
Por	
  que	
  o	
  cliente	...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Obje3vo	
  do	
  site	
  
Qual	
  o	
  obje3vo	
  do	
  site...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Metodologia	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Metodologia	
  
Desenvolvimento	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Metodologia	
  
Desenvolvimento	
   Web	
  Site	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Metodologia	
  
Desenvolvimento	
   Web	
  Site	
  
A=ngiu	
...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Metodologia	
  
Desenvolvimento	
  
Internet	
  
Web	
  Site...
Ei, como isso foi
parar na internet?
E afinal, funciona a
internet?
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  S...
Ei, como isso foi
parar na internet?
E afinal, funciona a
internet?
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  S...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
ENTRADA	
   PROCESSAMENTO	
   SAÍDA	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
ENTRADA	
   PROCESSAMENTO	
   SAÍDA	
  
Feedback	
  
ARMAZEN...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Ferramentas	
  de	
  desenvolvimento	
  
	
  	
  	
  	
  	
 ...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Web	
  Designer	
  (Front-­‐end)	
  
Javascript	
  
HTML	
  ...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
HTML	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
HTML	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
HTML/CSS	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
HTML/CSS	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Ruby	
  	
  
PHP	
  
MySQL	
  
Programador	
  Web(Back-­‐end...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Relação	
  de	
  Database	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Database	
  
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Programação	
  
Ei, como isso foi
parar na internet?
E afinal, funciona a
internet?
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  S...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Transferência	
  de	
  arquivos	
  para	
  o	
  servidor(FTP...
O	
  Processo	
  de	
  Criação	
  de	
  um	
  Web	
  Site	
  
Até que não é tão
complicado assim,
não é mesmo?
O processo de criação de um web site | By Alessandra Soares
Próximos SlideShares
Carregando em…5
×

O processo de criação de um web site | By Alessandra Soares

893 visualizações

Publicada em

Alessandra Soares, desenvolvedora da Agência PRODV de Porto Alegre, apresenta noções básicas das etapas de desenvolvimento de um website, a imporância da parceria entre o web desginer e o programador, e alinhamento com toda estratégia da marca.

Publicada em: Tecnologia
0 comentários
4 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
893
No SlideShare
0
A partir de incorporações
0
Número de incorporações
6
Ações
Compartilhamentos
0
Downloads
29
Comentários
0
Gostaram
4
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

O processo de criação de um web site | By Alessandra Soares

  1. 1. Processo  de  criação  de  um  Web  Site,  por  Alessandra  Soares  
  2. 2. O  Processo  de  Criação  de  um   Por  Alessandra  Soares  
  3. 3. O  Processo  de  Criação  de  um  Web  Site   Quem  queremos  a3ngir?                      -­‐  Pessoas  do  mundo          inteiro.   Público  alvo  
  4. 4. O  Processo  de  Criação  de  um  Web  Site   Obje=vo  do  cliente   Qual  o  resultado  que  o  cliente   espera  com  essa  aplicação  web?        -­‐  Dominar  o  mundo.   Obje3vo  do  cliente  
  5. 5. O  Processo  de  Criação  de  um  Web  Site   Necessidade  do  cliente   Por  que  o  cliente  necessita  implantar   uma  tecnologia  para  seu  serviço?        -­‐  Facilitar  o  acesso  aos  produtos.      -­‐  O=mizar  o  tempo  de  trabalho.      -­‐    Melhorar    a  qualidade  do  serviço  (serviços     sem  erros).  
  6. 6. O  Processo  de  Criação  de  um  Web  Site   Obje3vo  do  site   Qual  o  obje3vo  do  site?      -­‐  O  mesmo  obje=vo  do  cliente.  
  7. 7. O  Processo  de  Criação  de  um  Web  Site   Metodologia  
  8. 8. O  Processo  de  Criação  de  um  Web  Site   Metodologia   Desenvolvimento  
  9. 9. O  Processo  de  Criação  de  um  Web  Site   Metodologia   Desenvolvimento   Web  Site  
  10. 10. O  Processo  de  Criação  de  um  Web  Site   Metodologia   Desenvolvimento   Web  Site   A=ngiu  obje=vo  
  11. 11. O  Processo  de  Criação  de  um  Web  Site   Metodologia   Desenvolvimento   Internet   Web  Site   A=ngiu  obje=vo   Web  Site  no  ar  
  12. 12. Ei, como isso foi parar na internet? E afinal, funciona a internet? O  Processo  de  Criação  de  um  Web  Site  
  13. 13. Ei, como isso foi parar na internet? E afinal, funciona a internet? O  Processo  de  Criação  de  um  Web  Site  
  14. 14. O  Processo  de  Criação  de  um  Web  Site   ENTRADA   PROCESSAMENTO   SAÍDA  
  15. 15. O  Processo  de  Criação  de  um  Web  Site   ENTRADA   PROCESSAMENTO   SAÍDA   Feedback   ARMAZENAMENTO  
  16. 16. O  Processo  de  Criação  de  um  Web  Site  
  17. 17. O  Processo  de  Criação  de  um  Web  Site   Ferramentas  de  desenvolvimento                            <?php                                                                              class  Overall{    public  func=on  Alessandra(){            $obj  =  new  Servidor();      $con  =  $obj-­‐>Conexao();            $sel  =  $con-­‐>prepare(      "      SELECT  *        FROM  p_porYolio_video_imagem        LEFT  JOIN  p_imagens  USING  (i_id)      LEFT  JOIN  p_videos  USING  (v_id)      LEFT  JOIN  p_porYolio  USING  (p_id)      WHERE  p_id  =  :id      "      );      $sel-­‐>bindValue(":id",$_POST['id'],PDO::PARAM_INT);      $sel-­‐>execute();            return  fO($sel);                    }                                                            }                                                  $class  =  new  PorYolio();                              ?>                         Javascript   Aptana  Studio   Frameworks   Linguagens  de    programação   Linguagens  de    marcação   PHP   Ruby   <  html>     <body>   <header  class="header">          <nav  id="main">              <menu>                  <ul>                      <li><a  href="#quem_somos"  class="scroll">Quem  Somos</a></li>                      <li><a  href="#que_fazemos"  class="scroll">O  Que  Fazemos</a></li>                      <li><a  href="#clientes"  class="scroll">Clientes</a></li>                      <li><a  href="#peneira"  class="scroll">Peneira</a></li>                      <li><a  href="#feeds"  class="scroll">Feeds</a></li>                      <li><a  href="#contato"  class="scroll">Contato</a></li>                  </ul>                  <div  class="clear"></div>              </menu>          </nav>          <a  id="menu-­‐closer"  href="#"  class="menu-­‐closer"></a>      </header>   <div  style="float:lel;  cursor:pointer;  background-­‐color:red;  width:  50px;   height:  50px;"  class="prev"  >|  <<  |</div>      <div    id="conteudo">    </div>      <div  onClick="prodv.next(this.id)"  style="float:right;  cursor:pointer;   background-­‐color:red;  width:  50px;  height:  50px;"  class="next"  >|    >>  |</div>          <br><br><br><br><br><br>   </body>   </html>     Desenvolvedor   Codificador   Designer   HTML   CSS   Java   DATABASE   MySQL   Web  Site  
  18. 18. O  Processo  de  Criação  de  um  Web  Site  
  19. 19. O  Processo  de  Criação  de  um  Web  Site   Web  Designer  (Front-­‐end)   Javascript   HTML   CSS  
  20. 20. O  Processo  de  Criação  de  um  Web  Site   HTML  
  21. 21. O  Processo  de  Criação  de  um  Web  Site   HTML  
  22. 22. O  Processo  de  Criação  de  um  Web  Site   HTML/CSS  
  23. 23. O  Processo  de  Criação  de  um  Web  Site   HTML/CSS  
  24. 24. O  Processo  de  Criação  de  um  Web  Site   Ruby     PHP   MySQL   Programador  Web(Back-­‐end)  
  25. 25. O  Processo  de  Criação  de  um  Web  Site   Relação  de  Database  
  26. 26. O  Processo  de  Criação  de  um  Web  Site   Database  
  27. 27. O  Processo  de  Criação  de  um  Web  Site   Programação  
  28. 28. Ei, como isso foi parar na internet? E afinal, funciona a internet? O  Processo  de  Criação  de  um  Web  Site  
  29. 29. O  Processo  de  Criação  de  um  Web  Site   Transferência  de  arquivos  para  o  servidor(FTP)  
  30. 30. O  Processo  de  Criação  de  um  Web  Site   Até que não é tão complicado assim, não é mesmo?

×