A arte Jedi de criar temas para o moodle

Chega de falar que o Moodle é o chewie dos LMSs. Nesta apresentação seremos iniciados nos caminhos da força, partindo de Dagobah até a jornada final. Colocaremos fim as alterações no core para mudanças de interface! É o fim do império dos temas congelados, cheio de colunas e sem cores! "Tente não. Faça, ou não faça. Tentativa não há." - Yoda

Transcript

2. “MANO” WILLIAN
3. quem sou eu • Analista de sistemas - FACAM • Graduando em engenharia da computação - UEMA • Supervisor de desenvolvimento UemaNet/UEMA • Vida útil na web: 7 anos
4. roteiro
5. roteiro Criação de tema: Ferramentas A evolução dos temas GRUNT configuração do tema Estrutura de arquivo de tema Cuidado com o ladro negro da força reescrita de renderers The galaxy ahead
6. no início tudo era trevas
8. Então yoda… fez um curso de webdesign
11. E depois… Contratou um designer
18. http://www.cursosabertos.uema.br
20. Criação de tema: Ferramentas PAPEL E LÁPIS BALSAMIQ MOCKUP
21. balsamic mockup
22. grunt The JavaScript Task Runner • Automatiza tarefas • Minificar e “juntar” css • Minificar javascript • Executar tasks • Limpar cache
23. grunt é nosso R2-d2
24. exemplo do Arquivo gulp
25. configuração do tema
26. configuração do tema
27. Estrutura de arquivo de tema
28. Estrutura de arquivo de tema
29. Estrutura de diretórios do tema
30. Cuidado com o lado negro da força
31. não altere o código nativo do moodle lord vader vai cortar tua mão a noite
32. Alteração do código do moodle • Pode gerar mal funcionamento do moodle • Difícil manutenção • Pode gerar problema ao tentar localizar no futuro • Problema para atualizar versões do moodle Eu tô de olho
33. reescrita de renderers a parte jedi dessa conversa
34. luke eu sou seu pai! orientação a objetos
35. Kraus eu sou seu pai!
36. herança
37. reescrita de renderers
38. reescrita de renderers
39. 1-declarar reescrita de renderer
40. 2-criar arquivo renderers
41. sobreescrever renderer
42. The galaxy ahead
43. Novidades que estão por vir • CSS Framework
 Mover do bootstrap 2 para o 4 • Testing framework
 Tornar independente do tema. Desenvolvedores podem fazer testes sem o tema atual afetá-los. • Navigation
 Tornar mais intuitivo, melhorando os caminhos e o fluxo de trabalho. • A distinct visual design
 Atualizar design para padrões modernos de design https://docs.moodle.org/dev/Theme_And_Navigation_Project_3.2
47. obrigado que a força esteja com vocês!
48. perguntas?