Já postei aqui uma série de vídeos sobre o básico do PHP, alguns slides sobre Introdução à Arquitetura de Informação e agora vou postar ums série de vídeos sobre ASP.NET.

O objetivo deste curso é permitir alguém com boa vontade e dedicação desenvolver pequenos sites em Asp.net. Apenas começar o desenvolvimento, o suficiente para conseguir acompanhar o material mais completo e técnico já presente em abundância na Internet.

Conteúdo programático

• Preparando o Ambiente
• XHTML e CSS
• A interface Rad do Web Developer
• Um pouco de Visual Basic
• Componentes html controls
• Componentes web controls
• Validação de formulários
• Sessão, controle de acesso e personalização
• Data Sources e odbc
• Grid Views e telas Crud

Aula 1: Instalando o Visual Web Developer

Parte 1

Parte 2

Aula 2: Instalando o MySql e Odbc Connector

Parte 1

Parte 2

Aula 3: Hello World Asp.Net

Parte 1

Parte 2

Aula 4: Componentes Básicos

Parte 1

Parte 2

Aula 5: XHTML e CSS

Visite o site para maiores informações.

Aula 6: Validando Formulários

Parte 1

Parte 2

Aula 7: Acessando Banco de Dados

Parte 1

Parte 2

Parte 3

Parte 4

Aula 8: Tela de Cadastro CRUD

Parte 1

Parte 2

Parte 3

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Cheatsheet: do PHP ao ASP

Como tornar mais fácil que as pessoas encontrem seu website? E como transformar visitantes casuais em usuários ativos? Guerreiro SEO mostra a você como isso pode ser feito por meio de uma coleção de técnicas testadas e comprovadas, truques e boas práticas. Aprenda os fundamentos básicos da teoria da otimização para mecanismos de busca (Search Engine Optimization, ou SEO), a importância de estratégia nas palavras-chave e como evitar e contornar armadilhas para mecanismos de busca.

Você também aprenderá sobre práticas de marketing nos mecanismos de busca (Search Engine Marketing, ou SEM), como o Google AdWords, e como usar redes sociais para aumentar sua visibilidade. Ideal para desenvolvedores da web, profissionais de marketing experientes, webmasters e qualquer um que se interesse por SEO, este livro funciona não apenas como um tutorial de SEO, mas também como uma referência para implementação de técnicas de SEO eficazes.

Com esse livro você irá aprender:

• Crie sites atraentes com recursos de SEO que resistirão ao tempo.
• Otimize seu site para o Google, o Yahoo! e o Bing, da Microsoft, bem como para mecanismos de busca utilizados em diferentes partes do mundo.
• Conduza pesquisas de palavras-chave para encontrar os melhores termos que atinjam seu público-alvo — e os termos relacionados aos quais eles responderão.
• Aprenda como funcionam os mecanismos de busca utilizando scripts personalizados.
• Analise seu site para ver como ele se compara aos dos concorrentes.

Utilizando o código gseo você terá 20% de desconto. Válido até 31 de março de 2010.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Manipulando URLs com .htaccess no Apache
• Centro de Tecnologia SEO para Flash da Adobe
• SEO – Google agora segue links JavaScript
• Como o Google determina a relevância de uma página
• O que é SEO?

Arquivos do tipo .chm são arquivos de ajuda do Windows semelhantes aos .hlp, porém são compilados utilizando fontes .html. Se você buscava até agora uma referência de consulta rápida para o Framework jQuery, está aí a solução, ótimo para aquelas horas em que você precisa consultar a ajuda do jQuery está sem internet. Se você utiliza Windows, basta baixar o arquivo, descomprimir o mesmo e utilizá-lo.

Caso você abra o arquivo e receba um aviso de página não encontrada ou algo do tipo, efetue os seguintes passos:

• Clique com o botão direito do mouse no arquivo CHM e clique em Propriedades.
• Clique em Desbloquear.
• Clique duas vezes no arquivo .chm para abrí-lo.

Maiores informações você pode ver no site da Microsoft.

Usuários de Linux

Para visualizar arquivos .chm no Linux você vai precisar de um programa chamado xchm, para instalá-lo no Ubuntu, por exemplo, basta executar o seguinte comando:

sudo apt-get install xchm

Usuários de MAC OS

Os usuários de MAC OSX devem ter o programa Chmox instalado para visualizar arquivos .chm no MAC OSX.

Todos os créditos do arquivo são do site charupload por ter compilado o mesmo.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Colunas com alturas iguais com JavaScript
• Ebook grátis de JankoAtWarpSpeed: Os melhores tutoriais
• Live event binding com jQuery 1.3
• jQuery Price Plugin
• Prototype vs. jQuery

Sim, é com muito prazer que anuncio que mudei o layout do meu outro blog, o CSS no Lanche. Aquele layout e logo antigo que você conhecia já estava no ar desde 2008, então, já estava mais do que na hora do site ter uma identidade visual própria.

Mas aí você me pergunta, você utilizou o mesmo layout do Pinceladas da Web? Sim, queria fazer algo que ao alguém visitar este site lembre-se quem é o dono dele. Um bom exemplo disso são os blogs da Envato, pois ao acessar os sites deles você vê que os layouts são os mesmos, a única mudança que ocorre é no logotipo. Quem acessa qualquer site deles já se lembra na hora a quem eles pertencem.

Mas agora voltando ao assunto do novo layout, essa textura no topo tem a função de simular uma toalha e o logotipo é um prato com um hambúrguer e um guardanapo ao lado, e o inventor de tudo disso foi meu amigo Thiago Dutra. Críticas e sugestões são sempre bem vindas.

