Une étudiante du département reçoit la médaille du lieutenant-gouverneur pour la jeunesse

Ariane Beaudin, étudiante finissante de l'intensif, a reçu la Médaille du Lieutenant-gouverneur pour la jeunesse, soulignant son engagement dans plusieurs initiatives environnementales au Collège. Jardin du cégep, comité environnemental, mobilisation d'étudiants ne sont que quelques-uns des aspects qu'elle a pu aider à croître afin d'aider à  façonner une transition écologique.

Félicitations Ariane !

Clés USB trouvées

Bonjour,


Plusieurs clés USB ont été trouvées récemment dans les locaux informatiques. Si vous en avez perdu une récemment, vous pouvez vous présenter au local 545.

Gala des bourses au mérite - récipiendaires du département d'informatique

Le 30 avril dernier avait lieu le Gala des Bourses au Mérite, remettant des bourses aux étudiants ayant eu les meilleurs résultats académiques dans chacun des programmes du Collège.

Le département d'informatique tient à féliciter les deux récipiendaires de cette année :

• Jean-Simon Beaudet ( finissant, intensif )
• Hugo Turgeon-Nozaki ( étudiant 2e année, régulier )

Félicitations !

objets trouvés : souris sans fil

Bonjour,

Une souris sans-fil a été trouvé dans le local 407 mercredi le 28 mars.

Si jamais elle est à vous, veuillez vous présenter au local 545

D'autres objets perdus sont également au bureau des profs A545.

Android Studio : erreur avec l'émulateur

Bonjour,

Si jamais vous rencontrez une erreur du type slice_8.apk lorsque vous faites démarrer votre app sur votre émulateur...le problème peut être réglé en enlevant la caractéristique Instant Run dans Android Studio.

Dans File --> Settings, retirez le crochet vis-à-vis Enable Instant Run comme indiqué dans l'image ci-haut.

Site "Can I use"

Toujours utile, avec tous les nouveaux modules CSS qui apparaissent, de savoir quelles versions de navigateurs supportent ces modules ou de connaître si on doit utiliser des préfixes dans le développement de nos propres CSS.

Le site CanIUse est très utile pour savoir quelles versions des navigateurs supportent ou non les propriétés CSS que vous voulez utiliser.

Accès au Y et au Z de la maison

Bonjour,

Pour accéder au Y ou au Z de la maison, la démarche est la suivante :

Les trois premières étapes sont les mêmes que dans le reste du collège : elles sont mentionnées à l'adresse : https://accesdistant.cvm.qc.ca/

Une fois ces étapes remplies, pour l'étape 4,  vous devez configurer pour les lecteurs Y et Z propres au département d'informatique :

N'oubliez pas d'écire "decinfo\" avant votre matricule dans le nom d'usager!

• Y = \\sfusager.reseau.cvm\persoe$
• Z = \\decinfo.cvm\dfsetu

Deux étudiants du département remportent une bourse FRQNT

Nicola Demers ( 3e année ) et Joël Arsenault ( intensif ) ont chacun remporté une bourse du Fonds de recherche du Québec – Nature et technologies (FRQNT) pour  leur participation à un projet de recherche au Cégep, le projet Optimisation multicritère de la prise d’image d’infrastructures de grandes dimensions : Inspection des éoliennes. Cette bourse est très prestigieuse  puisque peu d’étudiants ont la chance de faire de la recherche au niveau collégial.

Pendant tout l’été 2016, Nicola et Joël ont travaillé sur un projet de bonification d’une technologie déjà utilisée par l’entreprise Collineo, qui œuvre dans le domaine des éoliennes et qui est l’un des partenaires du projet. 

L'équipe du département d'Informatique tient à féliciter Nicola et Joël pour leur travail et l'obtention de cette bourse. Les membres du département tiennent également à féliciter leur confrère Jean-Christophe Demers pour son dévouement et son soutien envers les étudiants ainsi qu'envers la cause de la recherche au collégial.

Ecouteurs trouvés au 529

