Projeto Interdisciplinar - CTI2012ms1 - Ana Paula Baum, Daiane Wander e Mayara Rossi Padoin.
quarta-feira, 11 de julho de 2012
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;
Assinar:
Postagens (Atom)