Estudos de Caso

Caro Aluno (a),

Nesta aula iremos praticar usando os conhecimentos aprendidos, o objetivo de trabalhar com estudos de caso, é trazer aos alunos vivência de uma situação real no desenvolvimento web.

Os dois estudos apresentados serão continuados na disciplina de PHP/MySql no próximo semestre, nesta etapa iremos trabalhar a leitura e a discussão de como resolver uma situação problema.

Serão desenvolvidos nesta fase projetos gráficos com algumas interações, para que na próxima disciplina iremos utilizar estes exemplos para realizar a integração com o banco de dados e outras práticas.

5.1. Carrinho de compras.

Um empresário observando o crescimento da internet e a possibilidade de fechar negócios convocou uma equipe para desenvolver um protótipo de uma loja virtual, após a aprovação do empresário a equipe terá acesso ao servidor da empresa para implantar o banco de dados e hospedar o site.

Em uma reunião foram discutidos alguns pontos;

A loja virtual em sua página inicial deverá apresentar uma vitrine com as principais ofertas, de onde o usuário poderia visualizar e ao selecionar algum produto mostrar o produto e outras ofertas.

Os produtos desta empresa são divididos por categoria, quando o cliente selecionar alguma categoria será exibido todos os produtos referentes àquela categoria.

Quando o cliente visualizar na página um produto o mesmo poderá comprá-lo ou adicioná-lo em um carrinho de compras para depois escolher o que ira comprar ou descartar, ao adicionar no seu carrinho de compras o produto não será dada baixa no estoque, somente quando a compra for efetivada é que será dada baixa no estoque.

Para melhor conhecer o cliente e melhor controle o cliente deve se cadastrar na loja virtual, para o mesmo visualizar os seus pedidos e ofertas especiais para o cliente.

A loja virtual oferece vários meios de pagamento para o cliente.

5.2. Chat de atendimento.

Um empresário sentindo a necessidade de uma melhor comunicação com seus clientes para tirar dúvidas.

Requisitou a uma equipe de desenvolvedores a criação de um protótipo de um chat de atendimento a clientes dentro de um site, para o próprio cliente tirar duvidas com relação aos produtos ou serviços oferecidos pela empresa.

Para este contado com um atendente o cliente é necessário um cadastro para ser direcionado ao ambiente do chat.

Com relação ao horário de funcionamento do atendimento ficou estabelecido que fosse de 7:00 horas da manhã até as 12:00h e de 13:00h as 18:00h, quando o chat estiver fora do horário de atendimento deverá ser exibido um ícone que o mesmo esta off-line.

O tipo de produto que será vendido na loja virtual depende da equipe, o empresário irá investir na melhor proposta.

O empresário pediu que fosse apresentada também uma versão para dispositivos moveis do site para uma aprovação do site em uma nova plataforma.

Referências Bibliográficas

Niederauer, J. Web Interativa com Ajax e PHP. Novatec. Silva, M. S. JQuery A Biblioteca 

Almeida, R. S.Php Para Iniciantes.CIENCIA MODERNA. Bibeault, B., & Katz, Y. Jquery em Ação.Alta Books .

Dall´oglio, P.Php - Programando com Orientação a Objetos - 2ª Ed. 2009. NOVATEC.

http://jquerymobile.com/demos/1.0rc1/docs/api/events.html.(s.d.). Acesso em 13 de 11 de 2012, disponível em jquerymobile: http://jquerymobile.com/demos/1.0rc1/docs/api/events.html.

http://jquerymobile.com/demos/1.2.0/docs/pages/index.html . (s.d.). Acesso em 20 de 11 de 2012, disponível em jquerymobile: http://jquerymobile.com

Legnstorf, J.Pro Php e Jquery.Php Para Iniciantes. Morrison, M.Use a Cabeça Javascript. Alta Books .

Powers, S. Aprendendo Javascript.Novatec.

Rutter, J.Smashing Jquery - Interatividade Avançada Com Javascript Simples. Bookman. Silva, M. S. Javascript - Guia do Programador. Novatec.

Silva, M. S. jQuery Mobile Desenvolva aplicações web para dispositivos móveis.Novatec. Silva, M. S. Jquery Ui - Componentes de Interface Rica Para Suas Aplicações Web.Novatec . do Programador JavaScript. Novatec.

