• Introduction
• Installation
• Les editeurs, edupython, thonny
• l'interpreteur shell
• Variables, type, booléen, print
• Calculs simples
• Texte : nom[2] : index, count, lower() strip(".") split()
• if,, elif , else et les identations
• operateurs <  >  <= >=  ==  !=
• input
• boucles : while, for, break, continue
• listes, append, for item in list
• range
• Fonctions (def), return
• Encodage : # -*- coding: utf-8 -*-
• debogage
• fichiers, import, modules, packages
• try / except / finally, assert / AssertionError
• pop et del sur les listes
• listes niveau avancées : pop et del ; set et liste { } , tableau associatif dict avec cle et valeur (ou avec numpy)
• gestion de fichier open()
• Interface graphique win/mac/ios/linux/android/ios (Tkinter), ou kivy
• module os : os.getcwd()  , os.chdir(),  os.system()
• module math : par exemple math.cos()
• Module sympy pour les professeurs et etudiants en math
• module random : random.randrange(6) , random.random() , random.choice(['a', 'b', 'c'])
• module urllib pour ouvrir fichier sur url
• module json pour gérer données au format javascript
• module Matplotlib pour les graphiques
• module pygame : créer des jeux 
• module sqlite3 : base de données
• Exercices pratiques

Ce cours d'initiation à GRAFCET vous permettra de lire ou de décrire le comportement d'un automatisme sequentiel. 

GRAFCET est à la fois un schéma et un language de programmation qui est plus particulierement utilisé dans le domaine de l'automatisme industriel.

Introduction

Les bases

Exemples

Exercices

Formation gestion site web : Public, pré requis :

Objectifs :
Savoir installer, configurer et administrer un site web
Avoir une vue d'ensemble des possibilités du CMS : points forts, points faibles, délais de mise en oeuvre
Personnaliser la charte graphique de son site sans mettre les mains dans le code
Etre capable d'installer, de configurer et d'exploiter des modules indispensables

1. Introduction à la gestion d'un site web :

• Présentation des plateformes de gestion des sites web : proappli.com, wordpress, ou dreamweaver
• Points forts et points faibles
• Installation d'une application de site web avec FTP (et ses mises à jours), ou abonnement à site web cloud
  
• Les pages, les articles d'actualité, les formulaires
• Multilingue ou pas
  

2. Création de contenu :

• Utilisation de l'éditeur HTML
  
• Modeles de site
• Les principaux fichiers de template ► Créer du contenu sous forme de noeuds
• Formater le contenu avec un éditeur ► Formatage avancé du contenu
• Insérer des fichiers images, vidéos ► Créer du contenu sous forme de blocs

3. Organisation du contenu :

• Classer le contenu de son site avec des categories
  
• Créer un menu utilisant la taxonomie
• Utiliser des vues pour naviguer
• Créer des pages d'accueil
• les différents types de contenu : pages, articles d'actualité, formulaires, contacts, évenements
  
• Gestion des documents
• Gestion des images et albums
  
• les mots clés 
• référencement SEO
• Utiliser les réseaux sociaux pour améliorer le traffic sur son site
• Utiliser la publicité pour améliorer le traffic sur son site
  

4. Administration du site :

• Gestion du menu
• Les plugins ou composants additionnels : Agenda, Kanban, ecommerce, Google Map, newsletters
  
• Contrôler l'accès au contenu
• Importer des listes
  
• Gérer le spam
• Modérer les commentaires
• Gérer les utilisateurs, leurs droits
• Sauvegarder son site
• Considérations à prendre en compte pour un bon référencement
  

5. Personnalisation des styles et themes :

• Paramétrages des styles et thème depuis l'interface d'admin
• Personnalisations faciles avec CSS

