Oficina da Net Logo

Desvendando o Webmatrix

Conheça o poder do Webmatrix, suas principais características e funcionalidades no mundo "free" da Microsoft.

Por | @BrunoFreixo Pular para comentários

Introdução

O Microsoft Webmatrix é uma ferramenta leve, muito simples de usar, voltada ao
desenvolvimento coletivo de aplicações WEB a partir do ASP.NET. Seus recursos de
desenvolvimento conjunto permitem tanto para desenvolvedores quanto para principiantes e
profissionais avançados aprenderem a desenvolver com ASP.NET.

O projeto Webmatrix é gratuito e reúne toda comunidade ASP.NET a partir de recursos como
mensagens instantâneas, integração de salas de bate-papo, entre outros, além de uma ajuda
baseada nesta mesma comunidade.


Por que utilizar Webmatrix?

Na década de 90, época do ”boom” da Microsoft, os softwares e plataformas eram totalmente
“fechados”, não permitindo integração com softwares “open-source”. Os tempos mudaram, as
regras de negócio também, outras grandes corporações surgiram e, com isso, emergiu o
conceito de “Interoperabilidade”, obrigando a Gigante do ramo de software repensar seus
caminhos, criando soluções em direção a uma boa política de negócio e inovando sua forma de
gerir, integrando-se com as comunidades de software aberto, como PHP, por exemplo.

E justamente o conceito que está por trás do Webmatrix, em se tratando de
interoperabilidade, é a simplicidade, esta embasada, por trás dos bastidores, por rotinas
particulares, encapsulando funcionalidades complexas de infra-estrutura, necessárias à
configuração de um servidor de internet, deixando a cargo do desenvolvedor sua atividade-fim,
que é “desenvolver” programas.


Propósito

Além de reunir os desenvolvedores em torno da comunidade ASP.NET, este software também
permite que os desenvolvedores ofereçam feedback sobre os novos recursos disponíveis, além
de testar novas ideias a partir destes recursos.

O Webmatrix é um projeto complementar ao Visual Studio .NET. Como propósito inicial, foi
projetado para o desenvolvedor amador, uma vez que o Visual Studio .NET é uma
extraordinária ferramenta voltada para o desenvolvedor corporativo. O intuito é que este
desenvolvedor amador ”treine” suas habilidades no desenvolvimento ASP.NET no Webmatrix
para posteriormente migrar para o Visual Studio .NET.


Características

A ferramenta reúne vários recursos: servidor WEB, banco de dados e estruturas de
programação em um ambiente único e integrado, permitindo codificar, testar e implantar
aplicações ASP.NET e PHP, lado a lado. Além disso, ainda conecta a projetos criados em
aplicativos open source, como por exemplo, os gerenciadores de conteúdo Joomla! e
Wordpress, pois permite a implantação de servidores baseados em LAMP (Linux, Apache,
MySQL, PHP) além de servidores baseados em Windows.

São inúmeras as características do Webmatrix:

1) Designers em WYSIWYG (é possível criar aplicações para WEB apenas arrastando e
soltando componentes da barra de ferramentas do software);
2) Amostras de aplicações;
3) Integração de dados;
4) Integração com a Galeria de Controles;
5) Gerador Proxy para Serviços de WEB em XML;
6) Integração com classes .NET;
7) Editor colorido de sintaxe;
8) Modelos e assistentes baseados em tarefas;
9) Criadores de códigos;
10) Área de trabalho para arquivos (a área de trabalho baseada em arquivos oferece uma
alternativa mais leve à área de trabalho baseada em projetos);
11) Suporte a Hosting FTP;
12) Opção do modo “Preview”;
13) Design de aplicações móveis;
14) Servidor de WEB para testes incluído;
15) Integração com a comunidade ASP.NET (a partir do Shell do MSN Messenger
integrado, o desenvolvedor poderá bater papo com seus parceiros de ASP.NET);
16) Capacidade de expansão (o usuário tem a liberdade de escrever seus próprios
controles de WEB, add-ins e ferramentas de escrita de código);
17) Integração com ListServes / Newsgroups (perguntas dos desenvolvedores terão
resposta imediata, bastando que ele se conecte diretamente aos ListServes ou salas de
Newsgroups do ASP.NET);
18) Cliente de bate-papo integrado;
19) Seletor de Galeria de Controles (o desenvolvedor pode navegar e fazer o download dos
controles on-line, além de avaliar os controles construídos por terceiros);
20) Snippets (o desenvolvedor poderá compartilhar partes ou fragmentos de código
criados por ele, sem sair da ferramenta Webmatrix).


Conhecendo a ferramenta