Índice de Ilustrações

Figura 1 - Estrutura JavaScript... 10

Figura 2 - Declaração de variáveis ... 11

Figura 3 - Visualização da página para calcular IMC ... 23

Figura 4 - Script em JavaScript ... 27

Figura 5 - Estrutura HTML, chamando script... 27

Figura 6 - Tag inicial do PHP ... 29

Figura 7 - Tag PHP dentro do HTML ... 29

Figura 8 - Enviando dados ao servidor ... 31

Figura 9 - Declaração de Variáveis... 35

Figura 10 - Exemplo de uma constante ... 36

Figura 11 - Sintaxe de uma função... 45

Figura 12 - resultado gerado pela função var_dump ... 4 9 Figura 13 - Site Jquery... 51

Figura 14 - Estrutura básica de uma página no JqueryMobile ... 66

Figura 15 - Ferramenta ThemeRoller ... 69

Figura 16 - Widget button... 74

Figura 17 - ListView com data-inset=true ...76

Figura 18 - ListView com data-inset=false ...76

Música de Alberto Nepomuceno Terra do sol, do amor, terra da luz! Soa o clarim que tua glória conta!

Terra, o teu nome a fama aos céus remonta Em clarão que seduz!

Nome que brilha esplêndido luzeiro Nos fulvos braços de ouro do cruzeiro! Mudem-se em flor as pedras dos caminhos! Chuvas de prata rolem das estrelas...

E despertando, deslumbrada, ao vê-las Ressoa a voz dos ninhos...

Há de florar nas rosas e nos cravos Rubros o sangue ardente dos escravos. Seja teu verbo a voz do coração,

Verbo de paz e amor do Sul ao Norte! Ruja teu peito em luta contra a morte,  Acordando a amplidão.

Peito que deu alívio a quem sofria E foi o sol iluminando o dia!

Tua jangada afoita enfune o pano! Vento feliz conduza a vela ousada!

Que importa que no seu barco seja um nada Na vastidão do oceano,

Se à proa vão heróis e marinheiros E vão no peito corações guerreiros?

Se, nós te amamos, em aventuras e mágoas! Porque esse chão que embebe a água dos rios Há de florar em meses, nos estios

E bosques, pelas águas!

Selvas e rios, serras e florestas Brotem no solo em rumorosas festas!  Abra-se ao vento o teu pendão natal

Sobre as revoltas águas dos teus mares! E desfraldado diga aos céus e aos mares  A vitória imortal!

Que foi de sangue, em guerras leais e francas, E foi na paz da cor das hóstias brancas!

De um povo heróico o brado retumbante, E o sol da liberdade, em raios fúlgidos, Brilhou no céu da pátria nesse instante. Se o penhor dessa igualdade

Conseguimos conquistar com braço forte, Em teu seio, ó liberdade,

Desafia o nosso peito a própria morte! Ó Pátria amada,

Idolatrada, Salve! Salve!

Brasil, um sonho intenso, um raio vívido De amor e de esperança à terra desce, Se em teu formoso céu, risonho e límpido,  A imagem do Cruzeiro resplandece.

Gigante pela própria natureza, És belo, és forte, impávido colosso, E o teu futuro espelha essa grandeza. Terra adorada,

Entre outras mil, És tu, Brasil, Ó Pátria amada!

Dos filhos deste solo és mãe gentil, Pátria amada,Brasil!

Deitado eternamente em berço esplêndido,  Ao som do mar e à luz do céu profundo,

Fulguras, ó Brasil, florão da América, Iluminado ao sol do Novo Mundo! Do que a terra, mais garrida,

Teus risonhos, lindos campos têm mais flores; "Nossos bosques têm mais vida",

"Nossa vida" no teu seio "mais amores." Ó Pátria amada,

Idolatrada, Salve! Salve!

Brasil, de amor eterno seja símbolo O lábaro que ostentas estrelado, E diga o verde-louro dessa flâmula - "Paz no futuro e glória no passado." Mas, se ergues da justiça a clava forte, Verás que um filho teu não foge à luta, Nem teme, quem te adora, a própria morte. Terra adorada,

Entre outras mil, És tu, Brasil, Ó Pátria amada!

Dos filhos deste solo és mãe gentil, Pátria amada, Brasil!