Vor Jetpack Compose wurden Interfaces in Android mit XML Files entwickelt. Diese wurden verwendet, um die Struktur der UI zu beschreiben. Die Funktionalität der UI wurde dann mit Java oder Kotlin implementiert. Die Layouts wurden in XML beschrieben und der Code greift darauf zu, um die Eigenschaften der UI-Elemente zu setzen und Ereignisse zu behandeln.

Dieser Ansatz bringt einige Nachteile mit sich z.B. ist der Code, der die UI beschreibt, schwierig zu verstehen und zu debuggen. Außerdem ist es sehr aufwendig dynamische Elemente zu erstellen. Jetpack Compose hat versucht diese Probleme zu lösen und ermöglicht es Entwickler*innen, Benutzeroberflächen einfacher, lesbarer und fehleranfälliger zu erstellen.

Das Konzept von Composition und Recomposition

Composition in Jetpack Compose bezieht sich darauf, wie UI-Elemente zusammengesetzt werden, um die gesamte Benutzeroberfläche einer App zu erstellen. Es ermöglicht Entwickler*innen, einfache UI-Elemente wie Text, Bilder und Buttons zu verwenden, um komplexere UI-Strukturen wie Listen, Karten und Formulare zu erstellen. Diese einfacheren Elemente werden als Composable Functions bezeichnet.

Recomposition bezieht sich auf die Fähigkeit von Jetpack Compose, diese UIs automatisch neu zu erstellen, wenn sich die Daten, die sie darstellen, ändern. Das bedeutet, dass das Framework die Anzeige automatisch aktualisiert, wenn sich die Daten ändern, anstatt dass der Entwickler*innen manuell diesen Vorgang schreiben muss.

Das Konzept der Composition und Recomposition in Jetpack Compose erleichtert die Erstellung von Benutzeroberflächen und die Steuerung von Zuständen und Anzeigeaktualisierungen, da Entwickler*innen sich auf das Beschreiben dessen konzentrieren können, was sie anzeigen möchten, anstatt sich mit der Logik zu beschäftigen, wie es angezeigt werden soll. Dadurch wird die Entwicklung von Benutzeroberflächen schneller und einfacher, da Entwickler*innen weniger Code schreiben und weniger Fehler machen müssen, um dieselben Ergebnisse zu erzielen.

Beispiel einer Komponente

Der folgende Code-Block beschreibt eine Composable Funktion, mit der ein Raster von Filmen aufgerufen werden können. In der Funktion selbst wird eine weitere selbstdefinierte Composable Funktion, MoviePosterCard(), aufgerufen. Dort wird definiert, wie ein Film im Raster dargestellt wird und die Daten aus Files außerhalb der UI-Files übergeben. Auch LazyVerticalGrid ist eine Composable Funktion, die aber bereits vordefiniert wurde und mit verschiedenen Parameter personalisiert werden kann.

@Composable
fun MoviesGridScreen(
    movies: List<Movie>,
    navController: NavController,
    modifier: Modifier = Modifier
) {
    LazyVerticalGrid(
        columns = GridCells.Adaptive(150.dp),
        modifier = modifier.fillMaxWidth(),
        contentPadding = PaddingValues(2.dp)
    ) {
        items(items = movies, key = { movie -> movie.id }) { movie ->
            MoviePosterCard(
                movie,
                navController
            )
        }
    }
}

Vorteile und Nachteile von Jetpack Compose

Auf der Seite von Android zu Jetpack Compose werden folgende Vorteile gelistet:

+ Code: Der Code für das UI ist einfach aufgebaut und somit besser zu verwenden, da es keine Verlinkungen zu XML Files mehr gibt. Dadurch ist der Code nicht nur lesbarer geworden sondern wird auch schneller ausgeführt.

+ Intuitiv: Dadurch das Komponenten mit Composable Funktionen aufgerufen werden, funktioniert auch die Auto-Vervollständigung sehr gut. Zusätzlich werden einfache Fehler direkt von Android Studio gelöst.

– Aktualität: Jetpack Compose ist noch nicht fertig entwickelt und einige Features können erst in Alpha-Versionen oder mit speziellen Deklarationen verwendet werden.

