30:T432,descricaoavaliacao = md` Realização de 5 exercícios de construção de layout, encaminhados pelo Google Classroom, com o valor de 2,0 pontos cada. Estes exercícios são a aplicação do código HTML e CSS, e o conhecimento adquiridos ao longo das semanas de aula, para construção progressiva da estrutura base de um layout para web. A avaliação da disciplina será realizada através de 5 exercícios de construção de layout, encaminhados pelo Google Classroom, com o valor de 2,0 pontos cada. Estes exercícios são a aplicação do código HTML+CSS e dos conhecimentos adquiridos ao longo das semanas de aula, para construção progressiva da estrutura base de um layout para web, conforme cronograma abaixo: ${datasav} Os 5 exercícios e suas instruções estão disponíveis no [link com detalhamento dos exercícios](https://webdesign.ranoya.com/exercicios)
### Critérios de Avaliação As atividades serão avaliadas pelos critérios: 1. Documentação clara e explicativa no código 2. Respeito aos prazos de entrega 3. Funcionamento adequado `31:T89e,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, "."); let 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; }32:T10dd,33:T54d,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; }34:T792,inserecolunas = function (arr) { const converte = { F: "Obrigatória", C: "Design e Ciência", S: "Design e Sociedade", T: "Design e Tecnologia", 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; }35:[] 2e:{"title":"Introdução aos materiais da mídia computacional","cells":[{"id":0,"value":"titulo = md`# Introdução aos materiais da mídia computacional\n## Os códigos HTML, CSS e SVG\n
\nAntiga disciplina de Webdesign
\nDD130 Design e Tecnologia X\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"ementa = md`\n
\n## Ementa\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"descricaoementa = md`\nESTUDO DAS TECNOLOGIAS DE MATERIAIS, DAS ESTRUTURAS, DE MÉTODOS DE\nPRODUÇÃO E TÉCNICAS DE REPRESENTAÇÃO.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"## Objetivos","pinned":false,"hidden":false,"mode":"md"},{"id":123,"value":"descricaoobjetivos = md`A componente curricular tem o objetivo de desenvolver as habilidades e competências necessárias para a construção técnica de documentos para a web através de código computacional.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"detalhesdisciplina = html`${dadosindividuais(componente)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"## Metodologia","pinned":false,"hidden":false,"mode":"md"},{"id":115,"value":"descricaometodo = md`\nAulas expositivas para apresentação e discussão de conceitos e questões envolvidas na infra-estrutura tecnológica da mídia digital, e aulas práticas para experimentação e entendimento dos elementos construtivos do artefato website.\n\nO método formativo adotado propõe a apresentação e discussão dos conceitos e questões envolvidos na infra-estrutura tecnológica dos artefatos digitais (mídia computacional), e aulas práticas realizando experimentos e experimentações com os elementos construtivos do código interpretado pelos navegadores (\\`HTML\\` e \\`CSS\\`).\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"## Avaliação","pinned":false,"hidden":false,"mode":"md"},{"id":118,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"materiais = html`\n
\n

Materiais

\n\nMaterial de aula interativo
\nO tecido das tecnologias criativas: volume HTML
\nO tecido das tecnologias criativas: volume CSS\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"planodeaula = md`## Plano de aula`","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"listaaulas = html`${bloco_disciplinas(\n disciplina,\n textosdisciplina,\n \"\",\n materiaisvisse,\n posts\n)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":258,"value":"html`${aulasemvideo(videos)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"bibliografia = html`

Bibliografia

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

Bibliografia

\n${bibliografiaEmentas(bibliojson)}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"

\n### Apêndice","pinned":false,"hidden":false,"mode":"md"},{"id":463,"value":"datasav = md`\n| Atividade | Peso | Data de Entrega |\n|-----------|------|-----------------|\n| [Exercício de Layout #1](https://webdesign.ranoya.com/exercicios/#layout1) | 2,0 | 09/08/2022 |\n| [Exercício de Layout #2](https://webdesign.ranoya.com/exercicios/#layout2) | 2,0 | 16/08/2022 |\n| [Exercício de Layout #3](https://webdesign.ranoya.com/exercicios/#layout3) | 2,0 | 23/08/2022 |\n| [Exercício de Layout #4](https://webdesign.ranoya.com/exercicios/#layout4) | 2,0 | 06/09/2022 |\n| [Exercício de Layout #5](https://webdesign.ranoya.com/exercicios/#layout5) | 2,0 | 20/09/2022 |\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":437,"value":"import {\n bibliografiaEmentas,\n bibliografiapublica,\n getdata\n} from \"@ranoya/bibliotecacompleta\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"import {\n bloco_disciplinas,\n atividades_aula,\n entregas_aula\n} from \"@ranoya/visse-ensino\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":443,"value":"todososlivros = getdata(\n \"https://opensheet.elk.sh/1qXCwwsiNdZnqlvNzLxol-ZGRTEH7fQfRsK2SWpNIuM4/Lista\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":446,"value":"viewof bibliojson = Inputs.search(todososlivros, {\n label: \"bibliojson\",\n placeholder: \"Nenhum filtro\",\n query: \"webdesign_aula\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":265,"value":"aulasfetch = getdata(\n \"https://opensheet.elk.sh/1Hja-7ozKTpcfhVX9sc3FkDH-NLj_RXllFIDTO8EIFV0/Ensino\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":274,"value":"aulas = adapta(aulasfetch)","pinned":false,"hidden":false,"mode":"ojs"},{"id":370,"value":"materiaisvisse = getdata(\n \"https://www.ranoya.com/AssetsManager/simplequery/?cat=workshops&filter=aulasemvideo,aulawd\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":381,"value":"textos = getdata(\n \"https://opensheet.elk.sh/1uO7ljxlgVjRtQ8xKk-eWSMnFHQhe2yMrLBRYiudH7tU/Registros\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":502,"value":"viewof textosdisciplina = Inputs.search(textos, {\n label: \"textosdisciplina\",\n placeholder: \"Nenhum filtro\",\n query: \"volume web_livro\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":272,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":252,"value":"videos = getdata(\n \"https://www.ranoya.com/AssetsManager/simplequery/?cat=workshops&filter=aulasemvideo,aulawd\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":429,"value":"posts = getdata(\n \"https://opensheet.elk.sh/1Hja-7ozKTpcfhVX9sc3FkDH-NLj_RXllFIDTO8EIFV0/Links\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"gradeoriginal = await getdata(\n \"https://opensheet.elk.sh/188WZJJXaIdau6ARqvPpFdVOWesR5Zp7HqTTVpVUz8Ow/MAPA2019\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"grade = inserecolunas(gradeoriginal)","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"viewof disciplina = Inputs.search(aulas, {\n label: \"disciplina\",\n placeholder: \"Nenhum filtro\",\n query: \"aula-web 2022.1\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"viewof componente = Inputs.search(grade, {\n label: \"componente\",\n placeholder: \"Nenhum filtro\",\n query: \"DD130\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"$32","pinned":false,"hidden":false,"mode":"html"},{"id":108,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":255,"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"},{"id":485,"value":"checatema = function () {\n let tema = \"\";\n if (\n localStorage.getItem(\"tema\") != \"\" &&\n typeof localStorage.getItem(\"tema\") != \"undefined\"\n ) {\n let tema =\n \"https://www.ranoya.com/pinboard/\" +\n localStorage.getItem(\"tema\") +\n \"color.css\";\n }\n return tema;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}