Comecei estudar Ruby on Rails e cara, me surpreendi, aquele negócio é inteligente…ele conversa contigo caraaaaaaaaaaaaaaaaa! (Não sejamos exagerados não é?)!

Pois bem, inicia o autor falando que ele é muito simples, realmente desenvolver os códigos é muito simples mesmo, bem intuitivo (ao invés de estudar algoritmos compre um livro de ruby on rails que ja aprende desenvolver em uma linguagem de verdade!) e completo ao mesmo tempo.

Mas a porcaria do negócio tem um interpretador chato demais, além de eu não achar onde editar para executar códigos com acentos eu segui um tutorial para executar ruby on rails no apache e não sei como chamar os arquivos e tal (por ser uma linguagem nova o pessoal esta mais disposto a construir a linguagem e corrigir bugs do que desenvolver algo para nós mortais) e olha que eu sempre compilei meu próprio apache heim. (nem sempre, porque eu depois de começar a trabalhar com WINDOZE fiquei preguiçoso)

Mas sinceramente creio que o Ruby tem tudo para seguir um caminho de sucesso, porque a sintaxe não é complexa ao se aprofundar, lembro-me quando não tinha estudado lógica e tentei Python, putz, fiquei perdido.

UM CÓDIGO PHP RÁPIDO:

<?php

print "Meu nome é Leandro.";

?>

Nota: veja que eu não dei nem espaçamento no código, pois, costumo sempre separar tudinho pra ler o código facilmente.

O MESMO EM RUBY on RAILS:

puts 'Meu nome é Leandro!'

Simples não é?

Caso queira estudar Ruby também vale a dica de ter paciência porque o seguinte, ainda esta em franco desenvolvimento, então para executar o interpretador é chatinho e tal. Mas logo terei algo para falar, afinal ainda estou estudando não é?

abraço

Logo vou ver se faço algo em JSP (vou estudar JAVA também) e pegamos juntos, ok?

Ao final do código postarei link para o sistema ser baixado por vocês, sendo funcional!

Bom, primeiro passo é verificar os diretórios, se você não criou o diretório CONFIG por favor, faça isso e ficará da seguinte forma:

Ai dentro do diretório CONFIG crie um arquivo chamado variaveis.php (sem acento no nome) e vamos edita-lo assim:

<?php
class Upload{

 //Diretorio do arquivo onde será feito o Upload
 public $diretorio = "uploads/";

 //1 mega = 1000000, 2 mega = 2000000 [Enviando 1 Mega]
 public $tamanho   = 4000000;

 //Extensões que serão permitidas no programa
 public $extensao  = array('a','sf', 'zip', 'rar', 'pdf', 'doc', 'docx', 'xls', 'xlsx');

 //Separação do Arquivo
 public $separador = '-';

 function upload($arquivo , $tamanho , $tmp_nome , $tipo){
 $up = Upload::verificaTamanhoArquivo($arquivo , $tamanho , $tmp_nome , $tipo);
 if($up == 1){
 echo "<script>alert('Enviado com sucesso');</script>";
 return true;
 }else{
 return false;
 }
 }

 function verificaTamanhoArquivo($arquivo , $tamanho , $tmp_nome , $tipo){
 if($tamanho > $this->tamanho){
 echo "<script>alert('O Arquivo e Grande, Selecione Outro');</script>";
 return false;
 }else{
 $retorno = Upload::verificaTipoArquivo($arquivo , $tamanho , $tmp_nome , $tipo);
 if($retorno == 1){
 $nomeIndentificado = date('d-m-Y');
 move_uploaded_file($tmp_nome , $this->diretorio.$nomeIndentificado.$this->separador.$arquivo);
 return 1;
 }else{
 echo "<script>alert('extensao do arquivo invalida!!!');</script>";
 return 0;
 }
 }
 }

 function verificaTipoArquivo($arquivo , $tamanho , $tmp_nome , $tipo){
 $extensaoArquivo['extensao'] = explode('.' , $arquivo);
 if(in_array($extensaoArquivo['extensao'][1] , $this->extensao)){
 return 1;
 }else{
 return 0;
 }
 }

}
?>