– Dokumentation: Die Dokumentation von Android im allgemeinen ist meiner Meinung nach eher gewöhnungsbedürftig. Es dauert eine Zeit, bis man sich damit zurecht findet und alle notwendigen Informationen findet. Dadurch, dass es noch Alpha-Versionen gibt, gibt es auch einige Lücken in der Dokumentation.

Auch wenn Jetpack Compose noch in der Entwicklung ist, merkt man bereits, dass dieses Toolkit einige Verbesserungen mit sich bringt.

Quellen

https://developer.android.com/jetpack/compose

https://www.geeksforgeeks.org/basics-of-jetpack-compose-in-android/

https://medium.com/androiddevelopers/understanding-jetpack-compose-part-1-of-2-ca316fe39050

The post Jetpack Compose: Android UI Development appeared first on Mobile USTP MKL.

Dabei möchte ich mich mit Android, und da vor allem mit Jetback Compose, auseinandersetzen. 

Ziel ist es, eine Android App mit angepasstem Theme zu entwickeln, die mit einer externen Api interagiert.

Das Projekt

Der Name der App lautet StreamFinds und interagiert mit der The Movie Database API. Die App soll zwei Features beinhalten: 

• eine Suche nach Filmen bzw. Serien
• Informationen über diese Filme bzw. Serien, und wo sie zu sehen sind, anzuzeigen

Das Theme wird auf Material 3 basieren und sich an das Theme des Users anpassen. 

Vorbereitung

Da ich selbst noch nie eine vollständige Android App entwickelt habe, habe ich der Vorbereitungszeit viel Zeit eingeräumt. Dafür habe ich mich fast ausschließlich mit der Developer Seite von Google auseinander gesetzt. 

Dort findet man neben den Referenzen auch Guides und vollständige Tutorials. Als Vorbereitung habe ich mir folgenden Kurs grob angeschaut: 

https://developer.android.com/courses/android-basics-compose/course

Hier gibt es Tutorials für einige kleinere Apps wie z.B. eine kleines Game mit einem Score oder eine App um Fotos aus dem Internet per API anzeigen zu lassen. 

Hier waren vor allem die Tutorials und Guides für die Architektur für mich wichtig.

Planung der App

Da ich mit Jetpack Compose arbeiten möchte, habe ich mich auch bei der Architektur daran orientiert und folgenden Plan aufgestellt: 

• data
  • Repository: ruft die Endpunkte auf, implementiert den Zugriff auf die API
• network
  • definiert die Endpoints der API
• model
  • DTOs
• ui
  • screens: Composable Funktionen
  • navigation: definiert die Routen
  • ViewModel: ruft die Daten auf
  • theme: Dateien zu Farben und Typografie
• Main Activity

Entwicklung

Die App ist so aufgebaut, dass es je einen Screen für die Film-Suche und einen für die Serien-Suche gibt. Bei der Implementierung der Suche bin ich direkt auf die ersten Probleme gestoßen. Am Anfang hatte ich einige Probleme die Endpoints überhaupt aufzurufen und vor allem die Daten anzuzeigen. Im nach hinein kann ich sagen, dass das die größten Probleme waren. Sobald ich einmal Listen und auch einzelne Objekte aufrufen und anzeigen konnte, war die weitere Umsetzung weniger schwierig.

Die Suche wird als Grid angezeigt und auf jedes Item kann geklickt werden, um zu den Details weitergeleitet zu werden. Dort werden neben Daten, z.B. das Veröffentlichungsdatum oder die Sprache, auch angezeigt, auf welchen Streaming Plattformen die Filme oder Serien zu sehen sind.

Da ich die App eigentlich nur für mich entwickelt habe, habe ich auch die neuste Android Version verwendet. Dort ist passen sich die Farben des Themes an meinen Hintergrund an. Mit diesem Feature von Material Design 3 habe ich auch die App gestaltet.

Meine Learnings

Die Umsetzung dieses Projektes hat mir viel Spaß gemacht, da ich gerne neue Skills lernen. Da ich davor fast gar kein Wissen über Android Entwicklung hatte, konnte ich hier also viel neues Lernen. Vor allem die Probleme mit den API-Aufrufen hat mit gezeigt, dass es doch einige Unterschiede zu Web Entwicklung gibt.

