2d:null 2e:["$","title",null,{"children":"Disciplina Web (ranoya.com v2) | Guilherme Ranoya | Observable"}] 33: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; }34:T10dd,35: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; }36:[] 31:{"id":"8243950267707812","slug":"web-rv2","title":"Disciplina Web (ranoya.com v2)","thumbnail":"042dd1ee90e714c1b17ab462b8f0ae953b6496ff63277dcd6ca1b4d324a0132e","access_level":"public","create_time":"$D2022-10-03T21:00:05.806Z","update_time":"$D2024-08-09T21:27:47.420Z","view_time":null,"first_public_time":"$D2022-10-03T21:13:37.336Z","has_unpublished_edits":null,"fork":{"id":"4993e88583d921bd","slug":"ementa-webdesign","title":"Introdução aos materiais da mídia computacional (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":631,"publish_version":null,"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":2,"collection":{"id":"1f6138ac9de09c2a","slug":"ementas","title":"Ementas","owner":{"id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya"}},"type":"notebook","body":{"title":"Disciplina Web (ranoya.com v2)","cells":[{"id":508,"value":"# Disciplina Web (ranoya.com v2)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":0,"value":"introducao = html`\n

Introdução aos materiais da mídia computacional
Programação com HTML, CSS e SVG.

DD130 Design e Tecnologia X, antiga disciplina de Webdesign.

\n\n\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`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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":514,"value":"## Competências","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":517,"value":"competencias = html`

Construção de websites

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":520,"value":"## Habilidades","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":522,"value":"habilidades = html`

Programação com códigos HTML, CSS e SVG

`","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 = html`\n

Conceitos apresentados através de material instrucional interativo online, e atividades aplicadas (workshops) em sala de aula para entendimento de como estes conceitos são articulados de maneira concreta, com experimentos e experimentações com os elementos construtivos do código interpretado pelos navegadores (HTML & CSS).

\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":527,"value":"avaliacao = md`\n

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 adquirido ao longo das semanas de aula, para construção progressiva da estrutura base de um layout para web.

\n\n\n

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:

\n\n${datasav}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"avaliacaocrit = html`\n

As atividades serão avaliadas pelos critérios:

\n\n

\n 1 Documentação clara e explicativa no código
\n 2 Respeito aos prazos de entrega
\n 3 Funcionamento adequado

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"planodeaula = md`## Plano de aula`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"listaaulas = html`${bloco_disciplinas(disciplina, \"\", \"\", \"\", posts)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"bibliografia = html`

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

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"bibliografiaopen = html`

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

`","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":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 | 10/06/2024 |\n| [Exercício de Layout #2](https://webdesign.ranoya.com/exercicios/#layout2) | 2,0 | 17/06/2024 |\n| [Exercício de Layout #3](https://webdesign.ranoya.com/exercicios/#layout3) | 2,0 | 24/06/2024 |\n| [Exercício de Layout #4](https://webdesign.ranoya.com/exercicios/#layout4) | 2,0 | 08/07/2024 |\n| [Exercício de Layout #5](https://webdesign.ranoya.com/exercicios/#layout5) | 2,0 | 22/07/2024 |\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"import {\n bibliografiaEmentas,\n bibliografiapublica\n} from \"@ranoya/bibliotecacompleta\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"import {\n bloco_disciplinas,\n atividades_aula,\n entregas_aula\n} from \"@ranoya/visse-ensino\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":576,"value":"import { alphabetic, getcsvdata, GoogleSheetCsvURL } from \"@ranoya/datat\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"todososlivros = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/1qXCwwsiNdZnqlvNzLxol-ZGRTEH7fQfRsK2SWpNIuM4/edit#gid=0\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"aulasfetch = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/1Hja-7ozKTpcfhVX9sc3FkDH-NLj_RXllFIDTO8EIFV0/edit?gid=1933151867#gid=1933151867\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":570,"value":"viewof aulasdisciplina = Inputs.search(aulasfetch, {\n label: \"aulasdisciplina\",\n placeholder: \"Nenhum filtro\",\n query: \"aula-web\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"aulas = aulasdisciplina","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"textos = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/1uO7ljxlgVjRtQ8xKk-eWSMnFHQhe2yMrLBRYiudH7tU/edit#gid=0\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"posts = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/1Hja-7ozKTpcfhVX9sc3FkDH-NLj_RXllFIDTO8EIFV0/edit#gid=1287862905\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"viewof disciplina = Inputs.search(aulas, {\n label: \"disciplina\",\n placeholder: \"Nenhum filtro\",\n query: \"aula-web\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"$34","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":111,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 32:"$31:body"

Introdução aos materiais da mídia computacionalProgramação com HTML, CSS e SVG.

Introdução aos materiais da mídia computacional
Programação com HTML, CSS e SVG.