Pra quem não viu o layout antigo, agora só através de screenshot:

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Radial Gradients & Web SQL Databases
• CSS3 Gradients & HTML5 Databases
• Experimento HTML5 + CSS3 Fase 2
• Livros sobre HTML5 e CSS3
• Experimento: HTML5 + CSS3

Aula 1 – Ponta pé inicial

Aula 2 – Condicionais

Aula 3 – Operadores Matemáticos

Aula 4 – Operadores Lógicos

Aula 5 – Operadores de Comparação

Aula 6 – Loops

Aula 7 – Variáveis de sistema

Aula 8 – Session e Cookies

Aula 9 – Include-Include_Once e Require-Require_Once

Aula 10 – Functions

Aula 11 – Iniciando no banco de dados

Aula 12 – PHP + Mysql

Aula 13 – Cláusulas Mysql

Aula 14 – Iniciando Orientação a Objetos

Aula 15 – Encapsulamento de Atributos

Se você tem algum site com tutoriais de PHP para indicar, deixe o mesmo nos comentários.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Instalar Apache+PHP+MySQL no Windows 7/Vista/XP
• Soluções para pagamento digital
• MySQL – Administração e Ferramentas de Desenvolvimento
• xCSS Framework – Orientação a Objetos em CSS
• Como verificar se um domínio (e-mail) é válido

Recentemente dois novos elementos HTML: summary e figcaption foram adicionados ao projeto do HTML5. A criação desses novos elementos visa a aceitação de que novos elementos são necessários para atuar como legendas para os elementos details e figure.

Elemento figcaption

Este novo elemento age como subitítulo opcional ou legenda para qualquer conteúdo contido dentro do elemento figure. Se houver um elemento figcaption ele deve ser o primeiro ou o último filho do elemento figure e só um figcaption irá representar a legenda.

O elemento figure é usado para marcar qualquer conteúdo auto-suficiente que possa ser referenciado a partir do fluxo principal de um documento, tendo a possibilidade de ser extraído de um conteúdo primário (por exemplo, um apêndice), sem afetar o seu fluxo. Isso o torna adequado para diversos tipos de conteúdos que vão desde gráficos e tabelas de dados e blocos de código:

<p>A Figura 1 mostra a extensão do colapso dos mercados e como a recuperação tem sido lenta.</p>
<figure id="fig-ftse">
   <figcaption>Figura 1. O valor do Índice FTSE 100 1999-2009.</figcaption>
   <img src="ftse-100-index-graph.jpg" alt="O índice atingiu um recorde de alta no final de 1999 e passou por duas quedas significativas na década passada."/>
</figure>

A criação do elemento figcaption é um passo importante para o projeto de especificação do HTML5, uma vez que fornece um meio confiável de marcação a legenda para o conteúdo que é marcado com figure. As tentativas anteriores de usar o elemento legend, elemento caption e os elementos dt e dd falharam devido a uma falta de compatibilidade com versões anteriores quando vieram a estilizar esses elementos com CSS.

O elemento summary

Este novo elemento representa um resumo, subitítulo ou legenda para qualquer conteúdo que tenha como pai o elemento details. O elemento summary deve ser o primeiro filho de um elemento details e, se não houver nenhum elemento summary presente, o agente de usuário deve fornecer seu próprio elemento. A razão para isso é porque o elemento details tem uma função específica – a marcação de informação adicional e permitir ao usuário alternar a visibilidade das informações adicionais. Embora ainda não esteja especificado, espera-se que o elemento summary atue como o controle que irá alternar entre o expandir e contair do conteúdo do elemento details:

<details>
   <summary>Detalhes técnicos.</summary>
   <dl>
      <dt>Bit rate:</dt> <dd>190KB/s</dd>
      <dt>Nome do arquivo:</dt> <dd>drum-and-bass-mix.mp3</dd>
      <dt>Duração:</dt> <dd>01:02:34</dd>
      <dt>Tamanho do arquivo:</dt> <dd>78.9MB</dd>
   </dl>
</details>

A introdução do elemento summary parece garantir o futuro do elemento details com esse comportamento permitido. Quando os user agents começarem a dar suporte ao elemento details você não irá precisar de JavaScript, ou até mesmo CSS, para ter a opção de expandir ou contrair conteúdo em um documento HTML.

Referências

• Hello, summary and figcaption elements.
• New HTML5 elements: summary & figcaption.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Novo CSS no Lanche
• Radial Gradients & Web SQL Databases
• HTML5: Amigo ou Inimigo (Para o Flash)?
• CSS3 Gradients & HTML5 Databases
• Youtube e Vimeo com suporte a HTML5 – Mas e o Firefox?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Novo CSS no Lanche
• CSS3 Gradients & HTML5 Databases
• Experimento HTML5 + CSS3 Fase 2
• Livros sobre HTML5 e CSS3
• Experimento: HTML5 + CSS3

O Apache é o servidor mais popular da web, foi criado em Abril de 1996 com o intuito de ser um servidor HTTP gratuito para sistemas UNIX e Windows. O objetivo do projeto é de fornecer um servidor seguro, eficiente e extensível que forneça serviços de HTTP em sincronia com os padrões HTTP.

O intuito desse post é de tonar você capacitado a instalar o Apache, o PHP, o MySQL, e o phpMyAdmin no Windows 7, Vista ou XP sem a utilização desses sistemas prontos, como o WampServer, XAMPP, PHP Triad. A vantagem de instalar tudo separado é que você não fica sujeito as configurações que os programas já impõem, ou muitas vezes podem até não funcionar corretamente como deveriam.

