quarta-feira, 4 de julho de 2012

Criação do sistema em Visual Studio 2010

    Para a criação do sistema web da empresa Madaan foi utilizado o Visual Studio 2010, e foi desenvolvido na linguagem C#.

    O sistema tem como objetivo divulgar a empresa a novos clientes, além de oferecer maior facilidade aos que já são clientes para realizarem locações e reservas de filmes.
    Para início de desenvolvimento, foi criado um banco de dados em PHPMyAdmin. Já no Visual Studio o primeiro passo, é abrir um novo Web Site e o renomear, no caso, Madaan.
    Inicialmente é necessário criar as classes com os códigos e comandos que cada classe desempenhará. É necessário criar duas classes para cada item, uma na CamadaDAL e outra em Entidades. Clicar sobre a pasta, Add New Item, Class, nomear e colocar os códigos.
    Nas classes que pertencem a Entidades são colocados os dados de cada tabela. Observa na figura 42 a class cidades de Entidades.
Fonte: BAUM; PADOIN; WANDER, 2012.
    Após, cria se uma nova classe, cidadesDAL.cs na CamadaDAL, que é onde serão colocados os códigos para realização da conexão com o banco e assim fazer a inserção de dados, consultas e outros métodos de deletar, editar, etc.
Fonte: BAUM; PADOIN; WANDER, 2012.
Figura 43: Classe cidades.DAL.cs

   Em seguida deve-se ir em Add New Item e escolhe-se a opção MasterPage que permite criar um modelo de página que vai servir de modelo para as outras páginas. Nesse sistema foram criadas 4 MasterPage: a modelo Administrador, a modelo Login, a modelo Clientes e a modelo Site Principal.
   Criou-se uma MasterPage principal a qual pode ser utilizada como sendo modelo e a partir dela serem criadas as demais telas. Nessa MasterPage principal que ira ser visualizada pelo público em geral utilizou-se o plugin Nivo-Slider, que é um efeito de transição e animação de imagens, foi baixado da internet e aprimorado para o sistema como sendo um cabeçalho do site, onde ficam passando imagens dos melhores filmes.
Fonte: BAUM; PADOIN; WANDER, 2012.
   A partir de então criou-se através do modelo as demais páginas a serem visualizadas pelos clientes, como as telas para fazer locação de um filme, a tela de apresentação da empresa, etc. Veja na figura 45 a tela que fala sobre a empresa.
Fonte: BAUM; PADOIN; WANDER, 2012.
   No modelo Principal, inseriu-se os links que são liberados para acesso ao público em geral, como a informações da empresa, contatos serviços, trailers, cadastrar-se ou ainda do lado direito possui uma coluna em que a pessoa pode procurar filmes por um determinado gênero, ou por lançamentos, entre outros.
   No modelo do cliente, será necessário fazer um login, com Usuário e Senha. Após o login, o cliente navegará na página principal de clientes, podendo acessar os links e Comprar produtos, conferir todos os filmes e suas informações cadastrados pelo administrador do sistema. Veja na figura 46 a tela de visualização dos produtos pelo cliente.
Fonte: BAUM; PADOIN; WANDER, 2012.
   Na modelo administrador, somente o administrador da empresa terá acesso (se não houver violação na senha). Nesse modelo, também será necessário fazer login. Após o login aceito, será permitida a navegação pela página principal do administrador. O administrador terá controle total de todo o sistema, podendo alterar, excluir e inserir filmes, pessoas, funcionários, fornecedores, cidades, entre outros dados, além de cadastrar um novo administrador e verificar seus dados.
   Para criar essas páginas do administrador, basta clicar sobre o site, Add New Item; Web Form (renomear); Selecionar a opção Select Master Page; escolher; Ok.
   Então foi criado a tela para administrar a tabela de cidades, essa tela traz todos os campos para inserir os dados e cadastrar, foi utilizado um DropDownList onde traz vários estados (UF) para selecionar de acordo com a cidade que irá ser cadastrada. Também colocamos um GridView o qual através do método “Consulta Simples”, lista todas as cidades já cadastradas no banco de dados, e um ObjectDataSoure. Na configuração da GridView, deve-se clicar sobre a flecha da mesma e em Choose Data Source ligar com o ObjectDataSource que é usado para referenciar a classe em questão. E tem também um botão que gera um relatório de todas as cidades cadastradas, o qual pode ser impresso, para isso fizemos uma function que chama a tela onde esta o relatório, nessa tela tem um botão Imprimir e outro Fechar, no imprimir foi colocado na propriedade OnClientClick o comando Print() e no botão de fechar colocamos na propriedade OnClientClick o comando Close. Essa tela possui também os botões para cadastrar, editar e excluir um registro. Veja na figura 47 a tela de cidades.
