Interaction Designer, Creative Technologist, Professor and Researcher
titulo = html`Preservação de Softwares de Programação`
emulacao = html`
${emula(selected)}
<br><br>`
opcoes = html`
${inclui(
softwares,
"_ide",
"IDEs",
`Softwares de programação integrada, compostos por editores, compiladores, e todo o ambiente de execução do código.`
)}
<div class="blocoopcoes">${custombuttonsduo(softwares, "_ide")}</div><br><br>
${inclui(
softwares,
"_multi",
"Autoração Multimídia",
`Softwares de desenvolvimento de produtos multimídia, funcionavam a partir de programação em forma de <i>scripts</i>.`
)}
<div class="blocoopcoes">${custombuttonsduo(softwares, "_multi")}</div><br><br>
${inclui(
softwares,
"_graph",
"Ferramentas Gráficas",
`Softwares gráficos que continham a possibilidade de automação através de programação integrada.`
)}
<div class="blocoopcoes">${custombuttonsduo(softwares, "_graph")}</div><br><br>
${inclui(
softwares,
"_alt",
"Plataformas",
`Softwares integrados que permitiam o desenvolvimento de aplicações complementares.`
)}
<div class="blocoopcoes">${custombuttonsduo(softwares, "_alt")}</div><br><br>
${inclui(
softwares,
"_db",
"Banco de Dados",
`Sistemas de banco de dados programáveis.`
)}
<div class="blocoopcoes">${custombuttonsduo(softwares, "_db")}</div><br><br>
${mostrarevistas(revistasO)}
<br><br><br>
<h2 style="width: 100%; border-bottom: 1px solid #bbbbbb;">Editores de código atuais</h2><br>
<p>
<a target="_blank" href="https://poepalette.vercel.app/csv/?nofocus=true&title=EDITORES%20DE%20C%C3%93DIGO&json=https://docs.google.com/spreadsheets/d/10wpfmMWn3igQF4rJBYCo8OR90igO1tfKwcmrot0ult0/edit#gid=0&plugins=https://docs.google.com/spreadsheets/d/10wpfmMWn3igQF4rJBYCo8OR90igO1tfKwcmrot0ult0/edit?gid=1875938145#gid=1875938145&css=https://poepalette.vercel.app/dev/bigblue.css">Relação de editores de código disponíveis</a><br>
</p>
<br><br><br>
`
mostrarevistas = function (arr) {
let code = "";
if (arr.length > 0) {
code += `<h2 style="width: 100%; border-bottom: 1px solid #bbbbbb;">Materiais em Revistas</h2><br><p>`;
for (let i = 0; i < arr.length; i++) {
code += `<a target="_blank" href="${arr[i].link}">${arr[i].titulo}</a><br>`;
}
code += `</p>`;
}
return code;
}
viewof revistasO = Inputs.search(revistas, {
label: "revistasO",
placeholder: "Nenhum filtro",
query: filtros + "_softw",
disabled: true
})
acionabuttons = function (nome) {
set(viewof filtros, nome);
}
acionasearch = function (nome) {
set(viewof qualsoftware, nome);
}
inclui = function (arr, tipo, titulo, frase) {
let code = "";
if (quantos(arr, tipo) > 0) {
code = `<p><b>${titulo}</b><br><br>${frase}</p>`;
}
return code;
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
