SlideShare uma empresa Scribd logo
Universidade de Aveiro
         2011/2012

          Projeto




BackToBasics
Guião - Demo Técnica


                             Orientador: Ana Amaro



                                Carla Taveira |47065
                            Liliana Almeida | 49905
                             Francisco Silva | 51054
                                  Sílvio Dias | 51068
Guião – Demo Técnica – BackToBasics



        A demo técnica pretende demonstrar se as tecnologias e recursos técnicos por nós
escolhidos são os mais adequados e se temos competências para trabalhar com elas para
cumprir o que nos propusemos fazer nos requisitos funcionais.

       Como já foi referido no nosso blog a nossa aplicação está alojada no servidor Esotérica,
com o endereço: http://backtobasics.com.pt/ .



Resposta das tecnologias escolhidas:

        Criámos um protótipo reutilizável com uma arquitetura server-side utilizando a
linguagem PHP, devidamente organizado, com pastas para css, includes, extras (ex. formatação
de texto com ferramentas do word nas tag html textarea) e imagens. Tivemos a preocupação
de incluir no código CSS programação para diminuir futuramente problemas de
compatibilidade entre os navegadores. Por outro lado está organizado de modo a que os
diferentes ficheiros possam ser facilmente atualizados.

       Esta arquitetura está organizada da seguinte forma:

        Existe em todas as páginas 3 ficheiros php que através de includes abrem na mesma
página o topo, páginas e rodapé. De acordo com a passagem de parâmetros por query string
são abertos os conteúdos na área das páginas recorrendo a uma função switch em php. Todas
as actions dos formulários, até ao momento criados estão a direcionar a verificação para uma
página de funções que de acordo com a passagem de parâmetros por query string executa
determinadas instruções.

        Client-Side: Linguagem de programação CSS. Vamos fazer a separação do
conteúdo/estrutura HTML da formatação dos estilos recorrendo ao CSS. Foram feitas testados
alguns scrips JQUERY, por exemplo, o slide de imagens que vai estar presente na página inicial
e para a construção do CHAT. Também será utilizada a linguagem javascript, tendo sido já
arquivadas as funcionalidades básicas desta tecnologia com que vamos trabalhar. As mesmas
já foram testadas em termos de validações de formulários, comparação de string, etc.

        Server-Side: Os nossos grandes desafios estão nas tecnologias que vão operar do lado
do servidor, o PHP, MySQL, SQL que todas juntas fazem a gestão da nossa base de dados
relacional, criada no programa Workbench, testada localmente e exportada posteriormente
para a base no servidor externo. De momento esta já se encontra alojada no nosso servidor de
alojamento.

       Resolvemos fazer desde já uma base dados robusta para termos uma resposta sobre
os desafios que vamos enfrentar. Por esta razão, além de estarmos a rever o que aprendemos
no semestre passado, começámos a ler um excelente livro sobre SQL, mencionado na

                                                                                             2
bibliografia. Pretendemos fazer as query sem recorrer a nenhum programa de ajuda. A criação
desta base de dados deu alguns problemas já relatados no blogue, mas foram desde já
ultrapassados. Pode-se dizer que nesta fase a base dados está a responder bem às nossas
solicitações e a comunicação com o site/utilizadores está a decorrer normalmente.

        A inclusão de um streaming de vídeo na nossa home page foi feita com facilidade e
apesar de ainda não estar a transmitir da quinta já nos forneceu indicações que não será difícil
de implementar a situação que é pretendida. Estamos a comparar duas câmaras de vídeo
externas, dotadas de IP e com transmissão por banda larga para colocar na quinta parceira.

        Temos já implementado o mapa com o API do Google para visualizar a localização das
quintas, no futuro os parceiros poderão automaticamente introduzir localizações.

         O calendário que foi introduzido na demo ainda está numa fase muito precoce de
elaboração, é feito em PHP e no futuro vai ter comunicação com a BD para a marcação das
visitas.



Demo Técnica – Vídeo

1. O utilizador procura no motor de busca a aplicação BackToBasics;

2. É direcionado para o nosso site;

3. Faz registo (preenchimento de formulário) e submete o formulário;

4.O seu perfil é exibido numa nova página onde adiciona novos dados;

5. Passa para a Home Page onde tem disponível um streaming de vídeo (no futuro a sua
localização será diferente);

6. Clica para ver o que a câmara está a filmar naquele momento;

7. Vai ver o mapa do Google com a localização da quinta parceira;

8.Vizualiza o calendário de marcação de visitas;

9. Sai da aplicação e voltar a entrar introduzindo os seus dados de login com sucesso sendo
redirecionado para a home page;

10.Executa os mesmos passos que o ponto anterior mas introduz dados do login errados. No
futuro será exibida um alert box em Java Script com a informação de que o login não foi
efetuado com sucesso.




                                                                                              3
Aspetos retirados neste estudo:

       Positivos:

        Um dos principais objetivos para este projeto era a implementação das soluções