On a trouvé une paire d'écouteurs "razer" au 529. Ils sont au bureau des profs 537 pour les récupérer.

Gala du mérite étudiant : nos gagnants au département

Bonjour,

Le département d'informatique tient à féliciter Nicola Demers ( régulier, 2e année ) et Michaël Richer ( régulier, 3e année ) qui ont remporté une bourse au 25e Gala des bourses au mérite du Cégep qui a eu lieu le 9 mai dernier.

Ils ont remporté cette bourse en raison de leurs résultats scolaires qui se sont avérés les meilleurs de leurs cohortes.

Bravo !

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 !

Gala annuel du mérite étudiant 2015 - Nos gagnants du département

Le 27 avril dernier avait lieu le gala annuel du mérite étudiant. Il s'agit d'un gala durant lequel différentes bourses sont remises, entre autres, aux étudiants ayant cumulé les meilleurs résultats académiques dans chacun des programmes offerts au Collège. Le gala était animé pour une deuxième année par François Genest, étudiant en 3ème année.

Nous tenons à féliciter nos deux gagnants dans le programme de techniques de l'informatique:

Elisa Zhang ( 2ème année )
François Genest ( 3ème année )

Java - Superposer un JLabel sur un JToggleButton

Bonjour, Dans un travail, nous voulons représenter le plus fidèlement possible l'interface du logiciel Paint ( et ses fonctionnalités ! ). Nous voulons entre autres représenter les boutons permettant de changer la couleur avec une zone de couleur :

Il est donc composé d'un JToggleButton auquel on ajoute un JLabel. Pour éviter les problèmes de rafraîchissement, nous allons miser sur le fait qu'un JToggleButton est un conteneur. Nous allons donc créer et ajouter le JLabel au JToggleButton plutôt qu'à un JPanel. On doit cependant y aller dans le code plutôt qu'avec l'onglet Design.

Dessiner votre JButton normalement dans l'onglet Design. Trouvez-le dans votre code ( constructeur ). Suite à sa création,  ajoutez les lignes de code suivantes :

boutonCouleur1 = new JToggleButton("Couleur 1");

boutonCouleur1.setLayout( new FlowLayout()); // on assigne un FlowLayout au bouton car il sera un conteneur, un FlowLayout permettra de positionner le JLabel contenant la couleur plus facilement.

labelCouleur1 = new JLabel(); // création du JLabel, a été déclaré comme variable d'instance

labelCouleur1.setOpaque(true); // afin qu'il ne soit pas transparent, qu'il puisse représenter une couleur comme le noir dans celui ci-haut

boutonCouleur1.add(labelCouleur1); // le lable est ajouté au JToggleButton

On retourne dans l'onglet Design. Dans la fenêtre de structure, on voit que le JLabel est à l'intérieur du JToggleButton. Si on sélectionne le JLabel, il est minuscule ( qu'un point ). On doit le redimensionner. Étant donné qu'il est dans un FlowLayout, on doit le redimensionner avec la propriété preferredSize ( dans les propriétés avancées ). 

Le tour est joué ! Pour écrire couleur1 sur le JToggleButton, vous pouvez modifier la propriété verticalAlignment à Bottom.

Nouvelle activité au département : des présentations sur différents thèmes reliés à l'informatique !

Une présentation aura lieu à chaque moi sur un sujet relié à l'informatique. Ce mois-ci :De Pascaline à Pepper, petite histoire de nos relations cognitives.

La pensée, cette chose évanescente dont les humains furent les fiers dépositaires des millénaires durant, changent de sens en ce début de XXIième siècle.
Nous ne sommes plus seuls tributaires de ses manières.
Primates et mammifères marins se voient reconnaître de nouveaux droits issus de leur capacité cognitive.
Et un nouveau joueur s'apprête à survenir.
Une petite histoire de l'informatique sur les rapports cognitifs entre l'homo sapiens et sa machine.

Cette présentation de Jean-Marc Deschamps aura lieu le 25 mars à 18h00. Vous devez vous inscrire en utilisant le portail ( http://informatique.cvm.qc.ca/portail ) .