• A New Ginga Developer Ecosystem: ginga.org.br Portal, ginga-playground and ginga-code Tools

    Alan L. V. Guedes, Paulo Victor Borges, Daniel Moraes, Sergio Colcher
    University of Reading, UK | PUC-Rio, BR

    XXXII Simpósio Brasileiro de Sistemas Multimídia e Web (WebMedia 2026)

    Website do Artigo (slides, código, demo):
    https://alanlivio.github.io/paper-webmedia26-ecosystem/

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Agenda

  • Contexto e Definição do Problema
  • Solução Proposta
  • Considerações Finais
Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Contexto e Definição do Problema

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

O Middleware de DTV Ginga

Definido na série de normas SBTVD ABNT 15606. Presente em receptores de TV Digital certificados no Brasil e América Latina (>60M telespectadores).

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Ecossistema de Desenvolvimento Ginga é limitado

Ausência de ambiente portátil e "zero-install": de fácil acesso, completo e aberto.
Podemos comparar o Mozilla (https://developer.mozilla.org/) e a Ginga-VM (2010)

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Solução Proposta

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Os Quatro Pilares do Ecossistema

  • Pilar 1: Motor de Execução gingaf
    Ambiente desacoplado e multiplataforma para execução de aplicações NCL e HTML5.

  • Pilar 2: Portal Web ginga.org.br
    Centro unificado de conhecimento, manual do NCL, tutoriais e referências aos padrões técnicos.

  • Pilar 3: Ambiente Interativo ginga-playground
    Ambiente web interativo para editar e executar aplicações NCL e HTML5 instantaneamente no navegador.

  • Pilar 4: Extensão para VS Code ginga-code
    Integração com IDE oferecendo destaque de sintaxe, execução de aplicações e ponte de depuração em tempo real.

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Arquitetura do Ecossistema

  • Núcleo Unificado
    Todos os quatro pilares convergem na arquitetura desacoplada do motor gingaf, com semântica compartilhada de análise sintática e execução em fluxos de trabalho desktop e web.

    Sinergia de Fluxo de Trabalho
    Desenvolvedores aprendem conceitos em ginga.org.br, prototipam e compartilham exemplos mínimos reproduzíveis através do ginga-playground, e constroem aplicações prontas para produção no Visual Studio Code com o ginga-code.

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Pilar 1: gingaf

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Pilar 1: gingaf

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Pilar 1: gingaf

NCLua, HTML+CCWS, HTML Embutido e Multiusuário

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Pilar 2: Portal Web ginga.org.br

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Pilar 2: Portal Web ginga.org.br

  • Arquitetura Moderna
    Construído com gerador de sites estáticos moderno (Zensical) e documentação multilíngue: português, espanhol e inglês.

    Recursos Hospedados
    Guias introdutórios para novos desenvolvedores Ginga, manual abrangente de tags e atributos do NCL, especificações oficiais do SBTVD e da ITU-T, e exemplos selecionados com trechos interativos de código.

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Pilar 3: Ambiente Interativo ginga-playground

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Pilar 3: Ambiente Interativo ginga-playground

  • Execução Web Sem Instalação
    Executa diretamente em qualquer navegador moderno usando WebAssembly / CanvasKit, impulsionado pelo motor desacoplado gingaf.

    Capacidades Interativas
    Layout dividido (editor de código à esquerda e pré-visualização ao vivo da TV à direita), catálogo interativo pré-carregado com aplicações em NCL, Lua e HTML5, renderização instantânea sem recarregar a página e controle remoto virtual.

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Pilar 4: Extensão para VS Code ginga-code

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Pilar 4: Extensão para VS Code ginga-code

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Considerações Finais

Ginga Developer Ecosystem — WTVDI / WebMedia 2026

Considerações Finais

Contribuições Principais:

  • Portal ginga.org.br: Hub unificado de documentação e especificações para a comunidade Ginga.
  • ginga-playground: Workbench web interativo no navegador para prototipação sem instalação local.
  • ginga-code: Extensão para VS Code que integra launcher e execução direta no desktop.

Impacto: Elimina o atrito inicial de configuração e viabiliza acesso imediato a estudantes, pesquisadores e desenvolvedores (código aberto em https://ginga.org.br).

Obrigado!