7465379
| Question | Answer |
| Was ist ein modales Fenster? Ist es sinnvoll dieses oft einzusetzen? Begründen sie. | -ein modales Fenster ist ein exklusiv zu bedienendes Fenster. Solange sich ein modales Fenster eines Programms auf dem Bildschirm befindet, kann kein anderes Fenster des gleichen Programms bedient und keine Funktion des gleichen Hauptmenüs aufgerufen werden. ----------------------------------------------------------------------------------------------------- -ein modales Fenster ist ein Fenster, das in den Vordergrund tritt, den Fokus bekommt und den Zugriff auf das Hauptapplikationsfenster sperrt-> Solange es offen ist, kann man auf das Hauptfenster nicht mehr zugreifen. -> Folgerung: Es greift stark in die Benutzerführung ein ->daher sparsam damit umgehen -> zum einen, weil man einem anderen Fenster den Fokus gibt, was störend ist -> zum anderen, gibt das Betriebssystem bei modalen Fenstern manchmal ein Warnton aus |
| Was ist Parallax Scrolling? | - parallaxes Scrolling in Webseiten bezeichnet einen Effekt, bei dem sich unterschiedliche Ebenen verschieden schnell bewegen, wenn der User scrollt. Dabei entsteht für den Betrachter eine Illusion der Dreidimensionalität. -in der Wahrnehmungspsychologie beschreibt es den Effekt, der sich optisch ergibt, wenn verschiedene Objekte unterschiedlich voneinander entfernt in der Landschaft verteilt sind und sich der Beobachter parallel zu diesen Objekten seitlich fortbewegt und dabei in Richtung Horizont bleibt |
| Was ist eine Benutzerschnittstelle? Welche Bestandteile gibt es? | - alle Bestandteile eines interaktiven Systems (Software oder Hardware) die Informationen und Steuerelemente zur Verfügung stellen, die für den Benutzer notwendig sind, um eine bestimmte Arbeitsaufgabe mit dem interaktiven System zu erledigen. Besteht aus der Summe der Bedienteile, der Anordnung und der Benutzerführung Bedienteile = Interaktionselemente (Knöpfe, Regler, Auswahllisten etc.) als auch Informationselemente (Anzeigen, Signale...) Arten von Benutzerschnittstellen: -Kommandozelle, Grafische- und Natürliche Benutzerschnittstelle, Gehirn-Computer Schnittstelle |
| Was besagt Hicksches Gesetz? | beschreibt den Zusammenhang zwischen Reaktionszeit und Anzahl der Wahlmöglichkeiten. |
| Was besagt das Gesetz der Nähe und was das Gesetz der Gleichheit? | - Gesetz der Nähe: alle Objekte, Gegenstände, Informationen werden als Gruppe/zusammengehörig empfunden, wenn sie nah beieinanderliegen, unabhängig von ihrer Form und Farbe -Gesetz der Gleichheit: Gleiche Objekte, Gleichheit in Form und Farbe, führt ebenfalls zur Wahrnehmung von Zusammengehörigkeit |
| Warum ist es bei interaktiven Systemen wichtig auf kurze Antwortzeiten zu achten? | - es stellen sich dem User Fragen auf, auf Funktionalität des Systems, weil der User schnelle Antworten erwartet. Die Wartezeit sollte so kurz wie möglich gehalten werde. 1sec. – 5sec ist noch hinnehmbar. Steigt diese auf 10sec. Erwartet man keine Antwort mehr. Dies kann u.a. ein Wechsel zum Konkurrenten führen. Auch singt die positive User Experience. |
| Was bedeuten GUI und NUI? Erläutern sie den wichtigsten Unterschied | - GUI => Graphical User Interface: Man versteht darunter die grafische Oberfläche, die man nutzt, um ein Programm bzw. Spiel zu bedienen => Hier kann man mittels Maus grafische Elemente bedienen Bedienteile: eine zusätzliche Abstraktionsebene, WIMP (Window, Icon, Menue, Pointer) -NUI => Natural User Interface: direkte Interaktion mit der Bedienoberfläche => Touch und Gestenbasierte Interaktionen => keine zusätzliche abstraktionsebene |
| Nennen sie die wichtigsten Formate des WWW. Begründen sie welches Format zu welchem Zweck benötigt wird | -http = Hypertext Transfer Protocol => Ist ein zustandloses Protokoll in dem die Anfragen des Clients an die Website sowie die Antworten des Servers festgehalten werden. => Kommunikationsprotokoll zwischen Client (www-Browser) und www-Server => regelt Aufbau und Abfolge von Anfragen (request) und Antworten (response) -XML = Extensible Markup Language => dient zum Austausch von Daten, in denen Informationen wie Objekte, Arrays und sonstige andere Variablen in Lesbarer Form ausgetauscht werden können -AJAX = Asynchronous JavaScript And XML => bezeichnet ein Konzept der asynchronen Datenübertragung zwischen Browser und dem Server. Dieses ermöglicht http-Anfragen durchzuführen während eine HTML-Seite angezeigt wird, und die Seite zu verändern, ohne sie komplett neuzuladen |
| Skizzieren sie die Basistechnologien des WWW | Basistechnologien: ->Programmsprache Backend: PHP ->Programmsprache Frontend: JavaScript => Logik -> Markup Language: HTML => Struktur ->Site Elements: CSS => Layout |
| Welche Unterschiede gibt es bei responsiven, adaptiven und liquiden Websites? | responsive = Elemente (Text, Bilder, Spalten ect.) passen sich dem Fenster an. Flexibles Layout. adaptiv = feste Anzahl von Breakpoints. Zieht man das Fenster kleiner springt es zum nächsten festgelegten Layout (Desktop, Tablet, Smartphone) liquid = es findet kein Umbruch statt. Der Platz wird immer im gleichen prozentualen Verhältnis genutzt. -responsive = die Anordnung und Darstellung einzelner Elemente (Navigation, Seitenspalten, Texte) sowie die Nutzung unterschiedlicher Eingabemethoden von Maus (Klicken, Überfahren) oder Touch passen sich an das jeweilige Fenster des Endgerätes an -adaptiv = das Layout ist auf eine feste Anzahl von Breakpoints beschränkt -liqiud = der zur Verfügung stehende Platz wird immer im gleichen prozentualen Verhältnis genutzt. Kein Umbruch |
| Wie ist eine URL aufgebaut? Gehen sie auf die Elemente vor und nach dem „:“ ein. | -URL besteht aus: -Schema-bezeichnung und Schema-spezifischer Teil, die durch „:“ gerennt sind -> Schema-Bezeichnugn: Legt fest, mit welcher technischen Methode die Ressource angesprochen werden soll Bsp. http, HTTPS, FTP -> Schema-spezifischer Teil: Je nach Schema-Bezeichnung sind unterschiedliche spezifische Angaben erfordelich und möglich: Bsp. http, -port, url-path, query, fragment |
| Was versteht man unter dem DOM? | DOM = Document Object Modell => ist die Schnittstelle zwischen HTML und dynamischem JavaScript. Alle Elemente werden zu Objekte, die dynamisch aufgerufen, verändert, hinzugefügt und gelöscht werden können |
| Wozu benötigt man HTML? | HTML ist eine Auszeichnungssprache. Das heißt, es wird die Struktur eines Textes wie z.B. Überschrift oder Absatz festgelegt. |
| Wie ist ein HTML Dokument aufgebaut? Benennen sie die einzelnen Teile und geben sie die Syntax an. In welchem Bereich stehen welche Daten? | |
| Ordnen sie: div, h1, span, li, b und p den Gruppen-Elementen die sie kennengelernt haben zu. | |
| Wie wirken sich width und height bei folgendem Codebeispiel aus? Wie wirkt sich dies auf die Ladezeit aus? <img src=“kleinbild.png“ width=“440“ height=“200“> | Das ist ein sehr wichtiger Faktor, den ich selbst sehr häufig vergesse. Wer nämlich Bilder oder auch Tabellen in seinem Blog verwendet, sollte diese immer mit den notwendigen Tags für Höhe und Breite ausstatten. Wer hier eine andere Angabe macht, verschenkt abermals Ladezeit, da so das Bild erst noch in die richtige Größe „gedrückt“ werden muss. Also ist es, abgesehen vom Beispiel immer sinnvoll, Bilder vorab auf die gewünschte Größe zu bringen und nicht erst online zu verändern. |
| In einem Formular soll ein Passwort an ein Skript übergeben werden. Ist es besser die POST oder die GET Funktion zu verwenden? Begründen sie. | Die POST-Methode ist hier angebracht, da die Variablen und ihre Werte nicht in der URL-Zeile angezeigt werden. Dadurch wird das eingegebene Passwort nicht sichtbar in der URL übertragen |
| Welche der folgenden Selektoren wirken sich auf die HTML Zeile : <p id=“id“ class=“class“> aus, und welche nicht? p{…} #p{…} .p{…} #id{…} .id{…} id{…} class{…} .class{…} #class{…} | #id; class1; p wirken sich auf die HTML Zeile aus alle anderen nicht |
| Welche Unterschiede gibt es bei der relativen und der absoluten Positionierung von Elementen? Geben sie jeweils ein CSS Beispiel für ein div Element an. | Relativ = relative Positionierung, gemessen am Vorgänger-Element. Absolut = absolute Positionierung, gemessen vom Fensterrand, wird beim scrollen mit verschoben. |
| Erklären sie das Box-Modell anhand einer Skizze. | |
| Zeichnen sie ein Wireframe für die folgende Ausgabe | |
| Wie wird in PHP eine Variable deklariert? | <?php $var = "Du"; $vaR = "und"; $Var = "ich"; $vAr = "wir lernen PHP" echo "$var $vaR $Var, $vAr"; // gibt "Du und ich, wir lernen PHP" aus |
| Erläutern sie die Funktionen der unterschiedlichen Operatoren: = , != , == , === | - (=) Zuweisungsoperator -> variable wird einem Wert zugewiesen - (!=)(==)(===) Vergleichsoperatoren - (!=) ungleich - (==) gleich (überprüft ob variablen den gleichen Wert haben) - (===) handelt es sich um einen Vergleichsoperator, bei dem nicht nur überprüft wird, ob der Inhalt (so wie bei ==) sondern auch der Typ beider Variablen identisch ist. |
| Warum wird PHP nie im Quelltext des Browsers angezeigt? | - Weil der PHP-Code vom Browser unabhängig ist - PHP wird auf dem Webserver ausgeführt - Dort wird der Code interpretiert - D.h. das der Browser des Clients keinen PHP Code erhält |
| Erläutern sie die Funktion von echo | - Mit echo kann man text, aber auch HTML ausgeben. echo ist nicht wirklich eine Funktion, sondern ein Sprach-Konstrukt, daher ist es nicht notwendig, Klammern zu verwenden. Z.B. echo “Hallo Welt“ Hallo Welt wird ausgegeben. |
| Erläutern sie die Funktion von global | Auf Variablen, die nicht innerhalb einer Funktion definiert sind, kann normalerweise nicht zugegriffen werden. Über das Schlüsselwort "global" oder assoziative Array "$GLOBALS" kann man dennoch darauf zugreifen. Beispiele: $vorname= "Paul"; $zweitname= "Hugo" $nachname= "eber"; functionName() { global $vorname; echo "$vorname$GLOBALS[nachname]"; } |
| Was passiert beim Parsen einer Datei? | Beim Parsen wird eine beliebige Eingabe zerlegt und umgewandelt in ein für die Weiterverarbeitung brauchbares Format |
| Was wird angezeigt wenn der QSL – Code „SELECT VorlNR, Titel FORM Vorlesung“ ausgeführt wird? Wie müsste man die Anfrage ändern, sodass keine Einträge doppelt genannt werden? | . |
| Wofür benötigt man JavaScript? | Javascriptist eine Skriptsprache: Das heißt, der Quelltext wird in der Regel ohne getrennte Übersetzungsphase ausgeführt (d.h. er wird interpretiert) Hier wird die Programmlogik beschrieben. JavaScript läuft im eigenen Browser (clientseitig). Sie Hilft dabei Webseiten für bestimmte Zwecke funktional zu gestalten |
| Setzen Sie die Anführungszeichen auf zweierlei Arten korrekt an. Begründen sie. <a href= „javascript:window.alert(„Achtung!!!“);“> | In JavaScript ist es egal ob man einfache oder doppelte Anführungszeichen verwendet. Hauptsache sie hören so auf, wie sie angefangen haben |
| Was ist ein Cookie und wozu wird er verwendet? | - Ein Cookie ist eine Textinformation, die auf dem Computer gespeichert wird - Nach dem Transfer der Website wird die Verbindung zwischen Client und Server unterbrochen und der Server kann sich nicht mehr an die Verbindung erinnern - Mit Cookies kann diese Problem gelöst werden -> Inforationen über Nutzer können im Cookie gespeichert werden |
| $foo = 3; $foo += „ “; Welchen Typ hat die Variable $foo nach der Ersten und nach der Zweiten Zeile? Begründen sie. | - Nach der ersten Zeile -> Typ ist Zahl - Nach der zweiten Zeile -> Typ: Zahl wird in Zeichenkette umgewandelt - JavaScript ist in Sachen Variablentypus nicht strikt wie andere Programmsprachen - Eine Variable kann auch ihren Typ während des Programmablaufs ändern |
| Was sind Events und welche Events gibt es? | - Events sind Ereignisse die in JavaScript eintreten, um auf bestimmte Aktionen, wie Maus bewegen oder auf einen Link klicken, zu reagieren - Event-Handler werden als Attribute in den HTML-Code eingebunden - Sie steuern den Programmfluss (Ablauf von Script nicht linear) - Onclick, onload, onblcick, onkeyup, onkeypress, onmouseout, onmouseover... |
| Was ist der Unterschied zwischen einem synchronen und einem asynchronen HTML Aufruf? | - Bei einem synchronen HTML-Aufruf, muss die Seite neugeladen werden, wenn vom Server neue Daten geladen werden sollen - Bei einem asynchronen HTML-Aufruf, werden nur Daten nachgeladen, um Teile der Webanwendung zu aktualisieren |
| Nennen sie zwei Dinge die mit JQuery einfacher umzusetzen sind als mit Javascript? | . |
| Was sind interaktive Systeme? | sind dynamische Systeme mit einem zumeist informationellen Kern, die über eine Benutzungsschnittstelle von einem oder mehreren Benutzern bedient werden kann |
| Was muss man bei der Auge-Hand-Koordination beachten? | Bei der Visualisierung von Bewegungen, sollte die Zeigerbewegung der Mausbewegung entsprechen |
| Drei Grundformen von Navigation, diese skizzieren und Mischformen nennen? | COMMAND LINE INTERFACE (CLI) chiffriert, streng GRAPHICAL USER INTERFACE (GUI) erkunden, bildlich NATURAL USER INTERFACE (NUI) direkt, intuitiv |
| Nennen und skizzieren Sie Beispiele wie das Gesetz der Gleichheit und der Nähe bei einem Formular helfen kann. | |
| Welche Bildformate sind am besten für WWW geeignet? Erklären Sie? | -JPG-> 24 Bit, Kompression mit Verlust -PNG-> 32 Bit, Verlustfreie Kompression und Transparenz -GIF-> 8 Bit, 255 Farben und Alpha Kanal, Animation möglich |
| Was sind Metadaten und für was werden sie verwendet? | strukturierte Daten, mit deren Hilfe eine Informationressource beschreiben und dadurch auffindbar gemacht wird -liefern Grundinfos über ein Dokument, z.b. Autor, Titel, Zeitpunkt |
| Was ist ein Anker? Wie verändere ich den Autor so, dass er auf den Abschnitt1 in text.html verweist? | -Innerhalb eines HTML-Document können Links eingefügt werden, die einem anderen Abschnitt der gleichen Seite referenzieren. Dazu muss ein Anker definiert werden, zu dem gesprungen werden soll. Der Verweis kann aber auch in einer anderen Datei stehen. <a href =“text.html“#Abschnitt1>Text</a> <a name =“Abschnitt1“></a> |
| Was ist CSS? | -Cascading Style Sheets sind eine Ergänzung zu HTML und bieten die Möglichkeit: ->zur Definition von Formateigenschaften für einzelne HTML Elemente. ->zur pixelgenauen Positionierung eines oder einer Gruppe von HTML- Elementen. ->zur Gestaltung des Seitenlayouts für die Ausgabe eines HTML Dokumentes auf einem Drucker -Die zentrale Definition von Layouteigenschaften spart Kodieraufwand und ermöglicht die Realisierung eines Corporate Designs über mehrere HTML- Dokumente hinweg. -> für die Formatierung zuständig |
| Schreiben Sie den Code für die Formatierung von Überschriften. Alle Überschriften sollen die Schriftart Arial haben. Die Überschrift erster Ordnung soll 16 groß sein. Die Überschrift zweiter Ordnung soll rot dargestellt werden. | -h1, h2, h3, h4, h5 {font-family:Arial} -h1{font-size:16pt} -h2{color: #ff0000} |
| Wie bindet man eine CSS-Datei ein? | Man kann CSS-Regeln innerhalb eines HTML-Dokuments definieren: ->Global geltende Regeln werden im Kopf der HTML-Datei zwischen <head>....</head>. Sie werden mit dem HTML-Tag <style> formuliert und enden mit dem abschließenden Tag </style> -> man kann CSS-Regeln auch direkt im betreffenden HTML-TAG als Style-Attributwerte zwischen den Anführungszeichen formulieren: <img style“border:0“ ....../> ->CSS-Dateien können auch extern eingebunden werden -> Im Kopf <head>....</head> Bsp. <head> <link rel=“stylesheet“href“text.css“/> </head> |
| Was ist JavaScript? | - Javascriptist eine Skriptsprache: Das heißt, der Quelltext wird in der Regel ohne getrennte Übersetzungsphase ausgeführt (d.h. er wird interpretiert) Hier wird die Programmlogik beschrieben. JavaScript läuft im eigenen Browser (clientseitig). Sie Hilft dabei Webseiten für bestimmte Zwecke funktional zu gestalten |
| Wie greife ich mit JavaScript auf ein DOM-Element zu? | -Mit document.getElementbyId(Id) -Mit document.getElementbyName(Name) -Mit document.getElementbyTagName (TagName) |
| $foo = „8“; $foo += 2; Welchen Typ hat die Variable $foo nach der Ersten und nach der Zweiten Zeile? Begründen sie. | - Nach der ersten Zeile -> Typ ist Zeichenkette - Nach der zweiten Zeile -> Typ: Zeichenkette wird in Zahl umgewandelt - JavaScript ist in Sachen Variablentypus nicht strikt wie andere Programmsprachen - Eine Variable kann auch ihren Typ während des Programmablaufs ändern |
| Warum sollte man window.alert nicht benutzen? | - Durch window.alert Meldungen wird der Programmablauf unterbrochen. Manchmal ist dies gewünscht. Eine mehrfache Verwendung belastet den Browser und sollte daher vermieden werden |
| Gründe für PHP (vor allem im Unterschied zu JavaScript) | -PHP beinhaltet schon in seiner grundlegenden Form eine sehr große Anzahl verschiedener Bibliotheken und Funktionen. Besonders hervorzuheben sind hier ->Netzwerkfunktionen, ->Protokolle und ->Datenbankanbindungen, die bei anderen Sprachen erst als externe Bibliotheken hinzugezogen werden müssen. ->Weitreichende Verwendung: ->PHP wird auf etwa 80 % aller Websites als serverseitige Programmiersprache eingesetzt ->die am häufigsten verwendete Sprache zum Erstellen von Websites ->bei den meisten Webhostern vorinstalliert - Browser(un)abhängigkeit ->PHP wird auf dem Web-Server ausgeführt. ->Dort wird der Code interpretiert. ->Das bedeutet, dass der Browser des Clients normalerweise keinen PHP-Code zugesandt bekommt. ->Wird durch ein PHP-Skript reines HTML erzeugt, so kann man sagen, dass der Einsatz von PHP vollkommen browserunabhängig ist. - JavaScript vs. PHP ->Der Benutzer einer Web-Site bekommt den Code, mit dessen Hilfe die Seiten erzeugt wurden, nicht zu Gesicht. Dies ist ein Nachteil clientbasierter Skript-Sprachen, bei denen der Quellcode an d |
| Was ist ein Parser? Welche Zeichen benutzt man am besten – Warum? | -... ist ein Computerprogramm, das in der Informatik für die Zerlegung und Umwandlung einer beliebigen Eingabe in ein für die Weiterverarbeitung brauchbares Format zuständig ist -keine Ahnung was er mit Zeichen meint???? |
| Wie wird in PHP eine Variable definiert? | $vorname =“Paul“ -> mir $ wird eine variable in PHP definiert |
| Wie greifen Sie auf Dateien zu und welche Unterschiede gibt es? | - $datei= fopen("counter.txt","r+"); ->Es kann entweder nur lesend (r) oder auch schreibend (r+) zugegriffen werden. ->Soll eine Datei angelegt werden verwenden wir (w) und entsprechend (w+) ->Beim Dateizugriff ist darauf zu achten, dass die Zugriffsrechte entsprechend gesetzt sind. |
Want to create your own Flashcards for free with GoConqr? Learn more.