Hoje vou iniciar uma série em que levo MVC Music Store site de amostra e crie um site móvel. Escolhi usar este exemplo em uma de minhas apresentações atuais, Take a Desktop Site to Mobile. Escolhi a loja MVC Music porque é um site simples que representa uma pequena presença de e-commerce. Por ser simples, descobri que é muito fácil traduzir para a web móvel e compartilhar conceitos móveis em ação.
Mas não vou parar por aí , Quero subir um degrau. Apenas replicar a IU do desktop da loja de música em um contexto móvel é realmente muito chato. Portanto, meu objetivo é enfeitar o site móvel usando as diretrizes do estilo Metro do Windows Phone 7 e alguns truques de AJAX.
Acima está uma captura de tela da página inicial do celular. Não estou 100% envolvido com os aspectos de design do site no momento, então espero que as coisas evoluam com o decorrer da semana.
Infraestrutura do aplicativo
Mas antes de definirmos qualquer coisa móvel, precisamos para atualizar a infraestrutura do aplicativo. Hoje vou revisar a movimentação do modelo para uma biblioteca de classe comum que ambos os sites podem fazer referência.
A primeira etapa é adicionar um novo projeto de biblioteca de classe à solução MVC Music Store. Chamei meu Model.MvcMusicStore.
Superficialmente, isso pode parecer uma tarefa muito simples, mas requer a adição de um conjunto completo de referências à nova biblioteca de classes. Você pode ver na captura de tela que descobri que precisava replicar todo o conjunto de referências no site existente da Music Store.
No início, achei isso um pouco estranho, possivelmente indicando muita confusão na web e na lógica de negócios. Mais tarde, ocorreu-me que estava um pouco preguiçoso com minha biblioteca de modelos porque simplesmente copiei as pastas Auxiliares e Modelos.
Também decidi mantê-lo simples para esta demonstração e anexar o banco de dados do site diretamente em um arquivo local Instância do SQL Server. Isso apenas torna mais simples gerenciar o banco de dados. Sei que isso não é kosher para aplicativos de demonstração, mas se você tiver o SQLExpress instalado, poderá anexar o banco de dados usando o SQL Management Studio. Desta forma, os dois sites podem facilmente compartilhar a mesma string de conexão.
No momento, tenho planos de postar atualizações para este projeto durante a semana. Ainda não decidi quantos, suspeito que entre 5-7. Pretendo cobrir várias decisões que os desenvolvedores e arquitetos devem enfrentar ao construir uma presença móvel de qualidade. Convido você a fazer download do código de amostra do MVC Music Site do ASP. Site da NET . Vou postar meu código em algum momento no dia seguinte ou depois. Ainda estou trabalhando em algumas decisões de design.
