Preguntes i respostes - Play Q&A : Programació d'aplicacions per a dispositius mòbils usant HTML5

Desenvolupament d'una aplicació per a estudiants on poden practicar els coneixements adquirits a les seves assignatures amb un joc de preguntes i respostes.

Comptador de clics en HTML5 : The Clicker Master

Desenvolupament d'una aplicació per a dispositius mòbils usant tecnologies HTML5. Es tracta d'un comptador de clics anomenat 'The Clicker Master'.

VFreezer - Congelador virtual: Programació d'aplicacions per a mòbils usant HTML5

Aplicació per a dispositius mòbils usant HTML5. VFreezer és un congelador virtual que permet la gestió d'un o més congeladors i dels productes que contenen.

Desarrollo de aplicaciones moviles con HTML5: Audioguia turistica del Real Monasterio San Lorenzo de El Escorial

Este trabajo ha tenido como objetivo la realización de una aplicación para móviles desarrollada en HTML5 llamada ¿Audioguía Turística de El Real Monasterio de San Lorenzo de El Escorial¿.Se han utilizado tecnologías como HTML5, javascript, jQuery Mobile (framework de javascritp), CSS, ThemRoller, y Phonegap (ahora apache Cordoba). También se ha usado Eclipse como IDE para el desarrollo con el pluging de Aptana.Se ha logrado una aplicación instalable en cualquier dispositivo móvil (Smartphone) o Tablet de cualquier tamaño, obteniéndose una app multidispositivo de tipo híbrida que puede usar y disponer de los recursos que posee el teléfono móvil como hacer llamadas, geolocalización, etc. Aparte de todo ello, para alcanzar una app multiplataforma se ha usado Phonegap Build, proporcionándonos con la compilación en la nube varios archivos instalables en distintas plataformas como Android, Windows-Phone, etc. Por tanto, se ha obtenido el desarrollo de una aplicación con HTML5 multidispositivo y multiplataforma.

App Menu Today HTML5

Aplicació web en html5 multi plataforma sense necessitat d'instal·lació. L'aplicació mostrarà una petita xarxa de restaurants al món empresarial per tal de poder gestionar les reserves.

Guia d’Internet (HTML5 i reproductors web)

Aquest document dóna les pautes bàsiques per poder incorporar vídeos incrustats en una pàgina web codificada en HTML5, amb un reproductor accessible. Així mateix, es dóna una introducció a l’eina ccPlayer, reproductor de vídeos que està implementat com un objecte SWF Flash i que permet l’addició de subtítols. Veurem també una altra eina similar, el JWPlayer.

Desarrollo de aplicaciones para dispositivos móviles : HTML5

Este trabajo hace referencia a la aplicación para dispositivos móviles para la localización de servicios del portal médico "Cercle de Salut". El proyecto está realizado en HTML5.

Series Addicts : Desarrollo de aplicaciones móviles en HTML5

Series Addicts está basada en la necesidad de una aplicación rápida y ligera con la que tener el control de todas las series que seguimos, para poder acceder a las funcionalidades mientras estamos disfrutando de nuestra serie favorita.

Keräilykorttipelin toteutus HTML5- ja Javascript-tekniikoilla

HTML5-tekniikka sekä Javascript tuen laajuus selaimissa vaihtelee. Tässä työssä kyseisiä tekniikoita tutkitaan ja selvitetään niiden toimivuus keräilykorttipelin tarvittavien ominaisuuksien osalta. Tuet kartoitetaan viiden yleisimmän selaimen osalta. HTML5 tukee WebSocket-ominaisuutta, mutta kaikki selaimet eivät tue ominaisuutta tai se on poistettu käytöstä. Työssä etsitään tiedonsiirtotekniikan korvaaja, jota testataan ja verrattaan yleisesti käytettäviin tekniikoihin. Socket.io oli nopea tekniikka ja viisi yleisintä selainta tuki kyseistä tekniikkaa. Tämän vuoksi Socket.io-tekniikka soveltuu keräilykorttipeliin hyvin. Työssä tutkitaan keräilykorttipeliin liittyviä ongelmia sekä ratkaistaan ilmenneet ongelmat. Keräilykorttipelissä kyseisiä ongelmia ilmeni hyvin vähän. HTML5 animaatio tutkitaan että se on optimoitu hyvin, jotta käyttäjälle tulee miellyttävä peli kokemus. Keräilykorttipeliin lisäksi tehdään käytännön toteutuksena pakkaeditorin prototyyppi, jossa käytetään drag&drop-tekniikkaa. Tämän vuoksi myös drag&drop-tekniikan tuki on selainten osalta kartoitettu myös työssä, sekä testattu käytännön toteutuksena prototyypissä. Prototyypin tarkoitus on kartoittaa mahdolliset tulevat ongelmat sekä auttaa varsinaisen pakkaeditorin tuotantoversiossa.

