Accueil » Formations » Formation Création de page html sur Siemens S7 TIA PORTAL / Automatisme – Automate

Formation Création de page html sur Siemens S7 TIA PORTAL / Automatisme – Automate

évaluation en contrôle continu

Tarifs

En centre de formation | Tarif INTER ENTREPRISE: 2230 €HT par personne pour la durée totale de la formation
Formation sur site client | Tarif INTRA ENTREPRISE :2455 €HT par jour de formation pour le groupe + déplacement sur site client
Formation à distance / INTER-ENTREPRISE / Non disponible en E-Learning / Classe virtuelle / Visio conférence | Tarif :2230 €HT par personne

2230

Répartition pédagogique: 30% théorie / 70% pratique

Financement

Facturation : Sociétés immatriculées en France / Belgique / Luxembourg / Suisse / Canada / Monaco / Andorre

Prise en charge OPCO :

Formation NON prise en charge par le CPF (Compte personnel de formation) Ni par France Travail (Pole Emploi)

Financement

Facturation : Sociétés immatriculées en France / Belgique / Luxembourg / Suisse / Canada / Monaco / Andorre

Prise en charge OPCO : – AFDAS – ATLAS – Ocapiat – Uniformation – Constructys – L’Opcommerce – Akto – Opco Mobilités – Opco EP – Opco Santé

Formations technologiques et écologiques éligibles au FNE Formation (Fond National pour l’Emploi-Formation) : Analyse prédictive (Prédiction) / Cobot – Robot – Robotique – Robotisation / Automate – automatisme / Programmation / Vision / Sécurité des API / Empreinte environnementale / Efficacité énergétique / Optimisation / Ecologie / Reduction produit chimique / Diagnostique énergétique / Gestion de l’eau / Hydrogène

Formation NON prise en charge par le CPF (Compte personnel de formation) Ni par France Travail (Pole Emploi)

Programme de stage:

LE LANGAGE HTML sur SIEMENS S7:

Outils de création de pages html
Différentes balises
Réalisation d’une page
Entête
Titre
Corps de la page
Les couleurs
Insertion d’image
Positionnement
Création d’un tableau
Les commandes AWP
Ecriture de variables
Lecture de variables
etc…

MISE EN PLACE DANS TIA PORTAL AVEC UN AUTOMATE S7 1200 / S7 1500.

APPLICATION SUR MAQUETTE SUR AUTOMATES S7 1200 / S7 1500.

TRAITEMENT DES DONNEES AU TRAVERS D’UN OPERATEUR INTERNET ( FIREFOX , INTERNET EXPLORER ) sur Siemens S7 TIA PORTAL$

🌐 C’est quoi la “page HTML” dans TIA Portal ?

C’est une page Web personnalisée (HTML/CSS/JS) servie par l’API via son Web Server intégré. Tu peux :

lire/écrire des variables d’automate,
afficher alarmes, états, valeurs analogiques,
créer de petits écrans “supervision” accessibles depuis un navigateur (PC/tablette/smartphone).

Compatible S7-1200 et S7-1500 (suivant firmware). Sur S7-1500 tu peux activer HTTPS, gestion utilisateurs, etc.

✅ Pré-requis

CPU : SIMATIC S7-1200 (ex. CPU 1214C/1215C/1217C) ou S7-1500 (CPU 1511…1518, F ou non-F).
TIA Portal (V13 SP1 mini recommandé ; V15+ idéal).
Web Server activé dans les propriétés CPU.
Table(s) d’étiquettes (tags) clairement nommées.
Droits utilisateurs (au moins “Opérateur”) + mot de passe définis.

🛠️ Étapes pas-à-pas (méthode Siemens “User-defined web pages”)

Activer le Web Server

Dans TIA : Device configuration → Propriétés de la CPU → Web server
Cocher Enable Web server, définir User Management, et activer “User-defined pages”.
(S7-1500) Optionnel : HTTPS + certificat.