Índice

• Passo 1: Instalação e configuração do Apache
• Passo 2: Instalação e configuração do PHP
• Passo 3: Instalação e configuração do MySQL
• Passo 4: Instalação e configuração do PhpMyAdmin

Pré-requisitos

• Apache HTTP Server (2.2.14) – Download apache_2.2.14-win32-x86-openssl-0.9.8k.msi
• PHP 5.3.1 – Download php-5.3.1-Win32-VC9-x86.msi
• MySQL 5.1.43 Download mysql-essential-5.1.43-win32
• phpMyAdmin 3.2.5 Download phpMyAdmin-3.2.5-all-languages.zip

Passo 1: Instalação do Apache 2.2

Eu resolvi instalar o Apache em uma pasta chamada Webserver, mas você pode instalá-lo onde quiser, se quiser seguir a minha lógica basta criar uma pasta chamada Webserver na raiz do seu HD, ficando da seguinte forma: C:\Webserver. Após incie o instalador do Apache, a primeira tela de instalação é semelhante a essa:

Basta seguir os passos, e você irá chegar a seguinte tela de configuração. Aqui é onde iremos efetuar algumas configurações do servidor, basta preencher o primeiro campo com o valor localdomain, o segundo campo com localhost e o terceiro um e-mail que desejar. É recomendável que você deixe o Apache rodando na porta 80, não que isso seja obrigatório, você pode alterar caso queira. Basta após clicar em Next:

Chegamos no passo onde iremos escolher o tipo de instalação, eu selecionei Custom pois quero personalizar a pasta de instalação do Apache:

Por padrão, o Apache será instalado na pasta Arquivos de Programas > Apache Software Foundation > Apache 2.2, mas vou instalá-lo dentro da minha pasta Webserver, ficando da seguinte forma:

Basta agora clicar em Install e a instalação será iniciada:

Após o término da instalação, você verá que apareceu na sua System Tray (aqueles ícones que ficam ao lado do relógio do Windows) um novo ícone, o Apache Monitor:

Através dele temos acesso ao status do Apache, onde podemos obter informações se ele está rodando, podemos também parar o sevidor, reiniciá-lo e iniciá-lo. Basta clicar com o botão direito no ícone e escolher Open Apache Monitor:

Já que o Apache está rodando corretamente, vamos testá-lo na prática, abra o seu browser e digite o seguinte na barra de endereços: http://localhost/. Você verá uma mensagem semelhante a abaixo:

As versões mais antigas do Apache exibiam outras informações, mas a 2.2.XX mostra só isso. As páginas ficam por padrão dentro da pasta “htdocs”, no diretório onde o Apache foi instalado. No meu caso ela fica na seguinte pasta: C:\Webserver\Apache2.2\htdocs. Caso você queira agora pode substituir o arquivo “index.html” pelo arquivo do seu site e também pode adicionar alí pastas e subpastas representando outros diretórios de seu site. Por exemplo, se existir uma pasta chamada wordpress dentro do diretório htdocs: C:\Webserver\Apache2.2\htdocs\wordpress, ela deve ser acessada dessa forma: http://localhost/wordpress/.

Se você ao acessar localhost em seu browser e ele ficar buscando o servidor, abrir uma página de busca, ou até mesmo retornar Servidor não encontrado, atente-se se o Apache está rodando corretamente e o mesmo foi iniciado. Se você efetuou esses passos e mesmo assim ele não está funcionando, instale-o novamente seguindo os passos acima que o problema pode ser resolvido.

Até agora nosso servidor lê somente HTML puro. Porém, é diferente a forma de acesso do endereço “http://localhost/index.html” de “C:\Webserver\Apache2.2\htdocs\index.html”. No primeiro caso, o navegador solicita a página ao servidor “localhost” (que é o seu computador), recebe a página do servidor, armazena a mesma no cache, e só depois então a exibe. Ele trata como se fosse um site que estivesse realmente hospedado em algum servidor da Internet. Como o servidor do site está no seu próprio PC, trata-se então de uma Intranet. No segundo caso, você está acessando o arquivo diretamente do seu HD. O navegador pode até armazenar algum dado no cache, mas não há nenhuma comunicação com qualquer servidor. Ele lê o arquivo como qualquer programa leria qualquer arquivo.

Configurações extras para o Apache

Após a instalação do Apache, vamos efetuar algumas configurações adicionais simples, para isso, vamos alterar o arquivo httpd.conf que está localizado dentro da pasta conf no diretório de instalação do Apache. Cuidado ao editar esse arquivo, pois qualquer erro e seu servidor pode parar de funcionar. Para habilitar o uso de URL’s amigáveis no servidor, você deve habilitar o módulo de mod_rewrite, bastando localizar a linha:

#LoadModule rewrite_module modules/mod_rewrite.so

E substituir a mesma por:

LoadModule rewrite_module modules/mod_rewrite.so

Vamos definir agora também quais arquivos o Apache irá servir quando um diretório for requisitado. Procure a seguinte linha:

DirectoryIndex index.html

E substituir a mesma por:

DirectoryIndex index.html index.php

Passo 2: Instalação e Configuração do PHP 5.3.1

A partir de agora vamos proporcionar mais interatividade ao nosso servidor com a instalação do PHP, a versão que vamos utilizar aqui é a 5.3.1. O PHP é um módulo para o Apache. Ao processar uma página PHP, o Apache envia a página ao módulo PHP, que a processa e devolve o resultado ao Apache, que por sua vez, envia ao browser que fez a solicitação. Para isso, a instalação do PHP consiste basicamente em colocar os arquivos numa pasta, e configurar o Apache para que “enxergue” os módulos PHP e chame-os sempre que encontrar um arquivo .php.

