SlideShare une entreprise Scribd logo
Connected Developper
F o r m a t i o n H e b d o
2 5 / 0 5 / 2 0 1 3
S O M M A I R E
SOMMAIRE
1. DOM HTML Niveau 4
2. Développeurs et Firefox 23
3. Sikuli
4. Futur de l’OpenSource
5. The Toolbox et ToolMarklets
6. 3D Food Printing
7. xBox One et Kinect 2
8. Recharger son mobile en 30s
D O M H T M L N i v e a u 4
Le DOM HTML niveau 4 étoffe l'interface Element de plusieurs méthodes particulièrement
utiles inspirées de la bibliothèque jQuery.
Six nouvelles méthodes d'insertion et de suppression vont donc apparaitre dans les
navigateurs permettant de manipuler plus facilement le DOM du document.
On connaissait déjà entre autre les classiques insertBefore(), appendChild() ou
removeChild() mais celles-ci s'avéraient assez peu pratiques à utiliser, en particulier car
elles se réfèrent à des éléments parents.
Ces nouvelles méthodes se veulent donc plus souples et plus pratiques à mettre en
œuvre.
Les nouvelles méthodes sont les suivantes.
 prepend() :
Cette méthode prend en paramètre un nœud ou une chaine correspondant à une portion HTML.
Elle permet d'insérer ce paramètre avant le premier élément enfant de l'élément auquel on
l'applique.
 append() :
Cette méthode prend en paramètre un nœud ou une chaine correspondant à une portion HTML. Elle
permet d'insérer ce paramètre après le dernier élément enfant de l'élément auquel on l'applique.
 before() :
Cette méthode prend en paramètre un nœud ou une chaine correspondant à une portion HTML. Elle
permet d'insérer ce paramètre dans l'élément parent (et uniquement si cet élément parent existe)
avant l'élément auquel on l'applique.
Les nouvelles méthodes sont les suivantes.
 after() :
Cette méthode prend en paramètre un nœud ou une chaine correspondant à une portion HTML.
Elle permet d'insérer ce paramètre dans l'élément parent (et uniquement si cet élément parent
existe) après l'élément auquel on l'applique.
 replace() :
Cette méthode prend en paramètre un nœud ou une chaine correspondant à une portion HTML. Elle
permet de remplacer dans l'élément parent (et seulement si celui-ci existe) l'élément auquel on
applique la méthode par celui passé en paramètre.
 remove() :
Cette méthode ne prend pas de paramètre. Elle permet de supprimer l'élément auquel elle
s'applique de son élément parent (et seulement si celui-ci existe).
Support des navigateurs:
Le support des navigateurs est assez inégal.
 Chrome ne reconnait que la méthode remove().
 Opera annonce le support pour certaines versions de Presto.
 Safari reconnait les méthodes remove() et replace().
 Firefox et Internet Explorer ne supportent pas encore ces méthodes, mais le support
est prévu pour Firefox 23.
Tester le navigateur
Pour vérifier si votre navigateur supporte ces nouvelles méthodes, vous pouvez
effectuer le test suivant (feature detection) :
D é v e l o p p e u r s e t F i r e f o x 2 3
Alors que la sortie de Firefox 23 est prévue pour le 6 août 2013, son équipe de développement
peaufine les outils du développeur intégrés au navigateur, qui peuvent déjà être testés sur le
canal Aurora.
 Network Monitor:
Un outil qui offre une vue sur l'activité réseau d'un site Web. On peut voir dans la fenêtre d'affichage
du « Network Monitor » les noms des ressources téléchargées depuis le site Web ainsi que leurs types,
tailles et cookies.
 Editeur de style pour mobile:
Les développeurs d'applications mobiles bénéficieront désormais d'un éditeur de style, dont la fonction
leur permettra de tester et de déboguer à distance les styles sur les mobiles, le tout en temps réel.
 Débogage simultané:
Il est désormais possible de déboguer plusieurs onglets simultanément avec le script de débogage.
 App Cache:
