?url_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rft.title=Bioblocks+para+laboratorios+profesionales+y+proyectos+educativos&rft.creator=Alc%C3%A1zar+Sacrist%C3%A1n%2C+Alejandro&rft.contributor=Rodr%C3%ADguez-Pat%C3%B3n+Aradas%2C+Alfonso&rft.subject=Biology&rft.subject=Computer+Science&rft.description=Un+equipo+de+cuatro+personas+hemos+desarrollado+una+aplicaci%C3%B3n+que+permite+definir+experimentos+biol%C3%B3gicos+aplicando+el+lenguaje+de+programaci%C3%B3n+Bioblocks+a+la+aplicaci%C3%B3n+web+Bitbloq.+El+lenguaje+de+programaci%C3%B3n+BioBlocks+est%C3%A1+formado+por+una+serie+de+bloques+que+especifican+diferentes+operaciones+que+se+pueden+realizar+en+un+laboratorio+biol%C3%B3gico.+Los+usuarios+eligen+secuencias+de+esos+bloques+para+especificar+un+experimento+biol%C3%B3gico+de+manera+intuitiva+y+visual.+BioBlocks+est%C3%A1+basado+en+los+lenguajes+de+programaci%C3%B3n+visual+Scratch+y+Blockly.+Bitbloq+es+una+aplicaci%C3%B3n+web+de+c%C3%B3digo+abierto+que+permite+crear+c%C3%B3digo+Arduino+de+una+forma+sencilla%2C+con+componentes+arduino+visuales+y+un+lenguaje+de+programaci%C3%B3n+tipo+Scratch+que+se+traduce+a+Arduino+autom%C3%A1ticamente.+Estos+proyectos+Arduino+se+guardan+autom%C3%A1ticamente%2C+lo+que+en+conjunto+genera+una+experiencia+de+uso+sencilla%2C+c%C3%B3moda+e+intuitiva+al+usuario.+El+proyecto+consiste+en+utilizar+el+c%C3%B3digo+de+Bitbloq+para+crear+una+nueva+aplicaci%C3%B3n+de+Bioblocks+en+la+que+se+permita+el+registro+de+usuarios%2C+la+creaci%C3%B3n+de+proyectos%2C+creaci%C3%B3n+de+bloques+nuevos%2C+transformaci%C3%B3n+de+los+experimentos+a+JSON+y+a+Arduino+para+implementar+en+laboratorios+port%C3%A1tiles+y+edici%C3%B3n+del+Hardware+del+Arduino.+Todo+esto+utilizando+la+pol%C3%ADtica+de+Bitbloq+de+guardado+autom%C3%A1tico+y+sencillez%2C+haciendo+que+la+tarea+m%C3%A1s+compleja+que+haga+el+usuario+sea+arrastrar+y+soltar+componentes.+De+esta+forma%2C+se+pueden+definir+experimentos+de+forma+sencilla%2C+guardarlos+e+implementar+algunos+de+ellos+en+Arduino.+Esta+memoria+explica+el+proyecto+a+rasgos+generales+y+profundiza+en+el+trabajo+que+he+realizado+yo.+La+parte+general+de+la+memoria+esboza+cu%C3%A1les+son+las+motivaciones+del+proyecto%2C+cu%C3%A1les+han+sido+las+decisiones+que+han+ido+dando+forma+al+dise%C3%B1o%2C+cu%C3%A1l+es+el+contexto+sobre+el+que+ha+nacido+la+aplicaci%C3%B3n+y+las+razones+por+las+que+se+ha+utilizado+la+tecnolog%C3%ADa+elegida.+La+parte+individual+del+proyecto+ha+inclu%C3%ADdo+instalar+el+entorno+de+Bitbloq%2C+dise%C3%B1ar+la+arquitectura+de+la+aplicaci%C3%B3n%2C+implementar+los+cambios+para+ajustar+la+nueva+arquitectura+a+Bitbloq%2C+desarrollar+el+funcionamiento+general+de+la+nueva+aplicaci%C3%B3n+y+facilitar+las+comunicaciones+entre+el+front-end+y+el+back-end+de+ella.+En+concreto%2C+en+la+memoria+se+van+a+encontrar+detalladas+la+siguiente+lista+de+tareas%3A+Dise%C3%B1o+de+la+aplicaci%C3%B3n%2C+montaje+y+documentaci%C3%B3n+del+entorno%2C+creaci%C3%B3n+de+las+nuevas+subpesta%C3%B1as+que+van+a+alojar+Bioblocks+dentro+de+Bitbloq+(Experimento%2C+Editor+de+Bloques%2C+C%C3%B3digo+JSON%2C+C%C3%B3digo+Arduino+y+Gr%C3%A1fico)%2C+desarrollo+de+la+apariencia+y+funcionamiento+general+de+cada+una+de+ellas+y+en+profundidad+de+la+pesta%C3%B1a+de+Experimento%2C+C%C3%B3digo+JSON+y+Gr%C3%A1fico%2C+guardado+y+cargado+del+proyecto+en+la+base+de+datos+y+soluci%C3%B3n+de+errores+principales.+Adem%C3%A1s%2C+esta+memoria+incluye+un+anexo+con+la+documentaci%C3%B3n+para+montar+el+entorno%2C+todo+el+c%C3%B3digo+que+he+ido+a%C3%B1adiendo%2C+eliminando+o+modificando+en+cada+paso+de+desarrollo+y+otros+trabajos+menores+que+he+necesitado+para+que+todo+funcione+correctamente.---ABSTRACT---A+team+of+four+people+which+includes+myself+have+developed+an+application+that+allows+defining+biological+experiments+by+fitting+the+programming+language+Bioblocks+to+the+Bitbloq+web+application.+The+programming+language+BioBlocks+consists+of+a+series+of+blocks+that+specify+different+operations+that+can+be+performed+in+a+biological+laboratory.+Users+choose+sequences+from+those+blocks+to+make+a+biological+experiment+in+an+intuitive+and+visual+way.+BioBlocks+is+based+on+the+visual+programming+languages+Scratch+and+Blockly.+Bitbloq+is+an+open+source+web+application+that+allows+you+to+create+Arduino+code+in+a+simple+way%2C+with+visual+arduino+components+and+a+Scratch+programming+language+that+is+translated+to+Arduino+automatically.+These+Arduino+projects+are+automatically+saved%2C+which+together+generates+an+experience+of+simple%2C+comfortable+and+intuitive+use+to+the+user.+The+project+consists+in+using+the+Bitbloq+code+to+create+a+new+application+of+Bioblocks+in+which+users+registration+is+allowed%2C+along+to+the+creation+of+projects%2C+creation+of+new+blocks%2C+transformation+of+the+experiments+to+JSON+and+Arduino+to+implement+in+portable+labs+and+Hardware+edition+of+the+Arduino.+All+this+using+the+Bitbloq+policy+of+automatic+saving+and+simplicity%2C+making+the+user's+most+complex+task+to+drag+and+drop+components.+In+this+way%2C+you+can+define+experiments+in+a+simple+way%2C+save+them+and+implement+some+of+them+in+Arduino.+This+report+explains+the+project+to+general+features+and+deepens+the+work+I+have+done.+The+general+part+of+the+report+outlines+the+motivations+of+the+project%2C+what+have+been+the+decisions+that+have+been+shaping+the+design%2C+what+is+the+background+on+which+the+application+was+born+and+the+reasons+why+the+chosen+technology+has+been+used.+The+individual+part+of+the+project+includes+installing+the+Bitbloq+environment%2C+designing+the+application+architecture%2C+implementing+the+changes+to+adjust+the+new+architecture+to+Bitbloq%2C+developing+the+general+operation+of+the+new+application+and+facilitating+communications+between+the+front-end+and+the+back-end+of+it.+Specifically%2C+the+following+list+of+tasks+will+be+detailed+in+the+report%3A+Design+of+the+application%2C+assembly+and+documentation+of+the+environment%2C+creation+of+the+new+sub-tabs+that+will+host+Bioblocks+within+Bitbloq+(Experiment%2C+Block+Editor%2C+JSON+Code%2C+Arduino+Code+and+Graphics)%2C+the+development+of+the+appearance+and+general+performance+of+each+one+of+them+and+in+depth+of+the+Experiment+tab%2C+JSON+and+G%C5%95afico+Code%2C+saved+and+loaded+of+the+project+in+the+database+and+solution+of+main+errors.+In+addition%2C+this+memory+includes+an+annex+with+the+documentation+to+assemble+the+environment%2C+all+the+code+that+I+have+been+adding%2C+eliminating+or+modifying+in+each+step+of+development+and+other+minor+works+that+I+have+needed+for+everything+to+work+correctly.&rft.publisher=E.T.S.+de+Ingenieros+Inform%C3%83%C2%A1ticos+(UPM)&rft.rights=https%3A%2F%2Fcreativecommons.org%2Flicenses%2Fby-nc-nd%2F3.0%2Fes%2F&rft.date=2018-06&rft.type=info%3Aeu-repo%2Fsemantics%2FbachelorThesis&rft.type=Final+Project&rft.type=NonPeerReviewed&rft.format=application%2Fpdf&rft.language=spa&rft.rights=info%3Aeu-repo%2Fsemantics%2FopenAccess&rft.identifier=https%3A%2F%2Foa.upm.es%2F65849%2F