{"id":23,"date":"2026-04-06T18:17:54","date_gmt":"2026-04-06T18:17:54","guid":{"rendered":"https:\/\/hofmann-magdalena.webserver.kslinz.at\/index.php\/aif\/"},"modified":"2026-06-05T13:25:10","modified_gmt":"2026-06-05T13:25:10","slug":"aif","status":"publish","type":"page","link":"https:\/\/hofmann-magdalena.webserver.kslinz.at\/index.php\/aif\/","title":{"rendered":"AIF"},"content":{"rendered":"\n
<\/div><\/span>
\n


Angewandte Informatik<\/h2>\n\n\n\n

A i F<\/h1>\n<\/div><\/div>\n\n\n\n

In dem Fach Angewandte Informatik lernen wir gerade den Umgang mit WordPress und besch\u00e4ftigen uns intensiv mit der Erstellung eigener Websites. Dabei geht es nicht nur darum, Inhalte einzuf\u00fcgen, sondern auch um die Gestaltung, Struktur und Benutzerfreundlichkeit einer Seite. Wir lernen, wie man Seiten \u00fcbersichtlich aufbaut, Men\u00fcs sinnvoll gestaltet und Inhalte wie Texte, Bilder oder Videos passend einbindet. Au\u00dferdem achten wir darauf, dass die Website ansprechend aussieht und f\u00fcr Besucher leicht zu bedienen ist. Durch praktische \u00dcbungen und eigene Projekte bekommen wir einen guten Einblick in die Grundlagen des Webdesigns und lernen, wie man eine professionelle Website erstellt.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Website 1. Semester<\/h2>\n\n\n\n

Im 1. Semester der 2. Klasse haben wir zu zweit begonnen eine Website \u00fcber Fotografie zu gestallten. In diesem Projekt sollten wir uns mit WordPress n\u00e4her vertraut machen. Unser Thema war dabei Fotografie im Natur Stil. Ich werde euch hier unsere Vorgehensweise zeigen<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\n

skizze <\/h2>\n\n\n\n
\n

Anstatt die Seite mit zu vielen Elementen zu \u00fcberladen, legen wir den Fokus bewusst auf die Gestaltung mit Farben und Bildern. Diese sollen die Aufmerksamkeit der Nutzer wecken und gleichzeitig die Inhalte unterst\u00fctzen. Durch passende Farbkombinationen und aussagekr\u00e4ftige Bilder wirkt die Website lebendiger und einladender, ohne un\u00fcbersichtlich zu werden.<\/p>\n\n\n\n

<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

user Storys<\/h2>\n\n\n\n

User Stories sind kurze Beschreibungen aus der Sicht der Nutzer einer Website. Sie erkl\u00e4ren, was ein Nutzer tun m\u00f6chte und welchen Nutzen er davon hat. Dabei stehen immer die Bed\u00fcrfnisse der Nutzer im Mittelpunkt.<\/p>\n\n\n\n

Eine User Story wird meist in einem einfachen Satz formuliert. Dieser Satz enth\u00e4lt, wer der Nutzer ist, was er machen m\u00f6chte und warum er das tun will. Ein typisches Beispiel ist: \u201eAls Nutzer m\u00f6chte ich Produkte suchen, damit ich schnell finde, was ich brauche.\u201c<\/p>\n\n\n\n

User Stories helfen dabei, eine Website besser zu planen, weil sie klar zeigen, welche Funktionen wichtig sind. Au\u00dferdem erleichtern sie die Zusammenarbeit im Team, da alle Beteiligten die Anforderungen leicht verstehen k\u00f6nnen.<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\n

inhalte der website<\/h2>\n\n\n\n

In unserer Website geht es um das Thema Fotografie. Wir pr\u00e4sentieren dabei unsere eigenen Projekte, um praktische Beispiele zu zeigen und unsere Erfahrungen zu teilen. Der Schwerpunkt liegt jedoch vor allem auf den Grundlagen der Fotografie, damit auch Einsteiger die Inhalte gut verstehen k\u00f6nnen.<\/p>\n\n\n\n

Wir erkl\u00e4ren wichtige Begriffe wie den ISO-Wert und den Wei\u00dfabgleich und zeigen, wie diese Einstellungen die Bildqualit\u00e4t beeinflussen. Au\u00dferdem gehen wir darauf ein, warum es sinnvoll ist, im RAW-Format zu fotografieren und welche Vorteile dieses Format bietet.<\/p>\n\n\n\n

Zus\u00e4tzlich stellen wir grundlegende Bildbearbeitungsprogramme wie Adobe Photoshop vor und erkl\u00e4ren, wie man Fotos damit verbessern kann. Dadurch bekommen die Nutzer einen umfassenden Einblick in die wichtigsten Bereiche der Fotografie \u2013 von der Aufnahme bis zur Nachbearbeitung.<\/p>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div><\/div>
<\/div>
<\/div>
<\/div><\/div>\n<\/div>\n\n\n\n
\n

prototyp<\/h2>\n\n\n\n

Nach der intensiven Planungsphase und zahlreichen \u00c4nderungen haben wir nun unseren ersten Prototypen erstellt. In dieser Zeit haben wir viele Ideen gesammelt, verworfen und immer wieder angepasst, um ein stimmiges Konzept f\u00fcr unsere Website zu entwickeln. Dabei mussten wir oft neu \u00fcberlegen, wie wir Inhalte am besten strukturieren und gestalten, damit sie f\u00fcr die Nutzer verst\u00e4ndlich und ansprechend sind.<\/p>\n\n\n\n

Mit dem ersten Prototypen wird unsere Idee nun erstmals wirklich sichtbar und greifbar. Auch wenn noch viele Schwierigkeiten bestehen und nicht alles perfekt funktioniert, k\u00f6nnen wir bereits erkennen, in welche Richtung sich das Projekt entwickelt. Einige Funktionen m\u00fcssen noch verbessert und das Design weiter angepasst werden, doch genau diese Herausforderungen geh\u00f6ren zum Entwicklungsprozess dazu.<\/p>\n\n\n\n

Trotz der offenen Probleme ist dieser Schritt ein wichtiger Meilenstein f\u00fcr uns, da unser Projekt hier zum ersten Mal konkrete Form annimmt und wir auf dieser Grundlage weiterarbeiten und Verbesserungen umsetzen k\u00f6nnen.<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n

Final result<\/h2>\n\n\n\n

Nachdem wir unseren Prototypen vollst\u00e4ndig fertiggestellt hatten, haben wir uns intensiv mit den noch bestehenden Problemen besch\u00e4ftigt. Dabei sind uns einige Schwachstellen aufgefallen, sowohl im Design als auch in der Funktionalit\u00e4t. Schritt f\u00fcr Schritt haben wir diese Probleme analysiert und L\u00f6sungen erarbeitet, um die Benutzerfreundlichkeit und die \u00dcbersichtlichkeit der Website zu verbessern.<\/p>\n\n\n\n

Zus\u00e4tzlich haben wir noch einige gezielte Verbesserungen vorgenommen. Dazu geh\u00f6rten unter anderem Anpassungen am Layout, eine klarere Struktur der Inhalte sowie die Optimierung von Bildern und Texten. Auch kleinere Details, die uns zuvor nicht aufgefallen waren, wurden \u00fcberarbeitet, um ein insgesamt stimmigeres und professionelleres Ergebnis zu erzielen.<\/p>\n\n\n\n

Durch diesen Prozess hat sich unsere Website deutlich weiterentwickelt und wirkt nun wesentlich ausgereifter. Hier seht ihr nun unsere fertige Website, in der all unsere Ideen, \u00dcberarbeitungen und Verbesserungen zusammenkommen.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/a>
Tippe auf das Bild um auf die Website zu gelangen<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n","protected":false},"excerpt":{"rendered":"

In dem Fach Angewandte Informatik lernen wir gerade den Umgang mit WordPress und besch\u00e4ftigen uns intensiv mit der Erstellung eigener Websites. Dabei geht es nicht nur darum, Inhalte einzuf\u00fcgen, sondern auch um die Gestaltung, Struktur und Benutzerfreundlichkeit einer Seite. Wir lernen, wie man Seiten \u00fcbersichtlich aufbaut, Men\u00fcs sinnvoll gestaltet und Inhalte wie Texte, Bilder oder […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"magdalena","meta":{"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hofmann-magdalena.webserver.kslinz.at\/index.php\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hofmann-magdalena.webserver.kslinz.at\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hofmann-magdalena.webserver.kslinz.at\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hofmann-magdalena.webserver.kslinz.at\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hofmann-magdalena.webserver.kslinz.at\/index.php\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":48,"href":"https:\/\/hofmann-magdalena.webserver.kslinz.at\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":764,"href":"https:\/\/hofmann-magdalena.webserver.kslinz.at\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions\/764"}],"wp:attachment":[{"href":"https:\/\/hofmann-magdalena.webserver.kslinz.at\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}