técnicas recorrendo o menos possível às ferramentas automáticas do Dreamweaver. Por isso
precisávamos de provar a nós próprios que o podíamos fazer. Esta aposta foi ganha porque
neste momento temos uma base dados criada no nosso servidor externo, que comunica com o
nosso site a partir de PHP, fizemos, INSERT de utilizadores na Base Dados, editámos conteúdos
UPDATE e através do SELECT exibimos conteúdos, usámos funções e passagem de parâmetros,
tudo sem utilizar os mecanismos automáticos do Dreamweaver.

        Nesta fase não estávamos a pensar demonstrar o funcionamento das câmaras de
vídeo recorrendo ao streaming vídeo fornecido pelo site referido na bibliografia. Pensávamos
que teríamos que instalar os meios tecnológicos na quinta. O nosso parceiro da Quinta ainda
anão decidiu a sua melhor localização. Numa conversa com o Professor Caixinha fomos
elucidados que o poderíamos fazer recorrendo nesta fase aos nossos computadores pessoais.
Constatamos que é fácil configurar uma ligação através deste site e da instalação do plugin por
eles fornecido. O painel de controlo das suas configurações também não é difícil. Constatamos
porém que muitas das funcionalidades só estam disponíveis na versão paga.



       Negativos:

        Outro dos nossos grandes objetivos era verificar o funcionamento da base dados
online e aqui tivemos surpresas desagradáveis. O servidor tem um tempo de latência diurno
muito grande. Isto quer dizer que quando tivermos que trabalhar com um grande número de
dados devemos, sempre que possível, faze-lo durante o fim da noite ou pela madrugada.

        Não é possível fazer o login de um utilizador registado dentro da rede da UA. Dava um
erro que nos fez peder um tempo precioso até nos constatarmos que as mesmas ações
efetuadas através de outra rede não davam problemas. Esta será uma questão a análisar
posteriormente com os Professores. Também não conseguirmos abrir o painel de control do
nosso servidor na rede da UA.



Bibliografia

      Beighley, L. Use a Cabeça!SQL (Brasil ed.).

      JQuery – Slide Imagens – visitado em 10 março de 2012,
URL http://workshop.rs/projects/coin-slider/

      Streaming vídeo URL: http://new.livestream.com/home




                                                                                             4
       http://new.livestream.com/home Livestream studio, visitado em 14 março, URL
<http://igovexplica.wiki.zoho.com/Cadastro-no-Livestream.html >

      Rafael Dohms, visitado em 14 março,

URL <http://blog.doh.ms/2006/12/06/google-maps-api-um-exemplo-pratico-e-
comentado/?lang=pt-br >



      <criarweb.com>, visitado em 14 março,
URL < http://www.criarweb.com/artigos/basico-comecar-desenvolver-google-maps.html>

     Youtube - How to create a “My Map” in Google Maps, visitado em 14 março,
URL <http://www.youtube.com/watch?v=TftFnot5uXw >

      Youtube – Google Maps Tutorial, visitado em 14 março,
URL <http://www.youtube.com/watch?v=tzAP2BqpjA4>



      Youtube - Google Maps - Insert Image in My Maps Placemark, visitado em 14 março,
URL< http://www.youtube.com/watch?v=2fT-tOUi_Nc&feature=related>

      Google – Mapas, visitado em 14 março,
URL < http://maps.google.pt/maps?hl=pt-PT&tab=wl>

      php-google-map-api (Multiple Maps), visitado em 14 março,
URL < http://www.bradwedell.com/phpgooglemapapi/demos/advanced_multiple_maps.php>




                                                                                          5
Algumas imagens do nosso trabalho




Ilustração 1 - Site - Demo técnica




Ilustração 2 - Base dados – Workbench




                                        6
Ilustração 3 - Painel de Controlo do site




Ilustração 4 - Base dados externa




                                            7
Ilustração 5 - Arquivos dos ficheiros do site Dreamweaver




                                                            8

Mais conteúdo relacionado

Mais procurados

Programção PHP
Programção PHPProgramção PHP
Programção PHP
ceap
 
Performance (Web&PHP)
Performance (Web&PHP)Performance (Web&PHP)
Performance (Web&PHP)
Nuno Loureiro
 
Sistema S2DG e Tecnologias Web
Sistema S2DG e Tecnologias WebSistema S2DG e Tecnologias Web
Sistema S2DG e Tecnologias Web
Elenilson Vieira
 
GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS
GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOSGUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS
GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS
WordCamp Floripa
 
Manual Joomla 1.5
 Manual Joomla 1.5 Manual Joomla 1.5
Manual Joomla 1.5
Nuno Pereira
 
Dicas para otimizar o WordPress por Felipe Figueiredo
Dicas para otimizar o WordPress por Felipe FigueiredoDicas para otimizar o WordPress por Felipe Figueiredo
Dicas para otimizar o WordPress por Felipe Figueiredo
WordCamp Floripa
 