Jetpack Compose ist selbst noch am Anfang und einige Features gibt es erst in einer Alpha-Version. Trotzdem würde ich sagen, dass die Entwicklung von Jetpack Compose sehr einfach und verständlich umzusetzen ist. Auf den ersten Blick wirkt die Dokumentation von Android sehr überfüllt, aber sie ist sehr hilfreich und detailliert, wenn man sich damit zurechtfindet.

Am Anfang des Projektes dachte ich, dass ich weitaus schneller mit dieser App fertig sein werde. Das Projekt hat mir gezeigt, wie unterschiedlich Entwicklung sein kann und, dass auch kleinere Projekte Zeit in der Entwicklung brauchen.

The post StreamFinds: Android App Projekt appeared first on Mobile USTP MKL.

Was sind Container?

Mit Container können Packages von Applikationen erstellt werden, die dabei alle notwendigen Abhängigkeiten und Konfigurationen beinhalten. Bei der Verwendung von Containern entsteht ein Artefakt, dass einfach geteilt und verschoben werden kann. Dadurch wird sowohl die Entwicklung als auch das Deployment verbessert und effizienter gestaltet.

Container existieren als öffentliches oder privates Repository. Auf öffentliche Repositories kann z.B. über Docker und Docker Hub zugegriffen und diese verwendet werden. Auf dem Docker Hub sind unzählige offizielle und inoffizielle Images für verschiedene Applikationen zu finden. Zu den beliebtesten Images gehören z.B. Redis, node, postgres, mysql oder mongo.

Wie bereits erwähnt kann mit Container der Entwicklungsprozess verbessert werden.

Ohne Container muss jeder Entwickler die meisten Services auf seinem Betriebssystem installieren, konfigurieren und in der lokalen Umgebung laufen lassen. Dieser Prozess ist dabei auf jedem Betriebssystem etwas anders. Zusätzlich können bei den viele Schritten viele Fehler passieren.

Mit Container müssen die Services nicht mehr auf dem eigenen Betriebssystem installiert werden. Der Container hat seine eigene Schicht mit einem Betriebssystem. Dabei wird eine isolierte Umgebung mit der Konfiguration, dem Image und dem Start Script in dem Container erstellt. Wenn das package dann verwendet wird, muss nur mehr die Docker Konfiguration durchgeführt werden. Diese ist für jedes Betriebssystem gleich. Damit wird der Prozess für ein Entwicklungsteam vereinfacht, da jeder die gleichen Schritte durchführt.

Mit Containern wird nicht nur die Entwicklung, sondern auch das Deployment verbessert. Ohne Container produziert das Entwicklerteam ein Artefakt mit den dazugehörigen Vorgaben, wie die Applikation auf dem Server zu installieren ist. Das Operation Team übernimmt dann die Aufgabe, die Umgebung aufzusetzen und zu deployen. Somit muss alles auf dem Server installiert und konfiguriert werden.

Bei der Verwendung von Containern arbeiten das Entwickler- und das Operation Team zusammen. Sie erstellen dabei ein Package. Dieses beinhaltet sowohl die Applikation als auch die Abhängigkeiten, das in einer Umgebung abgekapselt ist. Auf dem Server wird somit nur mehr Docker konfiguriert und der command für das Package ausgeführt.

weitere Vorteile von Docker

Automatisiertes Deployment: Mit Docker kann konfiguriert werden, dass bei einer neuen Version der Container neu startet. Dabei spricht man von sogenannten automatisierten Builds. Somit muss nicht per Hand ein neuer Build erstellt werden.

Sicherheit: Dank der Isolierung der Systeme, ist die Applikation auch sicherer. Das kommt vor allem daher, dass die Images nicht miteinander sprechen.

Third-Party Software: Third-Party Software (wie z.B. ein E-Mail-Server) können sehr einfach installiert und konfiguriert werden.

Performance: Container selbst laufen alle über denselben Kernel. Dadurch kann die Performance im Vergleich zu virtuellen Maschinen gesteigert werden.

Skalierung: Mit Docker kann man bei jeder Applikation einstellen, wie viele Server verwendet werden sollen.

Open Source: Docker selbst enthält auch open source Kompenenten, die in der Docker Community Edition zu finden sind.

erste Schritte mit Docker

In diesem Abschnitt wird kurz eine Möglichkeit erklärt, wie man mit Docker anfangen kann:

