Mudanças entre as edições de "Mediawiki Reboot"

De Garoa Hacker Clube
Ir para navegação Ir para pesquisar
Linha 45: Linha 45:
 
==Extensões==
 
==Extensões==
 
===aparecem na configuração do mw===
 
===aparecem na configuração do mw===
* SecureHTML - permite adiciona html arbitrário em páginas de modo seguro, usada para botões do pagseguro e webclient IRC
+
* <del>SecureHTML - permite adiciona html arbitrário em páginas de modo seguro, usada para botões do pagseguro e webclient IRC</del> '''DEPRECATED'''
* StubManager - dep da anterior
+
* <del>StubManager - dep da anterior</del> '''DEPRECATED'''
* ParserFunctionsHelper - idem
+
* <del>ParserFunctionsHelper - idem</del> '''DEPRECATED'''
 
* BreadCrumbs - para breadcrumbs
 
* BreadCrumbs - para breadcrumbs
* Wikilog - usada no [[Blog]]
+
* Wikilog - usada no [[Blog]] - atualizar p/ 1.3
 
* bannedips.php - parece útil (não tem nativo no mw?)
 
* bannedips.php - parece útil (não tem nativo no mw?)
 
* ReCaptcha - captcha - comentada
 
* ReCaptcha - captcha - comentada
Linha 61: Linha 61:
 
* Vector
 
* Vector
 
* WikiEditor
 
* WikiEditor
  +
  +
===novas===
  +
* [[mw:Extension:Bootstrap]] - OK
  +
