====== LU00o - Benötigte Software - V2 ======

Bevor wir uns an die praktische Arbeit machen, müssen wir verschiedene Software installieren. Die folgende Liste enthält die erforderlichen Tools und den Zweck der einzelnen Pakete:

^ Software ^ Beschreibung ^ Download-Link ^
| Visual Studio Code | IDE für Webentwicklung (Integrated Development Environment) | [[https://code.visualstudio.com/download|VS Studio Code]] | 
| Safe Exam Browser (SEB) | Von der ETHZ entwickelte, spezialisierte Webbrowser-Umgebung zur sicheren Durchführung von Online-Prüfungen. | [[https://safeexambrowser.org/download_de.html| Safe Exam Browser]]|

Bevor Sie die Software herunterladen, müssen Sie prüfen welche Version Computer bzw. Chip Ihr Computer verwendet. 

===== Hinweise MacOS =====

  * Apfel-Symbol links oben im Monitor | About This Mac
  * Es gibt Intel und Apple Chip-Set
  * Die neueren Macs haben alle M-Chips von Apple, daher einfach den grossen blauen Button drücken


===== Hinweise Windows =====

  * Explorer öffnen | Desktop + rechte Maustaste 
  * Die meisten neueren PCs haben einen 64-Bit Chip von Intel. In dem Falle können Sie einfach die Standard-Version mit dem grossen blauen Button herunterladen.

===== Visual Studio Code =====

==== Post-Installationsschritte ====
Damit wir unser Ergebnis im Browser anschauen können müssen wir noch ein paar Module im Visual Studio Code ergänzen. Folgen Sie die nachfolgenden Schritte, um diese zu installieren.

  - Öffnen Sie VS Studio Code. 
  - Mit **Generate New Workspace** werden Sie aufgefordert einen Namen für eine Arbeitsumgebung eingezugeben. Diese ist: **M287_HTML_CSS**
  - Abschliessend müssen wir einige Extensions einrichten. Die Extensions finden wir in der linken Leiste, unter den 4 Vierecken. 
    * Live Server
    * JavaScript Snippits (ersten Treffer)
    * Bootstrap
    * Open Browser Preview
    * Open In Default Browser

==== Installationsanleitung als Video ====

  * [[https://www.youtube.com/watch?v=mL1IcxIUd5Y | Kurzanleitung Installation VS Studio Code]]

===== Safe Exam Browser =====

  * [[https://www.youtube.com/watch?v=StEnGYAYp8Y|Download and Install on Windows in a Minute!!!]]
  * [[https://www.youtube.com/watch?v=UsPLPabkuLQ|SEB 3.01 installation configuration and how to start exam on student computer]]



----
[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Kamil Demirci