Académique Documents
Professionnel Documents
Culture Documents
TEK_UP
RAPPORT
SUMMER TRAINING
CHAIMA REJEB
2_DMWM
2019_2020
Chaima REJEB DMWM 2019_2020
Remerciements
Angular...................................................................................................................................................1
I. Introduction................................................................................................................................2
II. Version d’angular.......................................................................................................................3
III. Architecture d’angular............................................................................................................3
IV. Type Script..............................................................................................................................4
V. Components...............................................................................................................................4
VI. Modules..................................................................................................................................5
VII. Data Binding...........................................................................................................................5
VIII. Préparation de l’environnement............................................................................................5
IX. Services...................................................................................................................................6
X. Routage et Navigation................................................................................................................6
XI. Http Service...........................................................................................................................7
XII. Conclusion..............................................................................................................................7
Node-Js..................................................................................................................................................8
I. Introduction................................................................................................................................9
II. Node js........................................................................................................................................9
1. La simplicité............................................................................................................................9
2. La légèreté..............................................................................................................................9
3. JavaScript Moderne................................................................................................................9
4. Son écosystème....................................................................................................................10
III. Rendre modulable................................................................................................................10
IV. Scalable.................................................................................................................................10
V. Frameworks..............................................................................................................................10
VI. Architecture..........................................................................................................................11
VII. Module socket I/O................................................................................................................11
VIII. Performances de Nodejs.......................................................................................................12
IX. Le code du programme.........................................................................................................12
X. conclusion.................................................................................................................................12
Anglais..................................................................................................................................................13
I. improving your technical writing skills.....................................................................................14
1. Focus on Tasks......................................................................................................................14
2. Don’t make it personal.........................................................................................................14
3. Be Clear and Concise............................................................................................................15
Chaima REJEB DMWM 2019_2020
Angular
9
Chaima REJEB DMWM 2019_2020
I. Introduction
AngularJS est un Framework open-source de JavaScript construit et entretenu par Google, ce
qui facilite efficacement le développement d’applications web, et standardise les
applications côté client en offrant une structure solide et facilement adaptable. AngularJS
est le meilleur choix pour une application web, il favorise particulièrement la création
d’éléments visuels, le résultat étant une navigation fluide et rapide sur le site.
La plateforme impose un développement selon la structure MVVM (Modèle-Vue-Vue
Modèle), design pattern qui reprend la modularité des concepts MVC (Modèle-Vue-
Contrôleur). AngularJS adapte et étend le langage HTML traditionnel pour servir le contenu
dynamique de manière améliorée grâce à un data-binding bidirectionnel qui permet la
synchronisation automatique des modèles et des vues.
Angular Permet de créer la partie front end des applications web de type SPA
(Single Page Application réactive)
26
Chaima REJEB DMWM 2019_2020
peut utiliser des directives Les pipes : utilisés pour formater l’affichage des données
dans les composants.
La plateforme impose un développement selon la structure MVVM (Modèle-Vue-
Vue Modèle), design pattern qui reprend la modularité des concepts MVC (Modèle-
Vue-Contrôleur).
Ce n’est plus un secret, Angular est écrit en TypeScript. Il s’agit du langage le plus
recommandé, et quasi obligatoire, pour développer une application Angular. L’installation
ou la mise à jour de TypeScript se fait à travers une commande unique : npm install –g
typescript@latest Plus tard, dans le fichier de gestion des dépendances package.json de
notre application, pensez à vérifier votre version de TypeScript. La version 2.5 au minimum
est recommandée :
V. Components
Les composants et les services sont simplement des classes de décorateurs qui
marquent leurs types et fournissent des métadonnées qui guident Angular dans ses
tâches.
26
Chaima REJEB DMWM 2019_2020
VI. Modules
Les applications angulaires sont modulaires Angular possède son propre système de
modularité appelé modules angulaires ou NgModules. Chaque application Angular
possède au moins une classe de module angulaire: le module racine, appelé
classiquement AppModule. Un module angulaire est une classe avec un décorateur
@NgModule. Les décorateurs sont des fonctions qui modifient les classes
JavaScript. Angular possède de nombreux décorateurs qui attachent des
métadonnées aux classes pour configurer et donner le sens à ces classes.
Pour insérer dynamiquement des données de l’application dans les vues des
composants, Angular définit des techniques pour assurer la liaison des données.
Data Binding = Communication
Installation des outils Pour faciliter le développement d’une application Angular, les
outils suivant doivent être installés :
26
Chaima REJEB DMWM 2019_2020
IX. Services
Un service est une catégorie large qui englobe toute valeur, fonction ou
fonctionnalité dont votre application a besoin. Un service est généralement une
classe avec un but étroit et bien défini. Généralement, les composants se limitent à
l’affichage et à la gestion des événements utilisateurs dans la vue du composant.
L’exécution des traitements en local ou en back end sont attribués aux services.
Quand un événement survient dans la vue, le composant fait appel à des fonctions
dans les services pour effectuer des traitements et fournir des résultats.
Figure 3 : services
X. Routage et Navigation
Le routeur angulaire permet la navigation d'une vue à l'autre lorsque les utilisateurs
exécutent des tâches d'application. Le routeur angulaire est un service facultatif qui
présente une vue de composant particulière pour une URL donnée. Il ne fait pas
partie du noyau angulaire. C'est dans son propre paquet de bibliothèque,
@angulaire/router.
26
Chaima REJEB DMWM 2019_2020
26
Chaima REJEB DMWM 2019_2020
XIII. Conclusion
26
Chaima REJEB DMWM 2019_2020
Node-Js
26
I. Introduction
NodeJS est une plateforme construite sur le moteur JavaScript V8 de Chrome qui permet de
développer des applications en utilisant du JavaScript. Il se distingue des autres plateformes
gràce à une approche non bloquante permettant d'effectuer des entrées/sorties (I/O) de
manière asynchrone.
1. La légèreté
Le second avantage est la légèreté de Node.js : son empreinte mémoire est petite et son
architecture est donc facilement transposable dans une infrastructure Cloud.
Puis vient son architecture monothread appelée « Event loop ». Cette dernière se
matérialise sous la forme d’une pile d’événements.
2. JavaScript
Installer et configurer un serveur Node.js Développer des applications JavaScript côté serveur Mettre
en œuvre les concepts de la programmation événementielle et asynchrone Mettre en place un
gestionnaire de routes Manipuler l'API de Node.js Gérer la persistance dans une base de données
NoSQL
XV. Scalable
NodeJS est dit scalable. Ce terme signifie qu'un système a pour capacité d'évoluer facilement
en fonction de la charge d'utilisation ou du besoin. Le mot anglais scalability désigne la
capacité d'un produit à s'adapter à un changement d'ordre de grandeur de la demande
(montée en charge). En particulier sa capacité à maintenir ses fonctionnalités et ses
Chaima REJEB DMWM 2019_2020
XVII. conclusion
Cette formation nous a permis d’apprendre comment réaliser une première application
Web fonctionnelle à l'aide de cet environnement JavaScript côté serveur.
Chaima REJEB DMWM 2019_2020
Anglais
Have you ever read an instruction manual, assembly guide, or product tutorial? If you have,
you’ve read content that was likely created by a technical writer. Technical writing is the art
of writing instructions or process documentation. The material is not meant to be creative or
entertaining; its intent is to provide clear and concise information to the reader. Having
strong technical writing abilities is a crucial skill for instructional designers (IDs) because a
large part of the ID’s job is to convey information to learners in a way that is easy to follow
and understand.
1. Focus on Tasks
One way to make sure your writing is easy to follow and action-based is to focus on tasks. If
you’re an experienced ID, you’re probably familiar with a task analysis, and this form of
analysis is a technical writer’s best friend. (If you want a bit more information about how to
Chaima REJEB DMWM 2019_2020
do a task analysis, check out this article: How to Do a Task Analysis Like a Pro.) In addition to
completing a thorough task analysis, you should strive to include an action verb in every
sentence. It’s also a good idea to focus on active verbs rather than passive verbs; active
verbs are clearer and more precise, and generally tend to lead to shorter and more concise
sentences.
There are a few ways you can avoid making your writing personal. First, refrain from writing
in the first or second person. This means avoiding the use of the words “I”, “You”, or “We” in
your writing.
For example, instead of writing:
Next you want to click in the Comments field and paste your comments.
Write something like this:
Notice how much more direct the second example is? I’ve also broken it up into two shorter
sentences that each start with an action verb.
Another way you can keep your written content from being overly personal is to avoid using
specific people’s names in your writing.
For example, instead of writing:
Forward the email to Janet McPhee in the Marketing Department.
Write something like this:
Forward the email to the Marketing Director.
This helps ensure your written materials don’t quickly become outdated if, for example,
Janet leaves the company or changes departments within the organization.
An important part of making sure your written materials are easy to follow is to be as clear
and concise as possible. Get rid of any unnecessary, descriptive, or subjective words. Be
Chaima REJEB DMWM 2019_2020
detailed and specific in your writing, and don’t leave room for your learners to have any
questions about the instructions you provide. Read this article for more tips about improving
your writing skills: Top Writing Tips for E-Learning.
We all know the expression: a picture is worth a thousand words. Sometimes it can be
difficult to explain a concept or idea with words. In those cases, incorporating a graphic,
photo, diagram, or other type of visual aid can help drive home the information more
quickly. That being said, keep in mind you don’t want to use TOO many visuals because they
can quickly become outdated (especially screenshots of software systems or applications)
Formatting can have a huge impact on the legibility of your written materials. Using bullet
lists, headings, tables, and proper margins will make it a lot easier for a learner to skim
through your materials and find what they need. Before you publish your materials, take a
closer look at how you can format your text to make it appear more organized and cohesive.
When you’re clear about what you’re feeling, you’ll speak with more confidence. You may
have many different feelings, and that’s fine. Just make sure that you’re clear about what
your emotions are telling you.
Chaima REJEB DMWM 2019_2020
Before you say a word, check in with your emotional self. If you’re upset, it’s best to take a
moment to chill out. Saying something in the heat of the moment is not smart. Take a
minute to breathe, or find a way to distract yourself to reduce the intensity of your feelings.
The more control you have over your emotions the more confident you will feel.
In every situation there is a desired outcome. So before you speak your mind, clarify your
goal. You may not know exactly what to say or how to say it, but if you know what you want,
you can start there. Even if the situation isn't emotionally overwhelming, you are annoyed
with your friend but understand there is traffic and it may not be her fault. You want her to
call you or let you know before she's late so you don't get annoyed. Your goal would be to
express that to her. When you know what your goal is it will help you remain confident in
communicating.
Location :
Location is key, so be mindful of where you want to have this conversation. Confronting
someone at a dinner with friends or through text message will not turn out well. The best
situations are one’s that you have some control in like taking a walk outside and talking with
her in person.
Chaima REJEB DMWM 2019_2020
The saying is true: timing is everything. If you’re in a rush, or the person you’re trying to talk
to appears overwhelmed, it may be a good idea to find a better time for the conversation, one
that works for both of you.
It may sound silly but when you say it out loud or write down what you want to say, you feel
more confident. You have more control. Keep your main points in mind, and remember what
you want the outcome to be. Speak up about your feelings.
Appear confident :
Nonverbal communication
body language and facial expressions
can be important. Posture and eye contact mean a lot.
Slouching and looking at the ground makes you look like a pushover (as if,
literally, someone could push you over).
Standing up straight reflects confidence
In the English language, words can be considered as the smallest elements that have
distinctive meanings. Based on their use and functions, words are categorized into
several types or parts of speech. This article will offer definitions and examples for the
8 major parts of speech in English grammar:
noun,
pronoun
verb
adverb
adjective
conjunction
preposition
Chaima REJEB DMWM 2019_2020
interjection
English is everywhere. It’s in online videos, news channels, on radio. So listen and
build your vocabulary.
Questions are like mirrors. Reverse the question, and find the answer.
You learnt arabic and french in full sentences. Then why should learning English be
any different. Read full sentences, speak in sentences.
Remember, even those who speak English fluently make grammatical mistakes. But,
what they do right, is communicate without worrying about them.
Chaima REJEB DMWM 2019_2020
LFCS
Chaima REJEB DMWM 2019_2020
I. Introduction
Logiciel libre:
Un logiciel libre est un logiciel dont l'utilisation, l'étude, la modification et la duplication en
vue de sa diffusion sont permises, techniquement et légalement1. Ceci afin de garantir
certaines libertés induites, dont le contrôle du programme par l'utilisateur et la possibilité de
partage entre individus.
Un logiciel est considéré comme libre, au sens de la Free Software Foundation, s'il confère à
son utilisateur quatre libertés :
1. la liberté d'exécuter le programme, pour tous les usages ;
2. la liberté d'étudier le fonctionnement du programme et de l'adapter à ses besoins ;
3. la liberté de redistribuer des copies du programme (ce qui implique la possibilité
aussi biende donner que de vendre des copies) ;
4. la liberté d'améliorer le programme et de distribuer ces améliorations au public, pour
enfaire profiter toute la communauté.
1. Definition de Gnu
GNU est un système d’exploitation libre créé en 1983 par Richard Stallman, maintenu par le
projet GNU. Il reprend les concepts et le fonctionnement d’UNIX. Les logiciels qui composent
GNU sont généralement utilisés en association avec des logiciels libres issus d'autres projets
tels que le noyau Linux.
8. Definition de linux
Linux est un système d’exploitation libre basé sur Unix. Très performant, il est stable et très
sûr. Installé sur une majorité de serveurs web pour internet, sur les supercalculateurs du
monde entier et même sur l’ISS, il est très peu présent sur les postes de travail.
XXI. Distribution
Un ensemble rassemblant les composants d'un système dans un ensemble cohérent et
Figure 7 : linux/Gnu
Chaima REJEB DMWM 2019_2020
Figure 8 :destribution
No yau
Figure 9 : Architecture
Sous le nom shell (coquille), on désigne l'interface utilisateur qui, dans l'architecture d'UNIX,
entoure le noyau (kernel).
Plus simplement, le shell est un programme qui permet à l'utilisateur de
système (le noyau).
Il permet de réaliser plusieurs tâches :
il interprète les ordres tapés au clavier par l'utilisateur et permet ainsi l'exécution des
programmes
il fournit à l'utilisateur un langage de programmation
il permet de modifier l'environnement;
il se charge de réaliser les redirections des entrées-sorties, les pipes et la substitution de type
fichier
Le shell correspond à une fenêtre présentant un prompt, encore appelé invite de commande. Celle-
ci est paramétrable et par défaut en bash se compose comme suit :
Chaima REJEB DMWM 2019_2020
login@machine$
1. le fichier /etc/profile 2. le
fichier $HOME/.bash
4. le fichier $HOME/.profile,
5. le fichier système /etc/bashrc
6. le fichier caché .bashrc
Le système de fichier correspond à une arborescence que parcourt de la racine (root) vers
les feuilles :
La racine se note /
Grâce au listage long format (ls -l) du contenu d’un fichier, on peut afficher les droits d’accès
de tout fichier. Ces droits sont attribués séparément pour chacune des identités décrites ci-
dessus. On perçoit trois droits :
r (read) : droit de lecture
w (write): droit d’écriture
x (execute) : droit d’exécution
L'affichage des droits est représenté par une chaîne de neuf caractères, précédée d'un
caractère,
représentant le type du fichier. Ces neuf caractères, regroupés 3 par 3 (rwx rwx rwx)
les droits des 3 identités respectivement le propriétaire, le groupe et les autres. Pour chaque
droit
existant on voit une lettre parmi r, w ou x et, si un droit n'existe pas, on utilise le tiret
confondre avec le 1er tiret qui signifie - fichier régulier). En effet, lors de l’affichage, un
symbole s’affiche en début de ligne ; on perçoit trois symboles définissant :
- fichier régulier
d (directory): répertoire
l (link): lien symbolique
XXV. Chmod
La commande chmod (CHangeMODe) permet de définir et de changer les droits d'accès d'un
fichier ou un ensemble de fichiers. Parmi les options de la commande chmod, les deux les
plus
importants sont:
Chaima REJEB DMWM 2019_2020
Il s'agit de l'utilisation des lettres r, w et x pour spécifier les droits voulus. La nouveauté
c'est qu'on va utiliser aussi des lettres pour désigner les identités dont nous avons parlé plus
haut : le propriétaire, le groupe et les autres. chmod utilise la notation suivante :
En premier lieu, un numéro est attribué à chacun des droits selon l’identité destinée ; ces attributs
XXVI. Umask
La commande umask permet de définir les droits par défaut d'un fichier ou répertoire à sa création.
Autrement dit elle indique les droits qu'il faut retirer lors de leur création. La commande umask,
Chaima REJEB DMWM 2019_2020
A l'instar de la commande chmod (façon numérique) prend en argument 3 chiffres, qui cette fois
représentent les droits que nous ne voulons pas accorder.
umask 0022 fichier
Ainsi, le umask est défini à 022 et un fichier créé se voit attribuer, par défaut, les droits: (666-
022=644)
A savoir que la durée de vie de la commande umask est limité à la session shell en cours. Pour une
durée permanente voir les fichiers de configuration de votre shell. Pour le shell bash, on peut utiliser
le fichier ~/.bashrc « chown »
Pour changer le propriétaire d'un fichier il faut utiliser la commande chown (Change OWNer) :
chown usager fichier
« chgrp» Pour changer le groupe d'un fichier , on utilise la commande (CHange Group):
chgrp groupe fichier
XXVIII. conclusion
Pour conclure, cette formation (LFCS) nous a permis de découvrir les aspects