Feedback (alterações ao site)

As alterações estão quase todas prontas a serem colocadas no site,
mas acho k deviamos esperar pela resposta da prof Verónica,
para evitar novamente alterações drásticas de conteudo,
e contradições.


Aproveito faço uma pausa no estudo e trato disso.

Pah, de qualquer forma é melhor meter a versão que já está no link oficial.

Mais tarde faço essa mudança de host,
por enquanto o site de configuração
está offline, possivelmente em manutenção.

Qual é o protocolo que se deve usar
para aceder ao servidor da bd?

Ainda tentei aceder ao servidor
ssh.dcc.fc.up.pt por ssh,
na tentativa de por aí aceder à
base de dados, mas a ligação é
rejeitada, com o seguinte erro:

carlos@carlos-laptop:~$ ssh videojogos2011@ssh.dcc.fc.up.pt
Password:
Last login: Sat Aug 27 13:10:56 2011 from bl18-197-86.dsl.telepac.pt

This account is restricted by rssh.
Allowed commands: scp sftp rsync

If you believe this is in error, please contact your system administrator.

Connection to ssh.dcc.fc.up.pt closed.

Já redirecionei o pedido.

Ao passar o site para o servidor do
dcc posso substituir o registo e login
pelo botão da newsletter?

facilitava-me o trabalho e já podia
colocar alguma segurança no site.

Sim! Pelo menos nisso a Verónica concorda, por isso podes avançar. cumps

O site já se encontra no servidor
do dcc, agora peço k testem,
se todos acharem k está bem assim
passa a ser este o oficial...

Penso k desta vez a velocidade
irá agradar...

PT

EN

fiz algumas alterações na segurança,
pelo menos as k pensava serem mais urgentes..

CarlosAlves wrote:O site já se encontra no servidor
do dcc, agora peço k testem,
se todos acharem k está bem assim
passa a ser este o oficial...

Penso k desta vez a velocidade
irá agradar...

PT

EN

fiz algumas alterações na segurança,
pelo menos as k pensava serem mais urgentes..

Esqueceste-te de resolver problemas como a barra horizontal, entre outros discutidos uns posts acima. Tens lá as correcções para não teres trabalho a procurar.

Quando se vai a http://www.dcc.fc.up.pt/~videojogos2011/ redirecciona para uma pagina de selecção de língua, até aí tudo bem. Depois de escolheres a língua redirecciona-te para o antigo alojamento. (Basta mudar no index suponho)

Quando se carrega nos links de twitter e afins devia abrir uma nova tab e a página sobrepor-se sobre a actual para que o utilizador não feche a página e possivelmente perca o interesse pela mesma.

Scroll vertical continua a não ser fluído em FF / Chrome.

No Ie continua o wallpaper sem estar esticado.

Foram para já as primeiras coisas que me saltaram à vista.

Bom trabalho.

Quando se vai a http://www.dcc.fc.up.pt/~videojogos2011/ redirecciona para uma pagina de selecção de língua, até aí tudo bem.

Por acaso isso é para tirar. É suposto a página ir para a versão PT por defeito e ter a opção de ver a página em EN.

Quanto ao resto, o que eu sugiro é que fiques no departamento com o Carlos. Falem entre vocês, comecem a trabalhar nisso. Se tivermos mais gente a trabalhar no site também conseguimos andar mais depressa.

Quanto ao redirecionamento do index ser
para o antigo alojamento deve-se ao k
já tinha dito "agora peço k testem,
se todos acharem k está bem assim
passa a ser este o oficial..."


Colocar a versão PT por defeito é
bastante rápido e simples

Quanto aos probs que referem vão ser tratados em seguida,
ontem o importante a meu ver seria mudar de host e
melhorar a segurança, foram apenas alterações em php e js.

Um exemplo do k fiz em js ex.
penso fazer o mesmo com os restantes ficheiros js.

CarlosAlves wrote:Quanto ao redirecionamento do index ser
para o antigo alojamento deve-se ao k
já tinha dito "agora peço k testem,
se todos acharem k está bem assim
passa a ser este o oficial..."


Colocar a versão PT por defeito é
bastante rápido e simples

Quanto aos probs que referem vão ser tratados em seguida,
ontem o importante a meu ver seria mudar de host e
melhorar a segurança, foram apenas alterações em php e js.

Um exemplo do k fiz em js ex.
penso fazer o mesmo com os restantes ficheiros js.

Não te estou a criticar, só a apontar algumas coisas que me saltaram a vista.

Eu muito sinceramente acho que quando se põe as coisas online tem que ser feito de uma vez e não às pinguinhas.

Passas-te pelo packer do Deand Edwards para que o excesso de espaços fosse removido e as variáveis ficassem mais pequenas fazendo com que o codigo pode-se fluir melhor. Mesmo assim o problema está na estrutura em como o site está construído, não na quantidade de linhas.