Introduction to HTML5

Covers HTML5 design principals and key changes. Outlined are new and retired elements, changes to forms and media support. This lecture then also covers key changes to CSS3 and JavaScript which support the development and implementation of HTML5

Desarrollo del juego Stacker para HTML5/Canvas

[ES] Juego Stacker para HTML5 propone una aplicación web con dos modalidades de juegos basados en el clásico Stacker. La modalidad classic stacker pretende simular dicho juego, en la cual el jugador ha de apilar una fila horizontal de cuadrados que se desplazan a velocidad constante horizontalmente sobre otra fila horizontal de cuadrados que se encuentran en la parte inferior sin describir ningún movimiento. La velocidad de movimiento de la fila que ha de apilar irá aumentando conforme se vayan superando los niveles. El juego acaba cuando no dispone de más cuadrados en la fila, que se perderán si no se consigue apilar de manera exacta. La otra modalidad de juego se le conoce como super stacker. En esta modalidad, el jugador ha de apilar una serie de figuras con formas distintas sobre otras figuras estáticas que forman parte de un mundo generado. Las figuras que ha de apilar el jugador son sensibles a fuerzas tales como la gravedad, colisión entre objetos, fricción, etc. Si alguna de estas figuras entra en contacto con alguno de los límites del mundo, el jugador ha perdido. Ganará cuando la estructura final formada aguanta un número de segundos determinados, pasando así a otro nivel (escenario) de mayor complejidad. Para esta modalidad de juego se ha necesitado un motor físico portado a Javascript que simule las fuerzas mencionadas anteriormente. Resaltar también que se ha optado por realizar un diseño adaptable utilizando frameworks como bootstrap 3 debido al gran auge de los dispositivos móviles con dimensiones de pantalla variables.

Evoluzione dei Modelli e delle Tecnologie per il Web: DART e HTML5 come caso di studio

Nell’ultimo decenno si è assisitito ad una frenetica evoluzione delle tecnologie di connessione e trasferimento dati, dagli impianti di fibra ottica sempre più diffusi e performanti, alle varie tecnologie mobile UMTS e LTE. Tutto ciò ha permesso a sempre più persone di poter spendere una maggiore fetta del proprio tempo sulla rete sia per svago che per lavoro. Questo ha portato col tempo l’utente interattivo alla ricerca di servizi remoti che prima usufruiva in locale, sia per motivi di portabilità e di interconnessione, sia per una semplice questione di sincronizzazione fra i vari dispositivi posseduti. Il presente progetto di tesi si pone come obiettivo di indagare con occhio ingegneristico all’evoluzione della struttura del web fino ad identificare e analizzare l’attuale necessità di poter avere in rete tutti quei servizi anche completi e strutturalmente complessi che prima si aveva sul proprio desktop; tutto ciò attraverso l’esempio di un nuovo linguaggio di sviluppo per applicazioni web strutturate proposto da Google: DART. In questa analisi non si potrà prescindere dallo studio attento della tecnologia che sin dagli inizi della rete ha fatto da struttura al web ovvero l’Html e il suo ultimo standard Hmtl5. Nella prima parte verrà mostrata, attraverso un breve percorso, la nascita e lo sviluppo del web, sino ai giorni nostri. Si effettuerà quindi una panoramica, rivisitando tutti più importanti passi che hanno portato la rete internet ad essere ciò che oggi utilizziamo, ponendo una particolare attenzione alle attuali esigenze di progettazione della struttura dei servizi web. Nel secondo capitolo viene introdotta la tecnologia a base del web, l’Html; attraverso una breve analisi dell’evoluzione di quest’ultima si arriverà sino all’attuale HTML5 e alle funzionalità offerte nell’ottica della programmazione web strutturata. Nel terzo capitolo si analizzerà in maniera più approfondita la necessità di un web strutturato e le potenzialità del progetto Dart attraverso alcuni esempi esplicativi. Infine si trarranno alcune conclusioni sull’attuale situazione del web, sulla necessità di un web strutturato e sulla possibilità di riuscita del progetto Dart.