1. Docker Desktop für das eigene Betriebssystem herunterladen und installieren.
2. Mit dem Tutorial von Docker Desktop anfangen. Dieses kann über den Menüpunkt Containers gefunden werden. Mit dem folgenden Command kann es gestartet werden:

docker run -d -p 80:80 docker/getting-started

-d  // legt fest, dass der Container im Hintergrund läuft

-p 80:80  // bindet den Hostport 80 auf den Containerport 80

docker/getting-started  // definiert das zu verwendende Image

Wenn dieser Command ausgeführt wird, wird ein Container erstellt. Über Docker Desktop, in der Container Section, kann so das Tutorial über einen Browser geöffnet werden. In dem Tutorial wird unter anderem erklärt, wie man Docker konfiguriert, eine App updaten und teilen kann.

Docker ist eine von verschiedensten Container Plattform und davon die am meist verbreitete. Das kommt vor allem daher, dass sie stabil läuft, sicher und kostengünstig ist. Zusätzlich überzeugt sie mit open source Lösungen, gutem Support und einem großen Ökosystem von passenden Produkten als auch eine große Masse an Images.

Quellen

Docker Tutorial #1—Warum ihr Docker braucht! – YouTube. (2022, März 23). Abgerufen 18. Juni 2022, von https://www.youtube.com/watch?v=avdVAfL8GPI&list=PLNmsVeXQZj7oea6IDCLzpKe5XfLmWCwgr&index=2

What is a Container? – Docker. (2021, November 11). Abgerufen 18. Juni 2022, von https://www.docker.com/resources/what-container/

What is Docker? | Opensource.com. (o. J.). Abgerufen 18. Juni 2022, von https://opensource.com/resources/what-docker

Why Docker—Docker. (2021, November 11).Abgerufen 18. Juni 2022, von https://www.docker.com/why-docker/

The post Docker Container erklärt appeared first on Mobile USTP MKL.

Blogartikel aus dem ersten Semester: https://akirchknopf-21110.php.fhstp.cc/allgemein/yet-another-to-do-list-app/

Design

Für dieses Semester wollte ich mich vor allem darauf konzentrieren, ein eigenes Design zu erstellen und dieses umzusetzen. Dafür habe ich zwei unterschiedliche Screendesigns mit Adobe XD für jede bereits vorhandene Seite im bestehenden Projekt erstellt. Dabei habe ich jeweils eine dunkle und helle Version designt.

Auch die Umsetzung in Ionic hat gut funktioniert, vor allem da Adobe XD auch dass CSS erstellt. Einzig mit dem Design des Dropdowns für die Kategoriefarben hatte ich Probleme.

Bereits in der Version aus dem ersten Semester konnte der Nutzer für jede Kategorie eine eigene Farbe festlegen. Dieses System habe ich so verändert, dass der Nutzer jetzt aus sieben Farben eine auswählen kann, die sich dann farblich an den hellen oder dunkeln Hintergrund anpasst. Somit kann die Lesbarkeit besser gewährleistet werden, ohne dass der Nutzer selbst darauf aufpassen muss.

Docker

Neben dem Design war auch die Integration von Docker ein Fokus für mich in diesem Semester, da ich mich mit dem Konzept von Container beschäftigen wollte. Dafür habe ich sowohl ein Docker Compose File für das ganze Konzept, mit Frontend, Backend und Datenbank, angelegt. Zusätzlich habe ich auch zwei Dockerfiles, je eines fürs Front- und eines fürs Backend erstellt. Mittels einer .env Datei, übergebe ich die richtigen Ports.

Dabei habe ich zuerst einige Fehler gemacht, da ich erst das Konzept von Container besser verstehen musste. Nachdem ich mich aber in das Thema eingelesen und einige Tutorials dazu angeschaut habe, konnte ich die Container erstellen.

Was habe ich nicht geschafft?

Eigentlich habe ich mir für dieses Semester auch vorgenommen, die App um einige Funktionen zu erweitern, die mehr in die Richtung Projektmanagement gehen. Diese Erweiterungen waren geplant:

• Deadlines für Items einstellen
• Benachrichtigungen für diese Deadlines
• einen Kalender, in dem man die Deadlines sieht
• einen Tagesplanner, in dem man Items hinzufügen kann
• einen Fokustimer