Une nouvelle commande « appcache » est disponible en ligne de commande. À titre de rappel, la
fonctionnalité « App Cache » d’Apache permet de stocker les données en mode hors ligne.
S i k u l i
Sikuli est un outil disponible sur linux, Windows et Mac OS X qui permet d’automatiser les tâches en
utilisant des images, vous prenez une capture d'écran de ce que vous voulez cliquer, clic droit,
survoler, glisser-déposer et ainsi de suite et Sikuli exécute ces actions automatiquement, quand
vous en avez besoin, soit en utilisant l'interface graphique ou de l'exécuter en ligne de
commande.
Il peut être utile pour exécuter des tâches répétitives automatiquement, l'exécution de certaines
actions à distance via la ligne de commande et ainsi de suite.
F u t u r d e l ’ O p e n S o u r c e
« l’Open Source est la vieille école » pour la génération GitHub, qui s’oriente vers plus de flexibilité
en n’adoptant aucune licence pour leurs projets.
Les licences libres ou open source de type « Copyleft » comme GPL (GNU General Public Licence),
qui régnaient en maitre, ont laissé la place à des licences plus permissives comme Apache, BSD et
MIT.
Cette orientation vers plus de flexibilité pousse ceux-ci (du moins en ce qui concerne ceux qui
publient des projets sur GitHub) à abandonner même les licences permissives pour adopter une
nouvelle norme : le modèle sans licence (moins de licences = plus de flexibilité).
Dans une analyse faite par Neil McAllister de TheRegister, dévoile que seulement 14,9 % (219 326)
des 1 962 135 référentiels qu’il a examinés avait un fichier dans leur répertoire de niveau supérieur
qui spécifiait une licence.
T h e T o o l b o x e t T o o l M a r k l e t s
Deux outils intéressant pour les développeurs à découvrir :
http://thetoolbox.cc/
The toolbox : Une vaste collection d’outils, de snippets et de ressources pour la
conception web, et régulièrement mis à jour
http://www.toolmarklets.com/
Même principe que The toolbox, continent une collection d’outils utiles aux
webdesigner / webdevelopper.
On peut créer un compte afin de se faire sa propre collection d’outils.
3 D F o o d P r i n t i n g
La NASA a contacté Anjan Contractor pour mener à bien ce projet audacieux en
offrant 125 000 dollars à l'ingénieur mécanique senior de SMRC (Systems and Materials
Research Corporation) qui a déjà conçu le design de la machine.
Le délai donné à SMRC pour mettre au point le prototype d'un synthétiseur de nourriture
est de six mois. Il devrait faire usage de cartouches de poudre et d'huile contenant des
nutriments comme des sucres, des hydrates de carbone, des protéines et autres
permettant de composer un repas.
Un premier prototype a été testé avec une impression de chocolat.
Une fois qu'elle sera réalisée, l'ingénieur voudrait commencer ses tests sur la machine en
imprimant une pizza, un choix assez évident au regard de sa forme aplatie.
Les enjeux sont multiples. L'ingénieur précise par exemple que son système permettrait
d'éviter la formation de moisissure et permettrait d'atteindre une durée de conservation
de 30 ans.
Contractor prévoit de diffuser en licence libre la partie logicielle de son appareil dont le
matériel est dérivé de l’imprimante 3D open source RepRap.
x B o x O n e e t K i n e c t 2
Microsoft a levé le voile mardi sur sa prochaine console de salon, La Xbox One.
On savait que le concept de media center a vécu chez Microsoft, qui a décidé d'investir le salon
des particuliers à l'aide de ses consoles de jeux. La prochaine en date, baptisée Xbox One,
témoigne de ces ambitions : centrée autour d'une nouvelle version du moteur de reconnaissance
de la voix ou des mouvements Kinect, elle entend bien s'imposer comme la plateforme de choix
non seulement pour les jeux, mais aussi pour la consommation de contenus et de services.
 Elle se rapproche plus que jamais des box multimédia, voir même des ordinateurs sous Windows 8
 La Xbox One se dote d'un affichage à écran partagé.
 Offline présent, mais une connexion pour l’installation du jeux sur le disque dure la première fois.
 Un jeux n’est jouable que sur un seul compte, une licence payante obligatoire pour les jeux d’occasion.
