30:T8d7,descricaoobjetivos = html`

DD081 Design e Tecnologia L

Local:
Laboratório de Informática do CAC (LIEG)
Quintas-feiras das 14:00h às 18:00h

Ementa

A proposta desse componente curricular é trabalhar os princípios da programação computacional através de linguagens simples e didáticas, criadas para serem utilizadas por artistas, designers e profissionais sem formação profunda em computação, de forma que possam incorporar essa tecnologia como parte de seus próprios instrumentos, materiais, técnicas e métodos projetuais, ou que possam utilizá-la para criação de formas, objetos ou artefatos inovadores, aproveitando da própria natureza multimidiática da mídia computacional como recurso ou forma de expressão. Como decorrência, este grupo de estudo visa desenvolver de maneira introdutória, mas aplicada, as competências e habilidades de lógica de programação e os conceitos necessários para seu uso no exercício do design.

Competências

Utilizar programação como ferramenta para o design.

Habilidades

Programar com javascript utilizando biblioteca P5 para construção gráfica.

`31:Taac,introfuturo = html`

Futuro do Design

Relação de links pertinentes, compilados através do projeto Futuro do Design, com conteúdos relacionados à disciplina e organizados de forma estruturada por tópicos e relações com ela. Você pode filtrar as informações apresentadas para localizar algo específico no conjunto.

`32:[] 2e:{"title":"Ementa: Design Generativo / Paramétrico","cells":[{"id":0,"value":"# Ementa: Design Generativo / Paramétrico","pinned":false,"hidden":false,"mode":"md"},{"id":102,"value":"titulo = html`Design Generativo / Paramétrico`","pinned":false,"hidden":false,"mode":"ojs"},{"id":594,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":681,"value":"descricaometodo = md`\n### Metodologia\n\nWorkshops de experimentação com programação colocando em prático aquilo que se encontra explicado no material interativo, nas aulas expositivas e no livro interativo, aplicando o raciocínio envolvido na programação e na construção dos algoritmos computacionais.\n\nReforço das explicações e demonstrações através de atividades práticas, simples e constantes, para desenvolver os hábitos e traquejos com programação.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":684,"value":"descricaoavaliacao = md`\n

Avaliação

\n\n

Construção de 7 sketchs semanais, encaminhados pelo Google Classroom, com o valor de 1,5 pontos cada. Estes sketchs são experimentos realizados pelos alunos com o código e o conhecimento adquiridos ao longo das semanas de aula; eles são de natureza aberta, sem um objetivo específico, um público alvo, uso ou intenções pré-definidas.

\n\n| Atividade | Peso | Data de Entrega |\n|-----------|------|-----------------|\n| Sketch #1 | 1,5 | 26/02/2025 |\n| Sketch #2 | 1,5 | 05/03/2025 |\n| Sketch #3 | 1,5 | 12/03/2025 |\n| Sketch #4 | 1,5 | 19/03/2025 |\n| Sketch #5 | 1,5 | 26/03/2025 |\n| Sketch #6 | 1,5 | 02/04/2025 |\n| Sketch #7 | 1,5 | 09/04/2025 |\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":689,"value":"listaaulas_publico = html`${bloco_disciplinas_publico(\n listadisciplinas,\n textos,\n pessoas,\n materiais,\n posts\n)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":691,"value":"listaaulas = html`

${bloco_disciplinas(\n listadisciplinas,\n textos,\n pessoas,\n materiais,\n posts\n)}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":693,"value":"bibliografia = html`

Bibliografia

\n${bibliografiapublica(bibliojson, \"\", true)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":695,"value":"bibliografiaopen = html`

Bibliografia

\n${bibliografiaEmentas(bibliojson, \"\", true)}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":796,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":766,"value":"viewof filtros = Inputs.text({\n placeholder: \"Ex: p5, referências, história\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":790,"value":"futuro = html`\n${gerapoe(omni)}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":187,"value":"

\n\n----","pinned":false,"hidden":false,"mode":"md"},{"id":746,"value":"originaljson = gsdata(\n \"https://docs.google.com/spreadsheets/d/1Hja-7ozKTpcfhVX9sc3FkDH-NLj_RXllFIDTO8EIFV0/edit?gid=1933151867#gid=1933151867\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"import {\n producaocompleta,\n geracvisse,\n prod_semaulas,\n montadisciplinas,\n montaequipe,\n montaequipegrande,\n montaacao,\n listapessoas,\n stijl\n} from \"@ranoya/vissev2-producaocompleta\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":716,"value":"import {\n bloco_disciplinas,\n bloco_disciplinas_publico,\n textos,\n pessoas,\n materiais,\n posts,\n adapta\n} from \"@ranoya/visse-ensino\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"import {\n alphabetic,\n gsdata,\n imagefromallsources,\n selecte,\n cfilter,\n tags\n} from \"@ranoya/datat\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":713,"value":"import {\n bibliografiaEmentas,\n bibliografiapublica\n} from \"@ranoya/bibliotecacompleta\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":706,"value":"textosvisse = gsdata(\n \"https://docs.google.com/spreadsheets/d/1qXCwwsiNdZnqlvNzLxol-ZGRTEH7fQfRsK2SWpNIuM4/edit?gid=1960324476#gid=1960324476\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":771,"value":"omniddocs = gsdata(\n \"https://docs.google.com/spreadsheets/d/17ybrU9i4Z_czj_-5n1gWUBvgicHfwJUyMBqriuA-Ab8/edit?gid=743128170#gid=743128170\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":768,"value":"viewof omni = Inputs.search(omniddocs, {\n label: \"omni\",\n placeholder: \"Nenhum filtro\",\n query: \"aula-dgen \" + filtros,\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":704,"value":"viewof bibliojson = Inputs.search(textosvisse, {\n label: \"bibliojson\",\n placeholder: \"Nenhum filtro\",\n query: \"designgenerativo_aula\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":702,"value":"viewof listadisciplinas = Inputs.search(originaljson, {\n label: \"listadisciplinas\",\n placeholder: \"Nenhum filtro\",\n query: \"aula-dgen\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":778,"value":"gerapoe = function (arr) {\n let grupos = tags(arr, \"Group\", \",\");\n\n let dogrupos = \"\";\n\n let code = `

`;\n\n for (let g = 0; g < grupos.length; g++) {\n code += `

${grupos[g]}

`;\n\n dogrupos = cfilter(arr, \"Group\", new RegExp(grupos[g], \"gm\"));\n\n for (let i = 0; i < dogrupos.length; i++) {\n code += `${dogrupos[i].Name}`;\n }\n }\n\n code += \"

\";\n\n return code;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":442,"value":"setemmostraO = function (arr, frase) {\n let code = ``;\n\n if (arr.length > 0) {\n code = `

${frase}

\n ${montaequipe(arr)}\n

`;\n }\n\n return code;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":417,"value":"setemmostra = function (arr, frase) {\n let code = ``;\n\n if (arr.length > 0) {\n code = `

${frase}

\n ${montaequipegrande(arr)}\n

`;\n }\n\n return code;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":454,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", { bubbles: true }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":504,"value":"estaile = ``","pinned":false,"hidden":false,"mode":"ojs"},{"id":265,"value":"estilos = html`\n${stijl}\n${estaile}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":719,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":159,"value":"### Dependências e conexões\n\n----\n\n\nAlimenta página de Ementas V2 - Design Generativo / Paramétrico\n\nUtiliza dados e recursos do Geradores de timelines de produção para o VISSE\nUtiliza dados das bases bibliográficas do VISSE (@ranoya/bibliotecacompleta)\nUtiliza recursos da estrutura original de ementas (@ranoya/visse-ensino)","pinned":false,"hidden":false,"mode":"md"}],"files":"$W32","stdlib":"1","titling":"auto"}