O
Processo
de
Criação
de
um

Por
Alessandra
Soares

O
Processo
de
Criação
de
um
Web
Site

Quem
queremos
a3ngir?

-‐
Pessoas
do
mundo

inteiro.

Público
alvo

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

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).

O
Processo
de
Criação
de
um
Web
Site

Obje3vo
do
site

Qual
o
obje3vo
do
site?

-‐
O
mesmo
obje=vo
do
cliente.

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
obje=vo

O
Processo
de
Criação
de
um
Web
Site

Metodologia

Desenvolvimento

Internet

Web
Site

A=ngiu
obje=vo

Web
Site
no
ar

Ei, como isso foi
parar na internet?
E afinal, funciona a
internet?
O
Processo
de
Criação
de
um
Web
Site

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

ARMAZENAMENTO

O
Processo
de
Criação
de
um
Web
Site

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

O
Processo
de
Criação
de
um
Web
Site

Web
Designer
(Front-‐end)

Javascript

HTML

CSS

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

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

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?

Criação Web Site

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (9)

Similar to Criação Web Site

Similar to Criação Web Site (20)

Criação Web Site