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

1. View Slide

2. “MANO” WILLIAN
   

   View Slide

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
   

   View Slide

4. roteiro
   

   View Slide

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
   

   View Slide

6. no início
   tudo era trevas
   

   View Slide

7. View Slide

8. Então yoda…
   fez um curso de webdesign
   

   View Slide

9. View Slide

10. View Slide

11. E depois…
    Contratou um designer
    

    View Slide

12. View Slide

13. View Slide

14. View Slide

15. View Slide

16. View Slide

17. View Slide

18. http://www.cursosabertos.uema.br
    

    View Slide

19. View Slide

20. Criação de tema: Ferramentas
    PAPEL E
    LÁPIS
    BALSAMIQ
    MOCKUP
    

    View Slide

21. balsamic mockup
    

    View Slide

22. grunt
    The JavaScript Task Runner
    • Automatiza tarefas
    • Minificar e “juntar” css
    • Minificar javascript
    • Executar tasks
    • Limpar cache
    

    View Slide

23. grunt é nosso R2-d2
    

    View Slide

24. exemplo do Arquivo gulp
    

    View Slide

25. configuração do tema
    

    View Slide

26. configuração do tema
    

    View Slide

27. Estrutura de arquivo de tema
    

    View Slide

28. Estrutura de arquivo de tema
    

    View Slide

29. Estrutura de diretórios do tema
    

    View Slide

30. Cuidado com o lado
    negro da força
    

    View Slide

31. não altere o código
    nativo do moodle
    lord vader vai cortar tua mão a noite
    

    View Slide

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
    

    View Slide

33. reescrita de
    renderers
    a parte jedi dessa conversa
    

    View Slide

34. luke eu sou seu pai!
    orientação a objetos
    

    View Slide

35. Kraus eu sou seu pai!
    

    View Slide

36. herança
    

    View Slide

37. reescrita de renderers
    

    View Slide

38. reescrita de renderers
    

    View Slide

39. 1-declarar reescrita de renderer
    

    View Slide

40. 2-criar arquivo renderers
    

    View Slide

41. sobreescrever renderer
    

    View Slide

42. The galaxy ahead
    

    View Slide

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
    

    View Slide

44. View Slide

45. View Slide

46. View Slide

47. obrigado
    que a força esteja com vocês!
    

    View Slide

48. perguntas?
    

    View Slide