Im nächsten Semester möchte ich an der App weiterarbeiten und die Anwendung um diese Features erweitern. Dabei möchte ich auch die App in eine PWA umwandeln und auf einem Smartphone testen.

The post YET, another to-do-list app – Part 2 appeared first on Mobile USTP MKL.

Google hat die erste Version von Material Design 2014 vorgestellt. Mit diesen Guidelines und Komponenten haben sie versucht, den Designprozess für Apps und Webseiten zu vereinfachen und einheitlicher zu gestalten. Damit sollte die User Experience verbessert und konstanter werden.

Mit der neuesten Version wollen sie das Design persönlicher machen und gleichzeitig gewährleisten, dass die Funktionalität weiter verbessert wird. Doch welche Vorteile bringt Material Design?

Sollte man Material Design verwenden?

Material Design besteht nicht nur aus Guidelines, wenn es verwendet wird, ist das Design Teil eines bestehenden Systems. Damit können komplexe Probleme strukturiert gelöst werden. Ein weiterer Vorteil ist, dass Google die Dokumentation immer weiter verbessert und genau angibt, wie das Design erstellt und umgesetzt werden kann. Trotzdem ist man bei der Erstellung nicht komplett eingeschränkt und man kann sein eigenes Design verwirklichen. Wenn man Material Design verwendet, ist es auch einfacher, die User Experience zu verbessern.

Der größte Nachteil an Material Design ist die Erkennbarkeit. Wenn es verwendet wird, wird sofort eine Nähe zu Google und Android suggeriert. Ein weiterer Nachteil entsteht, wenn nicht alle Guidelines genauso umgesetzt werden. Wenn z.B. die Animationen weggelassen werden, kann es sein, dass das dem Nutzer negativ auffällt. Da Material Design von einigen Anwendungen umgesetzt wird, ist der Nutzer die zusammenpassenden Features gewöhnt.

Material Design bringt vor allem dann viele Vorteile, wenn man eine Android Applikation entwickelt. In dem Fall ist sichtbare die Nähe zu Google ein großer Nachteil. Mit Material Design 3 wurde das Design erweitert und verbessert.

Was ist neu mit M3?

Die Oberfläche wurde neugestaltet, sowohl die Komponenten als auch die Farbschemas. Mithilfe des Hintergrunds, der vom Nutzer eingestellt wird, werden die Farben des Systems angepasst. Die Anpassungen an die Größe und Funktionalitäten des Geräts wurden verbessert. Zusätzlich wurde auch in Sachen Barrierefreiheit einiges verbessert, z.B. der Kontrast oder die Schriftart. Im folgenden werden drei Erneuerungen von M3 vorgestellt:

dynamische Farben

Mit Material You ist es als Nutzer möglich, eigene Farbschemas zu erstellen. Anhand des Hintergrunds werden diese Schemas erstellt, wobei der Nutzer entscheiden kann, welches er für sein Gerät verwenden möchte. Damit werden UI-Elemente des Systems, wie die Einstellungen, oder System Apps, wie z.B. die Uhr-App oder die Taschenrechner-App, eingefärbt.

Guidelines für faltbare Geräte

In der neueste Material Design Version wurden Guidelines für faltbare Geräte vorgestellt. Dabei werden die Positionierung und Erreichbarkeit für den ein- und ausgeklappten Zustand bedacht. Zusätzlich gibt es Regeln für die Aufteilung und das Gelenk.

Design Tokens

Mit Design Tokens können Werte, z.B. für die Farben und die Schriftart, gespeichert und in der ganzen Anwendung verwendet werden. Damit kann man das Design und den Code konsistenter erstellen. Es gibt sowohl Referenz- und System-Tokens. Sie werden verwendet, um statische Werte zu ersetzen. Der Name der Tokens folgt dabei einer logischen Struktur. Die Design Tokens erleichtern außerdem die Anpassbarkeit des Designs, da sie dynamisch verwendet werden.

hilfreiche Tools

Wenn man sein Design nach den Guidelines von Material You erstellen möchte, stellt Google einige Hilfsmittel zur Verfügung.

Für Figma gibt es sowohl ein Design Kit als auch einen Material Theme Builder als Plugin. Im Design Kit gibt es eine Übersicht über die Typographie, Icons und Farben als auch hilfreiche Links. Damit erhält man eine Vorschau, wie die einzelnen Komponenten umgesetzt wurden.