La nouvelle version, grandement améliorée, de Kinect sera plus sensible que son prédécesseur, avec la capacité
de reconnaitre à la fois six utilisateurs et celui qui tient la manette, de détecter le « temps de vol » (mesure qui
prend en compte le temps qu’il faut à la lumière pour aller de Kinect vers l’utilisateur), de suivre des mouvements
comme la rotation du poignet, etc.
Le dispositif pourra mesurer les « battements du cœur de l’utilisateur », reconnaître les différentes articulations de
façon plus détaillée, capturer la tension des muscles et détecter les transferts de poids. Le champ de vision de
l’appareil a été élargi de plus de 60 %.
Ces avancées permettront par exemple, pour un jeu de combat, de détecter lorsque le coup de l’utilisateur est
lent, rapide ou lorsqu’il donne un uppercut. L’analyse du rythme cardiaque permettra d’exploiter le stress ou la
peur du joueur dans un jeu.
R e c h a r g e r s o n m o b i l e e n 3 0 s
Eesha Khare, étudiante de 18 ans résidant à Saratoga (Californie), a créé le buzz autour du
dispositif qu'elle a présenté lors de l'Intel International Science and Engineering.
Il s'agit d'un « supercondensateur flexible à haute performance » qui permet de recharger des
batteries de terminaux mobiles à très grande vitesse : entre 20 et 30 secondes.
De plus, le dispositif peut résister à environ 10 000 cycles de charge sans être endommagé.
Impressionnant puisque le seuil pour les systèmes actuels est d'environ 1 000 cycles de charge.
Bien qu'elle ait terminé en se classant deuxième, la jeune femme a remporté une bourse de 50 000
dollars mais a également été approchée par des entreprises intéressées par le fruit de son travail,
parmi lesquelles Google.
Sources :
• Developpez.com.
• Technewsworld.com
• Clubic.com
• BBC.co.uk/news/technology/
M e r c i
T h a n k y o u
あ り が と う

Contenu connexe

En vedette

Au delà de la page fan : LA RENTABILITE
Au delà de la page fan : LA RENTABILITEAu delà de la page fan : LA RENTABILITE
Au delà de la page fan : LA RENTABILITESPREAD
 
Pptgatecse2010questions
Pptgatecse2010questionsPptgatecse2010questions
Pptgatecse2010questions
saraswathi tenneti
 
Petit dej 110412_la_techno_au_service_de_la_matiere_juridique-envoi
Petit dej 110412_la_techno_au_service_de_la_matiere_juridique-envoiPetit dej 110412_la_techno_au_service_de_la_matiere_juridique-envoi
Petit dej 110412_la_techno_au_service_de_la_matiere_juridique-envoi
MagillemCI
 
Fondation francis goya slide show
Fondation francis goya slide showFondation francis goya slide show
Fondation francis goya slide showNatche30
 
Queue de baleine 1, 2 et 3
Queue de baleine 1, 2 et 3Queue de baleine 1, 2 et 3
Queue de baleine 1, 2 et 3melodiel
 
Connected Developer Ep3 (04-05-2013)
Connected Developer Ep3 (04-05-2013)Connected Developer Ep3 (04-05-2013)
Connected Developer Ep3 (04-05-2013)Badr Hakkari
 
Responsable de communication web - Formation Cepegra
Responsable de communication web - Formation Cepegra Responsable de communication web - Formation Cepegra
Responsable de communication web - Formation Cepegra Yasémin Tuzkan
 
Connected Developper Ep4 (11-05-2013)
Connected Developper Ep4 (11-05-2013)Connected Developper Ep4 (11-05-2013)
Connected Developper Ep4 (11-05-2013)Badr Hakkari
 
Connected Developper Ep2 (20 04-2013)
Connected Developper Ep2 (20 04-2013)Connected Developper Ep2 (20 04-2013)
Connected Developper Ep2 (20 04-2013)Badr Hakkari
 
Magillem webinaire-analyse d'impact et exploitation des contenus-envoi
Magillem webinaire-analyse d'impact et exploitation des contenus-envoiMagillem webinaire-analyse d'impact et exploitation des contenus-envoi
Magillem webinaire-analyse d'impact et exploitation des contenus-envoi
MagillemCI
 
Evolution du commerce dans les Hauts-de-Seine
Evolution du commerce dans les Hauts-de-SeineEvolution du commerce dans les Hauts-de-Seine
Evolution du commerce dans les Hauts-de-Seine
Communication92
 
Les passages-pietons-les-plus-insolites-christiane
Les passages-pietons-les-plus-insolites-christianeLes passages-pietons-les-plus-insolites-christiane
Les passages-pietons-les-plus-insolites-christiane
Rui Mota
 
