Un étudiant du département d'informatique remporte la médaille de bronze aux 14e Olympiades des métiers et des technologies

Bonjour,

Bonne nouvelle ! Richard Cardin ( finissant régulier, à gauche sur la photo ) a remporté la médaille de bronze en conception de sites web aux 14e Olympiades des métiers et des technologies qui avaient lieu la semaine dernière à Québec.

L'épreuve en conception de sites web était constituée de 3 modules :

1. Transformer un site web pour qu'il soit adaptatif ( qu'il soit bien disposé lorsqu'affiché sur une tablette ou un téléphone ). On avait travaillé là-dessus dans le cours B53 que j'ai donné  la session passée

2. Développer un jeu de mémoire sur une page web...plusieurs technologies pouvaient être utilisées, Richard l'a principalement fait en css et en JavaScript, à l'aide des connaissances acquises dans le cours B63. L'algorithmie du jeu, on a pu pratiqué un peu à l'avance, bien que les règles furent modifiées sur place pour voir que les participants n'ont pas retenu tout par cœur.

3. Sauvegarder les résultats de ce jeu dans une base de données et faire une page de gestion sur les usagers, en PHP /AJAX principalement. L'affichage des résultats devait se faire de manière synchronisée.

La difficulté principale était que Richard n'avait pas le droit de consulter internet durant le développement, soit durant 13 heures 30 minutes.

Le département d'informatique félicite Richard Cardin pour sa belle performance !

Eric L

Accéder à la javadoc sur AndroidStudio

Bonjour,

Certains étudiants m'ont demandé comment faire our accéder à la javadoc directement dans AndroidStudio.

Il faut ajouter un paramètre dans les paramètres d'AndroidStudio. Il pourra être gardé dans votre profil à l'école par la suite.

Aller dans File --> Settings

Section Editor --> Sous-section General

Sélectionner "Show Quick  Doc on Mouse Move "

Utilisation de la pseudo-classe :focus sur les appareils mobiles

Bonjour,

Tel que vu en classe, on substitue la pseudo-classe :hover par la pseudo-classe : focus sur les appareils mobile. La raison en est bien simple; on ne peut pas faire de "hover" sur un téléphone ou une tablette.

Des petits trucs s'imposent pour s'assurer du bon fonctionnement de la pseudo-classe :focus.

1. Ce ne sont pas tous les balises qui peuvent recevoir le focus. Dans le cas de l'annexe 13, j'ai appliqué le focus sur la balise

qui contient le à la fois l'image représentant le menu fermé et à la fois le menu ouvert qui est caché avec la propriété visibility:hidden.

Pour que la balise

puisse recevoir le focus, on doit lui donner l'attribut tabindex="0". De cette manière le

peut recevoir l'attribut.

nav{

background-image:url(images/menu.jpg);

background-position:top center;

background-repeat:no-repeat;

height:50px;

margin:auto;

}

nav ul{

font-size:small;

visibility:hidden;

}

nav:focus ul{

visibility:visible;

}

Donc quand l'usager cliquera sur la section nav contenant l'image, le nav obtiendra le focus et affichera la liste contenue dans le ul.

2. Si on veut cliquer sur un lien présent dans la liste, on y arrive pas car en cliquant sur un élément de la liste, le nav perd le focus et donc la liste disparaît de nouveau.

Une solution nous est fournie par Koen Kivits ( son blogue ) . Il s'agit d'établir une courte transition entre l'état visibility:visible et visibility:hidden de manière à ce que l'usager aie le temps de cliquer sur le lien présent.

nav{

background-image:url(images/menu.jpg);

background-position:top center;

background-repeat:no-repeat;

height:50px;

margin:auto;

}

nav ul{

font-size:small;

visibility:hidden;

transition: visibility 0.5s

}

nav:focus ul{

visibility:visible;

}

La propriété transition ne s'applique pas sur display mais le fait sur visibility. Mes ancres vers différentes sections de la page peuvent être atteintes !

Merci à Adam K et à Philippe B pour la curiosité.

conférence en informatique à L'ÉTS

Bonjour !

Une ancienne étudiante ( Laurence de Villers, promotion intensif 2011 ) organise une journée-conférence en informatique à l'ETS le 12 mars. 

La journée sera composée de conférences et d'ateliers portant sur des sujets reliés à l'informatique ( développement logiciel, analyse de données, sécurité, marketing ). Ceux-ci seront présentés exclusivement par des femmes afin de souligner la journée de la femme du même coup. Néanmoins, c'est ouvert à tous, hommes et femmes.

Le site web de la journée comprenant une liste des conférencières est : http://www.wtm-montreal.com/fr/

Un plug-in intéressant : Chrome Page Ruler

Bonjour,

Dans le cadre de notre cours de développement d'applications graphiques, je m'inspire beaucoup de pages web que je retrouve sur la toile. J'aime beaucoup le plug-in Chrome Page Ruler qui me permet de mesurer des sections de page directement dans le navigateur.

Vous pouvez le trouver ici : Chrome Page Ruler

Eric L

espaces indésirables pour les éléments inline et inline-block

Bonjour,

Vous vous rappelez que dans l'exercice casse-tête ( Exercice 9 ) , on s'est rendu compte que lorsque 2 éléments inline sont séparés dans le code HTML par un espace, un saut de ligne ou autre, un espace se retrouve également dans la disposition des éléments; on avait donc placé toutes nos balises côte-à-côte dans le html de manière à se débarrasser de cet espace indésirable.

La même chose se produit avec les éléments ayant la propriété display:inline-block donc on a abondamment discuté au dernier cours. L'article suivant revient sur la situation et donne d'autres trucs pour se débarrasser de ces espaces indésirables.

http://www.alsacreations.com/astuce/lire/1432-display-inline-block-espaces-indesirables.html

Générateur de faux texte pour page web

Bonjour,

"Lorem Ipsum" ou du faux texte, est du texte en faux latin qui sert uniquement pour démontrer la disposition de blocs dans une page web. De nombreux générateurs permettent de produire un ou plusieurs paragraphes de "faux texte" de manière à voir de quoi ont l'air nos designs web avec du texte.

La présente est pour vous présenter une liste de générateurs rigolos, se rapportant au bacon, à la série Downton Abbey ou aux chatons !