Inkscape Brasil

Versão Estável 0.46 Baixe Agora!

Tópicos Pais: Apresentações

Inkscape - para Programadores

por Aurium, Juca e Karlison

Público alvo:
Interessados em código pela arte, interessados na criação de peças gráficas dinamicamente, interessados em SVG na Web

Resumo:
Programadores também podem aproveitar o Inkscape! Podemos acessa-lo pela linha de comando, para manipular e converter SVG, em aplicações desktop ou web. Efeitos na prática - usando módulos criados pelo projeto. Conversores de formatos... Como aproveitar isso? Como adicionar javascript pela interface gráfica? Como designers e programadores podem interagir?

A Proposta

Existem várias formas para programadores, iniciantes ou avançados, usarem ou interagirem com o Inkscape.

O Inkscape não se limita a sua interface gráfica para criar e editar elementos. É possível acessar informações do SVG ou manipula-lo e converte-lo via linha de comando e isso abre portas para muitas aplicações no desktop ou em servidores web. Essa parte é realmente interessante, veremos exemplos.

A criação de efeitos é outro ponto interessante, onde o programador passa a fazer parte do processo artístico. Vamos dar uma olhada prática, sobre como cria-las usando módulos já criados pelo projeto Inkscape.

O Inkscape tem uma interface realmente simples para a criação de conversores de formatos. Como podemos usar e como isso pode nos ser útil?

Do Inkscape para a Web! Quer adicionar conteúdo SVG na web? Quer interatividade? Podemos adicionar chamadas javascript como propriedades de elementos pela interface gráfica do Inkscape e ele ainda nos ajuda no gerenciamento de vínculos a arquivos javascript externos. Veremos o quanto isso é fácil para designers com pouco conhecimento em códigos e como programadores podem interagir. Claro... também veremos como manipular o SVG com javascript.


A intenção de se fazer em trio é tornar a palestra mais dinâmica e assim, interessante. Os 3 tem conhecimento para contemplar todas as partes da palestra, mas cada um tem suas sub-áreas de maior envolvimento. Se faltar um detalhe ou se for interessante aprofundar os outros dois podem comentar a fala do colega com a vez. Os 3 são colaboradores do projeto Inkscape.

do que exatamente devemos falar?

  1. Introdução
    1. O projeto Inkscape
      • Quem: Juca
      • Tempo: 1min
  2. A Linha de Comando
    1. Opções e Possibilidades
      dar uma geral nas opções, não precisa falar de todas e deve-se falar do modo shell.
      • Quem: Aurium
      • Tempo: 3min
    2. Exemplo 1: o gerador de quadros para jogos de Karlison
      • Quem: Karlison
      • Tempo: 5min
    3. Exemplo 2: o gerador de cartões de contato de Aurium
      • Quem: Aurium
      • Tempo: 5min
  3. Efeitos
    1. Como funcionam?
      • Quem: Karlison
      • Tempo: 1min
    2. Prática - criando um efeito simples, na hora.
      • Quem: Aurium
      • Tempo: 5min
    3. Módulos para auxiliar a criação de efeitos.
      Se quiser falar do RubyInk, InkBash, Inkscape.pm ou SpSVG.pm Beleza. smile
      Proponho que foque nos módulos Python: inkex, coloreffect, chardataeffect, simplepath, simplestyle e simpletransform.
      • Quem: Karlison
      • Tempo: 3min
    4. Analize do código de efeitos reais.
      • Quem: Aurium
      • Tempo: 5min
  4. Extensões de Entrada e Saída
    1. Como funcionam e analise de 2 efeitos reais.
      • Quem: Aurium
      • Tempo: 5min
  5. Do Inkscape para a Web
    1. Como adicionar JS pela GUI do Inkscape.
      Citar os efeitos que adicionam JS!
      • Quem: Juca
      • Tempo: 1min
    2. Possibilidades...
      • Quem: Karlison
      • Tempo: 1min
    3. Como manipular SVG com JS
      falar sobre DOM e libs enquanto cria um código.
      • Quem: Juca
      • Tempo: 8min

Lembrando que temos 45min para apresentação e 5min para perguntas. Nosso tempo estimado deve ser menor que 45 min, para prevenir atrasos e possibilitar comentários. Se sobrar tempo no fim é muito fácil preencher. wink

Os códigos que pretendemos usar como exemplo não precisam ser criados na hora, podemos apresenta-lo pronto com highlight na linha com o mouse. Assim fica bem mais rápido e não corremos no risco de esquecimento. (eu já fiz isso) -- Aurium


create new tag
rev 2 em 17 Jun 2009 por AurelioAHeckert
Editar Anexar Versões Mais...

Todo material do sítio Inkscape Brasil é propriedade do grupo Inkscape Brasil e pode ser reproduzido livremente, desde que permaneça livre e a fonte seja citada, seguindo os termos da licença Creative Commons (by-sa).

Inkscape é um Software Livre, distribuido sobre Termos GNU-GPL.

eXTReMe Tracker
Inkscape - Open Source vector graphics editor SVG - Scalable Vector Graphics TableLess - Coerência, Simplicidade e Acessibilidade no código HTML Esse documento é XHTML 1.0 Valido! Esse documento contém CSS-2 Valido! Debian - GNU/Linux TWiki - Ambiente Web Colaborativo Colivre - Cooperativa de Tecnologias Livres