As telas de instalação poderão ser diferentes em outras versões, mas as idéias serão basicamente as mesmas:

Basta agora você ir seguindo os passos até chegar a tela onde você escolherá a pasta de instalação do PHP. Como já fiz anteriormente com o Apache, também vou personalizar a pasta do instalação do PHP, que será a seguinte: C:\Webserver\PHP5:

Nesse passo, ele irá pedir o tipo de servidor você está utilizando, basta escolher o Apache 2.2.XX:

Nesse próximo passo, ele irá solicitar o local dos arquivos de configuração do Apache. Localize a pasta “conf”, dentro da pasta onde foi instalado o Apache, senão a configuração não será automatizada e você terá que efetuar a mesma manualmente:

O próximo passo é onde você escolhe quais extensões quer instalar junto com o PHP, escolha as que julgar necessário ou simplesmente deixe como está:

Ao final do processo, caso esteja tudo OK, basta agora clicar no botão install:

Se tudo ocorreu bem até aí, nenhuma mensagem de erro será exibida. Basta agora você reiniciar o Apache e as páginas .php serão processadas e entregues corretamente ao browser. Ainda não foi configurado um servidor de banco de dados, então apenas os recursos diretos do PHP funcionarão (e os dos outros módulos pré-instalados do Apache). Um ótimo meio de testar o PHP e ver diversas informações do servidor é criar uma página PHP, com o seguinte conteúdo:

< ?php phpinfo(); ?>

Salve a mesma dentro da pasta htdocs com o nome info.php e então acesse a página pela seguinte URL: http://localhost/info.php.

Você terá acesso agora a uma página com todas as informações do PHP e os componentes instalados:

Configuração do PHP

A configuração do PHP envolve a edição do arquivo php.ini, na pasta onde o PHP for instalado, portanto, mãos a obra. Uma configuração útil é a ativar o uso de delimitadores < ? ... ?>, muito usados por serem mais simples. No arquivo php.ini, localize a linha que começa com short_open_tag e troque seu valor Off para On (Fique atento as letras maiúsculas e minúsculas). Ela deve ficar dessa forma:

short_open_tag = On

Caso você deixe Off, scripts PHP que iniciem com <? não serão identificados, somente os scripts que inciem com <?php funcionarão.

Permitir estilo ASP

asp_tags = On

Ative este item apenas se você gostar de usar as tags no estilo ASP, como em <% … %>, caso contrário, pode deixar desativado.

Habilitar a exibição de erros

display_errors = On

Por questões de segurança esse item vem com valor Off. Sua função é a de imprimir erros de sintaxe ou funcionamento do PHP na página. Por questões de segurança, é bom deixá-lo em Off, pois entre as mensagens de erros muitas vezes vêm nomes de arquivos, caminhos locais, e até a senha do banco de dados, se tiver algum erro de sintaxe justamente na declaração da mesma. Mas em contrapartida, para aprender PHP, é recomedável deixá-lo em On.

Passo 3: Instalação e Configuração do MySQL 5.1

O MySQL é um famoso gerenciador de Banco de Dados. Nesse tutorial iremos utilizar a versão 5.1.43 essential. Existe um outro pacote maior que vem com algumas coisas a mais, como documentação, mas para nosso tutorial resolvi optar pela versão mais leve.

A interface de instalação é semelhante a do Apache e a do PHP, não existe muito segredo, basta ir seguindo os passos que serão mostrados abaixo. Ao executar o instalador, você terá acesso a uma tela semelhante a essa:

O próximo passo é onde iremos selecionar o tipo de instalação: Típica, Completa ou Customizada. Eu optei pela instalação customizada pois quero personalizar a pasta de instalação do MySQL:

Localização da pasta de instalação do MySQL:

Estando tudo Ok, basta clicar em Install:

Após o final da instalação, vamos efetuar as configurações do MySQL, basta seguir os passos que serão mostrados aqui:

A seguir escolha configuração detalhada:

Escolha Developer Machine:

Escolha Multifunctional Database:

No passo ao que se refere a instalação do InnoDB, deixe como o caminho Installation Patch:

Deixe selecionado Decision Support (DSS)/OLAP:

Nesse passo, não se esqueça de deixar selecionado a caixa “Adicionar excessão ao Firewall”:

Selecione Best Support for Multilingualism:

A próxima opção é de incluir o caminho do MySQL na variável de ambiente “Path” do Windows. Deixe-a selecionada pois assim você pode chamar os executáveis do MySQL a partir de qualquer prompt, em qualquer pasta:

No próximo passo deve-se definir a senha de root, ele é o administrador do MySQL. Caso você já programe em PHP já sabe que para acessar um banco de dados é necessário fornecer um nome de usuário e senha válidos para aquele banco. Você poderá usar o “root” e a senha definida aqui, ou outra conta. Mas tenha em mente que para criar outras contas você precisará do root, e para alterar as configurações ou criar novos bancos de dados, também. Por isso é importante ter essa senha guardada em um local seguro:

No próximo passo basta você clicar em execute para que o MySQL dê início ao processo de configuração:

Caso tudo tenha corrido OK, você verá uma tela como essa, caso tenha algum problema, efetue as configurações novamente:

Caso queira checar se o serviço do MySQL está rodando corretamente no Windows, basta fazer o seguinte. Abra um prompt de comando, e digite: mysql -u root – p, ele irá pedir a senha de root que você havia configurado anteriormente, basta então digitar a mesma:

Após digite status e pronto, você terá informações sobre o MySQL:

Problemas de conexão dos scripts PHP com o MySQL

Alguns usuários de Windows 7, inclusive eu, andaram passando por problemas de conexão dos scripts PHP com o banco de dados. Se por um acaso você verificar que o serviço de MySQL está rodando corretamente, seu script PHP também está OK e mesmo assim ele não consegue conectar no banco de dados, aqui vai a solução. Verifique o arquivo hosts do Windows, ele fica localizado em: C:\Windows\System32\drivers\etc, abra o aquivo hosts e descomente a linha que contém o seguinte conteúdo:

127.0.0.1       localhost

Bastando somente você remover o sinal de #. Observe na screenshot abaixo como ele deve ficar:

Esse problema ocorre devido ao conector nativo do PHP. A partir da versão php5.3 é utilizado o cliente mysql nativo mysqlnd, não se usa mais o libmysql.dll. Esse novo conector não reconhece named pipe, por isso, deve-se especificar no arquivo hosts do Windows.

Passo 4: Instalação do PhpMyAdmin

Após efetuar o download do PhpMyAdmin, descompacte o mesmo e renomeie a pasta para phpmyadmin. Após, coloque a pasta dentro do diretório htdocs da pasta de instalação do Apache. Para acessar agora o PhpMyAdmin basta você digitar o seguinte: http://localhost/phpmyadmin/, entre com o usuário root e senha que você configurou para o mesmo na instalação do MySQL e pronto, você já tem acesso ao PhpMyAdmin.

Se você quiser pular esse passo de toda vez ao acessar o PhpMyAdmin ter de se logar, basta fazer o seguinte. Na pasta do mesmo abra o arquivo config.sample.inc.php e o renomeie para config.inc.php. Agora basta substituir a linha $cfg['Servers'][$i]['auth_type'] = ‘cookie’; por:

$cfg['Servers'][$i]['user']          = 'root';
$cfg['Servers'][$i]['password']      = ' '; // Digite aqui a senha de root
$cfg['Servers'][$i]['auth_type']     = 'config';

Pronto, agora toda vez ao acessar o PhpMyAdmin ele irá pular a tela de autenticação pois o usuário e senha já estão cadastrados no arquivo de configuração.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Como instalar o Apache no Windows Vista
• MySQL – Administração e Ferramentas de Desenvolvimento
• Padronizações ISO em colunas do banco de dados
• SQL com todas cidades e estados do Brasil
• Lista de palavras reservadas em MySQL

A definição de Arquitetura da Informação é o “estudo da organização da informação que permite ao usuário chegar ao entedimento”. Na prática, ela se refere à organização da estrutura de um website e seu conteúdo, rotulagem e categorização da informação e o design dos sistemas de navegação e de busca.

Visando ajudar os iniciantes nessa áera e até mesmo os mais experientes, vou postar aqui uma série de slides com abordagem sobre o assunto:

Aula 1 – Introdução à arquitetura de informação

Aula 2 – Sistema de organização

Aula 3 – Sistema de navegação

Aula 4 – Sistemas de Rotulação

Aula 5 – Sistemas de busca

Aula 6 – Metodologia e Processo

Aula 7 – Concepção – Criando Conceitos

Aula 8 – Concepção – Avaliando os Conceitos

Aula 9 – Concepção – Refinando e Documentando os Conceitos

Aula 10 – Especificacão

Aula 11 – Wireframes

Aula 12 – Implementação e Metodologias Ágeis

Aula 13 – Mundo AI

Aula 14 – Testes de usabilidade

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Boas práticas no desenvolvimento de formulários
• Stencils para Omnigraffle
• Yahoo! Design Stencil Kit
• Criando Protótipos com o PowerPoint
• Como se faz um site?

Mas agora, falando de uma forma global, excluindo as versões, infelizmente o IE ainda tem uma vantagem:

Tenho plena certeza de que logo esse cenário irá se inverter. E vocês, o que acham?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Como forçar os usuários a deixar de usar o IE6
• Use Firefox e salve o planeta
• Novas propriedades CSS suportadas no Firefox 3
• Quando a esmola é demais, o santo desconfia
• Quer testar seu site na primeira versão do Firefox?

O sistema operacional Linux para um novo usuário pode ser um pouco assustador. Windows é tão simples não, funciona tão bem. A solução para aqueles curiosos que queiram testar o Linux e não querem formatar/e ou particionar o HD é a utilização de uma máquina virtual. Uma máquina virtual cria um disco virtual em disco rígido, ou seja, ela vai criar um HD fictício dentro do seu HD real para a instalação do novo sistema operacional sem comprometer o antigo. Caso não fique satisfeito depois basta apagar o disco virtual criado, pronto, você continua com o sistema operacional nativo sem problemas.

Máquinas Virtuais

Primeiro vamos escolher o software de virtualização que devemos utilizar. Hoje existem 4 softwares conhecidos: Parallels, VMWare, QEMU, e VirtualBox. Parallels custa cerca de $79,99, nesse caso não serve para nosso tutorial, a não ser que você queira comprar o Software.

O que nos resta são: VMWare, QEMU, e VirtualBox. VMWare possui duas versões freeware, um chamado de player e o outro chamado de servidor, mas não é tão rápido quanto a versão profissional. Já o QEMU roda completamente através de linhas de comando, possui uma versão gráfica para Windows mas ainda está em estágio alpha. Além disso ele não possui uma opção básica que as outras máquinas virtuais possuem, como pausar a máquina virtual. Nos resta então a VirtualBox.

VirtualBox

