Como estamos optando pela utilização do template Empty para criar a aplica-
ção Cadê meu médico? , precisaremos adicionar manualmente todas as referências às bibliotecas necessárias. Além disso, não temos um layout pré-construído, o que nos forçará a criar o nosso próprio.
Para que possamos criar um bom nível de interatividade entre o usuário final e a aplicação Cadê meu médico? , utilizaremos um conhecido framework javascript, a saber, jQuery. Para nos auxiliar na criação do layout da aplicação, utilizaremos um excelente componente de elementos gráficos que é amplamente difundido e utilizado em projetos web e que é disponibilizado gratuitamente pelo time de designers do Twitter o Bootstrap.
jQuery: é uma das mais famosas e funcionais bibliotecas baseadas em javascript do mundo. Facilita o trabalho e manipulação dos objetos DOM (Docu-
ment Object Model), chamadas Ajax, manipulação de eventos e animações;
Twitter Bootstrap: trata-se de uma biblioteca de CSS (Cascading Style-Sheet) e componentes jQuery que facilita o trabalho de estruturar ou criar novos
layouts para aplicações;
Encontrar e utilizar bibliotecas úteis nos projetos pode ser uma tarefa complexa, tendo em vista a enorme oferta de bibliotecas para solucionar os mesmos tipos e classes de problemas. Assim, é preciso estar atento para escolher aquela que melhor atende às necessidades do projeto. Além disso, existem outros aspectos que acabam gerando problemas no gerenciamento de bibliotecas: instalação, atualização, dependências etc.
A boa notícia é que os problemas mencionados anteriormente não existem mais
se você é usuário do Visual Studio. Isso graças a uma ferramenta introduzida pela Microsoft no Visual Studio 2010 com suporte ao ASP.NET MVC a partir da versão
3, chamada NuGet. A lista a seguir apresenta alguns dos benefícios proporcionados pelo NuGet.
Repositório de bibliotecas: o NuGet possui um repositório oficial onde qualquer biblioteca pode ser cadastrada e disponibilizada. Toda pesquisa é reali-
zada nesse repositório público;
Ranking: quando uma pesquisa é realizada, as bibliotecas são ordenadas pelo número de downloads realizados. Logo, os mais baixados aparecem no topo
da lista;
27
3.3. Referenciando bibliotecas
Casa do Código
Instalação: as responsabilidades de download e instalação são do NuGet.
Como usuários, precisamos informar apenas qual o projeto no qual a bibli-
oteca deve ser instalada;
Atualização: quando uma biblioteca é atualizada no repositório oficial do NuGet, ela entra na lista de bibliotecas que podem ser atualizadas no seu projeto.
Isso é muito útil já que, para a maioria das bibliotecas, as versões com corre-
ções e melhorias de desempenho são liberadas frequentemente;
Dependências: imagine que você precisa da biblioteca A, mas para funcionar ela depende da B a automatização do download e instalação das dependências também é feita automaticamente pelo NuGet.
A princípio, o NuGet nos ajudará nos processos de instalação do jQuery e do
Twitter Bootstrap. Para isso, navegue até o menu Tools > Library Package
Manager > Manage NuGet Packages for Solution. Na janela que se apre-
sentará, selecione do lado esquerdo a opção
OnLine:> NuGet official
package source, e no canto superior direito pesquise
por jQuery. No centro da
janela serão apresentados os resultados da pesquisa. No item jQuery clique no botão Install. A figura 3.6 ilustra este processo.
Ao clicar no botão Install, uma janela será apresentada com os projetos da nossa solução. Escolha o projeto no qual a biblioteca deverá ser instalada, conforme ilustra a figura 3.7.
Figura 3.6: Pesquisando e instalando jQuery com o NuGet
28
Casa do Código
Capítulo 3. Projetando a aplicação Cadê meu médico?
Figura 3.7: Definindo em qual projeto o NuGet irá instalar a biblioteca
Agora que já temos o jQuery devidamente instalado em nosso projeto, realiza-
remos o mesmo procedimento para o Twitter Bootstrap. Pesquise por Bootstrap e na sequência, efetue sua instalação. A figura 3.8 ilustra este processo. Estamos utilizando a versão 3.0.0.0 do Bootstrap, que é a última versão lançada até a publicação desse livro. Caso sua pesquisa retorne uma versão superior, fique atento ao site oficial por possível guias de migração de uma versão para outra.
Figura 3.8: Pesquisando e instalando Twitter Bootstrap com o NuGet
É pertinente observar neste ponto o fato de que, para instalar as bibliotecas necessárias ao nosso projeto via NuGet, estamos utilizando a ferramenta gráfica disponibilizada pelo Visual Studio para este fim. Muito embora tal ferramenta seja funcional e atenda às necessidades, vale mencionar que esta não é a única forma de trabalho disponível. Desenvolvedores que possuem preferência por trabalhar com linhas de comando também são atendidos pelo Visual Studio. Isso é feito através da ferramenta Package Manager Console, acessível através do menu superior na opção Library Package Manager.
Ao acessar a opção mencionada, o Visual Studio apresentará um console no qual