On applique cette formation avec language de programmation SAP ABAP ou PHP / Webdesign. 

    Analyser et formaliser le besoin de l'entreprise en solutions logicielles : La première activité de l'analyste programmeur consiste à contribuer à la définition des spécifications fonctionnelles d'une application logicielle demandée par le maitre d'oeuvre ou le Directeur du Système d'Information (DSI) ou son hiérarchique, en vue de son développement. Il doit mener une étude technique détaillée des besoins exprimés afin de réaliser une maquette ou prototype de la future application. Cette étude technique constituera la base de son travail de conception
    Concevoir une solution informatique logicielle sous la responsabilité de son hiérarchique : A partir de cette étude technique détaillée et des spécifications fonctionnelles demandées, l'analyste-programmeur propose une modélisation de la future application. Il présente l'architecture globale de cette application (traitements des données, interfaces homme-machine, ) à la maitrise d'oeuvre pour accord
    Développer une application informatique sous la responsabilité de son hiérarchique : Le développement de l'application est la dimension la plus technique du métier d'analyste- programmeur. Ainsi, le coeur de son métier est de développer tout ou partie d'une application, en faisant appel à ses savoirs et savoir-faire en programmation objet ou en programmation procédurale. Il met en oeuvre, tout au long du développement, les procédures de tests unitaires et de non-regression nécessaires à la garantie de son travail. Il participe à la recette globale du développement
    Favoriser l'utilisation de l'application informatique par les utilisateurs : A partir de l'application testée, l'analyste-programmeur déploie l'application sur les postes informatiques des utilisateurs. Il conçoit les guides utilisateur et d'administration ainsi que les supports de présentation nécessaires aux utilisateurs. Il peut assurer la formation des utilisateurs à l'utilisation de l'application
    Maintenir une application informatique, corriger et faire évoluer celle-ci : Tout au long de la vie de l'application, l'analyste-programmeur assure le maintien en fonctionnement de cette application. Sous la responsabilité de la maitrise d’œuvre, il définit les évolutions et correctifs nécessaires à la continuité de son utilisation, en assure le développement et tient informés les utilisateurs des évolutions de l'application logicielle

Cette formation peut être prise en charge par le pole emploi (avec AIF ), votre OPCA , votre region, votre entreprise (éventuellement via plan formation), ou bien en auto-financement par vous même avec possibilité de réduction d’impôt de 50% .

Introduction :

• Qu’est-ce qu’une page Web ?
• Brève histoire et évolution de JavaScript
• ECMAScript et JavaScript
• Que fait JavaScript concrètement ?

Premiers pas :

• Présentation des outils : Sublime Text, le navigateur
• Console et outils de débogage
• Insertion de JavaScript dans des pages
• Notions de variables et de données

Les types et operateurs : 

• Les nombres (type Number)
• Opérateurs numériques : + * / %
• Autres opérateurs : ++ -+=…
• Math : la “calculette” du développeur
• Les chaînes (type String) et la concaténation
• Fonctions liées aux chaînes
• Les booléens (type Boolean)

Les conditions :

• Structure conditionnelle : if, else, else if
• Écriture des tests : opérateurs de comparaison
• Exemple avec une page login

La notion d’objet :

• Comment définir un objet ?
• Propriétés, méthodes et événements

Les événements liés à l’utilisateur :

• MouseEvent : click, mouseover, mouseout, mousemove…
• KeyboardEvent

Le DOM : modifier la page avec JavaScript :

• L’arbre DOM, les noeuds, les parents, les enfants
• Accéder aux éléments de la page
• Accès aux attributs, aux styles et aux classes
• Création, modification et suppression d’éléments DOM
• Quelques mots sur jQuery

Les fonctions :

• Déclaration et appel d’une fonction
• Paramètres des fonctions
• Usage et exemples de fonctions utilitaires courantes

Les boucles :

• La boucle for, variable d’incrémentation
• La boucle while
• Création d’un menu dynamique avec une boucle

Les tableaux : Array

• La notion d’index
• Array et boucles
• Manipuler un Array : exemple d’un panier de courses

Les dates :

• Gestion du temps avec les dates
• Création d'une horloge digitale

Exercices Evénements et données :