O VirtualBox é um software gratuito, tornou-se Open Source em Janeiro de 2007 e possui versões para praticamente todos os sistemas operacionais, inclusive roda no Windows 7. Antes de tudo, vá até o site do VirtualBox, navegue até a seção de Downloads e baixe o binário para Windows. Após o download, inicie o processo de instalação, ele é muito simples e não tem segredo algum, basta seguir os passos sem medo.

Criar a primeira máquina virtual

Com o VirtualBox instalado corretamente, chegou a hora de baixar o Ubuntu. A versão utilizada nesse tutorial é a 9.10. Siga até a seção de Download, opte pela versão de 32 Bits ou 64 Bits, aqui usei a versão 64 Bits, mas os passos de instalação para ambas são os mesmos.

Já com a imagem do Ubuntu salva no HD (Arquivo ISO), abra o VirtualBox e clique em Novo. Você verá uma imagem semelhante a abaixo onde iremos criar a nossa primeira máquina virtual:

Basta clicar em Próximo, agora vamos para o passo onde iremos dar um nome para nossa máquina virtual e iremos escolher o tipo do sistema operacional. Dê o nome de Ubuntu, em Sistema Operacional escolha Linux e em versão, passo extremamente importante, escolha a versão que você baixou, seja ela 32 Bits ou 64 Bits:

Nesse próximo passo, vamos escolher o quanto de memória RAM devemos alocar para a máquina virtual, isso irá depender de quanta memória você tem instalada no PC, quanto mais melhor, configure o quanto desejar:

Nesse próximo passo vamos criar o disco rígido virtual, basta clicar em próximo que você será levado a um novo assistente:

Agora você está no assistente de criação de discos rígidos virtuais, basta por enquanto clicar em próximo:

Já no assistente do Tipo de Armazenamento do disco rígido escolha Armazenamento dinamicamente expansível, onde, o sistema operacional irá ocupar um espaço pequeno e irá crescer dinamicamente até o tamanho especificado a medida em que o sistema operacional exigir mais espaço:

Nesse próximo passo você desve escolher o local onde deseja salvar seu novo disco virtual e o tamanho desejado. Customize conforme necessário:

Se tudo correu bem, você será levado até a tela de Sumário, caso todas as informações estejam corretas, basta clicar em Finalizar:

Você voltou a tela principal do VirtualBox onde você terá uma visão geral dos detalhes de sua nova máquina virtual. Precisamos efetuar mais algumas configurações, portanto, clique agora em Configurações, o botão ao lado de Novo. Após, clique na aba Armazenamento. Vá até a Árvore de Armazenamento, clique no ícone de mídia que ainda se encontra vazio. Em Atributos, vá até Drive de CD/DVD e clique no símbolo que representa uma pasta:

Agora vamos utilizar aqui o CD de instalação do Ubuntu que você havia baixado, está lembrado? A aba Imagens de CD/DVD estará selecionada, basta clicar em Acrescentar:

Com isso basta selecionar o arquivo ISO que contém o arquivo de instalação do Ubuntu, após, você verá uma tela semelhante a essa, bastando clicar em selecionar:

Agora, ao iniciar a máquina virtual, ele irá carregar o CD de instalação do Ubuntu, basta clicar em Ok:

Com isso você irá voltar a tela inicial do VirtualBox, agora é a hora de começar a instalação do Linux, mas para isso temos que iniciar a máquina virtual. Basta clicar no botão Iniciar, que fica ao lado de Configurações, a máquina virtual será iniciada e você será levado a tela de instalação do Ubuntu, bastando então escolher o idioma de instalação:

Nesse próximo passo, basta escolher Instalar o Ubuntu e seguir os passos, a instalação é tão simples quanto a do Windows:

Se tudo correu bem, ao final do processo você estará no sistema operacional e verá uma tela semelhante a essa:

Agora vamos remover o CD de instalação da máquina virtual, caso contrário, toda vez que a máquina for iniciada ela ir carregar o CD junto e isso pode implicar em desempenho. Para isso, desligue a máquina virtual se ela estiver ativa, na tela principal do VirtualBox vá até Configurações, escolha a aba Armazenamento, vá até Árvore de Armazenamento, clique no ícone que representa o drive de CD, e na seção Atributos, no campo de CD/DVD escolha Vazio:

Bonus: Como aumentar a resolução de tela para o Ubuntu no Virtual Box

Por padrão, o VirtualBox só mostra 2 resoluções de tela, mas existe um forma bem simples de corrigirmos isso, basta seguir os seguintes passos:

• 1 – Inicie a Máquina virtual e logue-se no Ubuntu.
• 2 – No topo da Máquina Virtual, clique em Dispositivos > Instalar adicionais para convidado. Você verá um aviso que um drive de CDROM com alguns arquivos foi montado. O CD irá conter vários arquivos, o que iremos utilizar é chamado VBoxLinuxAdditions.run
• 3 – Clique no Desktop, vá até o menu Aplicativos > Acessórios e escolha Terminal. A janela do Termnal será onde você executar o arquivo, mas antes devemos localizá-lo.
• 4 – Digite o seguinte comando: cd /media/cdrom0/
• 5 – Pronto, você acabou de acessar o drive virtual de CD, digite o seguinte comando: dir (Você verá vários arquivos, inclusive o VBoxLinuxAdditions.run).
• Agora digite: sudo sh ./VBoxLinuxAdditions.run (atente-se que existe um ponto antes da barra), dê enter e aguarde que o Ubuntu faz o resto.
• 6 – Reinicie a Máquina virtual.
• 7 – Logue-se no Ububtu novamente, vá até o Menu Sistema > Preferências > Vídeo. Escolha a resolução que deseja.

