Teil 1

Ein Mockup ist ein digitaler Entwurf einer Website oder einer App. Es dient dazu, das Design und Layout frühzeitig zu visualisieren, bevor die eigentliche Implementierung beginnt.

Was versteht man unter einem Mockup?

Ein Mockup ist ein visuelles Modell oder eine grafische Darstellung einer Anwendung, das zeigt, wie die Benutzeroberfläche (UI) aussehen wird. Es dient dazu, das Design und Layout zu visualisieren, bevor die eigentliche Implementierung beginnt.

Merkmale eines Mockups:

1. Visuelle Darstellung:

○ Zeigt das Layout der Benutzeroberfläche mit Platzhaltern für Schaltflächen, Texte, Bilder usw.

○ Oft farbig und detailgetreu, um einen Eindruck der finalen Anwendung zu geben.

2. Kein funktionaler Code:

○ Mockups sind rein visuell und enthalten keine funktionalen Elemente (keine Interaktivität).

3. Kommunikationstool:

○ Wird genutzt, um Ideen zwischen Designern, Entwicklern und Kunden zu kommunizieren und abzustimmen.

4. Einfach zu erstellen:

○ Mockups werden oft mit speziellen Design-Tools (z. B. Figma, Adobe XD, Sketch) erstellt oder auch als einfache Zeichnungen.

Zweck eines Mockups:

• Feedback einholen:

○ Kunden oder Stakeholder können die geplante Benutzeroberfläche frühzeitig bewerten.

• Fehler frühzeitig erkennen:

○ Designfehler oder Layoutprobleme werden identifiziert, bevor die Entwicklung beginnt.

• Planung verbessern:

○ Entwicklern wird eine klare Vorstellung davon gegeben, wie die Anwendung aussehen soll.

Beispiel für ein Mockup:

1. Anwendung: Eine Banking-App.

○ Das Mockup zeigt:

§ Startseite: Ein Feld für den Login, Schaltflächen wie "Anmelden" oder "Registrieren".

§ Kontoseite: Grafische Elemente wie Kontostand, Überweisungsformular, und Menü-Icons.

○ Ziel: Design und Benutzerführung testen.

2. Tool zur Erstellung: Figma, Adobe XD oder eine Skizze auf Papier.

Unterschied zu Wireframes und Prototypen:

• Wireframe: Ein sehr einfacher Entwurf der Benutzeroberfläche, meist in Schwarz-Weiß und ohne Details.

• Mockup: Eine detailreiche, visuelle Darstellung, aber ohne Funktionalität.

• Prototyp: Eine klickbare, interaktive Version der Benutzeroberfläche.

Zusammenfassung:

Ein Mockup ist ein visuelles Modell der Benutzeroberfläche (UI) einer Anwendung. Es zeigt das Design und Layout in detailreicher Form, ohne funktionale Elemente. Es wird genutzt, um Feedback einzuholen, Fehler frühzeitig zu erkennen und die Planung der Anwendung zu unterstützen.

Zusammenfassung:

Ein Mockup ist ein digitaler Entwurf einer Website oder einer App. Es dient dazu, das Design und Layout frühzeitig zu visualisieren, bevor die eigentliche Implementierung beginnt.

Edge (Enhanced Data Rates for GSM Evolution):

• Sehr langsam (ca. 0,1 Mbit/s).

• Wird als 2.5G bezeichnet, ist eine ältere Technologie.

UMTS:

• Schneller als Edge (ca. 0,384 Mbit/s).

• Wird als 3G bezeichnet.

HSDPA:

• ist eine Erweiterung von UMTS, schneller (bis ca. 14 Mbit/s).

• Auch bekannt als 3.5G.

LTE:

• Sehr viel schneller (bis ca. 300 Mbit/s).

• Wird als 4G bezeichnet.

5G:

• Die schnellste Technologie (mehrere Gbit/s).

• Aktuelle Netztechnologie.

Merke:

Sie werden für mobile Datenübertragung verwendet wie Smartphones oder Tablets

Definition:

• DSL (Digital Subscriber Line) ist der Oberbegriff für Technologien, die Internet über Telefonleitungen bereitstellen.

Eigenschaften:

• Nutzt bestehende Kupfer-Telefonleitungen, um Daten zu übertragen, und ermöglicht gleichzeitig Telefonie und Internet.

Arten von DSL:

1. ADSL (Asymmetric Digital Subscriber Line) ist Download-Geschwindigkeit höher als Upload.

2. VDSL (Very High Bitrate Digital Subscriber Line) ist eine verbesserte Version von DSL und bietet sehr hohe Geschwindigkeiten für Download und Upload.

3. SDSL (Symmetic Digital Subscriber Line) ist die Download und Upload-Geschwindigkeit gleich hoch.

   
   

Merke: Alle drei sind Unterarten von DSL und bieten unterschiedlichen Geschwindigkeiten und Spezifikationen.