• Organisation des événements. Impact des événements sur les types de navigateurs et versions de DOM
• Positionner des écouteurs sur des événements par programme et paramétrage de balises HTML
• Règles pour faire un codage multinavigateur
• Créer, détruire des écouteurs
• Les traitements événementiels JavaScript : gestionnaire clavier, souris, formulaires, rollover, menus dynamiques
• L'objet Event et son utilisation
• Les objets du DOM (window, document...) et leur manipulation
• Manipulation des URL (redirections http ...).
• Gestion des cookies (lecture et écriture)
• Programmation d'événements multiples sur les éléments formulaire, souris, clavier...

 
Exercice Gestion de formulaires HTML :

• Manipulation de contenu de formulaires
• Accès et modification dynamique des composants du formulaire : zone de saisie, cases à cocher, cases d'options...
• Fonctions de validation de formulaire
• Evénements liés aux éléments de formulaire : changement, initialisation, clic... 
• Conception de fonctions personnalisées contrôlant les activités de l'utilisateur

 
Exercice Javascript et CSS : 

• Rappel sur les feuilles de style en cascade (CSS-1, CSS-2)
• Les outils pour les manipuler
• Implémentation des CSS en tant que propriétés des objets du DOM
• Modification directe des propriétés CSS des objets du DOM
• Modification de l'objet CSS stylesheets
• Rendre la page dynamique via le changement des propriétés de style
• Réalisation de pages simples afin de se familiariser à l'utilisation de feuilles de style et à leur manipulation à travers JavaScript

Exercice Javascript DOM XML :

• Présentation du langage XML (éléments attributs)
• Implémentation des parseurs XML chez Microsoft IE et les autres : variantes entre les navigateurs, maintenance...
• Manipulation des objets du DOM (lecture, ajout, suppression, modification de noeuds)
• Familiarisation à la construction d'un chemin d'accès à un élément du DOM

Exercice AJAX : 

• Enjeux, solutions et alternatives
• Les bibliothèques du marché
• HTTP et Ajax : échanges HTTP et l'objet XMLHttpRequest
• Récupération de données XML et affichage des données. Interrogation d'une base de données. Création d'un formulaire de connexion

Autres sujets avancés :

• Créer un menu en HTML / CSS
• Graphisme avancé : canvas, SVG
• Responsive design pour les mobiles
• Convertir et insérer des sons, musiques
• Convertir et Insérer des videos
• Couleurs et dégradés de couleurs
• Polices de caractères hébergées
• frames, iframes, pseudo frames en CSS
• Champs formulairés spéciaux : Date, Time, Email, URL ; number, min, max, step, range ; Required, Focus
• Controle avec RegExp
• header / footer
• Datalist et Ajax
• GPS
• Webcam API
• Boutons avancés avec CSS3
• Flash et alternatives
• CSS transition, CSS animation, SVG, Canvas
• HTML5 cache
• Javascript et Jquery : cours et exercices
• Google Map, KML
• Emailing, newsletter, HTML et CSS adaptés ; plateformes hébergées comme mailchimp, phplist, wordpress, drupal et proappli.com
• introduction aux services Web REST
• Balises sémantiques avancées
• Securité : SSL, .htaccess, hacking etc ...
• Paiment par internet, Paypal etc ...
• Considérations techniques et de contenu à prendre en compte pour optimiser le référencement (SEO)
• Exercices pratiques avec un hebérgement ou sur plateforme proappli.com
  

CSS : La syntaxe:

• Colors
• Fonts
• Table styles
• Visible ou invisible
• Animation avec CSS
• Lier le CSS à l'HTML
• Les sélecteurs
• Pseudo-classes
• Pseudo-éléments
• Priorité des sélecteurs
• Types de valeur
• Modèle de boîtes
• Positionnement
• Listes avec style
• Tableau avec style
• Formulaire avec style
• Responsive design pour sites web mobiles
• Exercices pratiques

HTML : perfectionnement :

• Structure d'un site, charte graphique, évolutions
• favicon.ico sur IE, favicon.png sur autres navigateurs
  
• Création de formulaires avancés avec HTML5, CSS3 et Javascript
• Insérer un menu HTML / CSS à partir d'un modele et le personnaliser

• iframes