Instalação: como foi falado anteriormente, o Microsoft Webmatrix é uma ferramenta gratuita
e está disponível no seguinte endereço: http://msdn.microsoft.com/pt-br/asp.net/gg153505

Clicando em “Instale o Webmatrix” (botão verde) o download é solicitado e as seguintes telas
são exibidas:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_1.png

1 – Clique em “Install”;

http://www.oficinadanet.com.br//imagens/coluna/3433/td_2.png

1.1 – O programa de instalação irá verificar se o usuário não tem a Web Platform instalada em
sua máquina. Caso positivo, a instalação prosseguirá ao clicar em “I accept”:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_3.png

http://www.oficinadanet.com.br//imagens/coluna/3433/td_4.png

Ao concluir a instalação, o usuário poderá clicar em “Launch” para exibir a tela inicial do
Webmatrix:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_5.png

Em “My Sites” estão disponíveis todos os sites do usuário.
“Site From Web Gallery” são as galerias de WEB (arquivos multimídia).
Em “Site From Template” constrói-se um site a partir de templates prontos do software.
“Site From Folder” ou pasta de importação permite importar sites inteiros no aplicativo.


Funcionalidades e recursos

Para começar a usar o Webmatrix não é preciso conhecimento técnico do usuário, isto é, se o
mesmo não tiver conhecimento em linguagens como HTML e CSS, ou se não tiver
conhecimento em configuração de servidores e FTP, a própria IDE já possui ferramentas e
recursos que auxiliam no desenvolvimento de sites e aplicações. Além disso, o programa
oferece modelos de templates prontos para que o usuário possa usá-los para desenvolver uma
página.

Pode-se escolher templates com temas variados: desde fotografia, restaurantes, calendário a
sites vazios (somente com uma página de introdução), ou mesmo criar os próprios templates
ou utilizar templates desenvolvidos e compartilhados pelos usuários do programa.
Lembrando que esses websites pode ser gerenciadores de conteúdo como Joomla!, Wordpress
ou Drupal.

As categorias de sites são em 7 (sete): blogs, CMS, comércio eletrônico, fóruns, galerias,
ferramentas e Wiki.

Para quem já tem conhecimento ou está acostumado a elaborar sites e/ou aplicativos será
muito mais fácil e prático desenvolver aplicações WEB, acessando as pastas e alterando ao
próprio gosto o código-fonte do template, adaptando às suas necessidades.

Além destas categorias de serviços envolvendo sites e aplicações, o Webmatrix também dispõe
de uma lista de servidores de hospedagem, podendo este ser filtrado por preço, localização,
tamanho de armazenamento, entre outros.

Para dar continuidade aos recursos do Webmatrix, na tela inicial, ao clicar em “Site from
template”, tem-se:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_6.png

Ao escolher “Empty Site”, o usuário deverá escolher o nome do site em “Site Name”. Se o
mesmo não escolher, por padrão o nome do site será “Empty Site1”.
Um template vazio é automaticamente criado e, após este processo, é exibida a tela abaixo:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_7.png

No canto superior esquerdo desta tela tem-se a barra de botões, exibindo “My sites” (arquivo
de sites do usuário), “Publish” (publicar site com suas devidas configurações), “Run” (executar
a página), “Start” (executar o código-fonte), “Stop” e “Restart” (parar e reiniciar
respectivamente), “Requests” (requisição de páginas ao servidor).

Na barra de menu lateral, no centro-esquerdo da tela inicial, tem-se os links de
“Demonstração” (onde estão a URL da aplicação e seu diretório no servidor, respectivamente),
“Request”, já falado anteriormente e “Settings” (tela de configurações), onde é permitido:
habilitar protocolo de segurança (SSL), escolher a versão do Framework .NET, habilitar páginas
em PHP (além de escolher sua versão).

No canto inferior esquerdo da tela, os links são “Site”, “Files”, “Databases”, “Reports”.
Em “File” o usuário poderá criar um arquivo para seu site, com auxílio da barra de botões.

http://www.oficinadanet.com.br//imagens/coluna/3433/td_8.png