Mastigando o código você vê os comentários e entende tudo!
Hoje é bem simples, essas sãos as classes, funções, variáveis e etc. que fará o arquivo enviar.php ler para saber como proceder!

Caso tenha alguma dúvida referente a esses códigos ai me procure via comentário e eu explico para vocês.

DOWNLOAD DO SISTEMA COMPLETO FINALIZADO

abraços

Bom, eu no inicio do código HTML deixei um ACTION, vocês viram?
Então, na pasta principal do sistema de upload, crie um arquivo com o nome “enviar.php”.

Relendo o HTML:

<form action="enviar.php" method="POST" enctype="multipart/form-data">

Viram ai nossa citação ao arquivo que criamos?

Agora vamos mastigar um código PHPzinho que nos enviará os dados?

<?php
/*
 @utor Leandro Machado
 www.leandromachado.com
*/
if($_POST['submit'] == "Upload"){
 include('config/variaveis.php');
 $upload = new Upload($_FILES['arquivo']['name'] , $_FILES['arquivo']['size'] , $_FILES['arquivo']['tmp_name'] , $_FILES['arquivo']['type']);
}
?>

É um código bem pequeno, ele vai ler as variáveis pré-definidas que esta em um diretório secundário. Isso é importante para podermos manter o controle das funções separadamente.
Como base de todo arquivo PHP, todo código iniciado com

<?php

identifica ao interpretador que está começando um código dinâmico e terminado com

?>

está terminando o código.

Como base de primeiros estudos de desenvolvimento (usando PHP) linhas após

//

