Commit inicial.
This commit is contained in:
commit
bde63d120a
8 changed files with 148 additions and 0 deletions
3
.vscode/settings.json
vendored
Normal file
3
.vscode/settings.json
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"liveServer.settings.port": 5501
|
||||
}
|
||||
BIN
assets/banner-FICE-2024-XV.png
Normal file
BIN
assets/banner-FICE-2024-XV.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
BIN
assets/banner1.png
Normal file
BIN
assets/banner1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
assets/banner2.png
Normal file
BIN
assets/banner2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
assets/logoIFC.png
Normal file
BIN
assets/logoIFC.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
92
assets/main.css
Normal file
92
assets/main.css
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
main {
|
||||
padding-left: 60px;
|
||||
padding-right: 60px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 80px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: x-large;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: larger;
|
||||
}
|
||||
|
||||
main > div {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
#topImages {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-bottom: 2vh;
|
||||
}
|
||||
|
||||
#trianglehp {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-end;
|
||||
|
||||
}
|
||||
|
||||
#trianglehp2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
|
||||
}
|
||||
|
||||
#articleTitle {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#subtitle {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.triangle {
|
||||
width: 95vw;
|
||||
height: 8vh;
|
||||
background-color: rgb(0, 153, 0);
|
||||
clip-path: polygon(0 0, 100% 0, 100% 100%);
|
||||
}
|
||||
|
||||
.triangle2 {
|
||||
width: 90vw;
|
||||
height: 4vh;
|
||||
background-color: rgb(0, 107, 0);
|
||||
clip-path: polygon(0 0, 100% 0, 100% 100%);
|
||||
transform: skewY(2.3deg) translateY(-2.2vh);
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.triangle3 {
|
||||
width: 95vw;
|
||||
height: 8vh;
|
||||
background-color: rgb(0, 107, 0);
|
||||
clip-path: polygon(0 0, 0 100%, 100% 100%);
|
||||
}
|
||||
|
||||
.triangle4 {
|
||||
width: 90vw;
|
||||
height: 4vh;
|
||||
background-color: rgb(0, 153, 0);
|
||||
clip-path: polygon(0 0, 0 100%, 100% 100%);
|
||||
transform: skewY(-1.2deg) translateY(-.5vh);
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.topImage {
|
||||
width: 35%;
|
||||
height: 35%;
|
||||
}
|
||||
|
||||
#banner1, #banner2 {
|
||||
height: 30vh;
|
||||
}
|
||||
0
assets/main.js
Normal file
0
assets/main.js
Normal file
53
index.html
Normal file
53
index.html
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>FICE</title>
|
||||
<link rel="stylesheet" href="assets/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id="topImages">
|
||||
<img class="topImage" src="assets/logoIFC.png">
|
||||
<img class="topImage" src="assets/banner-FICE-2024-XV.png">
|
||||
</div>
|
||||
<div id="trianglehp">
|
||||
<div class="triangle"></div>
|
||||
<div class="triangle2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<h1 id="articleTitle">MÚSICA EXPERIMENTAL AO ALCANCE DE TODOS: DESENVOLVENDO UM
|
||||
CONTROLADOR MIDI ACESSÍVEL</h1>
|
||||
<p id="subtitle">Di Flores da Rosa - 1º autoria. Érika Dorneles Rizzatti - 20 autoria, Marcio Rafael Bravo Machado - 39 autoria, Yasmin Limas - 49 autoria, Daniel Andrade Varela - 5ª autoria - Orientador, Paulo Fernando Kuss - 6ª autoria - Orientador <a href="mailto:rizzattierika@gmail.com">rizzattierika@gmail.com</a> <a href="mailto:marciorafa1208@gmail.com">marciorafa1208@gmail.com</a> <a href="mailto:yasminlimas6028@gmail.com">yasminlimas6028@gmail.com</a> <a href="mailto:daniel.varela@ifc.edu.br">daniel.varela@ifc.edu.br</a> <a href="mailto:paulo.kuss@ifc.edu.br">paulo.kuss@ifc.edu.br</a>.</p>
|
||||
<main>
|
||||
<div>
|
||||
<h2>Introdução</h2>
|
||||
<p>O papel que a música desempenha na vida das pessoas, principalmente na vida dos mais jovens e no mundo atual, é fundamental e amplamente reconhecido; o hábito de ouvir música é comum no cotidiano de muitos. A habilidade de fazer música é explorada, cada vez mais com o apoio de novas tecnologias criadas ao longo do tempo como controladores Musical Instrument Digital Interface (MIDI) e Virtual Studio Technology Instruments (VSTI), permitindo que pessoas com diferentes habilidades e níveis de recursos experimentassem e produzissem música em um nível de complexidade que antes só era possível em estúdios profissionais.</p>
|
||||
<h2>Objetivos</h2>
|
||||
<p>Este projeto propõe aprofundar a música experimental através da construção e utilização de um controlador MIDI personalizado. A produção musical experimental muitas vezes desafia as normas e explora novos territórios sonoros, e os controladores MIDI desempenham um papel essencial para permitir esta exploração.</p>
|
||||
<h2>Metodologia</h2>
|
||||
<p>Ao iniciar o projeto, procurou-se por materiais teóricos e práticos semelhantes ao que estava sendo desenvolvido, proporcionando assim uma base sólida e referências adequadas para o projeto, e após reunir todo o material necessário se iniciaram as partes práticas, que nesse caso incluiu a prototipação do controlador MIDI usando o arduino Leonardo. O uso do software denominado Tinkercad se tornou essencial, o software acaba sendo de grande ajuda porque possibilita a visualização do arduino, seus componentes e a construção de um código, tudo simultaneamente. Através desse software tivemos a oportunidade de criar um protótipo funcional mesmo sem a disponibilidade de um arduino físico funcional em mãos.</p>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>O código foi desenvolvido em C/C++ e incluiu a integração do controlador com um VSTi para a geração dos sons correspondentes às notas pressionadas nos botões. No setup, a inicialização dos botões e da comunicação serial foi configurada. No loop, o método check() verifica continuamente o estado dos botões, assegurando que os sinais MIDI sejam enviados de forma precisa e eficiente.</p>
|
||||
<h2>Conclusão/Considerações finais</h2>
|
||||
<p>O projeto foi criado com foco em baixo custo e acessibilidade, utilizando componentes como o Arduino Leonardo, botões simples e cabos Dupont. Isso garante que o controlador MIDI possa ser replicado por outras pessoas com recursos limitados, promovendo a inclusão de jovens na prática musical experimental. A simplicidade do código e a facilidade de adaptação a diferentes configurações também tornam o projeto acessível para iniciantes na programação e na construção de dispositivos eletrônicos.</p>
|
||||
<img id="banner1" src="assets/banner1.png">
|
||||
<img id="banner2" src="assets/banner2.png">
|
||||
<p>A construção de um controlador MIDI de baixo custo demonstra que a criação musical pode ser acessível a todos, independentemente de recursos financeiros; há um maior incentivo à música experimental que foge dos padrões impostos e inspira as pessoas a se expressarem da sua própria forma.
|
||||
Referências
|
||||
SALUSTIANO, José Rodrigo Feltrin. A tecnologia e a música. 2016. Disponível
|
||||
em:
|
||||
<https://meuartigo.brasilescola.uol.com.br/informatica
|
||||
/a-tecnologia-
|
||||
musica.htm#::text=0%20crescimento%20da%20tecno logia%20na,simuladores%20de%20amplificadores%20e
|
||||
%20etc..></p>
|
||||
</div>
|
||||
</main>
|
||||
<div id="trianglehp2">
|
||||
<div class="triangle3"></div>
|
||||
<div class="triangle4"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in a new issue