Fonte: BAUM; PADOIN; WANDER, 2012.
    Baseado no modelo administrador, criou-se PessoasCAD.aspx, página em que o administrador do sistema poderá alterar, excluir e inserir novas pessoas que podem ser definidas como clientes ou administradores. Como anteriormente, utilizou-se um ObjectDataSource para a conexão com o Banco de Dados e uma GridView para a listagem dos dados.
    Para o botão de excluir deve-se ir na flecha da GridView, Edit Columns, e acrescentar TemplateFields. Para o botão Excluir, deve-se selecionar a GridView, Events e em Row Command inserir os códigos. Ainda em Excluir, é necessário inserir no Source da página, na linha do Button Excluir: commandArgument='<% Eval ("PES_CODIGO")%>'; commandName= "EXCLUIR"/.
Fonte: BAUM; PADOIN; WANDER, 2012.
   Na tela de pessoas foi feito também um botão com função para imprimir relatório e um para gerar gráfico referente ao numero de pessoas de cada cidade. Veja na figura 49, o gráfico gerado pelo botão Gerar Gráfico da tela de PessoasCAD.
Fonte: BAUM; PADOIN; WANDER, 2012.
    O modelo Login foi desenvolvido para as páginas de login de administrador e clientes, sendo diferenciada dos demais modelos pelo fato de não apresentar os links no lado direito do sistema. Veja na figura 50, a página de login.
 
Fonte: BAUM; PADOIN; WANDER, 2012.
    Assim desenvolveram-se as demais páginas dos modelos de clientes e administradores.
    Criou se o Web Form Principal, disponibilizando os filmes da vídeo locadora. No Modelo Público, inseriu se um TexBox, e um Button para realização de busca de filmes por nome do filme, inseriu-se também um ObjectDataSource que deve ser devidamente configurado. Também deve ser inserido um DataList onde trará todos os filmes disponíveis, conectada ao ObjectDataSource e configurada de acordo, no caso apresentar o nome do filme, imagem ilustrativa do filmes, entre outros dados do filme.
Fonte: BAUM; PADOIN; WANDER, 2012.
    Abaixo, segue algumas das bases para a criação e explicações de termos utilizados para a geração dos códigos:
   INT ou STRING: defino com base no Banco de Dados, sendo que INT é número e STRING é texto;
   Em ALTERAR: SQLCONNECTION con = new SQL CONNECTION (STRCON), manda o Banco de Dados Inserir;
   @: indica parâmetro;
   Em Selecionar: SQLDATAREADER dados = cmd.Execute Reader (): manda para o Banco de Dados e retorna. Executa e lê. É usado somente no SELECIONAR.
   VOID: não retorna valores. Só não é usado em Selecionar;
   GET: dá o valor de uma variável;
   SET: manda a informação para uma variável;
   CATH (SQL EXCEPTION EX): é o tratamento de erro de uma SQL;
   CATH (EXCEPTION EX): trata os demais erros;
   FINALLY: fecha o CON, que é a CONEXÃO.
   Em DAL: RETURN RESULTADO: retorna todos os resultados, é usado somente no SELECIONAR, onde não se usa o VOID;
   HERANÇA: é quando um subtítulo vem de um título, como por exemplo, em Médico, onde devo ter a especialização do mesmo;
   ENCAPSULAMENTO: mostra somente o essencial;
   POLIMORFISMO: é modificar na subclasse a característica da classe;
   DATASET: é espécie de banco, porém off;
   WHILE: percorre registros;
   DATAROW: monta linhas para os registros;
   IF (dr.Read()): Se é possível ler;

Nenhum comentário:

Postar um comentário