18
A.E.C. Gestion des applications TI Groupe 351 Stage en entreprise 420-PKG-SL

présentation-stage2

Embed Size (px)

Citation preview

Page 1: présentation-stage2

A.E.C. Gestion des applications TIGroupe 351

Stage en entreprise 420-PKG-SL

Page 2: présentation-stage2

Anita BoomStage de 28 avril jusqu'à 23 mai 2014

30 heures par semaine

Page 3: présentation-stage2

Entreprise : Annexe Développement5600 Hochelaga #18

Montréal (Québec) H1N 3T1 514-831-7446

[email protected] : Marc Charbonneau

Page 4: présentation-stage2

PRODUITS ET SERVICESLeurs principaux produits et services sont

- la conception (analyse, requis, guide de développement, wireframes) - le développement (mobile, web, expérienciel et terrain) - l'opération (monitoring, statistiques, formation, dashboard).

Page 5: présentation-stage2

Organigramme de l'entreprise :Le président

Un programmeurDans le même bureau on a deux autres

entreprises en informatique(un président et 1-2 employés, un président et six employés) qui souvent participent ensemble sur des projets diverses.

Tous travaillent dans le domaine de l'informatique.

Page 6: présentation-stage2

Annexe Développement utilise WordPress,DreamWeaver, PHP. Ils créent des sites web et

des applications du marketing sur Facebook etc.J'ai obtenu un nouvel ordinateur sur lequel

j'ai installé Windows 7, WordPress et DreamWeaver

Page 7: présentation-stage2

Mes tâches : Semaine 1  : Me familiariser avec WordPress Semaine 2-4 : Création d'un site web pour un distributeur d'instruments scientifiques : - 76 pages 'produit' en 3 langues - 12 pages principales pour les produits - 8 pages 'Industrie' en 3 langues - Intégrer des images, catégories, SEO (search engine optimization, l’optimisation pour les moteurs de recherche – méta-données), écrire des code en HTML pour les tableaux, des liens entres les pages et des ancres qui lient vers tous les produit de la même catégorie en bas de la page.

Page 8: présentation-stage2

Plateformes/logiciels utilisés :

WordPress (Création site web)DreamWeaver (éditeur HTML)

GIMP (manipulation des photos)

Page 9: présentation-stage2

Page d'accueil Laval Lab originale

Page 10: présentation-stage2

Page d'accueil nouvelle

Page 11: présentation-stage2

WordPress - Liste des produits – pour choisir les pages produits à éditer

Page 12: présentation-stage2

WordPress - Page produit Mode éditeur

Page 13: présentation-stage2

WordPress - Page produit Mode web

Page 14: présentation-stage2

Exemple de code tableau  :<p style="margin-bottom: 0;"><span style="font-family: Arial,serif;"> <span style="font-size: medium;"><b>Ultrasonic Cleaner S300 4 x 8'' screen / 200 mm</b></span></span></p><table width= ''100%''> <tbody> <tr> <td width=''25%''> <p style="margin-bottom: 0;"><img class=" wp-image-3639 alignleft" alt="Ultrasonic_Sieve_Cleaner_28_litres" src="http://lavallab.annexeps.com/wp-content/uploads/2014/05/Ultrasonic_Sieve_Cleaner_28_litres.png" width="240" height="212" /></p> </td> <td width="70%" style=padding-left:''5%'''> <ul>

<li>Accepts up to 4 sieve 8'' or 200mm</li><li>Stainless steel tank with drain</li><li>Capacity 28 liters</li><li>Must be equipped with a cart or the rotary support SRH 4/200</li><li>Available in 100-120 or 220-230V</li>

</ul> </td> </tr> </tbody></table>

Page 15: présentation-stage2

Comment le code est affiché sur la page :

Page 16: présentation-stage2

Code anchor-link  :

En haut de la page: <p style="text-align: left;"> <a href="#rechercheProduits">Cliquez ici pour découvrir nos produits. </a> </p> En bas de la page: <a id="rechercheProduits"></a> [product_category category="analyseurs-de-potentiels-zeta" per_page="12" columns="4" orderby="date" order="desc"]

Page 17: présentation-stage2

Comment ça fonctionne sur la page :

Page 18: présentation-stage2

Comment ça fonctionne sur la page (suite):