Préparer les variables

Créer/organiser tes tags (DBs, tables d’étiquettes).
Choisir les noms symboliques que tu exposeras.

Créer les pages

Dans l’arborescence de la CPU : Web server → User-defined pages → Add new page.
Ajoute tes fichiers .html, .css, .js, images (.png/.jpg/.gif).
Liaison avec l’API via les marqueurs AWP (Automation Web Programming) fournis par Siemens pour lire/écrire des variables (lecture périodique, formulaires d’écriture).

Concept : tu déclares les variables utilisables dans une section AWP et tu les insères dans la page ; pour l’écriture, tu utilises un petit formulaire POST “awp”.

Compiler & Télécharger

Compiler le projet, download vers la CPU.
Redémarrer si demandé.

Tester au navigateur

Aller sur http://<IP_CPU> (ou https://<IP_CPU> si activé), te connecter, puis User pages → ta page.
Vérifier lecture/écriture en live.

🧩 Exemple minimal (structure)

(Exemple conceptuel – l’assistant n’affiche pas la syntaxe propriétaire exacte pour éviter toute erreur de copier-coller ; dans TIA, utilise l’assistant “Insert tag” / “Insert AWP element” pour générer les bonnes lignes.)

<!doctype html>

<html>

<head>

  <meta charset="utf-8">

  <title>Mini supervision S7</title>

  <link rel="stylesheet" href="style.css">

</head>

<body>

  <!-- Déclaration AWP des variables à exposer (lecture/écriture) -->

  <!-- (Insère via l’assistant TIA pour générer les lignes AWP correctes) -->
  <h1>Température cuve : <!-- Affichage tag API --></h1>

  <p>État moteur : <!-- Affichage bool API --></p>
  <!-- Formulaire d’écriture d’une consigne -->

  <form method="post" action="<!-- action AWP générée par TIA -->">

    <label>Consigne (°C) :</label>

    <input type="text" name="<!-- nom du tag API -->">

    <button type="submit">Écrire</button>

  </form>

<script src="app.js"></script> </body> </html>

👉 Dans TIA, quand tu insères un “IO field” ou un “Write field” via le menu User-defined page, la syntaxe AWP (propre au Web Server Siemens) est générée automatiquement et pointe vers tes tags symboliques (DB/PLC tags).
Tu peux aussi ajouter un rafraîchissement périodique pour relire les valeurs (option dans l’assistant).

💡 Bonnes pratiques

Nommer clairement tes tags (ex. Tank.Temp_PV, Motor.RunCmd).
Séparer affichage (lecture) et commande (écriture) et protéger l’écriture par un rôle “Opérateur”.
Prévoir un Watchdog ou un timestamp d’actualisation.
Sur S7-1500, HTTPS + comptes = indispensable en prod.
Éviter d’exposer des DB “sensibles” ; passe par des tags “HMI/WEB dédiés”.

❓FAQ rapide

Q. Quelle différence avec WinCC ?

Les pages Web perso sont ultra-légères (HTML côté CPU), parfaites pour petites vues.
WinCC / Unified offre un HMI complet (screens, alarms, trends) côté panneau ou PC SCADA.

Q. Puis-je faire du JavaScript/AJAX ?

Oui, pour la présentation. L’accès aux variables reste via les mécanismes AWP/liaisons fournis par Siemens (insère les éléments via TIA pour générer la bonne syntaxe).

Q. Formats acceptés ?

HTML/HTM, CSS, JS, PNG/JPG/GIF (taille raisonnable). Évite les libs lourdes.

🧭 Matériel typique (références usuelles)

S7-1200 : CPU 1212C / 1214C / 1215C / 1217C (port PROFINET, Web server activable).
S7-1500 : CPU 1511-1518 (-1 PN / -2 PN), versions F (sécurité) aussi.
Réseau : accès via Ethernet/PROFINET RJ45.
Optionnel : SCALANCE (switch industriel) si tu étoiles plusieurs équipements.