Automatizando tudo no mundo mobile com fastlane
Automatizando tudo no mundo mobile com fastlaneAutomatizando tudo no mundo mobile com fastlane
Automatizando tudo no mundo mobile com fastlane
akamud
 
Cakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHPCakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHP
Arlindo Santos
 
Security & PHP
Security & PHPSecurity & PHP
Security & PHP
Nuno Loureiro
 
Melhorando A Performance Da Sua Aplicação Web
Melhorando A Performance Da Sua Aplicação WebMelhorando A Performance Da Sua Aplicação Web
Melhorando A Performance Da Sua Aplicação Web
Maurício Linhares
 
ASP.NET MVC 5.x
ASP.NET MVC 5.xASP.NET MVC 5.x
ASP.NET MVC 5.x
Waldyr Felix
 
Ebook - Processo de Otimização de Sites WordPress
Ebook - Processo de Otimização de Sites WordPressEbook - Processo de Otimização de Sites WordPress
Ebook - Processo de Otimização de Sites WordPress
Daniel Paz
 
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel  - Core web vitals e WordPressWordCamp Floripa 2021 - Daniel  - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
WordCamp Floripa
 
Aprender html5 em 4 passos
Aprender html5 em 4 passosAprender html5 em 4 passos
Aprender html5 em 4 passos
Jeser Cotrim
 
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
Daniel Makiyama
 
Curso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTMLCurso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTML
Fabio Moura Pereira
 
Materail para netbeans
Materail para netbeansMaterail para netbeans
Materail para netbeans
Abner Augusto
 
Construindo aplicações web java com netbeans
Construindo aplicações web java com netbeansConstruindo aplicações web java com netbeans
Construindo aplicações web java com netbeans
Sliedesharessbarbosa
 
1409243945064
14092439450641409243945064
1409243945064
Fábio Junior
 

Mais procurados (19)

Programção PHP
Programção PHPProgramção PHP
Programção PHP
 
Performance (Web&PHP)
Performance (Web&PHP)Performance (Web&PHP)
Performance (Web&PHP)
 
Sistema S2DG e Tecnologias Web
Sistema S2DG e Tecnologias WebSistema S2DG e Tecnologias Web
Sistema S2DG e Tecnologias Web
 
GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS
GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOSGUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS
GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS
 
Manual Joomla 1.5
 Manual Joomla 1.5 Manual Joomla 1.5
Manual Joomla 1.5
 
Dicas para otimizar o WordPress por Felipe Figueiredo
Dicas para otimizar o WordPress por Felipe FigueiredoDicas para otimizar o WordPress por Felipe Figueiredo
Dicas para otimizar o WordPress por Felipe Figueiredo
 
Automatizando tudo no mundo mobile com fastlane
Automatizando tudo no mundo mobile com fastlaneAutomatizando tudo no mundo mobile com fastlane
Automatizando tudo no mundo mobile com fastlane
 
Cakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHPCakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHP
 
Security & PHP
Security & PHPSecurity & PHP
Security & PHP
 
Melhorando A Performance Da Sua Aplicação Web
Melhorando A Performance Da Sua Aplicação WebMelhorando A Performance Da Sua Aplicação Web
Melhorando A Performance Da Sua Aplicação Web
 
ASP.NET MVC 5.x
ASP.NET MVC 5.xASP.NET MVC 5.x
ASP.NET MVC 5.x
 
Ebook - Processo de Otimização de Sites WordPress
Ebook - Processo de Otimização de Sites WordPressEbook - Processo de Otimização de Sites WordPress
Ebook - Processo de Otimização de Sites WordPress
 
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel  - Core web vitals e WordPressWordCamp Floripa 2021 - Daniel  - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
 
Aprender html5 em 4 passos
Aprender html5 em 4 passosAprender html5 em 4 passos
Aprender html5 em 4 passos
 
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
 
Curso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTMLCurso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTML
 
Materail para netbeans
Materail para netbeansMaterail para netbeans
Materail para netbeans
 
Construindo aplicações web java com netbeans
Construindo aplicações web java com netbeansConstruindo aplicações web java com netbeans
Construindo aplicações web java com netbeans
 
1409243945064
14092439450641409243945064
1409243945064
 

Destaque

Wed2.0
Wed2.0Wed2.0
Wed2.0
kellanes
 
Miau
MiauMiau
Miau
pmarrugat
 
Escola é 3 ano a
Escola é 3 ano aEscola é 3 ano a
Escola é 3 ano a
Adriana Fischer Ribeiro
 
ATIVIDADE AD1
ATIVIDADE AD1ATIVIDADE AD1
ATIVIDADE AD1
gilcevieira
 
IFPE divulga lista de espera do Sisu - Barreiros
IFPE divulga lista de espera do Sisu - BarreirosIFPE divulga lista de espera do Sisu - Barreiros
IFPE divulga lista de espera do Sisu - Barreiros
Jornal do Commercio
 