Alphabet correct file
Alphabet correct fileAlphabet correct file
Alphabet correct file
ariana1991
 
L’image et la strategie de contenu visuel thèse
L’image et la strategie de contenu visuel thèseL’image et la strategie de contenu visuel thèse
L’image et la strategie de contenu visuel thèse
Leire Carrera
 
Connected Developper Ep1 (13 04-2013)
Connected Developper Ep1 (13 04-2013)Connected Developper Ep1 (13 04-2013)
Connected Developper Ep1 (13 04-2013)Badr Hakkari
 
Développement de la vidéo sociale et du Social Knowledge
Développement de la vidéo sociale et du Social KnowledgeDéveloppement de la vidéo sociale et du Social Knowledge
Développement de la vidéo sociale et du Social Knowledge
MyCorpTV
 
Cv nicolas-charles-09042012-fr
Cv nicolas-charles-09042012-frCv nicolas-charles-09042012-fr
Cv nicolas-charles-09042012-frCharles Nicolas
 
Expo 2012
Expo 2012Expo 2012

En vedette (20)

Au delà de la page fan : LA RENTABILITE
Au delà de la page fan : LA RENTABILITEAu delà de la page fan : LA RENTABILITE
Au delà de la page fan : LA RENTABILITE
 
Pptgatecse2010questions
Pptgatecse2010questionsPptgatecse2010questions
Pptgatecse2010questions
 
Petit dej 110412_la_techno_au_service_de_la_matiere_juridique-envoi
Petit dej 110412_la_techno_au_service_de_la_matiere_juridique-envoiPetit dej 110412_la_techno_au_service_de_la_matiere_juridique-envoi
Petit dej 110412_la_techno_au_service_de_la_matiere_juridique-envoi
 
Fondation francis goya slide show
Fondation francis goya slide showFondation francis goya slide show
Fondation francis goya slide show
 
Queue de baleine 1, 2 et 3
Queue de baleine 1, 2 et 3Queue de baleine 1, 2 et 3
Queue de baleine 1, 2 et 3
 
Connected Developer Ep3 (04-05-2013)
Connected Developer Ep3 (04-05-2013)Connected Developer Ep3 (04-05-2013)
Connected Developer Ep3 (04-05-2013)
 
Responsable de communication web - Formation Cepegra
Responsable de communication web - Formation Cepegra Responsable de communication web - Formation Cepegra
Responsable de communication web - Formation Cepegra
 
Connected Developper Ep4 (11-05-2013)
Connected Developper Ep4 (11-05-2013)Connected Developper Ep4 (11-05-2013)
Connected Developper Ep4 (11-05-2013)
 
Connected Developper Ep2 (20 04-2013)
Connected Developper Ep2 (20 04-2013)Connected Developper Ep2 (20 04-2013)
Connected Developper Ep2 (20 04-2013)
 
Magillem webinaire-analyse d'impact et exploitation des contenus-envoi
Magillem webinaire-analyse d'impact et exploitation des contenus-envoiMagillem webinaire-analyse d'impact et exploitation des contenus-envoi
Magillem webinaire-analyse d'impact et exploitation des contenus-envoi
 
Evolution du commerce dans les Hauts-de-Seine
Evolution du commerce dans les Hauts-de-SeineEvolution du commerce dans les Hauts-de-Seine
Evolution du commerce dans les Hauts-de-Seine
 
Les passages-pietons-les-plus-insolites-christiane
Les passages-pietons-les-plus-insolites-christianeLes passages-pietons-les-plus-insolites-christiane
Les passages-pietons-les-plus-insolites-christiane
 
Alphabet correct file
Alphabet correct fileAlphabet correct file
Alphabet correct file
 
L’image et la strategie de contenu visuel thèse
L’image et la strategie de contenu visuel thèseL’image et la strategie de contenu visuel thèse
L’image et la strategie de contenu visuel thèse
 
Connected Developper Ep1 (13 04-2013)
Connected Developper Ep1 (13 04-2013)Connected Developper Ep1 (13 04-2013)
Connected Developper Ep1 (13 04-2013)
 