Os arquivos podem ser HTML, CSS, JScript, ASPX (C#), ASPX (VB), Classic ASP, PHP, TXT, XML e
outros.

http://www.oficinadanet.com.br//imagens/coluna/3433/td_9.png

Em “Databases” estão localizados todos os bancos de dados e em “Reports” são criados
relatórios.


Criando uma aplicação para manipular Gadgets do Twitter:

Existem tantas facilidades no Webmatrix que se pode até manipular gadgets de redes sociais
como Facebook, Linkedin ou Twitter (entre outras tantas funcionalidades).
Por exemplo, pode ser criado um arquivo CSHTML com qualquer nome, “Twitter.cshtml”, por
exemplo:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_10.png

A seguinte tela é exibida:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_11.png

O código a ser inserido:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_12.png

Ao clicar em “Run”, na barra de botões, a página será exibida. E com erro.

http://www.oficinadanet.com.br//imagens/coluna/3433/td_13.png

Mas isso é ausência da biblioteca de feeds necessária para rodar este arquivo. Um problema
facilmente resolvido com alguns procedimentos bem simples:

1) Clicar na barra de endereço do navegador:
http://localhost:41893/_Admin
2) Definir uma senha no painel administrativo:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_14.png

Uma vez que essa senha for criada, não mais poderá ser mudada.
3) Agora, basta clicar em “Install packages from an online feed”.

http://www.oficinadanet.com.br//imagens/coluna/3433/td_15.png

4) Na tela a seguir, pode-se clicar “Install” em “microsoft web-helpers 1.0”:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_16.png

5) Ao instalar, clica-se em “Logout” para encerrar a sessão. Fecha-se o navegador e
retorna à janela do Webmatrix. Agora é só clicar em “Restart” para restartar o
servidor, e em seguida, clicar em “Run”.
Uma tela parecida com a tela abaixo é exibida:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_17.png


“Hello World” em PHP

Para criar a página index.php o usuário deverá clicar em “Site From Templates”. Após, em “Empty
Site” (para criar um diretório vazio). A seguinte tela é exibida:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_18.png

Note que o nome do diretório é “Empty Site 1”. Para alterar o nome deste diretório, o usuário
deverá clicar com o botão direito em “Empty Site 1” e escolher a opção “Rename”, colocando o
nome de sua escolha no diretório. Neste exemplo, o nome do diretório será “HelloWorld”, conforme
aparece na figura.

http://www.oficinadanet.com.br//imagens/coluna/3433/td_19.png

Alterado o nome do diretório, o usuário deverá ir até a aba “Files” (localizada no canto inferior
esquerdo da tela). A seguinte tela aparecerá:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_20.png

Ao clicar com o botão direito no diretório “HelloWorld” e selecionando a opção “New File...”, a
seguinte tela será exibida:

http://www.oficinadanet.com.br//imagens/coluna/3433/td_21.png

Selecione PHP e clique em OK. Abriu-se a tela de script. O nome da página por padrão é
PHPPage.php. O usuário poderá renomeá-la, por exemplo, para index.php. É só clicar com o botão
direito em PHPPage.php e selecionar Rename.

Inserindo o trecho de código dentro do body:

Hello World!



Agora deverá ser clicado na aba “Site” (no canto inferior esquerdo da tela) e em seguida clicar na URL exibida na tela, algo como: http://localhost:11264.

http://www.oficinadanet.com.br//imagens/coluna/3433/td_22.png

Percebe-se que o browser abriu exibindo a página (conforme mostra a figura abaixo):
OBS.: note que a página só funcionará enquanto o Webmatrix estiver iniciado. Após fechá-lo,
automaticamente o servidor estará offline.


Vantagens e desvantagens da ferramenta

Vantagens:
* Download rápido (ferramenta leve);
* Inúmeros recursos para desenvolvimento de aplicações WEB;
* Facilidade na instalação de tecnologias de banco de dados, servidores, CMS, entre
outros;
* Versatilidade;

Desvantagens:
* Vulnerabilidade. O software é um freeware mas com hospedagem Windows, o que o
torna mais inseguro;
* Nem todas as ferramentas são gratuitas;
* Não é tão eficiente quanto o Visual Studio;
* A princípio, não roda aplicações desktop.


Conclusão

O Webmatrix é uma boa opção para desenvolvedores amadores ou iniciantes e até mesmo
profissionais. Possui inúmeros recursos e robustez suficientes para o gerenciamento de
aplicações WEB, como banco de dados e servidor IIS compactos e integrados. Além disso, suas
vantagens são maiores em relação às desvantagens proporcionadas pela sua utilização.
Tanto a comunidade ASP.NET quanto a comunidade PHP nunca foram tão próximas.
Assim como o Webmatrix quebrou algumas barreiras, prezando pela interoperabilidade,
espera-se que a ferramenta continue sendo disponibilizada gratuitamente pela Microsoft e, se
possível, aumentando, a cada dia, novos recursos, prezando por soluções cada vez mais
integradas.

Abraços,
até a próxima!

Leia em destaque: Skype já conta com 17,6 milhões de usuários brasileiros.

Comentários
Carregar comentários