Guía de Internet (HTML5 y reproductores web)

Este documento da las pautas básicas para incorporar vídeos incrustados en una página web codificada con HTML5, con un reproductor accesible. Así mismo, se da una introducción a la herramienta ccPlayer, reproductor de vídeos que está implementado como objeto SWF Flash y que permite añadir subtítulos. También para la herramienta JWPlayer que permite añadir subtítulos y audiodescripción.

Programación de aplicaciones móviles usando HTML5

Desarrollo de una aplicación social para móviles utilizando HTML5.

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.

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.

PracticaClic

El projecte va dirigit a fomentar l'aprenentatge fora de les aules, que tingui lloc en qualsevol part i en qualsevol moment, on l'estudiant pugui obtenir més coneixement d'una matèria obligatòria determinada. PracticaClic és un sistema educatiu que va dirigit a nens i nenes de primària, i en concret, en la matèria de les matemàtiques.

WebGraphEd, an open source graph drawing editor for the web

WebGraphEd is an open source software for graph visualization and manipulation. It is especially designed to work for the web platform through a web browser. The web application has been written in JavaScript and compacted later, which makes it a very lightweight software. There is no need of additional software, and the only requirement is to have an HTML5 compliant browser. WebGraphEd works with scalable vector graphics (SVG), which it makes possible to create lossless graph drawings.

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.

Gestió d'un portal web d'intercanvi de coneixement

En aquest món on ens ha tocat viure i patir canvis tan durs amb la crisi econòmica que patim, que ens ha fet passar de lligar els gossos amb llonganisses a vigilar en les despeses del dia a dia per poder arribar just a final de mes, és el moment de reinventar-se. És per aquest motiu que presento aquesta idea, on el seu objectiu és desenvolupar una pàgina web que esdevingui un punt de trobada entre usuaris que volen transmetre o ampliar el seu coneixement i oferir-los la possibilitat que entre ells puguin compartir les seves habilitats i destreses. El web consistirà en un panell d’activitats on els usuaris un cop s’hagin registrat puguin crear les activitats que vulguin aprendre o bé ensenyar, tot demanant, si ho desitgen, quelcom a canvi. Aleshores la resta d’usuaris si els interessa l’activitat, poden acceptar la demanda o bé fer una proposta pròpia. A partir d’aquí els usuaris s’han de posar d’acord a l’hora de dur a terme l’activitat. El web disposarà d’una part pels usuaris amb permisos d’administrador perquè puguin gestionar el portal. Aquest projecte s’ha desenvolupat amb el framework de PHP Codeigniter, el qual utilitza la programació per capes MVC, la qual separa la programació en tres parts: el Model, la Vista i el Controlador. També s’han utilitzat els llenguatges HTML5 i CSS3, i jQuery, que és una llibreria de JavaScript. Com a sistema gestor de base de dades s’ha utilitzat el MySQL.

Rétro ingénierie des modèles d’objets dynamiques pour JavaScript

La compréhension des objets dans les programmes orientés objet est une tâche impor- tante à la compréhension du code. JavaScript (JS) est un langage orienté-objet dyna- mique, et son dynamisme rend la compréhension du code source très difficile. Dans ce mémoire, nous nous intéressons à l’analyse des objets pour les programmes JS. Notre approche construit de façon automatique un graphe d’objets inspiré du diagramme de classes d’UML à partir d’une exécution concrète d’un programme JS. Le graphe résul- tant montre la structure des objets ainsi que les interactions entre eux. Notre approche utilise une transformation du code source afin de produire cette in- formation au cours de l’exécution. Cette transformation permet de recueillir de l’infor- mation complète au sujet des objets crées ainsi que d’intercepter toutes les modifications de ces objets. À partir de cette information, nous appliquons plusieurs abstractions qui visent à produire une représentation des objets plus compacte et intuitive. Cette approche est implémentée dans l’outil JSTI. Afin d’évaluer l’utilité de l’approche, nous avons mesuré sa performance ainsi que le degré de réduction dû aux abstractions. Nous avons utilisé les dix programmes de réfé- rence de V8 pour cette comparaison. Les résultats montrent que JSTI est assez efficace pour être utilisé en pratique, avec un ralentissement moyen de 14x. De plus, pour 9 des 10 programmes, les graphes sont suffisamment compacts pour être visualisés. Nous avons aussi validé l’approche de façon qualitative en inspectant manuellement les graphes gé- nérés. Ces graphes correspondent généralement très bien au résultat attendu. Mots clés: Analyse de programmes, analyse dynamique, JavaScript, profilage.

A layered JavaScript virtual machine supporting dynamic instrumentation

L’observation de l’exécution d’applications JavaScript est habituellement réalisée en instrumentant une machine virtuelle (MV) industrielle ou en effectuant une traduction source-à-source ad hoc et complexe. Ce mémoire présente une alternative basée sur la superposition de machines virtuelles. Notre approche consiste à faire une traduction source-à-source d’un programme pendant son exécution pour exposer ses opérations de bas niveau au travers d’un modèle objet flexible. Ces opérations de bas niveau peuvent ensuite être redéfinies pendant l’exécution pour pouvoir en faire l’observation. Pour limiter la pénalité en performance introduite, notre approche exploite les opérations rapides originales de la MV sous-jacente, lorsque cela est possible, et applique les techniques de compilation à-la-volée dans la MV superposée. Notre implémentation, Photon, est en moyenne 19% plus rapide qu’un interprète moderne, et entre 19× et 56× plus lente en moyenne que les compilateurs à-la-volée utilisés dans les navigateurs web populaires. Ce mémoire montre donc que la superposition de machines virtuelles est une technique alternative compétitive à la modification d’un interprète moderne pour JavaScript lorsqu’appliqué à l’observation à l’exécution des opérations sur les objets et des appels de fonction.

Conways Game of Life JavaScript Exercise

For students learning JavaScript programming, this exercise sets out a fairly complete template for a DHTML implementation of Life. Students have to program the missing sections of code and attempt the extra features described. Only I have the password to unlock the solution!