Développement de la vidéo sociale et du Social Knowledge
Développement de la vidéo sociale et du Social KnowledgeDéveloppement de la vidéo sociale et du Social Knowledge
Développement de la vidéo sociale et du Social Knowledge
 
Cv nicolas-charles-09042012-fr
Cv nicolas-charles-09042012-frCv nicolas-charles-09042012-fr
Cv nicolas-charles-09042012-fr
 
Erp
ErpErp
Erp
 
7480 solutions
7480 solutions7480 solutions
7480 solutions
 
Expo 2012
Expo 2012Expo 2012
Expo 2012
 

Similaire à Connected Developper Ep6 (25-05-2013)

L'univers Android
L'univers AndroidL'univers Android
L'univers Android
Chiheb Ouaghlani
 
Conference Informatique Embarquée Synergie-NTIC
Conference Informatique Embarquée Synergie-NTICConference Informatique Embarquée Synergie-NTIC
Conference Informatique Embarquée Synergie-NTIC
Christian Charreyre
 
Introduction au développement Android
Introduction au développement AndroidIntroduction au développement Android
Introduction au développement AndroidSteve Tremblay
 
Webinar SMILE : "L'Open Source, un accélérateur d'innovation pour les objets ...
Webinar SMILE : "L'Open Source, un accélérateur d'innovation pour les objets ...Webinar SMILE : "L'Open Source, un accélérateur d'innovation pour les objets ...
Webinar SMILE : "L'Open Source, un accélérateur d'innovation pour les objets ...
Smile I.T is open
 
Concours Marocain de l\’Open Source CMOS édition 2008
Concours Marocain de l\’Open Source CMOS édition 2008Concours Marocain de l\’Open Source CMOS édition 2008
Concours Marocain de l\’Open Source CMOS édition 2008
Nadir Haouari
 
Py osv newsletter-062018
Py osv newsletter-062018Py osv newsletter-062018
Py osv newsletter-062018
FabMob
 
Openshift 3 & Kubernetes
Openshift 3 & KubernetesOpenshift 3 & Kubernetes
Openshift 3 & Kubernetes
Perfect Memory
 
Introduction au numérique par #Hackerschool
Introduction au numérique par #HackerschoolIntroduction au numérique par #Hackerschool
Introduction au numérique par #Hackerschool
Anthony Le Goff
 
Lepton : Description succincte
Lepton : Description succincteLepton : Description succincte
Lepton : Description succincteO10ée
 
Fichier_Compétences
Fichier_CompétencesFichier_Compétences
Fichier_CompétencesYang Fei
 
Être productif avec JHipster - Devoxx France 2017
Être productif avec JHipster - Devoxx France 2017Être productif avec JHipster - Devoxx France 2017
Être productif avec JHipster - Devoxx France 2017
Julien Dubois
 
Projet de fin d étude (1)
Projet de fin d étude (1)Projet de fin d étude (1)
Projet de fin d étude (1)Sanaa Guissar
 
Reconnaissance de formes
Reconnaissance de formesReconnaissance de formes
Reconnaissance de formes
ASSAH Esdras Jean Jude
 
Comment travailler avec les logiciels Open Source
Comment travailler avec les logiciels Open SourceComment travailler avec les logiciels Open Source
Comment travailler avec les logiciels Open Source
Christian Charreyre
 
Outils de construction pour la recherche
Outils de construction pour la rechercheOutils de construction pour la recherche
Outils de construction pour la recherche
Johan Moreau
 
Infrastructure - Monitoring - Cacti
Infrastructure - Monitoring - CactiInfrastructure - Monitoring - Cacti
Infrastructure - Monitoring - Cacti
Frédéric FAURE
 
PowerPoint sur le Web 2.0
PowerPoint sur le Web 2.0PowerPoint sur le Web 2.0
PowerPoint sur le Web 2.0guest4ca1b
 

Similaire à Connected Developper Ep6 (25-05-2013) (20)

L'univers Android
L'univers AndroidL'univers Android
L'univers Android
 
Conference Informatique Embarquée Synergie-NTIC
Conference Informatique Embarquée Synergie-NTICConference Informatique Embarquée Synergie-NTIC
Conference Informatique Embarquée Synergie-NTIC
 
Introduction au développement Android
Introduction au développement AndroidIntroduction au développement Android
Introduction au développement Android
 