• Insérer des sons, des videos, du flash, incorporer video YouTube ou Dailymotion
• Insérer un diaporama ou un album de photos avec Picasa ou Flickr
• Créer un slider
• Lien email, Facebook, Twitter, Google Plus
• introduction à Javascript 
• Insérer une carte Google Map
• Flux d'actualités RSS
• Editeur HTML BlueGriffon, ou Dreamveawer
• Introduction à la gestion de contenu avec Wordpress, Drupal, ou proappli.com
• Accessibilité
• Gérer un hébergement chez OVH, site web, VPS, FTP, SSH

Formation Drupal : Objectifs :
Savoir installer, configurer et administrer un site Drupal
Avoir une vue d'ensemble des possibilités de Drupal : points forts, points faibles, délais de mise en oeuvre
Personnaliser la charte graphique de son site sans mettre les mains dans le code
Etre capable d'installer, de configurer et d'exploiter des modules indispensables

1. Introduction à Drupal :

• Présentation de Drupal
• Points forts et points faibles de Drupal
• Le jargon lié à Drupal
• Les outils de développement Drupal
• Installation locale de Drupal
• Installation multi sites de Drupal >> Trouver des ressources (Web, IRC, ...)
• Installation d'un site multilingue

2. Création de contenu :

• A propos des templates Drupal
• Les principaux fichiers de template ► Créer du contenu sous forme de noeuds
• Formater le contenu avec un éditeur ► Formatage avancé du contenu
• Insérer des fichiers images, vidéos ► Créer du contenu sous forme de blocs

3. Organisation du contenu :

• Classer le contenu de son site avec la taxonomie
• Créer un menu utilisant la taxonomie
• Utiliser des vues pour naviguer
• Créer des pages d'accueil

4. Administration de Drupal :

• Contrôler l'accès au contenu
• Gérer le spam
• Modérer les commentaires
• Gérer les utilisateurs, leurs droits
• Automatisation des taches courantes ► Gérer le workflow de publication
• Sauvegarder son site Drupal

5. Personnalisation des themes :

• Paramétrages du thème depuis l'interface d'admin
• Personnalisations faciles avec CSS
• Modules permettant de personnaliser la charte graphique
• Installation des modules CCK et Views
   

Les Bases de Données Relationnelles, MS Access, proappli.com , libreoffice base, mysql, sqlite, filemaker, SAP Open SQL, Javascript web sql, PHP DBO :

• Théorie et concepts de Bases de Données Relationnelles
• Architecture et concepts d’un Système de Gestion de Base de Données Relationnelles

Conception d’une Base de Données :

• Définition d'une base de données
• Création d'une nouvelle base de données
• Définition d'une nouvelle table
• Copie, suppressions d'une table
• Modification de la structure d'une table
• Saisie de données dans une table
• Consultation, modification et suppression de données dans une table
• Impression d'une table
• Définition d'une clé primaire
• Relation entre les tables
• Indexation de table
• Type de relations et jointures

Introduction :

• Copier, renommer, supprimer une base de données
• Ouverture d'une base existante
• Importation, exportation et attache de tables
• Clé primaire/clé externe et index

Les formulaires :

• Les propriétés d’un formulaire et les contrôles
• Création d'un formulaire avec l'Assistant
• Création d'un formulaire sans l'Assistant
• Consultation, saisie, modifications des données dans un formulaire
• Copie, suppression d'un formulaire
• Impression des données dans un formulaire
• Utilisation du mode création
• Modification d'un formulaire
• Ajout d'un contrôle
• Positionnement, redimensionnement d'un contrôle
• Ajout de texte, d'étiquette
• Traits et rectangles
• Case à cocher, bouton radio et bouton bascule
• Groupe d'options
• Zone liste et liste modifiable
• Les sous formulaires (relation entre deux tables)
• Les contrôles graphiques
• Les graphiques
• Calculs dans un formulaire

Les états :

• Création d'un état
• Avec l'assistant
• Sans l'assistant
• Les sections d'un état
• Copie, suppression d'un état
• Impression d'un état
• Le mode création
• Tri des données
• Regroupement des données
• Masquage des doublons
• Calcul d'un cumul
• Combinaison d'états
• Calculs dans un état

