coderobot/programs.html at main · lightbombs/coderobot · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>ESPRIM - Programmes</title>

    <!-- PWA Meta Tags -->
    <meta name="theme-color" content="#9b1f2b" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="ESPRIM" />
    <meta name="mobile-web-app-capable" content="yes" />

    <!-- PWA Manifest -->
    <link rel="manifest" href="manifest.json" />

    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" href="images/Logo%20esprim.png" />

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Space+Grotesk:wght@400;500;600&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body class="is-lang-fr">
    <div class="app-shell page" data-page="content">
      <header class="page-header">
        <button class="back-btn" type="button" data-back aria-label="Retour">
          <svg class="back-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
        </button>
        <img class="logo-inline logo-header" src="images/Logo%20esprim.png" alt="Logo ESPRIM" />
        <div class="top-actions">
          <div class="lang-switcher">
            <button class="ghost-btn lang-switch-btn" id="lang-toggle" type="button" aria-label="Changer la langue">
              <img src="images/france.png" alt="Drapeau France" id="current-flag" />
              <span id="current-lang">FR</span>
              <span class="dropdown-arrow">▼</span>
            </button>
            <div class="lang-dropdown" id="lang-menu">
              <button data-lang-switch="fr" class="is-active"><img src="images/france.png" alt="France" /><span>Français</span></button>
              <button data-lang-switch="en"><img src="images/uk.png" alt="UK" /><span>English</span></button>
              <button data-lang-switch="ar"><img src="images/tunis.png" alt="Tunisia" /><span>العربية</span></button>
            </div>
          </div>
        </div>
      </header>

      <div class="page-hero">
        <h1 class="page-title">
          <span class="lang-fr">Programmes académiques</span>
          <span class="lang-en">Academic Programs</span>
          <span class="lang-ar rtl">البرامج الأكاديمية</span>
        </h1>
      </div>

      <main class="page-content">

        <!-- CYCLE PRÉPARATOIRE -->
        <section class="section-card">
          <h2>
            <span class="lang-fr">Cycle préparatoire</span>
            <span class="lang-en">Preparatory Cycle</span>
            <span class="lang-ar rtl">المرحلة التحضيرية</span>
          </h2>
          <p>
            <span class="lang-fr">Le cycle préparatoire permet à des bacheliers scientifiques et techniques d'intégrer l'ESPRIM à l'issue du baccalauréat. Les études portent sur des enseignements scientifiques et techniques d'une durée de deux années, conformes au programme national étalé sur quatre semestres. La première année couvre les fondamentaux scientifiques et techniques ; la seconde prépare aux concours nationaux d'entrée aux grandes écoles d'ingénieurs.</span>
            <span class="lang-en">The preparatory cycle allows scientific and technical baccalaureate holders to join ESPRIM after obtaining their baccalaureate. Studies focus on scientific and technical education over two years, following the national program spread over four semesters. The first year covers scientific and technical fundamentals; the second prepares for national competitive exams for entry to engineering schools.</span>
            <span class="lang-ar rtl">تمكّن المرحلة التحضيرية حاملي البكالوريا العلمية والتقنية من الالتحاق بالمؤسسة مباشرة. تمتد الدراسة سنتين وفق البرنامج الوطني على أربعة سداسيات. تغطي السنة الأولى أساسيات العلوم والتقنية، فيما تُهيّئ السنة الثانية للمناظرات الوطنية للالتحاق بمدارس المهندسين.</span>
          </p>
          <div class="kv">
            <div class="kv-row">
              <span><span class="lang-fr">Durée</span><span class="lang-en">Duration</span><span class="lang-ar rtl">المدة</span></span>
              <span><span class="lang-fr">2 ans (4 semestres)</span><span class="lang-en">2 years (4 semesters)</span><span class="lang-ar rtl">سنتان (4 سداسيات)</span></span>
            </div>
            <div class="kv-row">
              <span><span class="lang-fr">Accès</span><span class="lang-en">Entry Requirements</span><span class="lang-ar rtl">شروط الدخول</span></span>
              <span><span class="lang-fr">Baccalauréat scientifique ou technique</span><span class="lang-en">Scientific or technical baccalaureate</span><span class="lang-ar rtl">بكالوريا علمية أو تقنية</span></span>
            </div>
          </div>
        </section>

        <section class="section-card">
          <h2>
            <span class="lang-fr">Filières — cycle préparatoire</span>
            <span class="lang-en">Tracks — Preparatory Cycle</span>
            <span class="lang-ar rtl">المسارات — المرحلة التحضيرية</span>
          </h2>
          <div class="qa">
            <div class="qa-item">
              <h3><span class="lang-fr">Mathématiques et Physique (MP)</span><span class="lang-en">Mathematics and Physics (MP)</span><span class="lang-ar rtl">رياضيات وفيزياء (MP)</span></h3>
              <p><span class="lang-fr">Accent mis sur les mathématiques et la physique pour offrir une base théorique solide. En deux ans, les étudiants maîtrisent des concepts avancés essentiels pour intégrer les grandes écoles d'ingénieurs dans des spécialités exigeant rigueur et précision.</span><span class="lang-en">Focus on mathematics and physics to provide a solid theoretical foundation. Over two years, students master advanced concepts essential for entering top engineering schools in specialties requiring rigor and precision.</span><span class="lang-ar rtl">تركيز على الرياضيات والفيزياء لتوفير قاعدة نظرية متينة. يتقن الطلاب في غضون سنتين مفاهيم متقدمة أساسية للالتحاق بمدارس المهندسين في تخصصات تتطلب الدقة والصرامة.</span></p>
            </div>
            <div class="qa-item">
              <h3><span class="lang-fr">Physique et Chimie (PC)</span><span class="lang-en">Physics and Chemistry (PC)</span><span class="lang-ar rtl">فيزياء وكيمياء (PC)</span></h3>
              <p><span class="lang-fr">Formation spécialisée de deux ans dans les domaines de la physique et de la chimie, destinée aux passionnés de sciences et d'expérimentation. Elle établit une base solide pour une future spécialisation en génie chimique ou en science des matériaux.</span><span class="lang-en">Two-year specialized training in physics and chemistry, designed for science and experimentation enthusiasts. It establishes a solid foundation for future specialization in chemical engineering or materials science.</span><span class="lang-ar rtl">تكوين متخصص على مدى سنتين في مجالي الفيزياء والكيمياء، موجه لعشاق العلوم والتجريب. يُرسّخ قاعدة متينة للتخصص مستقبلاً في الهندسة الكيميائية أو علم المواد.</span></p>
            </div>
            <div class="qa-item">
              <h3><span class="lang-fr">Technologique (TECHNO)</span><span class="lang-en">Technological (TECHNO)</span><span class="lang-ar rtl">تكنولوجي (TECHNO)</span></h3>
              <p><span class="lang-fr">Formation axée sur l'application pratique des sciences et des mathématiques. Elle offre une base technique solide et prépare aux défis de l'ingénierie moderne, avec un accent particulier sur les savoir-faire technologiques concrets.</span><span class="lang-en">Training focused on practical application of sciences and mathematics. It provides a solid technical foundation and prepares for modern engineering challenges, with particular emphasis on concrete technological know-how.</span><span class="lang-ar rtl">تكوين يرتكز على التطبيق العملي للعلوم والرياضيات، يوفر أساساً تقنياً متيناً ويُهيّئ لتحديات الهندسة الحديثة مع التركيز على المهارات التكنولوجية العملية.</span></p>
            </div>
          </div>
        </section>

        <!-- CYCLE INGÉNIEUR -->
        <section class="section-card">
          <h2>
            <span class="lang-fr">Cycle ingénieur — Génie Informatique</span>
            <span class="lang-en">Engineering Cycle — Computer Engineering</span>
            <span class="lang-ar rtl">دورة المهندس — الهندسة المعلوماتية</span>
          </h2>
          <p>
            <span class="lang-fr">Programme qui forme des ingénieurs compétents dans la conception et la mise en œuvre de solutions informatiques avancées. L'accent est mis sur le développement logiciel, les systèmes d'information et les technologies émergentes. Orientations disponibles : Data Science & Intelligence Artificielle, Développement Avancé Web & Mobile, Cloud & Cybersécurité.</span>
            <span class="lang-en">Program that trains competent engineers in designing and implementing advanced IT solutions. Focus is on software development, information systems, and emerging technologies. Available specializations: Data Science & Artificial Intelligence, Advanced Web & Mobile Development, Cloud & Cybersecurity.</span>
            <span class="lang-ar rtl">برنامج يُكوّن مهندسين أكفاء في تصميم وتطوير حلول معلوماتية متقدمة. يُركّز على تطوير البرمجيات وأنظمة المعلومات والتقنيات الناشئة. التوجهات المتاحة: علم البيانات والذكاء الاصطناعي، تطوير الويب والهاتف المحمول، السحابة والأمن السيبراني.</span>
          </p>
          <div class="kv">
            <div class="kv-row">
              <span><span class="lang-fr">Durée</span><span class="lang-en">Duration</span><span class="lang-ar rtl">المدة</span></span>
              <span><span class="lang-fr">3 ans (Bac+5)</span><span class="lang-en">3 years (5 years after high school)</span><span class="lang-ar rtl">3 سنوات (بكالوريا+5)</span></span>
            </div>
            <div class="kv-row">
              <span><span class="lang-fr">Accréditation</span><span class="lang-en">Accreditation</span><span class="lang-ar rtl">الاعتماد</span></span>
              <span>EUR-ACE</span>
            </div>
          </div>
        </section>

        <section class="section-card">
          <h2>
            <span class="lang-fr">Cycle ingénieur — Génie Mécatronique</span>
            <span class="lang-en">Engineering Cycle — Mechatronics Engineering</span>
            <span class="lang-ar rtl">دورة المهندس — هندسة الميكاترونيك</span>
          </h2>
          <p>
            <span class="lang-fr">La mécatronique fusionne la mécanique, l'électronique et l'informatique pour développer des systèmes automatisés et intelligents. Proposé en cursus de trois ou cinq ans, ce programme dote les étudiants de compétences interdisciplinaires indispensables pour innover dans des secteurs tels que l'automobile, l'aéronautique et la robotique.</span>
            <span class="lang-en">Mechatronics combines mechanics, electronics, and computer science to develop automated and intelligent systems. Offered as a three or five-year program, it equips students with essential interdisciplinary skills to innovate in sectors such as automotive, aerospace, and robotics.</span>
            <span class="lang-ar rtl">تجمع الميكاترونيك بين الميكانيك والإلكترونيك والمعلوماتية لتطوير أنظمة آلية وذكية. يُقدَّم هذا البرنامج في مسار ثلاث أو خمس سنوات، ويُزوّد الطلاب بكفاءات متعددة التخصصات للابتكار في قطاعات كالسيارات والطيران والروبوتيك.</span>
          </p>
          <div class="kv">
            <div class="kv-row">
              <span><span class="lang-fr">Durée</span><span class="lang-en">Duration</span><span class="lang-ar rtl">المدة</span></span>
              <span><span class="lang-fr">3 ou 5 ans</span><span class="lang-en">3 or 5 years</span><span class="lang-ar rtl">3 أو 5 سنوات</span></span>
            </div>
            <div class="kv-row">
              <span><span class="lang-fr">Débouchés</span><span class="lang-en">Career Opportunities</span><span class="lang-ar rtl">آفاق التوظيف</span></span>
              <span><span class="lang-fr">Automobile, aéronautique, robotique</span><span class="lang-en">Automotive, aerospace, robotics</span><span class="lang-ar rtl">سيارات، طيران، روبوتيك</span></span>
            </div>
          </div>
        </section>

        <section class="section-card">
          <h2>
            <span class="lang-fr">Cycle ingénieur — Génie Électrique : Électronique Embarquée et Télécoms</span>
            <span class="lang-en">Engineering Cycle — Electrical Engineering: Embedded Electronics and Telecoms</span>
            <span class="lang-ar rtl">دورة المهندس — الهندسة الكهربائية: إلكترونيك مدمج واتصالات</span>
          </h2>
          <p>
            <span class="lang-fr">Spécialité centrée sur la conception et le développement de systèmes embarqués. Le programme couvre l'électronique analogique et numérique, les microcontrôleurs, la logique programmable, le VHDL, les bus et protocoles de communication embarqués (USB, IP, etc.), ainsi que les OS temps réel.</span>
            <span class="lang-en">Specialty focused on designing and developing embedded systems. The program covers analog and digital electronics, microcontrollers, programmable logic, VHDL, embedded communication buses and protocols (USB, IP, etc.), as well as real-time operating systems.</span>
            <span class="lang-ar rtl">تخصص يرتكز على تصميم وتطوير الأنظمة المدمجة. يشمل البرنامج الإلكترونيك التماثلي والرقمي، والمتحكمات الدقيقة، والمنطق القابل للبرمجة، وVHDL، ونواقل وبروتوكولات الاتصال المدمجة (USB، IP...)، فضلاً عن أنظمة الوقت الحقيقي.</span>
          </p>
          <div class="kv">
            <div class="kv-row">
              <span><span class="lang-fr">Durée</span><span class="lang-en">Duration</span><span class="lang-ar rtl">المدة</span></span>
              <span><span class="lang-fr">3 ou 5 ans</span><span class="lang-en">3 or 5 years</span><span class="lang-ar rtl">3 أو 5 سنوات</span></span>
            </div>
            <div class="kv-row">
              <span><span class="lang-fr">Débouchés</span><span class="lang-en">Career Opportunities</span><span class="lang-ar rtl">آفاق التوظيف</span></span>
              <span><span class="lang-fr">Énergie, robotique, systèmes embarqués</span><span class="lang-en">Energy, robotics, embedded systems</span><span class="lang-ar rtl">طاقة، روبوتيك، أنظمة مدمجة</span></span>
            </div>
          </div>
        </section>

        <section class="section-card">
          <h2>
            <span class="lang-fr">Cycle ingénieur — Génie Électrique : Systèmes Automatisés et Maintenance Industrielle (SAMI)</span>
            <span class="lang-en">Engineering Cycle — Electrical Engineering: Automated Systems and Industrial Maintenance (SAMI)</span>
            <span class="lang-ar rtl">دورة المهندس — الهندسة الكهربائية: أنظمة آلية وصيانة صناعية (SAMI)</span>
          </h2>
          <p>
            <span class="lang-fr">L'ingénieur SAMI conçoit et développe des systèmes industriels automatisés : robots, véhicules à guidage automatique, machines à commandes numériques. Il programme des automates, assure le suivi des essais et gère la mise en fonctionnement des installations. Il intervient aussi dans la négociation technique et financière avec les fournisseurs et sous-traitants.</span>
            <span class="lang-en">The SAMI engineer designs and develops automated industrial systems: robots, automated guided vehicles, CNC machines. They program PLCs, monitor tests, and manage facility commissioning. They also participate in technical and financial negotiations with suppliers and subcontractors.</span>
            <span class="lang-ar rtl">يصمم مهندس SAMI ويطوّر المنظومات الصناعية الآلية: روبوتات، مركبات ذاتية التوجيه، آلات بالقيادة الرقمية. يبرمج وحدات التحكم الآلي ويتابع التجارب ويدير تشغيل المنشآت، مع التفاوض التقني والمالي مع الموردين والمقاولين من الباطن.</span>
          </p>
          <div class="kv">
            <div class="kv-row">
              <span><span class="lang-fr">Accès</span><span class="lang-en">Entry Requirements</span><span class="lang-ar rtl">شروط الدخول</span></span>
              <span><span class="lang-fr">Concours ingénieurs ou Licence en Génie Électrique</span><span class="lang-en">Engineering competitive exam or Bachelor's in Electrical Engineering</span><span class="lang-ar rtl">مناظرة المهندسين أو إجازة في الهندسة الكهربائية</span></span>
            </div>
            <div class="kv-row">
              <span><span class="lang-fr">Métiers</span><span class="lang-en">Careers</span><span class="lang-ar rtl">المهن</span></span>
              <span><span class="lang-fr">Ingénieur automaticien, systèmes, R&D, qualité</span><span class="lang-en">Automation engineer, systems, R&D, quality</span><span class="lang-ar rtl">مهندس أتمتة، أنظمة، بحث وتطوير، جودة</span></span>
            </div>
          </div>
        </section>

        <section class="section-card">
          <h2>
            <span class="lang-fr">Cycle ingénieur — Génie Industriel</span>
            <span class="lang-en">Engineering Cycle — Industrial Engineering</span>
            <span class="lang-ar rtl">دورة المهندس — الهندسة الصناعية</span>
          </h2>
          <p>
            <span class="lang-fr">La formation en Génie Industriel se concentre sur l'optimisation des processus de production et la gestion des opérations. Les étudiants acquièrent des compétences en analyse des systèmes, en gestion de la qualité et en ingénierie de la production, essentielles pour améliorer l'efficacité et renforcer la compétitivité industrielle. La pédagogie est axée sur des projets réels et l'innovation technologique.</span>
            <span class="lang-en">Industrial Engineering training focuses on optimizing production processes and operations management. Students acquire skills in systems analysis, quality management, and production engineering, essential for improving efficiency and strengthening industrial competitiveness. The pedagogy is based on real projects and technological innovation.</span>
            <span class="lang-ar rtl">يُركّز تكوين الهندسة الصناعية على تحسين عمليات الإنتاج وإدارة العمليات. يكتسب الطلاب كفاءات في تحليل الأنظمة وإدارة الجودة وهندسة الإنتاج، الضرورية لتحسين الكفاءة وتعزيز القدرة التنافسية الصناعية، اعتماداً على مشاريع حقيقية والابتكار التكنولوجي.</span>
          </p>
          <div class="kv">
            <div class="kv-row">
              <span><span class="lang-fr">Accès</span><span class="lang-en">Entry Requirements</span><span class="lang-ar rtl">شروط الدخول</span></span>
              <span><span class="lang-fr">Concours ingénieurs ou Licence en énergétique, mécanique ou électromécanique</span><span class="lang-en">Engineering competitive exam or Bachelor's in energy, mechanical, or electromechanical engineering</span><span class="lang-ar rtl">مناظرة المهندسين أو إجازة في الطاقات أو الميكانيك أو الكهروميكانيك</span></span>
            </div>
          </div>
        </section>

        <!-- COURS DU SOIR -->
        <section class="section-card">
          <h2>
            <span class="lang-fr">Cours du soir — Formation continue</span>
            <span class="lang-en">Evening Courses — Continuing Education</span>
            <span class="lang-ar rtl">الدروس المسائية — التكوين المستمر</span>
          </h2>
          <p>
            <span class="lang-fr">Formation approfondie aboutissant au Diplôme National d'Ingénieur (Bac+5). Destinée aux salariés, demandeurs d'emploi ou étudiants titulaires d'au moins un diplôme du premier cycle. Les spécialités proposées en cours du soir sont :</span>
            <span class="lang-en">In-depth training leading to the National Engineering Diploma (5 years after high school). Intended for employees, job seekers, or students holding at least a first-cycle diploma. Specializations offered in evening courses:</span>
            <span class="lang-ar rtl">تكوين معمّق يُفضي إلى الشهادة الوطنية لمهندس (بكالوريا+5). موجّه للأجراء وطالبي الشغل والطلاب الحاملين لشهادة من الدورة الأولى على الأقل. التخصصات المتاحة في الدروس المسائية:</span>
          </p>
          <div class="qa">
            <div class="qa-item">
              <h3><span class="lang-fr">Génie Informatique</span><span class="lang-en">Computer Engineering</span><span class="lang-ar rtl">الهندسة المعلوماتية</span></h3>
              <p><span class="lang-fr">Conception et mise en œuvre de solutions logicielles avancées, systèmes d'information et technologies émergentes.</span><span class="lang-en">Design and implementation of advanced software solutions, information systems, and emerging technologies.</span><span class="lang-ar rtl">تصميم وتطوير حلول برمجية متقدمة وأنظمة معلومات وتقنيات ناشئة.</span></p>
            </div>
            <div class="qa-item">
              <h3><span class="lang-fr">Génie Mécatronique</span><span class="lang-en">Mechatronics Engineering</span><span class="lang-ar rtl">هندسة الميكاترونيك</span></h3>
              <p><span class="lang-fr">Fusion de la mécanique, l'électronique et l'informatique pour le développement de systèmes automatisés et intelligents.</span><span class="lang-en">Integration of mechanics, electronics, and computer science for developing automated and intelligent systems.</span><span class="lang-ar rtl">دمج الميكانيك والإلكترونيك والمعلوماتية لتطوير أنظمة آلية وذكية.</span></p>
            </div>
            <div class="qa-item">
              <h3><span class="lang-fr">Génie Électrique : Électronique Embarquée & Télécoms</span><span class="lang-en">Electrical Engineering: Embedded Electronics & Telecoms</span><span class="lang-ar rtl">الهندسة الكهربائية: إلكترونيك مدمج واتصالات</span></h3>
              <p><span class="lang-fr">Conception de systèmes embarqués, protocoles de communication et OS temps réel.</span><span class="lang-en">Design of embedded systems, communication protocols, and real-time operating systems.</span><span class="lang-ar rtl">تصميم الأنظمة المدمجة وبروتوكولات الاتصال وأنظمة الوقت الحقيقي.</span></p>
            </div>
            <div class="qa-item">
              <h3><span class="lang-fr">Génie Électrique : Systèmes Automatisés et Maintenance Industrielle</span><span class="lang-en">Electrical Engineering: Automated Systems and Industrial Maintenance</span><span class="lang-ar rtl">الهندسة الكهربائية: أنظمة آلية وصيانة صناعية</span></h3>
              <p><span class="lang-fr">Automatisation des systèmes industriels, programmation d'automates et maintenance des installations complexes.</span><span class="lang-en">Automation of industrial systems, PLC programming, and maintenance of complex facilities.</span><span class="lang-ar rtl">أتمتة المنظومات الصناعية وبرمجة وحدات التحكم وصيانة المنشآت المعقدة.</span></p>
            </div>
          </div>
        </section>

      </main>
    </div>

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