Datos personales
Datos personalesDatos personales
Datos personales
diana carolina
 
Subprograma avanza competitividad_2011
Subprograma avanza competitividad_2011Subprograma avanza competitividad_2011
Subprograma avanza competitividad_2011
Ferran Moreno Blanca
 
Edital de asessor em psicologia
Edital de asessor em psicologiaEdital de asessor em psicologia
Edital de asessor em psicologia
ADESC1
 
C:\Fakepath\Los Derechos De Autor
C:\Fakepath\Los Derechos De AutorC:\Fakepath\Los Derechos De Autor
C:\Fakepath\Los Derechos De Autor
guest9e9539d
 
Presentación darwin
Presentación darwinPresentación darwin
Presentación darwin
Universidad Nacional de Rosario
 
Diari del 24 de juliol de 2012
Diari del 24 de juliol de 2012Diari del 24 de juliol de 2012
Diari del 24 de juliol de 2012
diarimes
 
Dia dos namorado4
Dia dos namorado4Dia dos namorado4
Dia dos namorado4
Lohrayne Da Silva Barbosa
 
Obrigadoporteutempo
ObrigadoporteutempoObrigadoporteutempo
Obrigadoporteutempo
Ana Laura Lourenço
 
Historia Del Mapeo De La Cadena De Valor
Historia Del Mapeo De La Cadena De ValorHistoria Del Mapeo De La Cadena De Valor
Historia Del Mapeo De La Cadena De Valor
adder1989
 
Jornal cidadão - 2ª edição 2011
Jornal cidadão - 2ª edição 2011Jornal cidadão - 2ª edição 2011
Jornal cidadão - 2ª edição 2011
aghipertexto
 
Copartner - E-commerce Marketing // Apresentação
Copartner - E-commerce Marketing // ApresentaçãoCopartner - E-commerce Marketing // Apresentação
Copartner - E-commerce Marketing // Apresentação
Cristiano Creczyenski
 
Diari del 17 de maig de 2012
Diari del 17 de maig de 2012Diari del 17 de maig de 2012
Diari del 17 de maig de 2012
diarimes
 
83% das empresas têm dificuldade em encontrar pessoal qualificado
83% das empresas têm dificuldade em encontrar pessoal qualificado83% das empresas têm dificuldade em encontrar pessoal qualificado
83% das empresas têm dificuldade em encontrar pessoal qualificado
Jornal do Commercio
 

Destaque (20)

Reflexió
ReflexióReflexió
Reflexió
 
Wed2.0
Wed2.0Wed2.0
Wed2.0
 
Miau
MiauMiau
Miau
 
Escola é 3 ano a
Escola é 3 ano aEscola é 3 ano a
Escola é 3 ano a
 
ATIVIDADE AD1
ATIVIDADE AD1ATIVIDADE AD1
ATIVIDADE AD1
 
IFPE divulga lista de espera do Sisu - Barreiros
IFPE divulga lista de espera do Sisu - BarreirosIFPE divulga lista de espera do Sisu - Barreiros
IFPE divulga lista de espera do Sisu - Barreiros
 
Datos personales
Datos personalesDatos personales
Datos personales
 
Subprograma avanza competitividad_2011
Subprograma avanza competitividad_2011Subprograma avanza competitividad_2011
Subprograma avanza competitividad_2011
 
Edital de asessor em psicologia
Edital de asessor em psicologiaEdital de asessor em psicologia
Edital de asessor em psicologia
 
C:\Fakepath\Los Derechos De Autor
C:\Fakepath\Los Derechos De AutorC:\Fakepath\Los Derechos De Autor
C:\Fakepath\Los Derechos De Autor
 
Presentación darwin
Presentación darwinPresentación darwin
Presentación darwin
 
Diari del 24 de juliol de 2012
Diari del 24 de juliol de 2012Diari del 24 de juliol de 2012
Diari del 24 de juliol de 2012
 
Dia dos namorado4
Dia dos namorado4Dia dos namorado4
Dia dos namorado4
 
Obrigadoporteutempo
ObrigadoporteutempoObrigadoporteutempo
Obrigadoporteutempo
 
Joder
JoderJoder
Joder
 
Historia Del Mapeo De La Cadena De Valor
Historia Del Mapeo De La Cadena De ValorHistoria Del Mapeo De La Cadena De Valor
Historia Del Mapeo De La Cadena De Valor
 
Jornal cidadão - 2ª edição 2011
Jornal cidadão - 2ª edição 2011Jornal cidadão - 2ª edição 2011
Jornal cidadão - 2ª edição 2011
 
Copartner - E-commerce Marketing // Apresentação
Copartner - E-commerce Marketing // ApresentaçãoCopartner - E-commerce Marketing // Apresentação
Copartner - E-commerce Marketing // Apresentação
 
