{"id":2298,"date":"2021-10-13T21:06:11","date_gmt":"2021-10-13T19:06:11","guid":{"rendered":"https:\/\/cbrell.de\/blog\/?p=2298"},"modified":"2022-09-22T10:36:26","modified_gmt":"2022-09-22T08:36:26","slug":"claus-brells-unterlagen-fuer-die-zweite-lehrveranstaltung","status":"publish","type":"post","link":"https:\/\/cbrell.de\/blog\/claus-brells-unterlagen-fuer-die-zweite-lehrveranstaltung\/","title":{"rendered":"Claus Brells Unterlagen f\u00fcr Lehrveranstaltungen"},"content":{"rendered":"

F\u00fcr den Fall, dass die Moodle Plattform der Hochschule Niederrhein nicht verf\u00fcgbar ist, finden Sie hier Links auf die Dokumente f\u00fcr Claus Brells Lehrveranstaltungen.<\/em><\/p>\n

19.10.2021<\/p>\n

2. Veranstaltung<\/strong><\/h2>\n

BCSM104<\/h3>\n

Folien<\/h4>\n

1. Fallstudie Adaptive Stromversorgung<\/p>\n

https:\/\/hs-niederrhein.sciebo.de\/s\/G4w96lE6UefgCQq<\/a><\/p>\n

2. Modell und Modellierung<\/p>\n

https:\/\/hs-niederrhein.sciebo.de\/s\/1GfzfZMZq8FIRgB<\/a><\/p>\n

3. Anforderungsanalyse mit Use Case Diagrammen und Mockups<\/p>\n

https:\/\/hs-niederrhein.sciebo.de\/s\/Av9uAuRLbvsKmjg<\/a><\/p>\n

Anleitungen Breakout Sessions:<\/p>\n

Erl\u00e4uternde Texte<\/h4>\n

Wirtschaftsinformatik Basics<\/p>\n

Wirtschaftsinformatik – was ist das?<\/a><\/p>\n

Anforderungsanalyse<\/p>\n

https:\/\/cbrell.de\/blog\/anforderungsanalyse-warum-ist-sie-sinnvoll-und-wie-macht-man-sie\/<\/a><\/p>\n

Anwendungsf\u00e4lle visualisieren mit dem Anwendungsfalldiagramm<\/a><\/p>\n

Mockup \u2013 die Benutzungsoberfl\u00e4che visualisieren<\/a><\/p>\n

Anleitung Breakout Session<\/h4>\n
\n
\n

1. Breakout Session<\/p>\n

1. Googeln Sie nach Begriffserkl\u00e4rungen f\u00fcr „Modell“. Wie unterscheiden sich Fachdisziplinen?<\/p>\n

———<\/p>\n

2. Breakout Session<\/p>\n

2a. Googeln Sie im Internet nach „Use Case Diagramm“ und „Anwendungsfalldiagramm“ (Bilder Suche). Diskutieren Sie, worin sich die Darstellungen unterscheiden.<\/p>\n

2b.\u00a0Zeichen Sie ein einfaches Use-Case Diagramm fu\u0308r ein Touristik-<\/p>\n

\n
\n
\n
\n

Anwendungssystem (siehe Foliensatz)<\/p>\n

———–<\/p>\n

3. Breakout Session<\/p>\n

3a. Googeln Sie im Internet nach „Mockup“ und „Wireframe“ (Bilder Suche). Diskutieren Sie, welche Ihnen warum gut gefallen.<\/p>\n

3b.\u00a0Zeichen Sie ein einfaches Mockup (nur f\u00fcr die Smartphone-App) f\u00fcr ein\u00a0Touristik-Anwendungssystem.<\/p>\n

BWI 403<\/h3>\n

Mit Visual Studio Code PHP auf dem Webserver programmieren.<\/h4>\n
\n
\n

Voraussetzung:<\/strong><\/p>\n

Es existiert ein Webserver mit PHP-Scripten. Die Seiten werden mit einer FTP-Software (z.B. FileZilla) gepflegt. Kann man Visual Studie Code als Editor f\u00fcr die Internet-Programme verwenden?<\/p>\n

1. Visual Studio Code mit PHP erweitern<\/p>\n

Zahnr\u00e4dchen (Extensions\/Erweiterungen), nach PHP suchen, z.B. PHP Intelephense ausw\u00e4hlen.<\/p>\n

2. in FileZilla eintragen, dass nun Visual Studio Code zum bearbeiten der Inhallte verwendet wird.<\/p>\n

Workflow:<\/strong><\/p>\n

Filezilla – Datei „bearbeiten“ – bearbeiten mit Visual Studio Code – speichern – Hochladen – testen.<\/p>\n

Bequemerer Workflow bei gr\u00f6\u00dferen Projekten:<\/strong><\/p>\n

Eigenen Webserver aufsetzen mit XAMPP (Windows), Mac hat schon einen ….<\/p>\n

Dann direkt im Dokumentenverzeichnis Dateien bearbeiten.<\/p>\n

Zur Erinnerung:<\/p>\n

PHP wird interpretiert, also zur Laufzeit direkt ohne Zwischencode ausgef\u00fchrt.<\/p>\n

Topologie auf dem Webserver:<\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0HTTP\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502\r\n\u00a0 \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502\r\n\u00a0 \u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u2502\u00a0 \u00a0Response (HTML)\u00a0 \u00a0 \u00a0\u2502 \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510 \u2502\r\n\u00a0 \u2502 Browser\u00a0 \u00a0 \u00a0 \u2502\u25c4\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u253c\u2500\u2524\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u2502\r\n\u00a0 \u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u2502 Webserver \u2502 \u2502\r\n\u00a0 \u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u251c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\u25ba\u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u2502\r\n\u00a0 \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\u00a0 \u00a0Request\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518 \u2502\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510 \u2502\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u2502\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u2502\u00a0 xyz.php\u00a0 \u2502 \u2502\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u2502\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502 \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518 \u2502\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2502\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518<\/pre>\n
Verst\u00e4ndnisfrage: Was hat das mit Dot Net zu tun?<\/em><\/strong><\/p>\n
Fehlermeldung beim Kompilieren<\/h4>\n
\n
\n
Wenn Sie ein Projekt aus dem letzten Jahr in Visual Studie Code laden, das noch mit dem Framework 3.1 kompiliert wurde, kann es zu folgender Fehlermeldung kommen:<\/p>\n
„It was not possible to find any compatible framework version<\/p>\n
The framework ‚Microsoft.NETCore.App‘, version ‚3.1.0‘ was not found.<\/p>\n
\u00a0 – The following frameworks were found:<\/p>\n
\u00a0 \u00a0 \u00a0 5.0.10 at [\/usr\/local\/share\/dotnet\/shared\/Microsoft.NETCore.App]<\/p>\n
You can resolve the problem by installing the specified framework and\/or SDK.“<\/p>\n
Die L\u00f6sung ist:<\/em><\/p>\n
a) in der csproj Datei auf net5 umstellen. (bevorzugt)<\/em><\/p>\n
b) netcoreapp3.1 nachinstallieren.<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
Daten und Datenstrukturen (Folien)Link\/URL<\/span><\/span><\/a><\/p>\n
Daten und Datenstrukturen (\u00dcbungen)Link\/URL<\/span><\/span><\/a><\/p>\n
3. Veranstaltung<\/h2>\n
BWI50207 Game Design und Programmierung<\/h3>\n
Folien<\/h4>\n
PHP Einstieg: https:\/\/hs-niederrhein.sciebo.de\/s\/f4aPHAYLMebkW6O<\/a><\/p>\n<\/div>\n<\/div>\n
AJAX Einstieg: https:\/\/hs-niederrhein.sciebo.de\/s\/oXQt8sgdu49Ps4v<\/a><\/p>\n
\n
\n
\u00dcbung 4 Formular mit PHP erstellen (Befindlichkeitslogger)<\/h4>\n
\n
\n
Aufgabenstellung:<\/b><\/p>\n
Erstellen Sie ein PHP-Script.<\/p>\n
Nennen Sie das Script\u00a004befindlichkeit.php<\/b>\u00a0und laden Sie es in Ihren Bereich hoch.<\/p>\n
Das Script soll immer ein Formular mit Radiobuttons zeigen, mit denen man aus 9 Zust\u00e4nden ausw\u00e4hlen kann:<\/p>\n
gl\u00fccklich, froh, zufrieden, entspannt, angespannt, missgestimmt, \u00e4rgerlich, w\u00fctend, furios.<\/p>\n
Codieren Sie die Zust\u00e4nde mit 1 bis 9.<\/p>\n
Immer wenn der Absendebutton gedr\u00fcckt wird, soll eine Zeile an die Logdatei\u00a004<\/b>befindlickeit.log\u00a0<\/b>angehangen werden mit<\/p>\n
Datum;Uhrzeit;Befindlichkeit <Zeilenumbruch><\/p>\n
Anmerkung: befindlichkeit.log iste eine Datei im CSV-Format.<\/p>\n
Hinweise:<\/b><\/p>\n
Malen Sie als erstes ein Mockup.<\/p>\n
Bauen Sie dann Ihr HTML-Formular.<\/p>\n
Verwenden Sie http GET und testen Sie zun\u00e4chst das Formular mit\u00a0 antwort2.php.<\/p>\n
Bauen Sie dann den PHP-Code ein.<\/p>\n
Fragen Sie mit isset ab, ob der Button gedr\u00fcckt wurde.<\/p>\n
Wenn Sie bei der Google-Suche ein interessantes Tutorial finden, verewigen Sie es durch eine Kommentarzeile in Ihrem Script.<\/p>\n
F\u00fcr die ganz Harten:<\/b>\u00a0bauen Sie zuhause Ihr funktionierendes Script auf SQLite um.<\/p>\n
 <\/p>\n<\/div>\n<\/div>\n
BWI 403<\/h3>\n
Folien Kontrollstrukturen: https:\/\/hs-niederrhein.sciebo.de\/s\/4ThRySOCxUTvQ0a<\/a><\/p>\n
\u00dcbungen Kontrollstrukturen: https:\/\/hs-niederrhein.sciebo.de\/s\/mKF2wgf3Zn1YsGy<\/a><\/p>\n