Mithilfe des Material Theme Builder Plugins wird die Auswahl der Farben erleichtert. Dabei kann man sowohl ein eigenes Bild hochladen oder selbst eine Farbe auswählen. Damit werden dann primary, secondary, tertiary und neutral Farben erstellt. Das Theme kann dann in Figma verwendet werden oder für Jetpack Compose, Android Views und als Material Tokens exportiert werden.

Diesen Material Theme Builder gibt es auch als Website mit denselben Funktionen. Dabei können die Farben zusätzlich für Flutter und CSS exportiert werden.

Zusätzlich hat Google Guides mit Codelab zur Umsetzung von Material Design 3 veröffentlicht. Dabei wird Schritt für Schritt erklärt, wie dynamische Farben in Android umgesetzt werden können.

Der erste Guide erklärt, wie man das Design in Figma erstellt:
https://codelabs.developers.google.com/visualize-dynamic-color#0

Der zweite beinhaltet Anweisung zur Umsetzung in Android: https://codelabs.developers.google.com/codelabs/apply-dynamic-color#0

Mit diesen Blogeinträgen bietet Google gute Grundlagen um mit Material Design 3 anzufangen.

Quellen:

https://material.io/blog/announcing-material-you

https://m3.material.io

https://www.toptal.com/designers/ui/why-use-material-design

The post Material Design 3 appeared first on Mobile USTP MKL.

Das Konzept

Das Konzept ist eine einfache To-Do-List App, bei der man als Nutzer Kategorien und Listen anlegen kann. Man kann sich als Nutzer registrieren und dann Kategorien hinzufügen, in der man wiederum Listen mit Items zum Abhacken erstellen kann.

Backend

Für den Backend Bereich habe ich mich dazu entschlossen NestJS mit TypeOrm und MySQL zu verwenden. Die Logik der App ist sehr simpel. Es können Nutzer angelegt werden, wobei das Password mit bcrypt geschützt wird. Bei einem Login wird ein JWT per http only cookie mitgeschickt. Für die Kategorien, Listen und Items gibt es nur die klassischen CRUD Funktionen.

Frontend

Das Frontend habe ich mit Ionic und Angular umgesetzt. Um den http only cookie aus dem Request abzufangen, wird axios für die gesamten Kommunikation mit dem Backend verwendet.

Die App ist so aufgebaut, dass auf der Startseite eine Übersicht über alle Kategorien zu sehen ist. Dort findet man auch einen Button, um eine Kategorie zu erstellen. Dabei kann man nicht nur einen Namen vergeben, sondern sich selbst eine Farbe mithilfe eines HTML Color Picker aussuchen. Damit wird sowohl der Titel als auch der Rahmen der Kategorie eingefärbt.

Wenn man auf eine Kategorie oder eine Liste klickt, bekommt man diese in einer Einzelsicht. Auf jeder Übersichtsseite ist es möglich, die Items abzuhacken.

Learnings

Mir hat es sehr viel gebraucht, dass Projekt alleine umzusetzen. Deswegen musste ich mich mit jedem Bereich genau auseinandersetzen und konnte viele Erfahrungen sammeln.

Ich habe gelernt, dass ich mir für das Konzept und die Umsetzung des Designs mehr Zeit nehmen muss. Mein eigentliches Ziel war es, auch bereits ein eigenständiges Design zu programmieren. Bis jetzt habe ich es nur geschafft, die bereits von Ionic vorgegeben Komponenten zu nutzen und Kleinigkeiten zu personalisieren. In Zukunft möchte ich aber auch mit eigenen Ideen aufkommen und diese umsetzen.

Erweiterungen

Ich könnte mir vorstellen, dass Projekt im nächsten Semester weiterzuentwickeln. Dabei würde ich mich vor allem auf das Design konzentrieren und neue Features wie einen Study Timer, einen Kalender mit Deadlines und eine Visualisierung über die Fortschritte einbauen.

The post YET, another to-do-list app appeared first on Mobile USTP MKL.

Design

Die größte Änderung ist das Aussehen. Mit Material You wurde eine neue Oberfläche vorgestellt, die komplett neugestaltet wurde. Das generelle Aussehen soll freundlicher und weniger mechanisch wirken. Daher wurden so gut wie alle UI-Elemente neugestaltet.