Diari del 17 de maig de 2012
Diari del 17 de maig de 2012Diari del 17 de maig de 2012
Diari del 17 de maig de 2012
 
83% das empresas têm dificuldade em encontrar pessoal qualificado
83% das empresas têm dificuldade em encontrar pessoal qualificado83% das empresas têm dificuldade em encontrar pessoal qualificado
83% das empresas têm dificuldade em encontrar pessoal qualificado
 

Semelhante a Guião demotécnica

Matando web forms e modernizando um grande varejista
Matando web forms e modernizando um grande varejistaMatando web forms e modernizando um grande varejista
Matando web forms e modernizando um grande varejista
José Roberto Araújo
 
Ai ad-tp3-g3
Ai ad-tp3-g3Ai ad-tp3-g3
Ai ad-tp3-g3
VeraCorreia14
 
Desafio Rest API
Desafio Rest APIDesafio Rest API
Desafio Rest API
Reinaldo Junior
 
Tutorial codeigniter
Tutorial codeigniterTutorial codeigniter
Tutorial codeigniter
Harry Möbbs Júnior
 
Apresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvemApresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvem
Rodrigo Valerio
 
Python, Google App Engine e Webapp-CE
Python, Google App Engine e Webapp-CE Python, Google App Engine e Webapp-CE
Python, Google App Engine e Webapp-CE
Renzo Nuccitelli
 
Google App Engine e Python
Google App Engine e PythonGoogle App Engine e Python
Google App Engine e Python
PeslPinguim
 
Visão Geral De Desenvolvimento Web Sre 2012
Visão Geral De Desenvolvimento Web   Sre 2012Visão Geral De Desenvolvimento Web   Sre 2012
Visão Geral De Desenvolvimento Web Sre 2012
Carlos Casalicchio
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
thiagolima
 
W2py pyconpe
W2py pyconpeW2py pyconpe
W2py pyconpe
Ovidio Marinho
 
Manual Pentaho 3.5
Manual Pentaho 3.5Manual Pentaho 3.5
Planode Aula
Planode AulaPlanode Aula
Planode Aula
softeam
 
Ai1617 ac-tp2-g2-a
Ai1617 ac-tp2-g2-aAi1617 ac-tp2-g2-a
Ai1617 ac-tp2-g2-a
EduardoCorreia95
 
Caipira agil automacao front end selenium
Caipira agil automacao front end seleniumCaipira agil automacao front end selenium
Caipira agil automacao front end selenium
Qualister
 
VSSUMMIT 2023 - Como partir do zero e entregar uma API Profissional com .NET ...
VSSUMMIT 2023 - Como partir do zero e entregar uma API Profissional com .NET ...VSSUMMIT 2023 - Como partir do zero e entregar uma API Profissional com .NET ...
VSSUMMIT 2023 - Como partir do zero e entregar uma API Profissional com .NET ...
Dextra Sistemas / Etec Itu
 
T@rget trust asp.net avançado
T@rget trust   asp.net avançadoT@rget trust   asp.net avançado
T@rget trust asp.net avançado
Targettrust
 
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas OperacionaisSimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
Caio Ribeiro Pereira
 
Cursos a3
Cursos a3Cursos a3
Cursos a3
Guilherme Valle
 
Criando Aplicações .NET com o TheWebMind
Criando Aplicações .NET com o TheWebMindCriando Aplicações .NET com o TheWebMind
Criando Aplicações .NET com o TheWebMind
Jaydson Gomes
 
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
clesiojunior
 

Semelhante a Guião demotécnica (20)

Matando web forms e modernizando um grande varejista
Matando web forms e modernizando um grande varejistaMatando web forms e modernizando um grande varejista
Matando web forms e modernizando um grande varejista
 
Ai ad-tp3-g3
Ai ad-tp3-g3Ai ad-tp3-g3
Ai ad-tp3-g3
 
Desafio Rest API
Desafio Rest APIDesafio Rest API
Desafio Rest API
 
Tutorial codeigniter
Tutorial codeigniterTutorial codeigniter
Tutorial codeigniter
 
Apresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvemApresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvem
 
Python, Google App Engine e Webapp-CE
Python, Google App Engine e Webapp-CE Python, Google App Engine e Webapp-CE
Python, Google App Engine e Webapp-CE
 
Google App Engine e Python
Google App Engine e PythonGoogle App Engine e Python
Google App Engine e Python
 
Visão Geral De Desenvolvimento Web Sre 2012
Visão Geral De Desenvolvimento Web   Sre 2012Visão Geral De Desenvolvimento Web   Sre 2012
Visão Geral De Desenvolvimento Web Sre 2012
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
W2py pyconpe
W2py pyconpeW2py pyconpe
W2py pyconpe
 
Manual Pentaho 3.5
Manual Pentaho 3.5Manual Pentaho 3.5
Manual Pentaho 3.5
 
Planode Aula
Planode AulaPlanode Aula
Planode Aula
 