Webinar SMILE : "L'Open Source, un accélérateur d'innovation pour les objets ...
Webinar SMILE : "L'Open Source, un accélérateur d'innovation pour les objets ...Webinar SMILE : "L'Open Source, un accélérateur d'innovation pour les objets ...
Webinar SMILE : "L'Open Source, un accélérateur d'innovation pour les objets ...
 
Concours Marocain de l\’Open Source CMOS édition 2008
Concours Marocain de l\’Open Source CMOS édition 2008Concours Marocain de l\’Open Source CMOS édition 2008
Concours Marocain de l\’Open Source CMOS édition 2008
 
Py osv newsletter-062018
Py osv newsletter-062018Py osv newsletter-062018
Py osv newsletter-062018
 
Openshift 3 & Kubernetes
Openshift 3 & KubernetesOpenshift 3 & Kubernetes
Openshift 3 & Kubernetes
 
Introduction au numérique par #Hackerschool
Introduction au numérique par #HackerschoolIntroduction au numérique par #Hackerschool
Introduction au numérique par #Hackerschool
 
Lepton : Description succincte
Lepton : Description succincteLepton : Description succincte
Lepton : Description succincte
 
Fichier_Compétences
Fichier_CompétencesFichier_Compétences
Fichier_Compétences
 
Être productif avec JHipster - Devoxx France 2017
Être productif avec JHipster - Devoxx France 2017Être productif avec JHipster - Devoxx France 2017
Être productif avec JHipster - Devoxx France 2017
 
Projet de fin d étude (1)
Projet de fin d étude (1)Projet de fin d étude (1)
Projet de fin d étude (1)
 
_JCVFr
_JCVFr_JCVFr
_JCVFr
 
Reconnaissance de formes
Reconnaissance de formesReconnaissance de formes
Reconnaissance de formes
 
Comment travailler avec les logiciels Open Source
Comment travailler avec les logiciels Open SourceComment travailler avec les logiciels Open Source
Comment travailler avec les logiciels Open Source
 
Meetup sencha
Meetup senchaMeetup sencha
Meetup sencha
 
Outils de construction pour la recherche
Outils de construction pour la rechercheOutils de construction pour la recherche
Outils de construction pour la recherche
 
Infrastructure - Monitoring - Cacti
Infrastructure - Monitoring - CactiInfrastructure - Monitoring - Cacti
Infrastructure - Monitoring - Cacti
 
Architecture android
Architecture androidArchitecture android
Architecture android
 
PowerPoint sur le Web 2.0
PowerPoint sur le Web 2.0PowerPoint sur le Web 2.0
PowerPoint sur le Web 2.0
 