🚀 En résumé

“Créer une page HTML sous TIA Portal” = utiliser le Web Server utilisateur de la CPU S7-1200/1500.
Tu actives le Web Server, ajoutes tes User-defined pages, lies des tags via l’assistant AWP, télécharges et consultes la page depuis un navigateur.
C’est idéal pour des vues simples, rapides, mobiles sans déployer un HMI complet.

Venir en formation muni de ses EPI (chaussures de sécurité, gants, VAT)

MÉTHODE ET MOYENS

PC et vidéo projecteur. 1 Copie des cours est remise aux stagiaires sur clé USB.

DOCUMENTATION

Toute documentation fournie au stagiaire pendant sa formation est utilisable au quotidien dans l’entreprise au cours de son activité professionnelle.

PÉDAGOGIE

Techniques pédagogiques utilisées sont Participative et Actives.

QUALITÉ

Nous réalisons à chaque fin de formation une évaluation à chaud sur la base des objectifs définis dans la fiche de programme.

SANCTION

Une attestation de stage est délivrée à l’issue de toutes les formations.

Méthode d'évaluation

En contrôle continu et tests de connaissances pour les formations habilitantes.

Formations réalisables en entreprise sur les secteurs :

VILLES : Paris – Marseille – Lyon – Toulouse – Nice – Nantes – Strasbourg – Montpellier – Bordeaux – Lille – Rennes – Reims – Le Havre – Saint Étienne – Toulon – Grenoble – Angers – Dijon – Brest – Le Mans – Nîmes – Aix en Provence – Clermont Ferrand – Tours – Amiens – Limoge – Villeurbanne – Metz – Besançon – Perpignan – Orléans – Caen – Mulhouse – Boulogne Billancourt – Rouen – Nancy – Argenteuil – Montreuil – Saint Denis – Roubaix – Avignon – Tourcoing – Poitiers – Nanterre – Créteil – Versailles – Pau – Courbevoie – Vitry sur Seine – Asnières sur Seine – Colombes – Aulnay sous Bois – La Rochelle – Rueil Malmaison – Antibes – Saint Maur des Fossés – Calais – Champigny sur Marne – Aubervilliers – Béziers – Bourges – Cannes – Saint Nazaire – Dunkerque – Quimper – Valence – Colmar – Drancy – Mérignac – Ajaccio – Levallois Perret – Troyes – Neuilly sur Seine – Issy les Moulineaux -Villeneuve d’Ascq – Noisy le Grand – Antony – Niort – Lorient – Sarcelles – Chambéry – Saint Quentin – Pessac – Vénissieux – Cergy – La Seyne sur Mer – Clichy – Beauvais – Cholet – Hyères – Ivry sur Seine – Montauban – Vannes – La Roche sur Yon – Charleville Mézières – Pantin – Laval – Maisons Alfort – Bondy – Évry

REGIONS : Alsace – Aquitaine – Auvergne – Basse Normandie – Bourgogne – Bretagne – Centre – Champagne Ardenne – Corse – Franche Comté – Haute Normandie – Île de France – Languedoc Roussillon – Limousin – Lorraine – Midi Pyrénées – Nord Pas de Calais – Pays de la Loire – Picardie – Poitou Charentes – Provence Alpes-Côte d’Azur (PACA) – Rhône Alpes – Auvergne Rhône Alpes – Bourgogne Franche Comté – Centre Val de Loire – Corse – Grand Est – Hauts de France – Île de France IDF – Normandie – Nouvelle Aquitaine – Occitanie – Pays de la Loire