Ai1617 ac-tp2-g2-a
Ai1617 ac-tp2-g2-aAi1617 ac-tp2-g2-a
Ai1617 ac-tp2-g2-a
 
Caipira agil automacao front end selenium
Caipira agil automacao front end seleniumCaipira agil automacao front end selenium
Caipira agil automacao front end selenium
 
VSSUMMIT 2023 - Como partir do zero e entregar uma API Profissional com .NET ...
VSSUMMIT 2023 - Como partir do zero e entregar uma API Profissional com .NET ...VSSUMMIT 2023 - Como partir do zero e entregar uma API Profissional com .NET ...
VSSUMMIT 2023 - Como partir do zero e entregar uma API Profissional com .NET ...
 
T@rget trust asp.net avançado
T@rget trust   asp.net avançadoT@rget trust   asp.net avançado
T@rget trust asp.net avançado
 
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas OperacionaisSimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
 
Cursos a3
Cursos a3Cursos a3
Cursos a3
 
Criando Aplicações .NET com o TheWebMind
Criando Aplicações .NET com o TheWebMindCriando Aplicações .NET com o TheWebMind
Criando Aplicações .NET com o TheWebMind
 
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
INTEROPERABILIDADE ENTRE SISTEMAS DE INFORMAÇÃO HETEROGÊNEOS NA PRÁTICA – NO ...
 

Mais de Silvio Dias

Fase 2 resultados
Fase 2   resultadosFase 2   resultados
Fase 2 resultados
Silvio Dias
 
Questionario satisfacaouso fase2_tablet
Questionario satisfacaouso fase2_tabletQuestionario satisfacaouso fase2_tablet
Questionario satisfacaouso fase2_tabletSilvio Dias
 
Questionario preliminar fase2_tablet
Questionario preliminar fase2_tabletQuestionario preliminar fase2_tablet
Questionario preliminar fase2_tabletSilvio Dias
 
Questionario satisfacaouso fase2
Questionario satisfacaouso fase2Questionario satisfacaouso fase2
Questionario satisfacaouso fase2Silvio Dias
 
Questionario preliminar fase2
Questionario preliminar fase2Questionario preliminar fase2
Questionario preliminar fase2Silvio Dias
 
Questionario satisfacaouso fase1
Questionario satisfacaouso fase1Questionario satisfacaouso fase1
Questionario satisfacaouso fase1Silvio Dias
 
Questionario preliminar fase1
Questionario preliminar fase1Questionario preliminar fase1
Questionario preliminar fase1Silvio Dias
 
Fase 1 resultados
Fase 1   resultadosFase 1   resultados
Fase 1 resultados
Silvio Dias
 
Aula projeto 9
Aula projeto 9Aula projeto 9
Aula projeto 9
Silvio Dias
 
Terrapura mi
Terrapura miTerrapura mi
Terrapura mi
Silvio Dias
 
Relatorio especificacao tecnica-e_grafica
Relatorio especificacao tecnica-e_graficaRelatorio especificacao tecnica-e_grafica
Relatorio especificacao tecnica-e_grafica
Silvio Dias
 
Quinta moleiro
Quinta moleiroQuinta moleiro
Quinta moleiro
Silvio Dias
 
áLbum de fotografias
áLbum de fotografiasáLbum de fotografias
áLbum de fotografias
Silvio Dias
 
áLbum de fotografias
áLbum de fotografiasáLbum de fotografias
áLbum de fotografias
Silvio Dias
 
áLbum de fotografias
áLbum de fotografiasáLbum de fotografias
áLbum de fotografias
Silvio Dias
 
Guiao demotecnica
Guiao demotecnicaGuiao demotecnica
Guiao demotecnica
Silvio Dias
 
Guiao demografica
Guiao demograficaGuiao demografica
Guiao demografica
Silvio Dias
 
Briefing final postr
Briefing final postrBriefing final postr
Briefing final postr
Silvio Dias
 

Mais de Silvio Dias (18)

Fase 2 resultados
Fase 2   resultadosFase 2   resultados
Fase 2 resultados
 
Questionario satisfacaouso fase2_tablet
Questionario satisfacaouso fase2_tabletQuestionario satisfacaouso fase2_tablet
Questionario satisfacaouso fase2_tablet
 
Questionario preliminar fase2_tablet
Questionario preliminar fase2_tabletQuestionario preliminar fase2_tablet
Questionario preliminar fase2_tablet
 
Questionario satisfacaouso fase2
Questionario satisfacaouso fase2Questionario satisfacaouso fase2
Questionario satisfacaouso fase2
 
Questionario preliminar fase2
Questionario preliminar fase2Questionario preliminar fase2
Questionario preliminar fase2
 
Questionario satisfacaouso fase1
Questionario satisfacaouso fase1Questionario satisfacaouso fase1
Questionario satisfacaouso fase1
 