são linhas de comentário de linha única (o cara faz o comentário do que esta escrevendo em apenas uma linha. Já linhas iniciadas com

/*

e terminadas com

*/

significa que entre essas linhas podemos fazer comentários de quantas linhas querermos, desde que respeitemos o comentário DENTRO DESSES PARAMETROS e o interpretador irá ignorar essa parte, ficando apenas para posteriormente podermos estudar nosso código.

Mastigando o código:

if($_POST['submit'] == "Upload"){

Basicamente estamos dizendo assim:

-“Se, com o método de comunicação com o cliente em POST for clicado no botão submit será o mesmo que usar a variável Upload e então abra uma chave para ler o que tem dentro da variável Upload!”.

Na outra linha vemos:

include('config/variaveis.php');

Esse código ai é onde definimos o que eu disse no inicio do Mastigado atual, que abriria variáveis de um arquivo extra! Ele diz:

-“Inclua no código as variáveis que estão no diretório CONFIG e o nome desse arquivo é “variaveis.php” com isso quando eu chamar uma função, vai ser lido lá para ver se existe alguma rotina para ler.”.

Agora vem uma linha grande:

$upload = new Upload($_FILES['arquivo']['name'] , $_FILES['arquivo']['size'] , $_FILES['arquivo']['tmp_name'] , $_FILES['arquivo']['type']);

Isso ai nós dizemos para definir uma variável chamada upload, note que antes do nome tem um $ (cifrão) é sinal que isso é definição de uma variável (ou constante nesse caso?).

Essa variável define que um novo Upload será feito, usará a variável pré-definida FILES do PHP que usará as funções arquivo e name (define o nome do arquivo)(ai tem uma vírgula para dizer que o comando segue na mesma variável mas é outra leitura) e a próxima parte define o tamanho do arquivo, o próximo define o nome temporário do arquivo e por ultimo, o tipo de arquivo.
O que esses códigos nos dizem é tudo baseado nas variáveis que foram definidas no arquivo dentro do diretório CONFIG. Sendo assim, nós temos que sempre ler o arquivo incluído no código para validarmos o código, senão seria comandos sem sentido.

Concluindo:
Usamos os comandos básicos de abertura e fechamento de código PHP, nesses arquivos criamos uma inclusão de código externo e usamos a variável upload que definiu os arquivos usando a opção FILES que é uma variável pré-definida do PHP (para maior referência da variável pré-definida FILES visite http://br.php.net/manual/pt_BR/reserved.variables.files.php).
Esse código definiu várias coisas dentro do sistema, porém ele tem que ler as condições das variáveis para autorizar ou não a nós trabalharmos com isso, por exemplo, ao definir o formato do arquivo ele tem que ler no arquivo “variaveis.php”  se aquele formato esta autorizado ou não.

Ainda essa semana voltarei com o código final e o endereço para download do código pronto e trabalhando.

Abraço, leiam na benção!

Recapitulando o “mastigado 3″ falei “chamar a classe” ou “chamar o objeto”.

Simples, em CSS quando você cria uma classe, objeto ou seja la o que for ele fica lá guardado nos códigos, como se você tivesse separado notas de 2, 5, 10, 20, 50 e 100 reais na carteira, ai vai fazer uma compra de R$: 20,00, qual a nota você tiraria para pagar?

Com CSS é a mesma coisa, se fosse um código PHP (ou outra linguagem) nós poderiamos até colocar como  variáveis, afinal voce define o nome que quizer para a classe, coloca os atributos dela e pronto é só chama-la.

Pois bem, hoje iremos desenhar na tela, dar formato para ela e ver como seria tudo!

IMPORTANTE: caso você ache estranho o desenho do botão com um negócio escrito encima pode retirar ok? ensinarei como retirar o fundo de desenho.

Mastiguemos?

</span></span>

<html>
<head>
<title>...::C&oacute;digo Mastigado - UPLOAD 1::...</title>
<style>
body { background-image:url(imagens/bg.png);}
.cabecalho {margin: 0 3% 0; background-image:url(imagens/header.png); background-repeat:no-repeat; width: 760px; height: 180px; }
.enviar { background-image:url(imagens/botao_envia.png); height: 35px; width: 180px; border:0px; }
</style>
</head>
<body>
<div></div>
<div id="body" >
 <form action="enviar.php" method="POST" enctype="multipart/form-data">
 <fieldset>
 <legend><font color="#FFFFFF" face="Courier New, Courier, monospace" size="+2">FAZENDO UPLOAD</font></legend>
 <span>
 <input type="file"   name="arquivo"  />
 </span>
 <br><br>
 <span>
 <input type="submit" name="submit" value="Upload" id="submit"/>
</span>
 </form>
 </fieldset>
 </div>
</body>
</html>

Já haviamos mechido com a parte style, vamos ao corpo da página, primeiro passo CHAMAR O CABEÇALHO:

<div class="cabecalho"></div>

Bom a lógica é que você chamou o objeto que foi declarado lá na função style e que estava com o nome “cabecalho” entendeu? Se você quizer adicionar texto ou quer coisa é só entre os >< escrever algo que aparecerá o texto que você quizer.

Até agora olhe só como ficou:

Logo em seguida vamos ao passo de desenhar o “formulário”:

<div id="body" >

Aqui nós abrimos o corpo da página que fora definido no padrão css, nele contem tudo que declaramos como espaçamento e tal, no final do código precisará ser fechado com um

</div>

senão dá problema para nosso código.

Agora engrossando o caldo:

<form action="enviar.php" method="POST" enctype="multipart/form-data">

Vamos lá! Na primeirae ação do código ele vai entender que a ação a ser executada é abrir o arquivo “enviar.php”, na segunda que o método de comunicação é o “POST” (sinceramente não sou muito adepto do “GET” não) e que a forma de “encode” é multipart e tem dados de formulario.

GLOSSÁRIO ENCTYPE: atributo enctype especifica a representação dos dados do nosso formulário. Este serve para determinar o mecanismo utilizado para encode os conteúdos obtidos pelo formulário. Aqui, eu pessoalmente deixo o browser preocupar-se dado que por defeito quer para o método POST quer para o GET o enctype é application/x-www-form-urlencoded. No entanto terei de especificar o enctype caso deseje ter por exemplo um formulário para upload de ficheiros em que o mesmo será multipart/form-data e em que o método terá também de ser o POST. (retirei do HTMLSTAFF)

<fieldset>

Falando de modo grosseiro, esse negócio ai desenha na tela em volta do formulário uma linha quando usado a tag

</fieldset>

é o final da delimitação dele.

Próximo ingrediente:

<legend><font color="#FFFFFF" face="Courier New, Courier, monospace" size="+2">FAZENDO UPLOAD</font></legend>

Bom, a tag

<legend>

diz:

- “Eu sou a linha do fieldset, eu delimito até onde eu vou. No caso eu iniciarei em frente a letra F de FAZENDO e terminarei na letra D de UPLOAD!”

Ai vem

<font color="#FFFFFF" face="Courier New, Courier, monospace" size="+2">

isso ai basicamente diz para o navegador:

- “Toda a letra que for escrita dentro de minha tag será na cor BRANCA, terá a fonte COURIER NEW e o tamanho HTML +2.”

Dentro da delimitação iniciando pelo > e terminando pelo < temos o texto

FAZENDO UPLOAD

esse é o texto que ficara no inicio da tela desenhada, logo em seguida vem o fechamento das tags com

</font> e </legend>[code]</span>.

Agora desenharemos o primeiro campo:

[code]<span>
 <input type="file"   name="arquivo"  />
 </span>

Com a tag

<span> e </span>

mandamos o html não fazer alteração visual (basicamente isso).

Logo apos o span, vemos um codigo que seria:

- “Quero um arquivo de entrada de dados do tipo FILE (arquivo)  e que terá o nome ARQUIVO pra quando eu precisar, chamar ele no código dinamico que terá. Ai é onde o “cara na frente do monitor” irá clicar para achar o arquivo necessario para subir no servidor.”

Bom não irei mais explicar as tags html básicas, então amigão, no código ai por exemplo tem as tags

<br> e <span>

da uma lidinha no http://www.w3schools.com/TAGS/ lá tem TODAS as tags HTML!

Agora adicionamos um ingrediente pesado:

<input class="enviar" type="submit" name="submit" value="Upload" id="submit"/>  

Mastigando:
O arquivo tem a classe enviar (chamou o desenho do botão, se não quizer, so tire a tag class=”enviar”do código)  e a entrada de dados nossa é do tipo SUBMIT (ENVIAR, ou seja, ele envia dados para algum lugar) e o nome dele é “submit” (ou seja, sera identificado como submit no codigo dinamico posterior) e o valor dele é “Upload” (tambem será utilizado no codigo dinamico posterior) e a identificação unica dele é submit (poderia ser um numero tambem, mas por questão de identificação colocamos submit porque o codigo é pequeno).

Logo em seguida temos as tags

</form>
 </fieldset>    

que irão fechar o formulário e o desenho da linha!

Fechamos os conteiners CSS com

</div>

e o resto do código html conforme foi explicado no MASTIGADO 1.

Até agora nossa tela está assim:

Bom, basicamente é isso por hoje pessoal.

Peço perdão por:
Erros de digitação (se virem por favor anunciem e eu corrijo), falta de assunto nos comentários e por ser um cara completamente estranho em relação aos códigos, mas eu converso com eles!

abração a todos e obrigado por lerem e comentarem.

Hoje faremos a terceira parte do Codigo Mastigado, o código engrossara, mas farei de tudo para não deixar ele complexo, vamos entendendo aos poucos.

Primeiramente quero pedir perdão, prometi o post para ontem, mas meu serviço me deixou bem ocupado, estou com um prazo um pouco atrasado.

Vamos ao que interessa, primeiro passo:

Crie um diretório onde você achar necessário, recomendo que hospede esse diretório em um servidor PHP (aqui em casa eu testo minhas coisas com APACHE + PHP + MYSQL) mas voce pode pegar um host desses gratuitos por ai. A necessidade de execução em um servidor desses é que teremos código PHP também em nosso sisteminha.

Use o mesmo fluxograma que passei no código mastigado 2 para a criação do diretório.

Agora faça o seguinte vá ao endereço http://www.leandromachado.com/arquivos lá tem duas imagens, faça download delas e coloque no diretório imagens.

Pronto, vamos agora ao código e depois vamos mastiga-lo.

<html>
<head>
<title>...::C&oacute;digo Mastigado - UPLOAD 1::...</title>
<style>
body { background-image:url(imagens/bg.png);}
.cabecalho {margin: 0 10% 0; padding: 0 15% 0; background-image:url(imagens/header.png); background-repeat:no-repeat; width: 760px; height: 180px; }
.enviar { background-image:url(imagens/botao_envia.png); height: 35px; width: 180px; border:0px; }
</style>
</head>
<body>
</body>
</html>

Bom, as tags html que expliquei no mastigado 1 e 2 não serão reescritas, qualquer coisa leia os outros posts. Como eu havia informado, mudei a estrutura do código colocando a tag

<style> e </style]

, eu havia previsto não usar mas acabei mudando para darmos uma ideia legal ao nosso post!

Basicamente eu poderia ter criado um arquivo separado chamado style.css e chama-lo pelo html, mas como o código que estamos usando para o estilo do arquivo não é dos maiores, então decidi fazer desse jeito.

Vale lembrar que as imagens estão no formato png (até mais pesado um pouco, porque são editaveis) voces podem altera-las quando achar necessário.

Vamos mastigar?

<style>
 body { background-image:url(imagens/bg.png);}
 .cabecalho {margin: 0 3% 0;  background-image:url(imagens/header.png); background-repeat:no-repeat;  width: 760px; height: 180px; }
 .enviar { background-image:url(imagens/botao_envia.png); height: 35px; width: 180px; border:0px; }
 </style>

Observe na linha 1 do código:

body { background-image:url(imagens/bg.png);}

Como regra CSS, voce declara a “variavel”, “classe” ou  “objeto”, abre uma chave { e faz a identação do código, logo após fecha com dois pontos e fecha a chave }. Esse objeto que declaramos ai na primeira linha do estilo da página é como dizermos:

- “Desenhe na tela do “cara na frente do monitor” um corpo de página, na função background-imagem (imagem de fundo) voce abra o caminho imagens e pegue o arquivo bg.png como a imagem de fundo para o corpo da página.”

Observação: como não existe atributo após o parêntesis atras da bg.png é sinal que não delimitamos o que a imagem vai fazer, por padrão CSS essa imagem irá repetir infinitamente no navegador, se o cara tiver resolução 640×480 ela estara preenchendo a tela do cara, se tiver resolução de tela de 2240×1380 (acho grande heim) irá tambem preencher toda a tela do cara com um “fundinho bonitinho” que desenhamos.

Na próxima parte do código vemos:

.cabecalho {margin: 0 10% 0; padding: 0 15% 0;   background-image:url(imagens/header.png); background-repeat:no-repeat;   width: 760px; height: 180px; }

Ai já complicou o código mais ou menos, mas seriamos como dissessemos assim:
- “Desenhe no navegador uma classe que quando chamada irá abrir um arquivo com margem superior a 0, ou seja,  no inicio do topo do navegador. Com esquerda e direita a 3% (vai ficar balanceado) e inferior a 0 (definimos o preenchimento completo). Observação: estude a propriedade css MARGIN. Desenhe tambem na tela uma imagem de fundo, abrindo a pasta imagens e usando a imagem header.png . Logo em seguida informe ao navegador que a imagem de background não pode repetir e que tenha largura de 760 pixels e altura de 180 pixels.”

Observação: Se voces forem lendo o código e ler essa conversa do programador com o CSS ai entenderão cada comando certinho, afinal estamos mastigando o código, entender cada parte é essencial.

Agora iremos desenhar o botão enviar, para não ficar clichê, não concorda?

o código:

.enviar { background-image:url(imagens/botao_envia.png); height: 35px; width: 180px; border:0px; }

diz:
- “Desenhe na tela do “cara da frente do monitor” uma imagem de fundo que abre o diretório imagens e usa a imagem botao_envia.png como imagem de fundo e que tenha a altura de 35 pixels e 180 pixels de largura (daria para usar invertido sendo largura primeiro e altura em seguida, mas tanto faz. Sem borda porque esta em 0 pixels.”

Observação: o código será usado como uma classe, ok?

Então depois disso a gente fechou a tag STYLE e ja temos o visual definido para ser chamado correto?

Agora hoje a tarde ou amanha cedo irei continuar o código para definirmos certinho como chamar os estilos do código.

abração e obrigado por ler e comentar.

Nosso conceito será:

HTML (Página Inicial do Script de Upload);

IMAGENS (terá todas as imagens do site);
VARIÁVEIS (terá todo o código PHP).

Então a divisão de arquivos ficaria basicamente com esse fluxograma:

Explicando o fluxograma:

1 Diretório Base do Sistema: Basicamente é onde vai estar o arquivo INDEX.HTML (arquivo que abre primeiro na página) automaticamente quando o “cara na frente do monitor” abrir o endereço de upload no caso seria um www.sitedocara.com.br/upload então esse arquivo html será lido e interpretado pelo navegador da pessoa que passará os próximos comandos a ler e executar.

2 Diretório Imagens: Bom, aqui é onde vai ficar todas as imagens do seu sistema, a gente costuma colocar todas em um local base para poder facilitar a nossa vida na hora de desenvolver, porque fica fácil para identificar.

3 Diretório Variáveis: Aqui é onde ficará os arquivos dinamicos PHP, no caso do nosso arquivo tem dois arquivos PHP nesse diretório.

Concluindo: Nosso sistema sofrerá alteração nos diretórios porque adicionaremos um diretório onde será colocado os arquivos de download.

Preview: No sistema que programei para usarmos já temos a classe STYLE no código html e também temos um sisteminha de permissão de formato, onde o programador define o formato de arquivo permitido a ser feito upload, por questão de segurança, então ai vai no caminho lá e define quais os arquivos que podem ser subidos, por exemplo: PDF, DOC, etc…

abraçao e ate a proxima

De repente surgiram 16528 comentários em meu blog, ai eu apaguei tudo para não pesar muito (MENTIRA) sobre a estrutura inicial do HTML, então, irei sempre usar a mesma característica de arquivos mudando só o titulo.

CÓDIGO BASE DA ESTRUTURA:

<html>
<head>
<title>...::C&oacute;digo Mastigado - UPLOAD 1::...</title>
</head>

<body>
</body>
</html>

EXPLICANDO A LÓGICA:

Em toda aula de HTML sempre as toupeiras costumam ensinar O QUE É HTML? HISTÓRIA DO HTML e para completar ESTRUTURA BASICA DO HTML, simplificando, você paga por três aulas que foi gasto sem necessidade.
Tiramos proveito apenas da estrutura básica do html e vamos entender ele.

<html> e </html>

Como é o nome do arquivo que criamos?
Resposta: HTML.
Quando iniciamos uma redação precisamos ter o que?
Resposta: Inicio, Meio e fim.
Pois bem, no HTML é quase a mesma coisa, todo arquivo html tem que ser iniciado por

<html>

e terminado por

</html>

. É como se você falasse assim para o navegador do cara: “Navegador, leia tudo que estiver dentro dessas TAGS (TAG =  http://pt.wikipedia.org/wiki/Tag_%28programa%C3%A7%C3%A3o%29 ) e interprete-as e então passe para o “cara na frente do monitor” tudo que eu instruir e depois termine.

“Perai”, vamos mudar a metodologia?  Lembre-se de que todo código html termina com </código> ou seja, tem uma “barra” (/) depois de <. Vou colocar a tag inicial e a que termina ela, afinal é só para explicar o corpo da “carniça” do código não concorda?
Tag

<head> </head>

esse comando ai tem digamos “sub-comandos” que são capazes de definir algumas coisas, ele é o cabeçalho, então ele define varias coisas (ele pensa , sabia?).
Dos comandos cito:

<title> e </title>

Title esta dentro da tag head, ou seja, faz parte do cabeçalho, ele define o titulo da página, no nosso caso seria o código

 <title>...::C&oacute;digo Mastigado - UPLOAD 1::...</title>

.
Surgiu uma coisa estranha na sua mente? Não se assuste nesse negócio louco ai “C&oacute;digo”, isso significa que usei um código html para acentos, porque html foi feito para escrever em inglês, e ao invés de usar definições para português no cabeçalho prefiro html, beleza? Para converter seus acentos em acento html visite essa página: http://www.codigosnaweb.com/Converte-letras-com-acentos-em-caracteres-especiais_81_2-HTML.html .
O código

<style> e </style>

define estilo à nossa página, isso seria meio que entrar na parte de CSS, depois estuda, é legalzinho e padrão da “Web 2.0” ^^.

O código

<script> e </script>

seria uma linguagem externa, javascript e/ou execução de alguns tipos de script.
Tem outros mas não quis colocar, caso necessite estudar sobre tudo isso ai do HEAD veja: http://pt.wikipedia.org/wiki/Lista_de_tags_HTML .

A tag

<body> e </body>

pode ser traduzida na essência de sua palavra e teremos a solução ideal para o problema de entender ela.
Body = CORPO, ou seja, o corpo da sua página será aqui mano! Tudo que você colocar tags, textos, números, caracteres especiais, TUDO estará nessa página, salvo as reservas do html, você pode colocar tudo! Bom não acha?
Basicamente esse é o código para um html ter funcionalidades básicas, agora vou comentar o código em si!

<html>

Olha só, eu estou iniciando o conteúdo html a ser lido pelo navegador.

<head>

Oi, eu sou o cabeçalho, eu irei definir as configurações da página e o que define ela para o navegador começar a interpretar os códigos que virão a seguir.

<title>...::C&oacute;digo Mastigado - UPLOAD 1::...</title>

Olá, sou o Titulo da Página, eu apareço no canto superior esquerdo do navegador (Firefox, Chrome, Safári, Opera, etc.)

</head>

Eu termino o código do cabeçalho, fechando ele, assim o navegador interpreta que ao terminar de me ler deverá passar para o próximo passo, e que definições que eu der serão para toda a página e poderão ser chamadas depois (por exemplo um javascript).

<body>

Eu determino o corpo da página, a essência do conteúdo da página será definido por minha “pessoa”, tudo que estiver dentro de mim será para definir desenho, tamanhos, cores, posições, etc.

</body>

Eu finalizo o corpo da página, após o navegador me ler ele passará para o próximo passo depois de me ler todo.

</html>

Eu finalizo o código html, tudo que tiver após eu será ignorado pelo interpretador (no caso o navegador de página html).

No próximo post falaremos sobre o desenho de uma página de upload, vamos ver se precisa de melhoria, se faremos melhorias na hora de revisar o código e passaremos então para outro passo.
Aguardo comentários, senão eu desanimo .

abraço

Bom, hoje eu montei um banner de um evento de uma igreja que vai ter em minha cidade, montei em corel draw e vo expor aqui no blog.

As cores escolhidas foram branco, azul (logomarca) e vermelho (definição do “Amigos de Deus”).

O que acharam do conceito?

abraço.

Partindo desse principio quero falar de três “marcas” que nos ultimos dias tem me surpreendido com qualidade e quem sabe até assumido riscos desastrosos, mas que tem sido bom para os dois lados (ele obtem o lucro desejado e eu o serviço que necessito).

1ª Marca:

Bradesco S/A, é uma empresa de grande porte, creio que ainda seja o maior banco do nosso país, o interessante é que eu sempre fui meio receoso com Bradesco por causa de uma poupança minha que eles haviam fechado sem motivo, mesmo eu movimentando.
Ocorre que sempre fui adepto e propagandista do ITAU, mas ocorre que meteram meu nome no “PAU” injustamente, empresa louca que vai perder um processo e então o ITAU teve capacidade de fechar minha conta sem notificar e eu indo procurar disseram que teria que resolver meu problema de restrição antes e depois abrir uma conta nova, ou seja, eu perderia tempo de conta e isso na Receita Federal, Orgãos de consumidores, lojas, etc. é muito importante.
Foi ai que eu fiz uma proposta on-line para o Bradesco de abertura de contas, 01 dia depois uma funcionária da agência do meu municipio entrou em contato comigo, o nome dela é ALINI (me atendeu muito bem) dizendo que havia sido pré-aprovado e era só eu levar documentos pessoais e uma conta paga como comprovante de residencia, nem precisava levar comprovante de renda!

Bradesco: NOTA 9,6

2ª Marca:

MasterCard, já ouviu falar das empresas que dominam e acham que nunca iriam ser ultrapassadas ou até fundir? (BomBril, VISA, Coca-Cola (“cueca” ainda vai ser ultrapassada)).

A VISA sempre dominou e tal, eu sempre fui meio “do contra” então fui adepto do MasterCard desde os primordios dele (que eu entendo que poderia fazer qualquer transação comercial), pois bem, as taxas sempre foram menores e eles sempre facilitaram, então NOTA: 9,3.

3ª Marca:

Sempre gostei de correr riscos tambem para obter um “lucro maior”, só que a gente vai ficando mais experiente e digamos assim, VELHO MESMO e quer evitar de se preocupar tanto, já basta preocupações do serviço (ainda mais quem desenvolve solução heim? imagina trabalhar eliminando erros!).

Costumava comprar no MercadoLivre, lá hoje em dia é seguro, mas nem tanto, porque eles não se responsabilizam pelas minhas atitudes ou as suas. Comprei uma ou duas vezes no Submarino antigamente e por isso minha familia ficou com cartão e tudo mais de lá, pois bem, parei para pensar e vi que lá era seguro, barato e ágil, essa semana que passou postei um comentario sobre um pedido de livro (e um celular) então, deram prazo de 8 dias para chegar aqui, 2 dias após se despachado de SP estava aqui em São Mateus – ES. Entrega bem lacrada, em qualidade de editorial, tudo de acordo como eu pedi e para completar AGIL (pessoas agoniadas como eu gostam desse tipo de coisa).

NOTA: 8,9

Pois bem, SIGAM-ME OS BONS e comprem e utilizem desses serviços e não irão se decepcionar, isto eu “agarantio”.

abração, mais tarde tem post de desenvolvimeneto ou design.

Hoje iremos falar do “papel social” do desenvolvedor web, um assunto no mínimo interessante porque fala sobre como a sociedade tem aderido cada vez mais aos sistemas informatizados, e agora com a onda “CLOUD COMPUTING” (computação nas nuvens) a parada ficou mais séria ainda.

A questão é um tanto simples, mas interessante! Qual o papel que o desenvolvedor executa na sociedade?

Simples, nós entregamos o que a sociedade precisa, como exemplo disso no meu tutorial passado falei sobre “induzir o cara na frente do monitor” a inserir o nome dele na caixa de entrada de dados, na realidade não é induzir, mas a lógica é: Como o cliente saberia que queremos extrair dele a informação NOME dele sem mostrar para ele que deve preencher aquilo?
Como exemplo usei a frase de imagina se ao invés de clicar no botão ENVIAR ele teria escrito no botão 123456?

O “cara na frente do monitor” não saberia como proceder, então o nosso papel social é que entregamos a eles o que eles precisam e obtemos o que necessitamos para que a necessidade deles seja suprida da melhor forma.

Montemos um “algoritmo social” aqui:

Lado “Cliente”

1- “cara na frente do monitor” precisa saber o valor de 1 picolé;

1ª - Vai à opção Contato;

1b – Vai preencher dados:

- Nome;

- E-mail;

- Telefone;

-Mensagem.

1c – Clica no Botão Enviar.

2- Aguarda Resposta (se não obtiver resposta procura em outro lugar para comprar).

Lado “Servidor”

1-      Recebe os dados do Cliente;

1ª – Encaminha os dados para o departamento responsável;

1b – Se houver resposta, re-encaminha para o cliente;

1c – Senão, finaliza;

A questão que a gente levanta agora é a seguinte, qual o papel social disso?
Proporcionamos a possibilidade de o Cliente que esta querendo satisfazer sua necessidade de consumir o picolé, falar ao proprietário da empresa de picolé que quer comprar basta então o proprietário analisar sempre as mensagens que recebe do servidor e responde-las, assim:

1- O cliente chupa picolé;

2- O proprietário vende o picolé;

3- Nós obtivemos sucesso no papel social da necessidade humana de se comunicar, socializar e satisfazer suas necessidades básicas (ou não) com a alimentação.

ps: se bem que a nossa intenção real é ganhar $$$$$ não é? Opine!