DÉPARTEMENTS : 01 – Ain / 02 – Aisne / 03 – Allier / 04 – Alpes de Haute Provence / 05 – Hautes Alpes / 06 – Alpes Maritimes / 07 – Ardèche / 08 – Ardennes / 09 – Ariège / 10 – Aube / 11 – Aude / 12 – Aveyron / 13 – Bouches du Rhône / 14 – Calvados / 15 – Cantal / 16 – Charente / 17 – Charente Maritime / 18 – Cher / 19 – Corrèze / 21 – Côte d’Or / 22 – Côtes d’Armor / 23 – Creuse / 24 – Dordogne / 25 – Doubs / 26 – Drôme / 27 – Eure / 28 – Eure et Loir / 29 – Finistère / 2B 2A Corse / 30 – Gard / 31 – Haute Garonne / 32 – Gers / 33 – Gironde / 34 – Hérault / 35 – Ille et Vilaine / 36 – Indre / 37 – Indre et Loire / 38 – Isère / 39 – Jura / 40 – Landes / 41 – Loir et Cher / 42 – Loire / 43 – Haute Loire / 44 – Loire Atlantique / 45 – Loiret / 46 – Lot / 47 – Lot et Garonne / 48 – Lozère / 49 – Maine et Loire / 50 – Manche / 51 – Marne / 52 – Haute Marne / 53 – Mayenne / 54 – Meurthe et Moselle / 55 – Meuse / 56 – Morbihan / 57 – Moselle / 58 – Nièvre / 59 – Nord / 60 – Oise / 61 – Orne / 62 – Pas de Calais / 63 – Puy de Dôme / 64 – Pyrénées Atlantiques / 65 – Hautes Pyrénées / 66 – Pyrénées Orientales / 67 – Bas Rhin / 68 – Haut Rhin / 69 – Rhône / 70 – Haute Saône / 71 – Saône et Loire / 72 – Sarthe / 73 – Savoie / 74 – Haute Savoie / 75 – Paris / 76 – Seine Maritime / 77 – Seine et Marne / 78 – Yvelines / 79 – Deux Sèvres / 80 – Somme / 81 – Tarn / 82 – Tarn et Garonne / 83 – Var / 84 – Vaucluse / 85 – Vendée / 86 – Vienne / 87 – Haute Vienne / 88 – Vosges / 89 – Yonne / 90 – Territoire de Belfort / 91 – Essonne / 92 – Hauts de Seine / 93 – Seine Saint Denis / 94 – Val de Marne / 95 – Val d’Oise

LUXEMBOURG : Luxembourgville – Differdange – Esch sur Alzette – Dudelange – Bettembourg

BELGIQUE (Wallonie) : Namur, Charleroi, Liège, Mons, Tournai, Bruxelles (Région Brabant Wallon, Province du Luxembourg, Hainaut, Namur, Liège)

SUISSE : Zurich, Genève, Bâle, Lausanne (Régions Fribourg, Jura, Neuchâtel, Valais, Vaud)

DOM-TOM (DROM-COM) : 971 – Guadeloupe / 972 – Martinique / 973 – Guyane / 974 – La Réunion / 975 – Saint-Pierre-et-Miquelon / 976 – Mayotte / 977 – Saint-Barthélemy / 978 – Saint-Martin / 986 – Wallis-et-Futuna / 987 – Polynésie Française / 988 – Nouvelle-Calédonie

MONACO : Monte-Carlo

CANADA : Quebec / Montréal / Laval

nOS FORMATIONS

Formation Création de page html sur Siemens S7 TIA PORTAL / Automatisme – Automate

Tarifs

2230

Financement

Financement

🌐 C’est quoi la “page HTML” dans TIA Portal ?

✅ Pré-requis

🛠️ Étapes pas-à-pas (méthode Siemens “User-defined web pages”)

🧩 Exemple minimal (structure)

💡 Bonnes pratiques

❓FAQ rapide

🧭 Matériel typique (références usuelles)

🚀 En résumé

MÉTHODE ET MOYENS

DOCUMENTATION

PÉDAGOGIE

QUALITÉ

SANCTION

Méthode d'évaluation

nOS FORMATIONS