Das Design ist etwas runder und es gibt mehr White Space. Vor allem die Widgets bekommen damit einen neuen Look. Die Animationen wurden ebenfalls angepasst, damit die Oberfläche dynamischer wirkt. Neben den UI Elementen wurde auch die Schrift weiter verändert, so wird bei Material You die neue Schriftart Google Sans verwendet.

Eine weitere große Änderung bei Material You ist die Persönlichkeitskomponente, die bei den Farben möglich ist. Es gibt jetzt nicht nur dynamische Farben, die sich dem Hintergrund anpassen, man kann sogar selbst einstellen, wie Benachrichtigungen, Einstellungen und Widgets aussehen sollen.

Dabei kann man aus mehreren Farbpaletten auswählen, die anhand des Hintergrunds generiert wurden. Dabei gibt es Vorschläge sowohl für den Light als auch für den Dark Mode. Google versichert dabei, dass ein optimaler Kontrast erhalten bleibt. Als Nutzer hat man jetzt auch die Möglichkeit Themed Icons auszuwählen, auch wenn diese bisher nur bei Google internen Apps funktionieren. Diese Themed Icons passen sich ebenfalls den ausgewählten Farben an.

Die Bedienhilfen werden weiterhin laufend verbessert. So gibt es jetzt die Möglichkeit an bestimmten Stellen zu Zoomen, ohne den Kontext des anderen Inhalts zu überdecken.

Außerdem kann bei der Schrift nicht nur die Größe, sondern auch der Stil auf Fett die eingestellt werden. Bei der Color Correction gibt es mehr Möglichkeiten die Graustufen anzupassen.

Sicherheit

Ein weiterer Fokus von Android 12 ist die Verbesserung im Bereich der Privatsphäre. In dieser Version wurde ein eigenes Privacy Dashboard eingeführt, das einem eine bessere Übersicht über die Berechtigung aller Apps bringt. So sieht man sofort welche Apps einen Zugriff auf den Standort, die Kamera, das Mikrofon oder andere Freigaben haben. In dieser Übersicht können diese Berechtigungen auch eingeschränkt werden.

Mit dieser Übersicht will Google auch mehr Transparenz über die Sicherheit geben, da es für einige Apps sogar eine Zeitlinie über die Aktivitäten und Zugriffe gibt.

Neben dieser Übersicht ist es mit Android 12 auch möglich, Kamera und Mikrofon systemweit zu deaktivieren. Bei den Standortinformationen, kann definiert werden, wie genau der Standort übergeben werden darf. Somit kann man selbst einstellen, wie viele Daten über den Standort preisgegeben werden.

Für Developer

Als Developer gibt es einige Neuerungen, auf die man bei der Entwicklung aufpassen sollte. Bei der Usability gibt es einige Verhaltensänderungen z.B. beim Scrollen und bei Splash Screens als auch Anpassungen bei der Errechnung der Bildschirmgrößen. Eine weitere Änderung sind die Benachrichtigungen. Sie können jetzt nicht mehr komplett selbst gestaltet werden, ab Android 12 müssen sie einem bestimmten Template folgen.

Eine Übersicht über alle Veränderungen kann hier gefunden werden: https://developer.android.com/about/versions/12/summary

Android 13

Die erste Developer Preview für Android 13 wurde bereits veröffentlicht. In dieser ersten Preview liegt der Fokus hauptsächlich darauf, Android 12 zu verbessern und zu erweitern. So wird Material You weiterentwickelt, z.B. wurden weitere Icons vorgestellt. Ein weiterer wichtiger Punkt ist die Sicherheit. Android 13 soll weitere Möglichkeiten zur Einschränkung verschiedenerer Berechtigungen bringen. Laut der offiziellen Preview soll die neue Version nach Juli 2022 veröffentlicht werden.

Quellen

https://developer.android.com/about/versions/12

https://www.android.com/intl/de_de/android-12/

https://www.derstandard.at/story/2000129892774/android-12-das-groesste-smartphone-update-seit-jahren-im-test

https://www.derstandard.at/story/2000133289559/mehr-privatsphaere-neue-app-icons-developer-preview-fuer-android-13?ref=rss

https://android-developers.googleblog.com/2022/02/first-preview-android-13.html

The post Android 12 appeared first on Mobile USTP MKL.