* [[mw:Extension:NamespaceHTML]] restringe rawHTML a determinado(s) namespace(s). [[mw:Manual:Preventing_access#1.10_upwards|Como restringir acesso de edição em um namespace]].
   
 
==Checklist==
 
==Checklist==
Linha 68: Linha 72:
 
** arquivos upload '''FEITO'''
 
** arquivos upload '''FEITO'''
 
** banco de dados '''FEITO'''
 
** banco de dados '''FEITO'''
** reabilitar SHTML para botões do pagseguro, ou procurar outra alternativa
+
** reabilitar SHTML para botões do pagseguro, ou procurar outra alternativa '''FEITO'''
   
 
==Nova skin==
 
==Nova skin==
 
* implementei no [http://homolog.garoa.net.br] uma [https://www.mediawiki.org/wiki/Skin:Chameleon nova skin] e fiz algumas customizações. Acredito que já possamos colocar em produção junto com a atualização do MW assim que terminar as pendências.
 
* implementei no [http://homolog.garoa.net.br] uma [https://www.mediawiki.org/wiki/Skin:Chameleon nova skin] e fiz algumas customizações. Acredito que já possamos colocar em produção junto com a atualização do MW assim que terminar as pendências.
 
* TODO:
 
* TODO:
** BUG: ícone usuário some na navbar (pois tem a mesma cor)
+
** <del>BUG: ícone usuário some na navbar (pois tem a mesma cor)</del>
** BUG: Consertar alinhamento geral (ex: links no final extrapolam a página, se colunas somarem 12 extrapolam o body do mediawiki)
+
** <del>BUG: Consertar alinhamento geral (ex: links no final extrapolam a página, se colunas somarem 12 extrapolam o body do mediawiki)</del>
** BUG: botão "saiba mais" tem combinação de cores ruim (rever paleta)
+
** <del>BUG: botão "saiba mais" tem combinação de cores ruim (rever paleta)</del>
** BUG: retirar sublinhado onHover nos links que são botões
+
** <del>BUG: retirar sublinhado onHover nos links que são botões</del>
** BUG: imagens não são responsivas no mobile
+
** <del>BUG: imagens extrapolam largura no mobile</del>
** BUG: imagem do lab de eletrônica é muito hermética, segundo Juca
+
** <del>BUG: imagem do lab de eletrônica é muito hermética, segundo Juca</del>
 
** <del>FEATURE: Mover o menu "ferramentas de páginas" para um ícone "escrevendo na página" com dropdown e alinhá-lo fora do menu principal</del>
 
** <del>FEATURE: colocar de volta o ''Garoando há'' no rodapé</del>
 
** <del>FEATURE: disponibilizar a fonte Garoa Hacker Clube Bold (e respectiva classe) para o site via CSS</del>
 
** <del>BUG: consertar o alinhamento do logo</del>
 
** <del>ver qual logo será colocado no topo</del> gostei de apenas "Garoa"
 
** <del>o logo "oficial" precisa ficar em algum lugar(?)</del> Não
 
** <del>testar com outros esquemas de cor do bootswatch</del>
 
** <del>tem muito verde?</del> NÃO
 
** BUG: pega fontes via API do Google, privacy concerns. Como resolver: baixar as fontes e deixar no servidor
 
** BUG: pega fontes via API do Google, privacy concerns. Como resolver: baixar as fontes e deixar no servidor
 
** BUG: logo verde do status aberto some no site (ou tem muito verde no site?)
 
** BUG: logo verde do status aberto some no site (ou tem muito verde no site?)
** FEATURE: Mover o menu "ferramentas de páginas" para um ícone "escrevendo na página" com dropdown e alinhá-lo fora do menu principal
 
 
** FEATURE: transformar links no rodapé (imprimir, link permanente, etc) em ícones
 
** FEATURE: transformar links no rodapé (imprimir, link permanente, etc) em ícones
** FEATURE: colocar de volta o ''Garoando há'' no rodapé
 
 
** FEATURE: carroussel com logos de eventos
 
** FEATURE: carroussel com logos de eventos
 
** FEATURE: carroussel ou grid com fotos legais
 
** FEATURE: carroussel ou grid com fotos legais
 
** FEATURE: link para o tumblr
 
** FEATURE: link para o tumblr
** FEATURE: disponibilizar a fonte Garoa Hacker Clube Bold (e respectiva classe) para o site via CSS
 
 
** FEATURE: usar botões do Bootstrap na página de submeter alterações
 
** FEATURE: usar botões do Bootstrap na página de submeter alterações
 
** IDEA: conteúdo mais dinâmico (ex, atualizações do tumblr)
 
** IDEA: conteúdo mais dinâmico (ex, atualizações do tumblr)
** <del>BUG: consertar o alinhamento do logo</del>
 
** <del>ver qual logo será colocado no topo</del> gostei de apenas "Garoa"
 
** o logo "oficial" precisa ficar em algum lugar(?)
 
** testar com outros esquemas de cor do bootswatch
 
** tem muito verde?
 
   
 
* TODO implantação:
 
* TODO implantação:
 
** copiar Common.css da homolog
 
** copiar Common.css da homolog
 
** copiar Página Principal da homolog
 
** copiar Página Principal da homolog
** copiar Eventos Regulares da homolog
+
** copiar Eventos Regulares, Links, Lojas, Sidebar da homolog
  +
** apagar redirect Falaqueeuteescuto
   
 
*Ideias:
 
*Ideias:
** pedir opinião do Tony sobre fontes e logo/elementos gráficos
+
** <del>pedir opinião do Tony sobre fontes e logo/elementos gráficos</del> OK
 
** usar blockquote para alguma frase célebre
 
** usar blockquote para alguma frase célebre
 
** criar um carroussel com logos de eventos regulares
 
** criar um carroussel com logos de eventos regulares
Linha 108: Linha 113:
 
** ideia: taguear logos do tony com Categoria:Logos do Tony
 
** ideia: taguear logos do tony com Categoria:Logos do Tony
   
==Ideias de novas extensões==
+
==Ideias de novas extensões/skins==
 
* Extensão para fórmulas matemáticas (LaTeX)
 
* Extensão para fórmulas matemáticas (LaTeX)
* Consertar extensão embed video (#ev)
 
 
* Semantic Mediawiki
 
* Semantic Mediawiki
 
* News
 
* News
* Tornar o site mobile friendly (ver skin)
+
* <del>Tornar o site mobile friendly (ver skin)</del>
 
* Bootstrap e/ou skin que use bootstrap:
 
* Bootstrap e/ou skin que use bootstrap:
  +
** Solução: [[mw:Skin:Chameleon]] + [https://bootswatch.com/flatly/ Bootswatch Flatly] + [[MediaWiki:Common.css|customizações CSS]]
** [http://www.mediawikibootstrapskin.co.uk/ Bootstrapskin] - Não é muito bonita, mas é funcional. Não parece suportar a sidebar customizável do mediawiki
 
** [http://www.mediawikibootstrapskin.co.uk/nexus/ Nexus] - do mesmo desenvolvedor da anterior, bem mais bonita. Licenciamento obscuro
+
** <del>[http://www.mediawikibootstrapskin.co.uk/ Bootstrapskin] - Não é muito bonita, mas é funcional. Não parece suportar a sidebar customizável do mediawiki</del>
  +
** <del>[http://www.mediawikibootstrapskin.co.uk/nexus/ Nexus] - do mesmo desenvolvedor da anterior, bem mais bonita. Licenciamento obscuro</del>
** Bootstrapskin >= 1.0.45 tem uma skin minimalista para mobile
+
** <del>Bootstrapskin >= 1.0.45 tem uma skin minimalista para mobile</del>
 
  +
* Extensão que denotação de código que reconhece a linguagem/sintaxe
  +
* Editor visual
  +
* Esqueminha bonito de mostrar fotos
   
 
[[Categoria:Projetos]]
 
[[Categoria:Projetos]]

Edição das 05h19min de 1 de maio de 2015

O objetivo principal deste projeto é atualizar o Mediawiki - software que roda o wiki do Garoa.

Objetivos secundários

  • Testar o backup feito atualmente - suspeito que ele só salve o banco e não os arquivos de upload
    • aparentemente, o contrário! Não encontrei o backup do banco, apesar de o Wagner afirmar em um e-mail para a lista do CMC de 06 Mar 2014 que o script do servidor dele faz backup do banco.
    • ao tentar fazer um dump do banco com o comando do Wagner, encontrei o seguinte erro:
 Access denied; you need (at least one of) the RELOAD privilege(s) for this operation 
    • isso deve ter sido uma configuração que mudou ao longo do tempo e o script não acompanhou
    • workaround é executar o dump com usuário root
  • Fazer um backup completo do site e restaurá-lo, documentando o processo. Em outras palavras, checar a sanidade do backup.
    • backup feito e restore feito, falta verificar a sanidade do processo como um todo
  • Tentar resolver o problema do memcached
  • mover coisas como crachá, biblio, etc para outro diretório/vhost tipo foo.garoa.net.br ou dev.garoa.net.br
  • melhorar o visual do site

Cronograma geral

Homolog

  • Documentar instalação atual (quais extensões e porque) EM CURSO
  • Fazer backup FEITO
  • Restaurar backup no homolog.garoa.net.br FEITO
  • Atualizar mw FEITO
  • Atualizar extensões EM CUSRO
  • Remover extensões desnecessárias EM CURSO
  • Instalar novas extensões
  • Instalar nova skin FEITO
  • Testar EM CURSO
  • Criar um arquivo README documentando as extensões
  • Revisar o LocalSettings.php

Plano de migração para produção

  • Colocar wiki em readonly mode $wgReadOnly = 'Upgrading to MediaWiki 1.24.2';
  • Fazer backup completo (pasta do MW e BD ghc_wiki)
  • Testar sanidade do backup
  • Criar nova pasta (nova-prod)
  • Copiar tudo da homolog, exceto images
  • Copiar images da pasta original
  • Copiar LocalSettings.php (alterar BD)
  • Copiar Common.css da homolog
  • Copiar Página Principal da homolog
  • Copiar outras páginas alteradas da homolog (até agora só Eventos Regulares)
  • testar
    • if success remover pasta produção antiga e apontar nova para lá
    • else restore backup

Extensões

aparecem na configuração do mw

  • SecureHTML - permite adiciona html arbitrário em páginas de modo seguro, usada para botões do pagseguro e webclient IRC DEPRECATED
  • StubManager - dep da anterior DEPRECATED
  • ParserFunctionsHelper - idem DEPRECATED
  • BreadCrumbs - para breadcrumbs
  • Wikilog - usada no Blog - atualizar p/ 1.3
  • bannedips.php - parece útil (não tem nativo no mw?)
  • ReCaptcha - captcha - comentada
  • ConfirmEdit - captcha - ambas estão comentadas. Agora é nativo do mw?
  • EmbedVideo - broken
  • QuestyCaptcha - aparentemente é a classe de captcha que estamos usando agora. Mas me parece fraca. Um humano pode ensinar um robô a quebrá-la facilmente.

estão no diretório extensions mas aparentemente não são usadas

  • Gadgets
  • Nuke
  • Vector
  • WikiEditor

novas

Checklist

  • apagar dados do homolog.garoa.net.br FEITO
  • copiar para o homolog.garoa.net.br FEITO
    • instalação mw FEITO
    • arquivos upload FEITO
    • banco de dados FEITO
    • reabilitar SHTML para botões do pagseguro, ou procurar outra alternativa FEITO

Nova skin

  • implementei no [1] uma nova skin e fiz algumas customizações. Acredito que já possamos colocar em produção junto com a atualização do MW assim que terminar as pendências.
  • TODO:
    • BUG: ícone usuário some na navbar (pois tem a mesma cor)
    • BUG: Consertar alinhamento geral (ex: links no final extrapolam a página, se colunas somarem 12 extrapolam o body do mediawiki)
    • BUG: botão "saiba mais" tem combinação de cores ruim (rever paleta)
    • BUG: retirar sublinhado onHover nos links que são botões
    • BUG: imagens extrapolam largura no mobile
    • BUG: imagem do lab de eletrônica é muito hermética, segundo Juca
    • FEATURE: Mover o menu "ferramentas de páginas" para um ícone "escrevendo na página" com dropdown e alinhá-lo fora do menu principal
    • FEATURE: colocar de volta o Garoando há no rodapé
    • FEATURE: disponibilizar a fonte Garoa Hacker Clube Bold (e respectiva classe) para o site via CSS
    • BUG: consertar o alinhamento do logo
    • ver qual logo será colocado no topo gostei de apenas "Garoa"
    • o logo "oficial" precisa ficar em algum lugar(?) Não
    • testar com outros esquemas de cor do bootswatch
    • tem muito verde? NÃO
    • BUG: pega fontes via API do Google, privacy concerns. Como resolver: baixar as fontes e deixar no servidor
    • BUG: logo verde do status aberto some no site (ou tem muito verde no site?)
    • FEATURE: transformar links no rodapé (imprimir, link permanente, etc) em ícones
    • FEATURE: carroussel com logos de eventos
    • FEATURE: carroussel ou grid com fotos legais
    • FEATURE: link para o tumblr
    • FEATURE: usar botões do Bootstrap na página de submeter alterações
    • IDEA: conteúdo mais dinâmico (ex, atualizações do tumblr)
  • TODO implantação:
    • copiar Common.css da homolog
    • copiar Página Principal da homolog
    • copiar Eventos Regulares, Links, Lojas, Sidebar da homolog
    • apagar redirect Falaqueeuteescuto
  • Ideias:
    • pedir opinião do Tony sobre fontes e logo/elementos gráficos OK
    • usar blockquote para alguma frase célebre
    • criar um carroussel com logos de eventos regulares
    • criar um carroussel com fotos legais
    • ideia: taguear logos do tony com Categoria:Logos do Tony

Ideias de novas extensões/skins

  • Extensão para fórmulas matemáticas (LaTeX)
  • Semantic Mediawiki
  • News
  • Tornar o site mobile friendly (ver skin)
  • Bootstrap e/ou skin que use bootstrap:
  • Extensão que denotação de código que reconhece a linguagem/sintaxe
  • Editor visual
  • Esqueminha bonito de mostrar fotos