Fotos: Eduarda Lopes (Programa de Estágio) Supervisão: Rose Campos
Alunos das escolas “Amin Cassar” e “Prof. Flávio de Souza Nogueira” assistiram à mostra de vídeos com a técnica stop motion produzidos por eles no projeto do Sabe Tudo Conect@
Alunos das turmas da manhã e da tarde da E.M. “Amin Cassar” e E.M. “Prof. Flávio de Souza Nogueira” visitaram o Museu Histórico Sorocabano, nesta quinta-feira (13), e puderam participar da Mostra de Animação do Sabe Tudo Conect@. A exibição dos vídeos, feitos a partir do tema Consumo Consciente em Movimento, foi realizada em um local muito especial, o vagão do Bonde exposto na parte externa do Museu, localizado no Zoológico Municipal “Quinzinho de Barros”, na Vila Hortência.
As crianças foram recebidas por gestores da Secretaria da Educação (Sedu) vestidos a caráter, em trajes vintage, para contextualizar o ambiente de reverência ao passado que se sobressai naquele cenário. O clima se completou com a visita ao interior do Museu, onde todas puderam aprender um pouco mais sobre as raízes da história de Sorocaba.
A escolha do local para exibição dos vídeos feitos pelos alunos para o Festival de Animação do Sabe Tudo Conect@, um vagão histórico de trem do início dos anos 1900, foi um gesto simbólico e educativo com o objetivo de conectar o passado, o presente e o futuro.
Com temas voltados à sustentabilidade e à preservação do meio ambiente, os vídeos revelaram as ideias dos alunos com sugestões práticas voltadas a essa temática. Os vídeos foram produzidos utilizando a técnica de stop motion, gravando quadro a quadro a movimentação dos personagens e objetos que fazem parte do roteiro. As criações e produções foram coletivas, com a participação dos grupos de alunos.
“A Mostra de Animações ‘Consumo Consciente em Movimento’, no vagão histórico do Museu sorocabano, nos permitiu reviver o passado para valorizar o presente e pensar o futuro. Unimos tecnologia, arte, cultura e inovação em um espaço simbólico, reforçando o compromisso da Educação com experiências que inspiram e transformam”, resumiu a gestora de Desenvolvimento Educacional, Andreia Schott.
Após assistirem aos filmes do projeto, os alunos foram convidados a conhecer o Museu Histórico Sorocabano e o acervo em exibição, de forma guiada pelos profissionais do Museu, o que proporcionou a oportunidade de conhecer um pouco mais sobre a história da fundação da cidade de Sorocaba, bem como descobrir mais a respeito dos povos originários que habitaram esta região.
$$ = $.noConflict();
var initPhotoSwipeFromDOM = function(gallerySelector) {
// parse slide data (url, title, size …) from DOM elements
// (children of gallerySelector)
var parseThumbnailElements = function(el) {
var thumbElements = el.childNodes,
numNodes = thumbElements.length,
items = [],
figureEl,
childElements,
linkEl,
size,
item;
for(var i = 0; i < numNodes; i++) {
figureEl = thumbElements[i]; //
// include only element nodes
if(figureEl.nodeType !== 1) {
continue;
}
linkEl = figureEl.children[0]; // element
linkEl = figureEl; // element
// console.log(linkEl);
size = linkEl.getAttribute(‘data-size’).split(‘x’);
// create slide object
item = {
src: linkEl.getAttribute(‘href’),
w: parseInt(size[0], 10),
h: parseInt(size[1], 10)
};
if(figureEl.children.length > 1) {
//
item.title = figureEl.children[1].innerHTML;
}
if(linkEl.children.length > 0) {
// thumbnail element, retrieving thumbnail url
item.msrc = linkEl.children[0].getAttribute(‘src’);
}
item.el = figureEl; // save link to element for getThumbBoundsFn
items.push(item);
}
return items;
};
// find nearest parent element
var closest = function closest(el, fn) {
return el && ( fn(el) ? el : closest(el.parentNode, fn) );
};
// triggers when user clicks on thumbnail
var onThumbnailsClick = function(e) {
e = e || window.event;
e.preventDefault ? e.preventDefault() : e.returnValue = false;
var eTarget = e.target || e.srcElement;
var clickedListItem = closest(eTarget, function(el) {
return el.tagName === ‘FIGURE’;
});
clickedListItem = eTarget.parentNode;
if(!clickedListItem) {
return;
}
// find index of clicked item
var clickedGallery = clickedListItem.parentNode,
childNodes = clickedListItem.parentNode.childNodes,
numChildNodes = childNodes.length,
nodeIndex = 0,
index;
for (var i = 0; i = 0) {
openPhotoSwipe( index, clickedGallery );
}
return false;
};
// parse picture index and gallery index from URL (#&pid=1&gid=2)
var photoswipeParseHash = function() {
var hash = window.location.hash.substring(1),
params = {};
if(hash.length < 5) {
return params;
}
var vars = hash.split('&');
for (var i = 0; i < vars.length; i++) {
if(!vars[i]) {
continue;
}
var pair = vars[i].split('=');
if(pair.length getThumbBoundsFn section of docs for more info
var thumbnail = items[index].el.getElementsByTagName(‘img’)[0], // find thumbnail
pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
rect = thumbnail.getBoundingClientRect();
return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};
},
shareButtons: [
{id:’download’, label:’Download image’, url:”, download:true}
],
// history & focus options are disabled on CodePen
// remove these lines in real life:
historyEnabled: false,
focus: false
};
if(disableAnimation) {
options.showAnimationDuration = 0;
}
// Pass data to PhotoSwipe and initialize it
gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
gallery.init();
};
// loop through all gallery elements and bind events
var galleryElements = document.querySelectorAll( gallerySelector );
for(var i = 0, l = galleryElements.length; i 0 && hashData.gid > 0) {
openPhotoSwipe( hashData.pid – 1 , galleryElements[ hashData.gid – 1 ], true );
}
};
// execute above function
initPhotoSwipeFromDOM(‘.pms-galeria’);
// All images need to be loaded for this plugin to work so
// we end up waiting for the whole window to load in this example
$$(window).load(function () {
$$(document).ready(function(){
collage();
$$(‘.pms-galeria’).collageCaption();
});
});
// Here we apply the actual CollagePlus plugin
function collage() {
$$(‘.pms-galeria img’).css(‘display’, ‘block’);
$$(‘.pms-galeria’).removeWhitespace().collagePlus({
‘fadeSpeed’ : 2000,
‘targetHeight’ : 150,
‘effect’ : ‘default’,
‘direction’ : ‘vertical’,
‘allowPartialLastRow’ : true
});
};
// This is just for the case that the browser window is resized
var resizeTimer = null;
$$(window).bind(‘resize’, function() {
// hide all the images until we resize them
$$(‘.pms-galeria .Image_Wrapper’).css(“opacity”, 0);
// set a timer to re-apply the plugin
if (resizeTimer) clearTimeout(resizeTimer);
resizeTimer = setTimeout(collage, 200);
});