Interrogation d'une Base de Données : Les requêtes

• Les requêtes sélection pour extraire des enregistrements
• Les requêtes multitables
• Création d'une liaison
• Suppression d'une liaison
• Les différents types de liaisons
• Les requêtes action
• Création d'une table
• Ajout d'enregistrements dans une table
• Suppression d'enregistrements dans une table
• Mise à jour d'enregistrements dans une table
• Mise à jour avec regroupement
• Les requêtes analyses croisées
• Les requêtes paramétrées

• Introduction, contexte, problématiques
• Cycle de vie d'un projet informatique
• Architectures des environnements applicatifs
• Les différents types de tests
• Introduction aux diagrammes UML pour modéliser les tests
• Exemples pratiques
• Les logiciels utiles à connaitre
• Exercices avec une application de suivi des tests 
• Exemples de documents et de formulaires
• Les normes ISO de controle de qualité

1. Introduction à PHP

• Qu'est ce que PHP
• phpinfo()
• Balise PHP
• Constantes et variables
• Commentaires
• Multiligne
• Caractères spéciaux
• Types de données en PHP
• Opérateurs et comparaisons
• Appel à une fonction
• Inclure un fichier
• Conditions, if, else, switch
• Boucles
• Super globales $_SERVER, $_ENV, $_GET etc ...
• Constantes magiques
• Extensions
• php.ini

2. Interactions

• Gérer formulaires, input, upload
• Gérer cookies
• Gérer sessions
• Gérer authentifications
• Gérer données locales en HTML5

3. Gestion de fichiers

• repertoires
• lecture
• ecriture
• Suppresion
• Fichiers .ini
• Fichiers .csv
• Fichiers .xml
• Fichiers binaires
• Fichiers sqlite

4. Date et heure en PHP

• timestamp
• date()
• Calculs de dates

5. gérer textes et expressions régulières en PHP

• textes
• concatenation
• recherche
• remplacement
• Caractères spéciaux
• Expressions régulières
• Listes (arrays)

6. Email en PHP

• protocoles
• reglages dans php.ini
• Envoyer email texte
• Envoyer email HTML
• Envoyer email avec piece jointe
• imap etc ...

7. Bases de données

• mysql
• pdo
• sqlite

8. XML en PHP

• Ecrire un fichier XML
• Lire un fichier XML
• Services WEB et REST
   

A. Introduction HTML :
-------------------

• Le principe des balises HTML ou XML, elements, attributs, extensions de fichiers
• Le squelette minimum d'une page HTML, html, head, body, title, encoding
• Paragraphes, sauts de ligne, ligne, titres, tailles, couleurs, polices, style, alignement
• Liens relatifs ou absolus, ancres
• Images, et format des fichiers
• Les listes numérotées ou pas
• Tableaux, table, tr, td, th
• Les caractères spéciaux et l'encodage
• Les balises semantiques
• Autres attributs d'en tete et meta
• Les balises span et div, avec positions relatives ou absolues
• Création d'un formulaire : form, input, textarea, select, button, action
• accessibilité et valider l'HTML
• Editeur HTML BlueGriffon, Kompozer ou Dreamveawer
• Les frames, iframes
• Accessibilité et valider l'HTML
• Hébergement gratuit ou payant
• Transférer fichiers par FTP

B. Introduction à CSS :
-----------------------

• Principes de fonctionnements
• Exercices pratiques

C. Introduction à Javascript
----------------------------

• Exercices : valider un formulaire

D. Exercices pratiques : 
------------------------

• Création de pages web et de formulaires
• Insertions images, videos, musiques
• Insertion des styles CSS
• Insertion de code javascript pour valider formulaires
• Insérer une Google Map
• Insertion d'un album photos
• Transférer fichiers sur serveur WEB via FTP
• Liens et boutons sociaux ( Facebook, Twitter, Google Plus, etc ...)

E. Introduction au Blog et CMS 
-------------------------------

• Présentation et exercices sur principaux blogs / CMS Wordpress, Drupal, proappli.com etc ...