Connected Developper Ep6 (25-05-2013)

  • 1. Connected Developper F o r m a t i o n H e b d o 2 5 / 0 5 / 2 0 1 3
  • 2. S O M M A I R E
  • 3. SOMMAIRE 1. DOM HTML Niveau 4 2. Développeurs et Firefox 23 3. Sikuli 4. Futur de l’OpenSource 5. The Toolbox et ToolMarklets 6. 3D Food Printing 7. xBox One et Kinect 2 8. Recharger son mobile en 30s
  • 4. D O M H T M L N i v e a u 4
  • 5. Le DOM HTML niveau 4 étoffe l'interface Element de plusieurs méthodes particulièrement utiles inspirées de la bibliothèque jQuery. Six nouvelles méthodes d'insertion et de suppression vont donc apparaitre dans les navigateurs permettant de manipuler plus facilement le DOM du document. On connaissait déjà entre autre les classiques insertBefore(), appendChild() ou removeChild() mais celles-ci s'avéraient assez peu pratiques à utiliser, en particulier car elles se réfèrent à des éléments parents. Ces nouvelles méthodes se veulent donc plus souples et plus pratiques à mettre en œuvre.
  • 6. Les nouvelles méthodes sont les suivantes.  prepend() : Cette méthode prend en paramètre un nœud ou une chaine correspondant à une portion HTML. Elle permet d'insérer ce paramètre avant le premier élément enfant de l'élément auquel on l'applique.  append() : Cette méthode prend en paramètre un nœud ou une chaine correspondant à une portion HTML. Elle permet d'insérer ce paramètre après le dernier élément enfant de l'élément auquel on l'applique.  before() : Cette méthode prend en paramètre un nœud ou une chaine correspondant à une portion HTML. Elle permet d'insérer ce paramètre dans l'élément parent (et uniquement si cet élément parent existe) avant l'élément auquel on l'applique.
  • 7. Les nouvelles méthodes sont les suivantes.  after() : Cette méthode prend en paramètre un nœud ou une chaine correspondant à une portion HTML. Elle permet d'insérer ce paramètre dans l'élément parent (et uniquement si cet élément parent existe) après l'élément auquel on l'applique.  replace() : Cette méthode prend en paramètre un nœud ou une chaine correspondant à une portion HTML. Elle permet de remplacer dans l'élément parent (et seulement si celui-ci existe) l'élément auquel on applique la méthode par celui passé en paramètre.  remove() : Cette méthode ne prend pas de paramètre. Elle permet de supprimer l'élément auquel elle s'applique de son élément parent (et seulement si celui-ci existe).
  • 8. Support des navigateurs: Le support des navigateurs est assez inégal.  Chrome ne reconnait que la méthode remove().  Opera annonce le support pour certaines versions de Presto.  Safari reconnait les méthodes remove() et replace().  Firefox et Internet Explorer ne supportent pas encore ces méthodes, mais le support est prévu pour Firefox 23. Tester le navigateur Pour vérifier si votre navigateur supporte ces nouvelles méthodes, vous pouvez effectuer le test suivant (feature detection) :
  • 9. D é v e l o p p e u r s e t F i r e f o x 2 3
  • 10. Alors que la sortie de Firefox 23 est prévue pour le 6 août 2013, son équipe de développement peaufine les outils du développeur intégrés au navigateur, qui peuvent déjà être testés sur le canal Aurora.  Network Monitor: Un outil qui offre une vue sur l'activité réseau d'un site Web. On peut voir dans la fenêtre d'affichage du « Network Monitor » les noms des ressources téléchargées depuis le site Web ainsi que leurs types, tailles et cookies.  Editeur de style pour mobile: Les développeurs d'applications mobiles bénéficieront désormais d'un éditeur de style, dont la fonction leur permettra de tester et de déboguer à distance les styles sur les mobiles, le tout en temps réel.  Débogage simultané: Il est désormais possible de déboguer plusieurs onglets simultanément avec le script de débogage.  App Cache: Une nouvelle commande « appcache » est disponible en ligne de commande. À titre de rappel, la fonctionnalité « App Cache » d’Apache permet de stocker les données en mode hors ligne.
  • 11. S i k u l i
  • 12. Sikuli est un outil disponible sur linux, Windows et Mac OS X qui permet d’automatiser les tâches en utilisant des images, vous prenez une capture d'écran de ce que vous voulez cliquer, clic droit, survoler, glisser-déposer et ainsi de suite et Sikuli exécute ces actions automatiquement, quand vous en avez besoin, soit en utilisant l'interface graphique ou de l'exécuter en ligne de commande. Il peut être utile pour exécuter des tâches répétitives automatiquement, l'exécution de certaines actions à distance via la ligne de commande et ainsi de suite.
  • 13.
  • 14. F u t u r d e l ’ O p e n S o u r c e
  • 15. « l’Open Source est la vieille école » pour la génération GitHub, qui s’oriente vers plus de flexibilité en n’adoptant aucune licence pour leurs projets. Les licences libres ou open source de type « Copyleft » comme GPL (GNU General Public Licence), qui régnaient en maitre, ont laissé la place à des licences plus permissives comme Apache, BSD et MIT. Cette orientation vers plus de flexibilité pousse ceux-ci (du moins en ce qui concerne ceux qui publient des projets sur GitHub) à abandonner même les licences permissives pour adopter une nouvelle norme : le modèle sans licence (moins de licences = plus de flexibilité). Dans une analyse faite par Neil McAllister de TheRegister, dévoile que seulement 14,9 % (219 326) des 1 962 135 référentiels qu’il a examinés avait un fichier dans leur répertoire de niveau supérieur qui spécifiait une licence.
  • 16. T h e T o o l b o x e t T o o l M a r k l e t s
  • 17. Deux outils intéressant pour les développeurs à découvrir : http://thetoolbox.cc/ The toolbox : Une vaste collection d’outils, de snippets et de ressources pour la conception web, et régulièrement mis à jour
  • 18. http://www.toolmarklets.com/ Même principe que The toolbox, continent une collection d’outils utiles aux webdesigner / webdevelopper. On peut créer un compte afin de se faire sa propre collection d’outils.
  • 19. 3 D F o o d P r i n t i n g
  • 20. La NASA a contacté Anjan Contractor pour mener à bien ce projet audacieux en offrant 125 000 dollars à l'ingénieur mécanique senior de SMRC (Systems and Materials Research Corporation) qui a déjà conçu le design de la machine. Le délai donné à SMRC pour mettre au point le prototype d'un synthétiseur de nourriture est de six mois. Il devrait faire usage de cartouches de poudre et d'huile contenant des nutriments comme des sucres, des hydrates de carbone, des protéines et autres permettant de composer un repas.
  • 21. Un premier prototype a été testé avec une impression de chocolat. Une fois qu'elle sera réalisée, l'ingénieur voudrait commencer ses tests sur la machine en imprimant une pizza, un choix assez évident au regard de sa forme aplatie. Les enjeux sont multiples. L'ingénieur précise par exemple que son système permettrait d'éviter la formation de moisissure et permettrait d'atteindre une durée de conservation de 30 ans. Contractor prévoit de diffuser en licence libre la partie logicielle de son appareil dont le matériel est dérivé de l’imprimante 3D open source RepRap.
  • 22.
  • 23.
  • 24. x B o x O n e e t K i n e c t 2
  • 25. Microsoft a levé le voile mardi sur sa prochaine console de salon, La Xbox One. On savait que le concept de media center a vécu chez Microsoft, qui a décidé d'investir le salon des particuliers à l'aide de ses consoles de jeux. La prochaine en date, baptisée Xbox One, témoigne de ces ambitions : centrée autour d'une nouvelle version du moteur de reconnaissance de la voix ou des mouvements Kinect, elle entend bien s'imposer comme la plateforme de choix non seulement pour les jeux, mais aussi pour la consommation de contenus et de services.  Elle se rapproche plus que jamais des box multimédia, voir même des ordinateurs sous Windows 8  La Xbox One se dote d'un affichage à écran partagé.  Offline présent, mais une connexion pour l’installation du jeux sur le disque dure la première fois.  Un jeux n’est jouable que sur un seul compte, une licence payante obligatoire pour les jeux d’occasion.
  • 26. La nouvelle version, grandement améliorée, de Kinect sera plus sensible que son prédécesseur, avec la capacité de reconnaitre à la fois six utilisateurs et celui qui tient la manette, de détecter le « temps de vol » (mesure qui prend en compte le temps qu’il faut à la lumière pour aller de Kinect vers l’utilisateur), de suivre des mouvements comme la rotation du poignet, etc. Le dispositif pourra mesurer les « battements du cœur de l’utilisateur », reconnaître les différentes articulations de façon plus détaillée, capturer la tension des muscles et détecter les transferts de poids. Le champ de vision de l’appareil a été élargi de plus de 60 %. Ces avancées permettront par exemple, pour un jeu de combat, de détecter lorsque le coup de l’utilisateur est lent, rapide ou lorsqu’il donne un uppercut. L’analyse du rythme cardiaque permettra d’exploiter le stress ou la peur du joueur dans un jeu.
  • 27. R e c h a r g e r s o n m o b i l e e n 3 0 s
  • 28. Eesha Khare, étudiante de 18 ans résidant à Saratoga (Californie), a créé le buzz autour du dispositif qu'elle a présenté lors de l'Intel International Science and Engineering. Il s'agit d'un « supercondensateur flexible à haute performance » qui permet de recharger des batteries de terminaux mobiles à très grande vitesse : entre 20 et 30 secondes. De plus, le dispositif peut résister à environ 10 000 cycles de charge sans être endommagé. Impressionnant puisque le seuil pour les systèmes actuels est d'environ 1 000 cycles de charge. Bien qu'elle ait terminé en se classant deuxième, la jeune femme a remporté une bourse de 50 000 dollars mais a également été approchée par des entreprises intéressées par le fruit de son travail, parmi lesquelles Google.
  • 29. Sources : • Developpez.com. • Technewsworld.com • Clubic.com • BBC.co.uk/news/technology/
  • 30. M e r c i T h a n k y o u あ り が と う