Por Exemplo, estas linhas são desnecessárias serem feitas por javascript:

Code:

function gotoEN() {
   window.location = 'index-theme2_en.php'
}
function gotoPT() {
   window.location = 'index-theme2.php'
}
function gotoRSSpt() {
   window.location = 'http://feeds.feedburner.com/Videojogos2011RssFeedPT'
}
function gotoFB() {
   window.location = 'http://www.facebook.com/pages/VideoJogos/211541415530850'
}
function gotoTW() {
   window.location = 'http://twitter.com/#!/VideoJogos2011'
}
function gotoRSSen() {
   window.location = 'http://feeds.feedburner.com/Videojogos2011RssFeedEN'
}

Basta pores isto num <a href="link"><img src=""/></a> e fazem exactamente o msm efeito sem teres que recorrer a mais uma função do javascript para pesar no site.

Codigo unpacked para referência a outras pessoas.

Code:

$(function () {
   $('#tabs').tabs()
});
function gotoEN() {
   window.location = 'index-theme2_en.php'
}
function gotoPT() {
   window.location = 'index-theme2.php'
}
function gotoRSSpt() {
   window.location = 'http://feeds.feedburner.com/Videojogos2011RssFeedPT'
}
function gotoFB() {
   window.location = 'http://www.facebook.com/pages/VideoJogos/211541415530850'
}
function gotoTW() {
   window.location = 'http://twitter.com/#!/VideoJogos2011'
}
function gotoRSSen() {
   window.location = 'http://feeds.feedburner.com/Videojogos2011RssFeedEN'
}
function email_val() {
   var a = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
   if ($('#email').val() == '') {
      $('#email_error').html('campo obrigatorio')
   } else if (!a.test($('#email').val())) {
      $('#email_error').html('Email inválido.')
   } else {
      $('#email_error').html('')
   }
}
function receive_newsletter() {
   $.blockUI({
      css: {
         border: 'none',
         backgroundColor: 'transparent',
         top: ($(window).height() - 350) / 2 + 'px',
         left: ($(window).width() - 300) / 2 + 'px',
         width: '300px'
      },
      message: "<div id=\"form_wrapper\" class=\"form_wrapper\" style='width: 300px;'>" + "<form class=\"forgot_password active\">" + "<h3>Receber Newsletter</h3>" + "<div>" + "<label>Email:</label>" + "<input type=\"text\" id='email' onchange='email_val()'/>" + "<span class=\"error\" id='email_error' ></span>" + "</div>" + "<div class=\"bottom\">" + "<input type=\"submit\" value=\"Enviar\" onclick='rec_news_email();return false;'></input>" + "<div class=\"clear\"></div>" + "</div>" + "</form>" + "</div>"
   });
   $('.blockOverlay').attr('title', 'Click to unblock').click($.unblockUI)
}
function rec_news_email() {
   var b = $("#email").val();
   if (b == "") {
      $.unblockUI();
      $.blockUI({
         css: {
            border: 'none',
            backgroundColor: 'transparent',
            left: ($(window).width() - 350) / 2 + 'px',
            width: '350px'
         },
         message: "<div id=\"form_wrapper\" class=\"form_wrapper\" style='width: 350px;'>" + "<form class='login active' >" + "<div class=\"bottom\">" + "<h3>Deve preencher todos os campos!</h3>" + "</div>" + "</form>" + "</div>"
      });
      setTimeout(function () {
         $.unblockUI({
            onUnblock: function () {
               receive_newsletter()
            }
         })
      },
      3000)
   } else {
      $.unblockUI();
      $.blockUI({
         css: {
            border: 'none',
            backgroundColor: 'transparent',
            left: ($(window).width() - 350) / 2 + 'px',
            width: '350px'
         },
         message: "<div id=\"form_wrapper\" class=\"form_wrapper\" style='width: 350px;'>" + "<form class='login active' >" + "<div class=\"bottom\">" + "<h3>Um momento...</h3>" + "</div>" + "</form>" + "</div>"
      });
      $.post("./tabs.php", {
         newsletter_pt: 'true',
         not_user_email: b,
         view: "newsletter"
      },
      function (a) {
         $.unblockUI();
         if ($.trim(a) == 'success') {
            $.blockUI({
               css: {
                  border: 'none',
                  backgroundColor: 'transparent',
                  left: ($(window).width() - 350) / 2 + 'px',
                  width: '350px'
               },
               message: "<div id=\"form_wrapper\" class=\"form_wrapper\" style='width: 350px;'>" + "<form class='login active' >" + "<div class=\"bottom\">" + "<h3>Subscrição activa</h3>" + "</div>" + "</form>" + "</div>"
            });
            setTimeout(function () {
               $.unblockUI({
                  onUnblock: function () {}
               })
            },
            3000)
         } else if ($.trim(a) == 'emailerr') {
            $.blockUI({
               css: {
                  border: 'none',
                  backgroundColor: 'transparent',
                  left: ($(window).width() - 350) / 2 + 'px',
                  width: '350px'
               },
               message: "<div id=\"form_wrapper\" class=\"form_wrapper\" style='width: 350px;'>" + "<form class='login active' >" + "<div class=\"bottom\">" + "<h3>Insira um email válido!</h3>" + "</div>" + "</form>" + "</div>"
            });
            setTimeout(function () {
               $.unblockUI({
                  onUnblock: function () {
                     receive_newsletter()
                  }
               })
            },
            3000)
         } else {
            $.blockUI({
               css: {
                  border: 'none',
                  backgroundColor: 'transparent',
                  left: ($(window).width() - 350) / 2 + 'px',
                  width: '350px'
               },
               message: "<div id=\"form_wrapper\" class=\"form_wrapper\" style='width: 350px;'>" + "<form class='login active' >" + "<div class=\"bottom\">" + "<h3>Server error.Volte a tentar mais tarde</h3>" + "</div>" + "</form>" + "</div>"
            });
            setTimeout(function () {
               $.unblockUI({
                  onUnblock: function () {
                     receive_newsletter()
                  }
               })
            },
            3000)
         }
      })
   }
}
$('document').ready(function () {
   $.address.change(function (a) {
      $('#tabs').tabs('select', window.location.hash)
   });
   $('#tabs').bind('tabsselect', function (a, b) {
      window.location.hash = b.tab.hash
   })
});
function homepage() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=home",
      success: function (r) {
         $('#home').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Comission() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=comission",
      success: function (r) {
         $('#comission').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Gamedev() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=gamedev",
      success: function (r) {
         $('#gamedev').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Palestras() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=palestras",
      success: function (r) {
         $('#palestras').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Inscricao() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=inscricao",
      success: function (r) {
         $('#inscricao').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Gethere() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=gethere",
      success: function (r) {
         $('#gethere').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Lanparty() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=lanparty",
      success: function (r) {
         $('#lanparty').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function News() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=news",
      success: function (r) {
         $('#news').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Program() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=program",
      success: function (r) {
         $('#program').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Registo() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=registo",
      success: function (r) {
         $('#registo').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Social() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=social",
      success: function (r) {
         $('#social').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Submit() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=submit",
      success: function (r) {
         $('#submit').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Supporters() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=supporters",
      success: function (r) {
         $('#supporters').html(r)
      }
   });
   window.scrollTo(0, 0)
}
function Workshops() {
   var a = './tabs.php';
   $.ajax({
      type: "POST",
      url: a,
      data: "view=workshops",
      success: function (r) {
         $('#workshops').html(r)
      }
   });
   window.scrollTo(0, 0)
}

Code:

[code]

Criticar n tem qualquer prob,
só me facilita o trabalho.

Mas explica-me qual é o prob de estrutura k encontras,
aí tens a referência a 3 ficheiros php, nenhum deles com
acesso à base de dados.

O uso do packer é apenas para tornar menos legível,
nada tem a ver com segurança.

Contra a inserção de código js ou html no cliente nada se pode
fazer, mas todos os parâmetros são validados em php.

CarlosAlves wrote:Criticar n tem qualquer prob,
só me facilita o trabalho.

Mas explica-me qual é o prob de estrutura k encontras,
aí tens a referência a 3 ficheiros php, nenhum deles com
acesso à base de dados.

O uso do packer é apenas para tornar menos legível,
nada tem a ver com segurança.

Contra a inserção de código js ou html no cliente nada se pode
fazer, mas todos os parâmetros são validados em php.

Por exemplo, tu recorres muito ao javascript para formatar/por o site funcional. Como em links, em vez de usares um simples <a>, crias uma função de javascript para reproduzir esse efeito o que é completamente desnecessário.
Depois, fizeste o site com auxilio do jquery.ui, em vez de teres várias páginas estáticas em html que carregam em menos de metade do tempo.
Ou seja mais de metade da consistência do teu site fundamenta-se em js onde muitos utilizadores desactivam o js nos browsers deles por defeito.

Eu ainda não testei a segurança e acredito que tenhas feito um bom trabalho nesse aspecto.

Não estás a exagerar quando dizes k metade
dos utilizadores desactivam o javascript?

Sem javascript estás a ir contra a maré,
poucos sites encontras k n tenham js.

Páginas estaticas poderiam ser usadas,
mas ideia é ser simples de alterar, sem
mexer mt em html.

O uso de jquery ui não foi uma escolha
minha, mas sinceramente estou de
acordo, sem ele teriamos mts mais
probs com os vários browsers

CarlosAlves wrote:Não estás a exagerar quando dizes k metade
dos utilizadores desactivam o javascript?

Sem javascript estás a ir contra a maré,
poucos sites encontras k n tenham js.

Páginas estaticas poderiam ser usadas,
mas ideia é ser simples de alterar, sem
mexer mt em html.

O uso de jquery ui não foi uma escolha
minha, mas sinceramente estou de
acordo, sem ele teriamos mts mais
probs com os vários browsers

Não, não estou a exagerar até porque trabalho na área.

Uma coisa é ter javascript a auxiliar a página outra coisa é ter javascript como base.

Não tens que mexer muito em html. Puxas na mesma o conteúdo como estas a fazer. Mas fazê-lo por outras formas que não envolvem javascript.

O jquery.ui deve ser usado para a criação de menus curtos, widgets, não para carregar páginas inteiras. E em termos de incompatibilidade de browsers, isso 95% das vezes é gerado pelos diferentes parses dos browsers ao css e não ao javascript.

Seja como for isto são apenas opiniões minhas, continuação de um bom trabalho.

Eu entendo o k keres dizer,
mas relembro k a minha tarefa
era alterar o site mantendo +-
o que já havia sido feito.

Mesmo eu já havia feito outro site
de raiz, antes da tarefa me ter sido
atribuida, k fora recusado por ser mt
"complexo".

Com isto pretendo dizer que
não temos mt margem para inventar,
pelo k fui informado no momento
o site está de acordo com os gostos
da prof. Veronica .

Retirar o jquery ui e manter a mesma
aparência n faz mt sentido,
para além k aumenta mt o
trabalho k tem de ser feito
para ficar com algo k já temos hoje.

Eu também concordo que estás a exagerar, e bastante. Note-se que hoje em dia já se fazem muitas web-apps, como com o recurso a GWT, que são 100% escritas em javascript... No entanto, não é uma web-app que pretendemos e os 2% de utilizadores que têm o javascript desactivado (EUA) ainda corresponde a 6.241.660 de pessoas (metade da população portuguesa! Se calhar é daqui que vêm os teus 50%? ;p lool). Por isso é sempre algo que vale a pena ser considerado. No entanto, por estes valores não é uma prioridade. Conteúdo pessoal! É isso que queremos. Queremos utilizadores registados na newsletter e a seguir o nosso RSS, e para isso precisamos divulgar o site. Já para conseguir isso, não precisamos de um sistema de segurança infalível, nem do site mais bonito do mundo. Precisamos dum site com conteúdo fiável e actualizado e que responda em tempo útil.

Claro que com isto não pretendo dizer que estas discussões não devam ter lugar, apenas acho que existem assuntos a trabalhar no site que são mais prioritários, como passar para a página em PT em vez da escolha da linguagem, tirar o botão "entrar", formatar o conteúdo de uma forma mais atractiva, tirar o scroll horizontal e ter o banner pronto. Depois disso o que sobra é conteúdo.

Claro que o Carlos estando a trabalhar sozinho no site estamos na mesma a atrasar aquilo que realmente importa. Pelo que renovo o pedido de recrutares pessoal para o teu departamento para tentarmos arrumar com estes assuntos o quanto antes.

Cumps

Basta apenas alterar o nome dos ficheiros
para k as alterações k falaste estejam
online.

Ainda só n o fiz pk estava-se a falar aqui
de probs e possiveis alterações.

Penso k o facto de estar a trabalhar sozinho
n está a atrasar, o site ficou online menos de
3h depois de me teres mandado uma PM
com a solução para o prob da conecção com
a bd.

O k tem atrasado é a espera por
confirmações se o conteudo deve ser alterado
ou não.

Quanto ao recrutar pessoas para o site,
já falei com alguns amigos,
mas apenas me irão dar um resposta
quando começarem as aulas.

Claro, e fazes bem. Mas o que eu digo é que por exemplo se o cmartinho tem ideias para acelerar o site, então recruta-o. Aqui há tempos havia quem tivesse sugestões para segurança (acho que era o André), então já ficas com três pessoas a trabalhar em vertentes diferentes (contando que tu tratas do conteúdo). É apenas uma sugestão, claro. O departamento é teu e fazes como achares melhor

De resto bom trabalho pessoal!
Abraço

Queres k coloque agora a versão pt como
página de entrada e tire tudo do antigo host?

no host anterior apenas vou deixar um
ficheiro a forçar o redirecionamento
para o site.

Sim, eu acho que sim. Já temos tudo pronto para ficar no host original? Se sim não vejo razão para continuar com este =)

cumps

O link para as normas da revista prisma
http://prisma.cetac.up.pt/normas.html
apenas tem o texto em português, não encontrei versão em inglês.

Alguem sabe qual é o link?