2d:null 2e:["$","title",null,{"children":"Design Generativo / Paramétrico | Guilherme Ranoya | Observable"}] 33:T491,maisinfo2 = md` A disciplina e o [Projeto Futuro do Design](https://www.ranoya.com/public/futuro) atuam como complementação das atividades propostas no projeto de pesquisa em [A formação do designer de informação para a elaboração de artefatos de visualização](https://www.ranoya.com/pesquisa/visualizacao), e parte do [Laboratório de Visualização e Sentido do Nordeste (VISSE)](https://www.ranoya.com/public/visse). Com o intuito de prover uma relção formativa mais consistente para os alunos da graduação em design da UFPE, a linguagem de programação adotada na disciplina passará a ser o [P5](https://p5js.org/), uma versão de [Processing](https://processing.org/) com base em Javascript. Trata-se de uma linguagem mais ampla, mais completa, e que oferece maior flexibilidade e maiores possibilidades de aplicação, permitindo que as competências e habilidades desenvolvidas nela possam ser também aproveitadas na disciplina de [Editorial, HQ e Artefatos Narrativos Digitais](https://narrativas.ranoya.com/ementa) e outros esforços formativos destinados a capacitar estudantes para atuarem com **Visualização de Dados / Informação**. `34:T89a,adapta = function (arr) { let newarr = []; let resolvedata = ""; let minutos = 0; let horas = 0; for (let k = 0; k < arr.length; k++) { newarr[k] = {}; newarr[k] = arr[k]; if (arr[k].chavesmateriais === undefined) { newarr[k].chavesmateriais = ""; } if (arr[k].chavestextoreferencia === undefined) { newarr[k].chavestextoreferencia = ""; } if (arr[k].chavesbibliografia === undefined) { newarr[k].chavesbibliografia = ""; } if (arr[k].chavesposts === undefined) { newarr[k].chavesposts = ""; } if (arr[k].titulo === undefined) { newarr[k].titulo = ""; } if (arr[k].tipodeaula === undefined) { newarr[k].tipodeaula = ""; } if (arr[k].conteudo === undefined) { newarr[k].conteudo = ""; } if (arr[k].atividadeaplicacao === undefined) { newarr[k].atividadeaplicacao = ""; } if (arr[k].entregas === undefined) { newarr[k].entregas = ""; } if (arr[k].meet === undefined) { newarr[k].meet = ""; } if (arr[k].chaves === undefined) { newarr[k].chaves = ""; } if (arr[k].ferramentasutilizadas === undefined) { newarr[k].ferramentasutilizadas = ""; } newarr[k]["periodo"] = arr[k]["periodo"].replace(/,/g, "."); resolvedata = arr[k]["readabledia"].match(/\d+/g); horas = ("00" + (parseInt(resolvedata[2]) + 3)) .toString() .substr(("00" + (parseInt(resolvedata[2]) + 3)).toString().length - 2); if (resolvedata[3] != "" && resolvedata[3] != undefined) { minutos = ("00" + parseInt(resolvedata[3])) .toString() .substr(("00" + parseInt(resolvedata[3])).toString().length - 2); } else { minutos = "00"; } newarr[k]["readabledia"] = newarr[k].ano + "-" + ("00" + parseInt(resolvedata[1])) .toString() .substr(("00" + parseInt(resolvedata[1])).toString().length - 2) + "-" + ("00" + parseInt(resolvedata[0])) .toString() .substr(("00" + parseInt(resolvedata[0])).toString().length - 2) + "T" + horas + ":" + minutos + ":00.000Z"; } return newarr; }35:Tc7f,36:T574,dadosindividuais = function (filt) { let myhtml = ""; if (filt.length == 1) { let arr = filt[0]; myhtml += "
"; myhtml += "

"; myhtml += `

Conhecimentos prévios necessários:

${arr.conhecimentos}

${arr.codigo} ${arr.eixos}
${arr.nome}

Plavas-chave
${arr.palavraschave}

`; if ( arr.competencias != "Sem registro" || arr.habilidades != "Sem registro" ) { myhtml += "

"; myhtml += `

Habilidades

Competências

${arr.habilidades}

${arr.competencias}

`; } if (arr.monitoria != "" || arr.estagiarios != "") { myhtml += "

"; myhtml += `

Monitores

Estagiários Docentes

${arr.monitoria}

${arr.estagiarios}

`; } myhtml += "

"; myhtml += "

"; } return myhtml; }37:T791,inserecolunas = function (arr) { const converte = { F: "Obrigatória", C: "Design e Ciência", S: "Design e Sociedade", T: "Design e Tenologia", E: "Design e Estética" }; let newarr = []; for (let l = 0; l < arr.length; l++) { newarr[l] = {}; for (let k in arr[l]) { newarr[l][k] = arr[l][k]; } if (newarr[l]["eixo"] != "F") { newarr[l]["eixos"] = converte[arr[l]["eixo"]] + " " + arr[l]["letra"]; } else { newarr[l]["eixos"] = converte[arr[l]["eixo"]]; } newarr[l]["area"] = "Geral Gerais"; if (newarr[l]["eixo"] == "F") { newarr[l]["eixopuro"] = "Obrigatórias"; } if (newarr[l]["eixo"] == "T") { newarr[l]["eixopuro"] = "Tecnologia"; } if (newarr[l]["eixo"] == "C") { newarr[l]["eixopuro"] = "Ciência"; } if (newarr[l]["eixo"] == "S") { newarr[l]["eixopuro"] = "Sociedade"; } if (newarr[l]["eixo"] == "E") { newarr[l]["eixopuro"] = "Estética"; } if (newarr[l]["AREAGRAFICO"] == "X") { newarr[l]["area"] = "Gráfico"; } if (newarr[l]["AREADIGITAL"] == "X") { newarr[l]["area"] = "Digital"; } if (newarr[l]["AREAPRODUTO"] == "X") { newarr[l]["area"] = "Produto"; } if (newarr[l]["AREAMODA"] == "X") { newarr[l]["area"] = "Moda"; } if (newarr[l]["PERMANENTE"] == "X") { newarr[l]["tipo"] = "Frequêntes"; } if (newarr[l]["OCASIONAL"] == "X") { newarr[l]["tipo"] = "Ocasional Ocasionais"; } if (newarr[l].BASICO == "X") { newarr[l]["nivel"] = "Básico Básicas"; } if (newarr[l].FUND == "X") { newarr[l]["nivel"] = "Fundamental Fundamentais"; } if (newarr[l].AVANC == "X") { newarr[l]["nivel"] = "Avançado Avançadas"; } if (newarr[l].INTERM == "X") { newarr[l]["nivel"] = "Intermediário Intermediárias"; } } return newarr; }38:[] 31:{"id":"5c2f44c401c469ae","slug":"ementa-dgen","title":"Design Generativo / Paramétrico","thumbnail":"1094c09a69606c813b017fdd1295684529ce9c7394749631ba5369b1e3e0e6d1","access_level":"public","create_time":"$D2021-11-28T20:42:49.803Z","update_time":"$D2024-04-07T21:10:17.187Z","view_time":null,"first_public_time":"$D2021-11-28T21:29:12.501Z","has_unpublished_edits":null,"fork":{"id":"3d38f69315bff5c3","slug":"ementa-narrativas","title":"Editorial, HQ e Artefatos Narrativos Digitais (material antigo)","owner":{"id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya"}},"stars":0,"starred":false,"owner":{"type":"team","id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":"starter_2024"},"version":263,"publish_version":263,"role":null,"authored":false,"authors":[{"type":"individual","id":"92bd7310c7ec23d5","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":null}],"members":[{"type":"individual","id":"92bd7310c7ec23d5","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"1f6138ac9de09c2a","slug":"ementas","title":"Ementas","owner":{"id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya"}},"type":"notebook","body":{"title":"Design Generativo / Paramétrico","cells":[{"id":0,"value":"titulo = md`# Design Generativo / Paramétrico\nDD081 Design e Tecnologia L`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"ementa = md`\n## Ementa\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"descricaoementa = md`\nESTUDO DAS TECNOLOGIAS DE MATERIAIS, DAS ESTRUTURAS, DE MÉTODOS DE PRODUÇÃO E TÉCNICAS DE REPRESENTAÇÃO.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"## Objetivos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":123,"value":"descricaoobjetivos = md`\nA 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.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"detalhesdisciplina = html`${dadosindividuais(componente)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"## Metodologia","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":115,"value":"descricaometodo = md`\nAulas expositivas com suporte através de material interativo com explicações dos princípios e mecanismos da programação.\n\nWorkshops aplicando o conhecimento e aquilo que foi explicado no material interativo e nas aulas expositivas, demonstrando 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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"## Avaliação","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":118,"value":"descricaoavaliacao = md`\nConstruçã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 | 01/04/2022 |\n| Sketch #2 | 1,5 | 8/04/2022 |\n| Sketch #3 | 1,5 | 15/04/2022 |\n| Sketch #4 | 1,5 | 22/04/2022 |\n| Sketch #5 | 1,5 | 29/04/2022 |\n| Sketch #6 | 1,5 | 6/05/2022 |\n| Sketch #7 | 1,5 | 13/05/2022 |\n\n### Critérios de Avaliação\n\nOs sketchs serão avaliados pela documentação do código e o respeito aos prazos, e não pelos resultados e funcionamentos.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"materiais = html`\n
\n

Materiais

\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"maisinfo = md`
\n## Informações Complementares`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"planodeaula = md`
\n## Plano de aula`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"listaaulas = html`${bloco_disciplinas(aulas, posts, \"\", videos)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"html`${aulasemvideo(videos)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"bibliografia = html`

Bibliografia

\n${bibliografiapublica(bibliojson)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"bibliografiaopen = html`

Bibliografia

\n${bibliografiaEmentas(bibliojson)}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"

\n### Apêndice","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"import {\n bibliografiaEmentas,\n bibliografiapublica,\n getdata\n} from \"@ranoya/bibliotecacompleta\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"import { bloco_disciplinas } from \"@ranoya/visse-ensino\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"todososlivros = getdata(\n \"https://opensheet.elk.sh/1qXCwwsiNdZnqlvNzLxol-ZGRTEH7fQfRsK2SWpNIuM4/Lista\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"viewof bibliojson = Inputs.search(todososlivros, {\n label: \"bibliojson\",\n placeholder: \"Nenhum filtro\",\n query: \"designgenerativo_aula\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"posts = getdata(\n \"https://www.ranoya.com/AssetsManager/simplequery/?cat=posts&filter=auladg\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"aulasfonte = getdata(\n \"https://opensheet.elk.sh/1Hja-7ozKTpcfhVX9sc3FkDH-NLj_RXllFIDTO8EIFV0/Ensino\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"aulascorrigidas = adapta(aulasfonte)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"viewof aulas = Inputs.search(aulascorrigidas, {\n label: \"aulas\",\n placeholder: \"Nenhum filtro\",\n query: \"aula-dgen 2021.2\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"videos = getdata(\n \"https://www.ranoya.com/AssetsManager/simplequery/?cat=workshops&filter=aulasemvideo,auladg\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"gradeoriginal = await getdata(\n \"https://opensheet.elk.sh/188WZJJXaIdau6ARqvPpFdVOWesR5Zp7HqTTVpVUz8Ow/MAPA2019\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"grade = inserecolunas(gradeoriginal)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"viewof componente = Inputs.search(grade, {\n label: \"componente\",\n placeholder: \"Nenhum filtro\",\n query: \"DD081\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"$35","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":108,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"aulasemvideo = function (json) {\n let html = `

Aulas

`;\n\n for (let k = 0; k < json.length; k++) {\n html += `

\n \n
\n ${json[k].titulo}

\n

`;\n }\n\n html += \"

\";\n return html;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 32:"$31:body"