Agora, com base nesse tutorial ninguém mais pode dar desculpas de que não quer testar o Linux por que não sabe instalá-lo.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Flash Player 10 e o fim do problema de transparência no Linux
• Bem vindo ao mundo open-source
• Pincéis para o Gimp
• Ubuntu satanic edition

F2b

Permite que você crie, envie e administre cobranças através de sua conta F2b ou de seu próprio site. A Conta Eletrônica F2b é pré-paga, isenta de mensalidade ou anuidade que oferece diversos serviços, tais como Solução de Cobrança, Consulta Comercial, Pagamentos de Contas de Serviços Públicos e Boletos Bancários, Transferência de Valores, Envio de Mensagem de Texto SMS, Recarga de Telefones Pré-Pagos, etc. Seus módulos de integração WebServices são compatíveis com qualquer linguagem de programação.

A F2b possui um sistema pronto de loja virtual, com gerenciamento gratuito, que oferece todo o sistema necessário para você cadastrar seus produtos e realizar suas vendas de maneira simples e profissional.

Moip

A Moip é uma empresa do portifólio IG e é uma ferramenta que visa garantir credibilidade e segurança para seus clientes no momento do pagamento. Através dela você pode:

• Receber pagamentos por cartão de crédito, débito em conta bancária, financiamento e boleto de forma simples.
• Parcelamento com ou sem acréscimo em até 15X no cartão de crédito. Tudo é configurável.
• O seu cliente compra em seu website e realiza o pagamento nos servidores da MoIP. Concluída a transação, o dinheiro é creditado em sua carteira e fica disponível para saque para qualquer conta bancária de sua titularidade.
• Sem taxas de adesão, mensalidades ou anuidades.
• A integração é simples. Basta cadastrar os produtos/serviços no MoIP, gerar os botões ou links para pagamento a serem inseridos em seu site e pronto, você já está apto a receber pagamentos.

Como funciona:

Pagamento Digital

O Pagamento Digital é um serviço completo de soluções de pagamento. Sua tecnologia, possui um canal direto de comunicação com bancos e operadoras de cartões de crédito (Visa 12x, Mastercard 12x, American Express 15x, Aura 24x, Diners 12x, HiperCard 12x e Boleto Bancário e também com seu Saldo Virtual Pagamento Digital), fazendo com que todas as transações no ambiente Pagamento Digital sejam seguras.

Como funciona:

Possui vários códigos de integração com lojas virtuais e módulos prontos para as mais variadas ferramentas de ecommerce.

Cobre Direto

O CobreDireto é um gateway de pagamentos on-line, ou seja, um sistema que integra sua loja virtual com as instituições financeiras para que você possa receber pagamentos de seus clientes por diversos meios: cartões de crédito e débito, boleto bancário etc.

Após navegar em sua loja virtual, escolher os produtos e conferir o carrinho de compras, o usuário inicia o processo de pagamento. Nesse momento, sua loja virtual envia para o CobreDireto os dados da compra. Esse é o primeiro passo, a criação do pedido.

Esse envio é feito usando o webservice do CobreDireto. Se sua loja pede ao usuário um cadastro antes de prosseguir com o pagamento, você pode nesse momento enviar ao CobreDireto os dados cadastrais do usuário, incluindo endereço de cobrança e endereço de entrega. Caso contrário, o CobreDireto solicitará do usuário apenas os dados necessários para o processo de pagamento. Você também pode enviar ao usuário o meio de pagamento escolhido. Se não o fizer, o CobreDireto mostrará as opções disponíveis para que o usuário escolha.

Ao enviar os dados do pedido para o webservice, o CobreDireto vai responder com uma URL, para onde você deve redirecionar o usuário. Essa URL está no ambiente do CobreDireto, mas não se preocupe, você pode personalizá-la para que tenha a aparência exata de sua loja. Lá o usuário realizará todo o procedimento de pagamento.

Durante esse processo, o status do pedido pode mudar diversas vezes. Cada vez que o status mudar, sua loja virtual será avisada através de um POST que o CobreDireto fará para ela, chamado de “campainha”. A cada toque da campainha sua loja deve acessar o webservice do CobreDireto para verificar o novo status do pedido.

Ao final do processo de compra o usuário é enviado novamente à loja que, tendo recebido o status através do processo de atendimento da campainha, exibirá um recibo da compra ou, caso o status não seja “PAGO”, uma mensagem de erro.

O Cobre Direto possui uma biblioteca PHP para utilização de fácil intergração. Caso você não esteja utilizando PHP, basta acessar seu Webservice.

Braspag

Gateway internacional de pagamentos, a melhor solução de cobrança a vista ou parcelada para e-commerce, call center e mobile. Integra a maioria dos meios de pagamento disponíveis na América Latina, com processamento também nos EUA e Europa.

A integração com a Braspag é rápida, simples e pode ocorrer de duas formas: Webservice e POST (Pass Thru e Hosted):

• WebService – integração em que o comprador escolhe a forma de pagamento no ambiente do próprio estabelecimento. Não há direcionamento para outro ambiente; a informação é repassada server-to-server (esta integração não pode ser utilizada para débitos online).
• Pass Thru – integração via post, em que o comprador escolhe a forma de pagamento na própria página do estabelecimento e, em seguida, é direcionado para o ambiente do meio de pagamento para efetivar a compra.
• Hosted – integração via post, em que o consumidor escolhe o meio de pagamento no ambiente da Braspag, que possui ali incorporada a identidade visual do estabelecimento. Em seguida, ele é redirecionado para o ambiente do meio de pagamento para efetivar a compra.