Questionario preliminar fase1
Questionario preliminar fase1Questionario preliminar fase1
Questionario preliminar fase1
 
Fase 1 resultados
Fase 1   resultadosFase 1   resultados
Fase 1 resultados
 
Aula projeto 9
Aula projeto 9Aula projeto 9
Aula projeto 9
 
Terrapura mi
Terrapura miTerrapura mi
Terrapura mi
 
Relatorio especificacao tecnica-e_grafica
Relatorio especificacao tecnica-e_graficaRelatorio especificacao tecnica-e_grafica
Relatorio especificacao tecnica-e_grafica
 
Quinta moleiro
Quinta moleiroQuinta moleiro
Quinta moleiro
 
áLbum de fotografias
áLbum de fotografiasáLbum de fotografias
áLbum de fotografias
 
áLbum de fotografias
áLbum de fotografiasáLbum de fotografias
áLbum de fotografias
 
áLbum de fotografias
áLbum de fotografiasáLbum de fotografias
áLbum de fotografias
 
Guiao demotecnica
Guiao demotecnicaGuiao demotecnica
Guiao demotecnica
 
Guiao demografica
Guiao demograficaGuiao demografica
Guiao demografica
 
Briefing final postr
Briefing final postrBriefing final postr
Briefing final postr
 

