From 00fdfd58ef4a60b1246d82419af1ebefc9c11a94 Mon Sep 17 00:00:00 2001 From: PH276 Date: Wed, 21 Jun 2017 14:32:48 +0200 Subject: [PATCH 1/2] Auto stash before merge of "master" and "origin/master" --- vlg2017.md | 120 ----------------- vlg2017_langages.md | 19 +++ vlg2017_veille.md | 312 -------------------------------------------- 3 files changed, 19 insertions(+), 432 deletions(-) delete mode 100644 vlg2017.md create mode 100644 vlg2017_langages.md delete mode 100644 vlg2017_veille.md diff --git a/vlg2017.md b/vlg2017.md deleted file mode 100644 index ebaca32..0000000 --- a/vlg2017.md +++ /dev/null @@ -1,120 +0,0 @@ -# MarkDown - -[atteindre les ancres](#ancres) - -# `#` titre de niveau 1 equivalent HTML

-## `##` titre de niveau 2 -### `###` titre de niveau 3 -#### `####` titre de niveau 4 -##### `#####` titre de niveau 5 -###### `######` titre de niveau 6 - -Pour que les balises ne soient pas interprétees je les entourent avec 2 guillemets inversées touches : alt gr + 7`` - - on écrit en italique avec des *astérisques* ou des des tirets du bas _underscore_ - - En gras avec **astérisques** et des tirets du bas __underscore__ - - On peut les combiner **astérisques et _underscore _** - le texte barré utilise deux ~~tildes~~ (alt gr + 2) - -# les listes - - 1. premier objet dans une liste ordonnée - 2. second objet de la liste ordonnée - * puce de la liste non ordonnée - 18. les nombres sont sans importance,il suffit qu'il y ait un nombre et Github l'affiche à la suite des premiers objets de la liste - 18. Sous-liste ordonnée - 4. dernier objet de ma liste principale - - je saute une ligne après ma liste et 3 espaces en début de ligne => mon paragraphe est indenté (décalé à droite) au même niveau que ma liste - - Pour avoir un retour à la ligne dans me même paragraphe je termine ma ligne - - * Une liste non ordonnée utilise les astérisques, - - Le signe moins - + et le plus. - - -# Les liens - - * [lien de type inline](https://www.google.com) - - * [lien de type inline avec un titre](https://www.google.com "Acceuil de google") - - * [lien de renvoi sur un fichier](supports/github_kraken.md) - -# les ancres - - - - [retour en haut ](#top) - -# Les images - -![grootimage](https://media2.giphy.com/media/l4FGrYKtP0pBGpBAY/giphy.gif) - -# Les tableaux - -ce caractère | est une pipe alt gr + 6 - -| Tableau | est | Beau | -|---------|-----|------| -| ligne 1 | 120 | hello | -| ligne 2 | 500 | bye | -| ligne 3 | 50 | coucou | - - on peut les faire plus simplement : - -Markdown | Less | Pretty - --- | --- | --- - **gras** | `code` | *italique* - 1 | 2 | 3 - -opération | raccourcis ---- | --- -sélectionner tout | ctrl + a -copier | ctrl + c -coller | ctrl + v -couper | ctrl + x -enrgistrer | ctrl + s -annuler dernière action | ctrl + z -refaire les actions annulées | ctrl + y -dupliquer une ligne sous atom | ctrl + maj + d -enregistrer | ctrl + s -annuler dernière(s) action(s) | ctrl + z -refaire les actions annulés | ctrl + y -dupliquer une ligne sous atom | ctrl + maj + d -zoomer | ctrl + actioinner la roulette de la souris -imprimer | ctrl + p - -# les citations - -> les blocs de citations sont très pratiques pour signaler les parties de texte comme importantes ou simplement pour les rendre visuellement distinctes du reste du texte. -> Partie de la même citation. - -Citation finale :-) - -> Nouvelle citation. - -# Ligne horizontale - -3 ou plus de : - ---- - -bonjour - -*** - -hello - -___ - -tirets du bas - - -# Liens vers des videos - -soit en HTML -Pascal - -## Quelques liens : - -#### création de sites : - -e-creatif : http://www.e-creatif.com/ - -#### markdown : -https://blog.wax-o.com/2014/04/tutoriel-un-guide-pour-bien-commencer-avec-markdown/ -https://openclassrooms.com/courses/redigez-en-markdown - -#### création d'entreprise (auto entrepreneur) : -Accompagnement de Pôle emploi : http://www.pole-emploi.fr/candidat/activ-crea-@/article.jspz?id=325937 -AGENCE FRANCE ENTREPRENEUR : https://www.afecreation.fr/ - -#### PHP : -###### IDE PHPStorm : -https://www.jetbrains.com/phpstorm/ -formation : https://www.grafikart.fr/formations/phpstorm - -#### Apprentissage du langage web : -Apprenez à coder de manière interactive, gratuitement : -[codecademy](https://www.codecademy.com/fr) -Site où on peut trouver différents cours : -[OpenClassrooms](https://openclassrooms.com/) - -#### autres sites : -https://www.developpez.com/ - -___ - -# **La veille informatique** -## by Julien ---- - -## *Rôle de la veille informatique* - -La veille informatique est une activité qui consiste à ce tenir informer des avancées technologiques -par des **outils** en se référant à des **sites** ou **applications**. -Bien entendu les sites doivent être viable pour éviter toutes intox. - ->*Précision : une veille peut concerner n'importe quels domaines, tout dépend - vos centres d'intérêts.* - ---- - -## *Sites et applications* - - * [Google](https://www.google.com "Google") - - * [Facebook](https://fr-fr.facebook.com/ "Facebook") - - * [Linkedin](https://fr.linkedin.com "Linkedin") - - * [Flipboard](https://flipboard.com/ "FlipBoard") - - * [Netvibes](https://www.netvibes.com "Netvibes") - - * [Github](https://github.com "Github") - ->Il y en a plein d'autres encore, chercher ceux qui vous correspondent le plus - et avec lesquels vous vous sentez alaise. - - ---- - -## *Outils d'alertes* - -Les outils d'alertes permettront d'être informer en direct des avancées par -des alertes. - -1. Google alertes -2. TalkWalker Alertes -3. Mention -4. Feedly -5. Scoop it - -> Comme pour les sites et applications chacun est libre de choisir l'outil qui -lui correspond le mieux. - ---- - -# Félicitation ! ! ! - -### _**Vous savez désormais ce qu'est une veille informatique.**_ - -![groot image](https://media.giphy.com/media/7rj2ZgttvgomY/giphy.gif) - ->Avec les compliments de Julien (intégrateur/développeur Web) de MA6-T Va Coder. - -*** - -# Sarah_Veille Numérique - -# L'hologramme - -**Définition d'un hologramme** : - -L’hologramme est le produit de l'holographie. Il s'agit historiquement d'un procédé de photographie en relief. Aujourd'hui, un hologramme représente une image en trois dimensions apparaissant comme « suspendue en l'air ». Le mot hologramme provient du grec « holos » (« en entier ») et « graphein » (« écrire »). - -Les hologrammes : -Récemment un developpeur habitant en Floride a créée une version holographique de cortana. Elle s'appuie sur la technologie du Pepper Ghost, elle marche sur la version Cortana incluse dans windows 10. A partir d’un appareil doté de 4GB de RAM et d’un Arduino qui contrôle les lumière du système — doté d’un haut-parleur intégré et de plusieurs composants imprimés en 3D. Le jeu de miroir mis en place permet de faire apparaître cette version féminine de Cortana, dont la gestuelle s’appuie de la capture de mouvement réalisée par la femme du developpeur à l’aide de deux Kinect. Le résultat final a été modélisé à l’aide de l’appli d’animation Unity. - - - -*** - -# Barbara - Veille numérique - -## La mortalité des abeilles - -![abeille](http://www.larousse.fr/encyclopedie/data/images/1309510-Abeille.jpg) - -1. [Taux de mortalité des abeilles](#taux) - -2. [Causes de la mortalité des abeilles](#causes) - -3. [Actions mise en place visant à protéger les abeilles](#actions) - -### I. Taux de mortalité des abeilles - -En france, le taux de mortalité des abeilles est passé de __5% à 30% par an__ en __20 ans__. - -### II. Causes de la mortalité des abeilles On a découvert jusqu’à 170 produits chimiques différents dans les ruches de colonies malades. Certains échantillons de pollen dans les alvéoles en contiennent jusqu’à 35 types! - - * __Les principaux agents biologiques__ : - - * __Le Varroa Destructor :__ est un acarien présent chez l’abeille domestique. En affaiblissant l’abeille, il permet une plus grande propagation de virus. Présent sur tous les continents (hors Australie) par le biais du commerce de l’abeille, il s’est placé en cause principale de l’affaiblissement de l’abeille dans le monde. - - * __Les infections fongiques :__ Certains champignons, comme Nosema ceranae et Nosema apis, touchent les abeilles en se multipliant dans leur tube digestif entrainant une dysenterie souvent mortelle. - -* __L'environnement :__ - * La réduction de la biodiversité florale, du fait de la __monoculture__ et des paysages transformés par l’homme, réduit les ressources alimentaires quantitativement mais aussi qualitativement : la diversité qualitative des ressources ainsi qu’une alimentation suffisante, sont deux facteurs importants pour le système immunitaire et la santé. Un cercle vicieux se forme : la diminution de la diversité et du nombre des plantes à fleurs affaiblit les pollinisateurs et diminue leur nombre. Ce qui ne fait qu’accroître en retour la raréfaction des fleurs du fait d’une moindre pollinisation. - - * Certains prédateurs tels que le frelon asiatique sont aussi responsable de la mortalité des abeilles. - - -### III. Actions mises en place visant à protéger les abeilles - -Le 22 novembre 2016, le gouvernement annonce prendre une nouvelle série de mesures pour protéger les abeilles et autres pollinisateurs : - * Le gouvernement annonce notamment une aide de 10 000 euros pour les communes sans pesticides, afin de financer des actions favorables à la biodiversité, telles que "des ruchers, des hôtels à insectes, le semi de plantes qui leur sont favorables pour l'alimentation et la reproduction…". - - * Ségolène Royal appelle à développer la recherche contre le frelon asiatique, et souligne que son ministère finance les travaux du Muséum d'histoire naturelle et l'Institut national de recherche agronomique. - -*** - -# Corinne outil de veille -## netvibes - -Netvibes est un outil en ligne **performant et éfficace** pour les professionnels qui organisent leur veille sur le web. -Il permet de suivre en simultané des centaines de sources d'informations et gerer les tâches courantes . -Pour vous connecter il vous suffit de vous rendre sur le site et créer votre compte -[Netvibes](https://www.netvibes.com/fr) - -Netvibes permets de créer : - -1. des tableaux de bord thématiques - -![image](http://static.ccm2.net/www.commentcamarche.net/pictures/YXokyzuU-predefinir-tableau-bord-s-.png) - -![image](http://static.ccm2.net/www.commentcamarche.net/pictures/LjkKESkb-widget-business-s-.png) - -2. des services en ligne sous formes d'applications _widgets_ - -![image](http://static.ccm2.net/www.commentcamarche.net/pictures/j38qTeUo-widgets-essentiels-s-.png) - -| **création** | **date** | **utilisateurs** | -| ------------- | ------- | ---------------- | -| Tarik krim | 15 septembre 2005 | 10 millions | - -*** - -# sandra - veille numérique. - -# En 2100, les 3 quarts de l'Humanité risque de mourir de chaud. - -Un **tiers de l'Humanité** est actuellement exposé à des vagues de chaleur potentiellement **mortelles**, révelle une étude. Et si rien ne change d'ici la fin du siècle, la situation sera bien **PIRE**. - -![image](https://www.sciencesetavenir.fr/assets/img/2017/06/20/cover-r4x3w1000-5948f8e580d55-sipa-00478309-000007.jpg) - - -C'est une étude qui a de quoi effrayer, après la décision de **Donald Trump de quitter, début Juin 2017, l'accord de Paris.** -Si les émissions de carbonnes continuent d'auguementer, **74%** de la population serait exposée à des vagues de chaleur potentiellement mortelles. -Et même si les émissions de gaz à effet de serres se réduisait d'une façon drastique d'ici la fin du **SIECLE**, 48% DE LA POPULATION MONDIALE SERAIT QUAND MEME TOUCHEE. - -**ACTUELLEMENT 1 PERSONNE SUR 3 RISQUE DE MOURIR DE CHAUD.....** - -![image](http://cdn2-lejdd.ladmedia.fr/var/europe1/storage/images/lejdd/international/usa/en-californie-le-lac-asseche-devenu-catastrophe-ecologiste-747147/37337699-1-fre-FR/En-Californie-le-lac-asseche-devenu-catastrophe-ecologiste.jpg) - -**En 2000**, le seuil fatidique de température et d'humidité a été franchi pendant au moins 20 jours sur **13%** environ de la surface du globe ou vit **30%** de la population mondiale. - -*C'est le réchauffement des pôles qui demeure le changement le plus emblématique* note Ian CALDWELL co-auteur des travaux. -En ce qui concerne les vagues de chaleur nous sommes à court d'options pour l'avenir. Il ne nous reste plus qu'à choisir entre le "le mauvais et le terrible" alerte Camilo MORA, autre co-auteur de l'étude. -**Beaucoup de personnes paient déjà le prix ultime.** - - -![image](http://www.cieleo.com/imgfck/214/Image/contenu/Actualites/la-soif-du-monde.jpg) - -**_La situation pourrait être pire si les émissions de gaz à effet de serre ne sont pas considérablement réduites...._** - -*** - -# **_Article de veille numérique Yannick Bley_** - -## l'intelligence artificielle - -![Robot image](http://www.frenchweb.fr/wp-content/uploads/2015/06/Fotolia_72822540_Subscription_Monthly_M.jpg) - -Parmi les innovations les plus remarquées ces dernières années, on ne peut passer à coté des avancées dans le domaine de la robotique et notamment de **l'intelligence artificielle**. - - **L'intelligence artificielle** a longtemps nourri toutes sortes de fantasmes, mettant en scène le remplacement des hommes par les machines à travers de nombreux films américains (la saga Terminator, I Robot, A.I intelligence artificielle). -Les dernières informations que nous pouvons lire sur les performances des robots et de l'intelligence artificielle risquent d'alimenter encore plus les craintes. - -**L'intelligence artificielle** tend à révolutionner énormement de secteurs d'activités jusque dans nos vies privée. - * Voici ce qu'on peut lire concernant l'emergence de **l'intelligence artificielle** : - >Le virage informatique était le prélude à la vraie révolution des prochaines années : la mise en application de plus en plus grande de l'intelligence artificielle. «Nous sommes au début de la vague, et ce sera une très grosse vague», affirme Madeleine Chenette, directrice générale du bureau d'Accenture Montréal, une entreprise d'envergure internationale versée dans la technologie, les conseils, la recherche et l'impartition. -La vague touchera tout le monde, les entreprises, les industries, le commerce de détail sous toutes ses formes, les institutions d'enseignement, même l'institution politique et la gouvernance. Il faudra rapidement apprendre à surfer sur cette immense vague et les énormes changements dans la société. -> - - - Les progrès de **l'intelligence artificielle** impacteraient aussi le domaine de la médecine, où certains scientifiques travaillent sur l'utilisation d'un simulateur de cerveau avec l'IA pour comprendre et guérir les maladies neurodégénératives. - - * Voici ce que publiait un article du Point le 01/06/2017 à ce propos : - >Le « Projet du cerveau humain », programme scientifique d'envergure, vise à simuler le fonctionnement du cerveau humain grâce à un superordinateur. L'horizon fixé est 2024. Il servirait à mettre au point de nouvelles thérapies médicales plus efficaces contre les maladies neurologiques. Mené par le neuroscientifique israélien Henry Markram, il prévoit d'étudier le fonctionnement du cerveau par rétro-ingénierie, une approche consistant à étudier un objet pour en déterminer le fonctionnement interne ou la méthode de fabrication. - > - -*** - -# Responsive Web Design -## by Hadi - -### Ébauche de définition - -Le Responsive Web design est une approche de conception Web qui vise à l'élaboration de sites offrant une expérience de lecture et de navigation optimales pour l'utilisateur quelle que soit sa gamme d'appareil (téléphones mobiles, tablettes, liseuses, moniteurs d'ordinateur de bureau). - -Une expérience utilisateur "Responsive" réussie implique un minimum de redimensionnement (zoom), de recadrage, et de défilements multidirectionnels de pages. - -Le terme de "Responsive Web design" a été introduit par Ethan Marcotte dans un article de A List Apart publié en mai 2010. -Il décrira par la suite sa théorie et pratique du responsive dans son ouvrage "Responsive Web Design" publié en 2011. Celle-ci se limite à des adaptations côté client (grilles flexibles en pourcentages, images fluides et CSS3 Media Queries). - -1. ##### _**Les avantages des sites web dédiés sont :**_ - - * La possibilité d'affiner précisément la structure du site et ses contenus en regard du périphérique utilisé - * La possibilité de cibler et de s'adapter à des fonctionnalités variées (notamment le touch) - * Peut être une alternative "rapide", en attendant une refonte complète (et responsive) de son site web -2. #### Mais un site dédié n'est pas exempt d'inconvénients : - - * Le contenu dupliqué ("duplicate content") - * a maintenance de plusieurs versions de site et de plusieurs adresses web (moins facilement indexables par un moteur de recherche) - * La détection côté serveur ("UA sniffing") souvent biaisée ou non à jour - --- - - ![groot image](https://www.alsacreations.com/xmedia/doc/original/multiscreen2.png) -3. ##### Le récapitulatif en une image ? - -| | Responsive | Adaptive | mobile dédié | -| ------------- | ------------- | ------------- | --------- | -| on conserve le mmème url | oui | oui | non | -| on conserve les mème html | oui | pas toujours | non | -| on conserve le mème contenue | oui | pas toujours | non | - -**_[click ici pour comprendre le responsive video ](http://www.google.fr "acceuil de google")_** - -*** - -# Le Design Thinking -#### by Ramsi Ferkous - -## La pensée du designer. - -Le design thinking, c’est s’inspirer du mode de pensée des designers pour innover dans tous les domaines. - -Il impose une synthèse permanente entre les compétences analytiques des ingénieurs et des professionnels du marketing, et les compétences intuitives des créatifs. - -La démarche du design thinking peut être résumée en trois étapes-clés : - - - Identifier une **problématique** et comprendre son environnement - - Trouver le **concept**, l’idée qui permettra de la résoudre - - Concevoir la **forme** qui incarnera ce concept - -Concrètement, le travail en mode design thinking s’organise autour de trois logiques : - - - **Une logique de co-création** : une entreprise qui met le design thinking au coeur de son activité ne fait pas travailler ses départements de manière isolée, et instaure au contraire une logique «cross-département» favorisant l’intelligence collective. - - Une **gymnastique intellectuelle** alternant des phases d’intuition et d’analyse, dans une logique d’ouverture/fermeture. - - Une importance majeure accordée à **l’étude de terrain** (observation ethnographique) qui offre une compréhension pleine et entière des expériences, contrairement aux classiques études quantitatives et qualitatives. - -### Les différentes étapes du Design Thinking - - ![Groot image](https://s-media-cache-ak0.pinimg.com/originals/a5/49/fd/a549fdc3c7b295cbf049fe22f097351f.png) - -### Quelques explications en vidéo - -[![IMAGE ALT TEXT](https://lh5.ggpht.com/jZ8XCjpCQWWZ5GLhbjRAufsw3JXePHUJVfEvMH3D055ghq0dyiSP3YxfSc_czPhtCLSO=w300)](https://youtu.be/-89WSjJDcn0 "Qu'est-ce que le Design Thinking") - - -# Les joies du code - -Découvrer le site [Les joies du code](http://lesjoiesducode.fr/) pour vous divertir un peu après un bon moment de codage :D - -Un petit exemple rien que pour vous :D - -Quand j’ouvre un projet historique - -![Groot image](http://ljdchost.com/nDmdJau.gif)(http://lesjoiesducode.fr/) - -*** - From 589989e2d77a81c02ec8890a13eaa1d70bf6174e Mon Sep 17 00:00:00 2001 From: PH276 Date: Thu, 22 Jun 2017 09:20:19 +0200 Subject: [PATCH 2/2] suite --- vlg2017_langages.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/vlg2017_langages.md b/vlg2017_langages.md index 1984508..270acc1 100644 --- a/vlg2017_langages.md +++ b/vlg2017_langages.md @@ -17,3 +17,5 @@ Sans Ajax, on verra la page qui se recharge après avoir récupéré les départ **2** xhrj.open('GET', 'modele/listededepartements.php?id_region=3'; **3** xhrj.send(null); **4** pr = xhr.responseText; + +https://openclassrooms.com/courses/ajax-et-l-echange-de-donnees-en-javascript/le-concept-d-ajax#/id/r-244366