Cobre Bem

É uma empresa especializada em soluções padronizadas de meios de pagamento. Possui soluções prontas como:

• Aprova fácil: Automatiza com total segurança vendas através de diversos meios de pagamento simultaneamente.
• CobreBemX: Componente que possibilita ao seu programa a integração de Recebíveis através de inteligência pronta.
• E-commerce: Programa Multiplataforma que proporciona geração de Boletos Online no seu site ou Intranet.

Pagamento Certo

Solução para pagamentos digitais da Locaweb. Suas principais vantagens são:

• Sistema de integração simples e transparente.
• Segurança para quem compra e para quem vende.
• Simplicidade na gestão através do Painel de Controle.
• Suporte ao lojista sem custo mensal.
• Tarifas cobradas apenas sobre as vendas confirmadas.

As tarifas por transações e a taxa de R$0,20 serão cobradas sobre o que você vender e serão pagos à Locaweb. Não será necessário o pagamento a parte para as operadoras de cartão ou boleto.

i-PAGARE

O i-PAGARE é o Gateway de Pagamentos mais fácil de adquirir, implantar e utilizar do mercado. Possui 3 formas de intergração muito simples:

• Básica: utilização de telas prontas do i-PAGARE – Utiliza telas prontas de pagamento. Basta chamar uma URL HTTPS do i-PAGARE passando como parâmetro os dados do pedido para que o i-PAGARE se encarregue de todo o resto.
• Customizada: utilização de telas do i-PAGARE personalizadas pelo estabelecimento – A customização das telas do i-PAGARE é fácil. Definindo um arquivo de folha de estilo (CSS) próprio, o estabelecimento pode customizar todas as telas do i-PAGARE. Adicionalmente, o estabelecimento também pode criar suas próprias telas de sucesso, falha e escolha dos meios de pagamento.
• Web Service: o estabelecimento cria todas as telas – A integração web service faz uma conexão direta com o i-PAGARE, que passa a se portar como um gateway para processamento de transações. Atualmente, esta modalidade está disponível apenas para transações por cartão de crédito e requer autorização especial das operadoras.

Projeto BoletoPHP

Projeto Código-Aberto de Sistema de Boletos bancários em PHP. O principal motivo da criação desse projeto foi a de criar um sistema de geração de Boletos que seja mais simples do que o PhpBoleto e que se estenda ao desenvolvimento de boletos dos bancos mais usados no mercado, além do Banco do Brasil do projeto BBBoletoFree.

Este projeto visa atender exclusivamente aos profissionais e desenvolvedores na área técnica de programação PHP dos boletos, portanto se faz necessário conhecimento desejado e estudo do mesmo para a perfeita configuração do boleto a ser usado, sendo de inteira responsabilidade do profissional a instalação, funcionamento, testes e compensação do mesmo em conta bancária.

Boleto.Net

Boleto.Net é um componente desenvolvido em C# e ASP.Net e contempla as seguintes funcionalidades:

• Emissão e Impressão de Boletos Bancários.
• Geração de Arquivo de Remessa (CNAB 240 e 400).
• Leitura do Arquivo de Retorno (CNAB 240 e 400).

Download do código fonte do projeto pode ser feito aqui.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• O Básico do PHP
• Instalar Apache+PHP+MySQL no Windows 7/Vista/XP
• MySQL – Administração e Ferramentas de Desenvolvimento
• xCSS Framework – Orientação a Objetos em CSS
• Como verificar se um domínio (e-mail) é válido

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• HTML5: Tag Video com alternativa em Flash
• Novo CSS no Lanche
• Novos elementos HTML5: summary & figcaption
• Radial Gradients & Web SQL Databases
• CSS3 Gradients & HTML5 Databases

Via: Doctype.tv

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Novo CSS no Lanche
• Radial Gradients & Web SQL Databases
• Experimento HTML5 + CSS3 Fase 2
• Livros sobre HTML5 e CSS3
• Experimento: HTML5 + CSS3

Atualizado para os mais recentes sistemas de gerenciamento de banco de dados – incluindo MySQL 5.1, Oracle 11g e Microsoft SQL Server 2008 – este guia introdutório irá habilitar você a trabalhar com SQL rapidamente. Independentemente de precisar escrever aplicações de banco de dados, realizar tarefas administrativas ou gerar relatórios, Aprendendo SQL auxiliará você a dominar todos os fundamentos de SQL.

Cada capítulo apresenta uma lição independente sobre um conceito-chave de SQL, com várias ilustrações e exemplos comentados. Exercícios no final de cada capítulo permitem praticar as habilidades aprendidas.

Com este livro você irá:

• Passar rapidamente pelo básico de SQL e aprender inúmeras funcionalidades avançadas.
• Usar instruções de dados SQL para gerar, manipular e recuperar dados.
• Criar objetos de banco de dados, como tabelas, índices e restrições, usando instruções de esquema SQL.
• Aprender como os conjuntos de dados interagem com as consultas e entender a importância das subconsultas.
• Converter e manipular dados usando funções nativas SQL e usar lógica condicional em instruções de dados.

Conhecimento em SQL é obrigatório para quem interage com dados. Com Aprendendo SQL, você aprenderá rapidamente como colocar todo o poder e flexibilidade dessa linguagem a seu serviço.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Instalar Apache+PHP+MySQL no Windows 7/Vista/XP
• MySQL – Administração e Ferramentas de Desenvolvimento
• Padronizações ISO em colunas do banco de dados
• SQL com todas cidades e estados do Brasil
• Lista de palavras reservadas em MySQL