Guião demotécnica

  • 1. Universidade de Aveiro 2011/2012 Projeto BackToBasics Guião - Demo Técnica Orientador: Ana Amaro Carla Taveira |47065 Liliana Almeida | 49905 Francisco Silva | 51054 Sílvio Dias | 51068
  • 2. Guião – Demo Técnica – BackToBasics A demo técnica pretende demonstrar se as tecnologias e recursos técnicos por nós escolhidos são os mais adequados e se temos competências para trabalhar com elas para cumprir o que nos propusemos fazer nos requisitos funcionais. Como já foi referido no nosso blog a nossa aplicação está alojada no servidor Esotérica, com o endereço: http://backtobasics.com.pt/ . Resposta das tecnologias escolhidas: Criámos um protótipo reutilizável com uma arquitetura server-side utilizando a linguagem PHP, devidamente organizado, com pastas para css, includes, extras (ex. formatação de texto com ferramentas do word nas tag html textarea) e imagens. Tivemos a preocupação de incluir no código CSS programação para diminuir futuramente problemas de compatibilidade entre os navegadores. Por outro lado está organizado de modo a que os diferentes ficheiros possam ser facilmente atualizados. Esta arquitetura está organizada da seguinte forma: Existe em todas as páginas 3 ficheiros php que através de includes abrem na mesma página o topo, páginas e rodapé. De acordo com a passagem de parâmetros por query string são abertos os conteúdos na área das páginas recorrendo a uma função switch em php. Todas as actions dos formulários, até ao momento criados estão a direcionar a verificação para uma página de funções que de acordo com a passagem de parâmetros por query string executa determinadas instruções. Client-Side: Linguagem de programação CSS. Vamos fazer a separação do conteúdo/estrutura HTML da formatação dos estilos recorrendo ao CSS. Foram feitas testados alguns scrips JQUERY, por exemplo, o slide de imagens que vai estar presente na página inicial e para a construção do CHAT. Também será utilizada a linguagem javascript, tendo sido já arquivadas as funcionalidades básicas desta tecnologia com que vamos trabalhar. As mesmas já foram testadas em termos de validações de formulários, comparação de string, etc. Server-Side: Os nossos grandes desafios estão nas tecnologias que vão operar do lado do servidor, o PHP, MySQL, SQL que todas juntas fazem a gestão da nossa base de dados relacional, criada no programa Workbench, testada localmente e exportada posteriormente para a base no servidor externo. De momento esta já se encontra alojada no nosso servidor de alojamento. Resolvemos fazer desde já uma base dados robusta para termos uma resposta sobre os desafios que vamos enfrentar. Por esta razão, além de estarmos a rever o que aprendemos no semestre passado, começámos a ler um excelente livro sobre SQL, mencionado na 2
  • 3. bibliografia. Pretendemos fazer as query sem recorrer a nenhum programa de ajuda. A criação desta base de dados deu alguns problemas já relatados no blogue, mas foram desde já ultrapassados. Pode-se dizer que nesta fase a base dados está a responder bem às nossas solicitações e a comunicação com o site/utilizadores está a decorrer normalmente. A inclusão de um streaming de vídeo na nossa home page foi feita com facilidade e apesar de ainda não estar a transmitir da quinta já nos forneceu indicações que não será difícil de implementar a situação que é pretendida. Estamos a comparar duas câmaras de vídeo externas, dotadas de IP e com transmissão por banda larga para colocar na quinta parceira. Temos já implementado o mapa com o API do Google para visualizar a localização das quintas, no futuro os parceiros poderão automaticamente introduzir localizações. O calendário que foi introduzido na demo ainda está numa fase muito precoce de elaboração, é feito em PHP e no futuro vai ter comunicação com a BD para a marcação das visitas. Demo Técnica – Vídeo 1. O utilizador procura no motor de busca a aplicação BackToBasics; 2. É direcionado para o nosso site; 3. Faz registo (preenchimento de formulário) e submete o formulário; 4.O seu perfil é exibido numa nova página onde adiciona novos dados; 5. Passa para a Home Page onde tem disponível um streaming de vídeo (no futuro a sua localização será diferente); 6. Clica para ver o que a câmara está a filmar naquele momento; 7. Vai ver o mapa do Google com a localização da quinta parceira; 8.Vizualiza o calendário de marcação de visitas; 9. Sai da aplicação e voltar a entrar introduzindo os seus dados de login com sucesso sendo redirecionado para a home page; 10.Executa os mesmos passos que o ponto anterior mas introduz dados do login errados. No futuro será exibida um alert box em Java Script com a informação de que o login não foi efetuado com sucesso. 3
  • 4. Aspetos retirados neste estudo: Positivos: Um dos principais objetivos para este projeto era a implementação das soluções técnicas recorrendo o menos possível às ferramentas automáticas do Dreamweaver. Por isso precisávamos de provar a nós próprios que o podíamos fazer. Esta aposta foi ganha porque neste momento temos uma base dados criada no nosso servidor externo, que comunica com o nosso site a partir de PHP, fizemos, INSERT de utilizadores na Base Dados, editámos conteúdos UPDATE e através do SELECT exibimos conteúdos, usámos funções e passagem de parâmetros, tudo sem utilizar os mecanismos automáticos do Dreamweaver. Nesta fase não estávamos a pensar demonstrar o funcionamento das câmaras de vídeo recorrendo ao streaming vídeo fornecido pelo site referido na bibliografia. Pensávamos que teríamos que instalar os meios tecnológicos na quinta. O nosso parceiro da Quinta ainda anão decidiu a sua melhor localização. Numa conversa com o Professor Caixinha fomos elucidados que o poderíamos fazer recorrendo nesta fase aos nossos computadores pessoais. Constatamos que é fácil configurar uma ligação através deste site e da instalação do plugin por eles fornecido. O painel de controlo das suas configurações também não é difícil. Constatamos porém que muitas das funcionalidades só estam disponíveis na versão paga. Negativos: Outro dos nossos grandes objetivos era verificar o funcionamento da base dados online e aqui tivemos surpresas desagradáveis. O servidor tem um tempo de latência diurno muito grande. Isto quer dizer que quando tivermos que trabalhar com um grande número de dados devemos, sempre que possível, faze-lo durante o fim da noite ou pela madrugada. Não é possível fazer o login de um utilizador registado dentro da rede da UA. Dava um erro que nos fez peder um tempo precioso até nos constatarmos que as mesmas ações efetuadas através de outra rede não davam problemas. Esta será uma questão a análisar posteriormente com os Professores. Também não conseguirmos abrir o painel de control do nosso servidor na rede da UA. Bibliografia  Beighley, L. Use a Cabeça!SQL (Brasil ed.).  JQuery – Slide Imagens – visitado em 10 março de 2012, URL http://workshop.rs/projects/coin-slider/  Streaming vídeo URL: http://new.livestream.com/home 4
  • 5. http://new.livestream.com/home Livestream studio, visitado em 14 março, URL <http://igovexplica.wiki.zoho.com/Cadastro-no-Livestream.html >  Rafael Dohms, visitado em 14 março, URL <http://blog.doh.ms/2006/12/06/google-maps-api-um-exemplo-pratico-e- comentado/?lang=pt-br >  <criarweb.com>, visitado em 14 março, URL < http://www.criarweb.com/artigos/basico-comecar-desenvolver-google-maps.html>  Youtube - How to create a “My Map” in Google Maps, visitado em 14 março, URL <http://www.youtube.com/watch?v=TftFnot5uXw >  Youtube – Google Maps Tutorial, visitado em 14 março, URL <http://www.youtube.com/watch?v=tzAP2BqpjA4>  Youtube - Google Maps - Insert Image in My Maps Placemark, visitado em 14 março, URL< http://www.youtube.com/watch?v=2fT-tOUi_Nc&feature=related>  Google – Mapas, visitado em 14 março, URL < http://maps.google.pt/maps?hl=pt-PT&tab=wl>  php-google-map-api (Multiple Maps), visitado em 14 março, URL < http://www.bradwedell.com/phpgooglemapapi/demos/advanced_multiple_maps.php> 5
  • 6. Algumas imagens do nosso trabalho Ilustração 1 - Site - Demo técnica Ilustração 2 - Base dados – Workbench 6
  • 7. Ilustração 3 - Painel de Controlo do site Ilustração 4 - Base dados externa 7
  • 8. Ilustração 5 - Arquivos dos ficheiros do site Dreamweaver 8