Cegeka Jobs Language Warum Cegeka Back
Trinity of Innovation

5G, Artificial Intelligence & Hybrid Cloud: alles allein schon bahnbrechende Technologien. Aber ihr wahres Potenzial? Das liegt in der Synergie, die sie gemeinsam schaffen.

Entdecken Sie mit uns die Zukunft
Warum Cegeka

Warum Cegeka

In close cooperation: Als familien­geführter IT Solutions Provider arbeiten wir eng mit unseren Kunden zusammen.

Cegeka ESG

Cegeka & die Gesellschaft

Wir entwickeln innovative Lösungen mit positiven Auswirkungen auf Umwelt, Menschen und die Gesellschaft.

Über uns

Über uns

Unsere starken Werte bilden den Eckpfeiler unserer Identität und sind die Grundlage für unseren Erfolg.

contact-locaties-80-80-full

Kontakt & Standorte

Sie finden uns in 13 Ländern weltweit.

Mehr

Unser Management

Unternehmensnews

Annual Report

Mitgliedschaften

Lösungen Back
Unsere Lösungen
Hybrid Cloud

Hybrid Cloud

Erfahren Sie über den Mehrwert der Cloud-Transformation für Ihr Business

Cyber Security

Cyber Security

Stärken Sie die Cyber Resilience Ihres Unternehmens

Applications

Applications

Entwicklung von Anwendungen für mehr Wachstum, Innovation & Agilität

Cegeka Produkte & Plattformen

Produkte & Plattformen

Softwareprodukte & Plattformen, die helfen, Geschäftsprozesse zu optimieren und Ihr Unternehmen voranzubringen.

Digital Workplace

Digital Workplace

Wie Sie mit einem Digital Workplace die Produktivität steigern und kosten senken

Data Solutions

Data & AI

Unsere Data Solutions helfen Ihnen, zu einem datengesteuerten Unternehmen zu werden

Business Solutions

Business Solutions

Vernetzen Sie Ihr Unternehmen, indem Sie Ihre entscheidenden Prozesse digitalisieren - mit Dynamics 365

Services Back
Unsere Services
Professional Services DE

Professional Services

Die richtigen Mitarbeiter für Ihre Projekte: zeitnah & zuverlässig

Team-as-a-Service

Team-as-a-Service

Eingespielte IT-Teams zur Unterstützung Ihrer Projekte.

IT Projekte

Projekte

Umsetzung kompletter IT-Projekte zum agilen Festpreis

IT-Beratung

IT-Beratung

Wir unterstützen Sie bei Ihrer digitalen Transformation

Agile Coaching & Training

Agile Coaching & Training

Wir begleiten Sie bei der agilen Transition - mit gezielten Trainings & Coaching

Outsourcing & Managed Services

Outsourcing & Managed Services

Outsourcing entlastet Ihre IT-Abteilung & hilft, sich auf Ihr Business zu fokussieren

Nearshore Services

Nearshore Services

Profitieren Sie von den Kostenvorteilen des Nearshorings & bleiben Sie flexibel.

Navigation Servicedesk

Servicedesk & Onsite Services

Wir bieten Ihnen dedizierte Support-Teams & ein adaptives Service-Modell

Branchen Back
Branchen

Mit branchenspezifischen Services unterstützen wir Unternehmen dabei in einer sich schnell verändernden Geschäftswelt zu wachsen und gehen dabei gezielt auf die Herausforderungen und Chancen ein.

Alle Branchen
Aviation

Aviation

Höchste Verfügbarkeit der IT ist entscheidend, um einen störungsfreien Geschäftsablauf im Flugbetrieb sicherzustellen.

Finanzen und Versicherungen

Finanzen & Versicherungen

Um zukunftsfähig zu bleiben, müssen Finanz­dienstleister Ihre Prozesse beschleunigen & IT als strategischen Part zur Erreichung Ihrer Ziele etablieren.

Energieversorgung

Energieversorgung

Die Entwicklung intelligenter Stromnetze wird es Unternehmen ermöglichen, ihr Energiemanagement selbst in die Hand zu nehmen

Produktion

Produktion & Fertigung

Produktionsketten werden zu intelligenten Netzwerken mit Echtzeit-Track-and-Trace-Systemen.

Öffentlicher & sozialer Sektor

Öffentlicher & sozialer Sektor

Digitale Plattformen, Automatisierung und Chatbots entlasten & schaffen neue Freiräume für das Wesentliche

Telekommunikation

Telekommunikation

Nur mit gut aufgestellten Telekommunikationsunternehmen lässt sich das volle Potenzial des Internet of Things erschließen

Einblicke Back
News @Cegeka: Bleiben Sie auf dem Laufenden!

Melden Sie sich für unseren Newsletter an und wir informieren Sie 3-4x jährlich über aktuelle News aus unseren Geschäftsbereichen, Kundenprojekte, Artikel, Whitepaper, Events & mehr.

Jetzt anmelden
Customer Success Stories

Kundenreferenzen

Was unsere Kunden über die Zusammenarbeit mit uns sagen

Cegeka News

Unternehmensnews

Lesen Sie unsere aktuellen Unternehmensnews und -mitteilungen

Cegeka Business Blog

Blog

Erhalten Sie Tipps, interessante Informationen & nähere Einblicke in die IT

Cegeka Whitepaper

Whitepaper & Solution Sheets

Erfahren Sie von unseren Experten mehr über aktuelle IT-Themen & informieren Sie sich über unser Angebot

Events

Events

Treffen Sie uns auf den folgenden Veranstaltungen

Webinare

Webinare

Gewinnen Sie wertvolle Einblicke von unseren Experten

Back
Select language

German - Germany

English

Kontakt
Cegeka Warum Cegeka
Trinity of Innovation

5G, Artificial Intelligence & Hybrid Cloud: alles allein schon bahnbrechende Technologien. Aber ihr wahres Potenzial? Das liegt in der Synergie, die sie gemeinsam schaffen.

Entdecken Sie mit uns die Zukunft
Warum Cegeka

Warum Cegeka

In close cooperation: Als familien­geführter IT Solutions Provider arbeiten wir eng mit unseren Kunden zusammen.

Cegeka ESG

Cegeka & die Gesellschaft

Wir entwickeln innovative Lösungen mit positiven Auswirkungen auf Umwelt, Menschen und die Gesellschaft.

Über uns

Über uns

Unsere starken Werte bilden den Eckpfeiler unserer Identität und sind die Grundlage für unseren Erfolg.

contact-locaties-80-80-full

Kontakt & Standorte

Sie finden uns in 13 Ländern weltweit.

Mehr

Unser Management

Unternehmensnews

Annual Report

Mitgliedschaften

Lösungen
Unsere Lösungen
Hybrid Cloud

Hybrid Cloud

Erfahren Sie über den Mehrwert der Cloud-Transformation für Ihr Business

Cyber Security

Cyber Security

Stärken Sie die Cyber Resilience Ihres Unternehmens

Applications

Applications

Entwicklung von Anwendungen für mehr Wachstum, Innovation & Agilität

Cegeka Produkte & Plattformen

Produkte & Plattformen

Softwareprodukte & Plattformen, die helfen, Geschäftsprozesse zu optimieren und Ihr Unternehmen voranzubringen.

Digital Workplace

Digital Workplace

Wie Sie mit einem Digital Workplace die Produktivität steigern und kosten senken

Data Solutions

Data & AI

Unsere Data Solutions helfen Ihnen, zu einem datengesteuerten Unternehmen zu werden

Business Solutions

Business Solutions

Vernetzen Sie Ihr Unternehmen, indem Sie Ihre entscheidenden Prozesse digitalisieren - mit Dynamics 365

Services
Unsere Services
Professional Services DE

Professional Services

Die richtigen Mitarbeiter für Ihre Projekte: zeitnah & zuverlässig

Team-as-a-Service

Team-as-a-Service

Eingespielte IT-Teams zur Unterstützung Ihrer Projekte.

IT Projekte

Projekte

Umsetzung kompletter IT-Projekte zum agilen Festpreis

IT-Beratung

IT-Beratung

Wir unterstützen Sie bei Ihrer digitalen Transformation

Agile Coaching & Training

Agile Coaching & Training

Wir begleiten Sie bei der agilen Transition - mit gezielten Trainings & Coaching

Outsourcing & Managed Services

Outsourcing & Managed Services

Outsourcing entlastet Ihre IT-Abteilung & hilft, sich auf Ihr Business zu fokussieren

Nearshore Services

Nearshore Services

Profitieren Sie von den Kostenvorteilen des Nearshorings & bleiben Sie flexibel.

Navigation Servicedesk

Servicedesk & Onsite Services

Wir bieten Ihnen dedizierte Support-Teams & ein adaptives Service-Modell

Branchen
Branchen

Mit branchenspezifischen Services unterstützen wir Unternehmen dabei in einer sich schnell verändernden Geschäftswelt zu wachsen und gehen dabei gezielt auf die Herausforderungen und Chancen ein.

Alle Branchen
Aviation

Aviation

Höchste Verfügbarkeit der IT ist entscheidend, um einen störungsfreien Geschäftsablauf im Flugbetrieb sicherzustellen.

Finanzen und Versicherungen

Finanzen & Versicherungen

Um zukunftsfähig zu bleiben, müssen Finanz­dienstleister Ihre Prozesse beschleunigen & IT als strategischen Part zur Erreichung Ihrer Ziele etablieren.

Energieversorgung

Energieversorgung

Die Entwicklung intelligenter Stromnetze wird es Unternehmen ermöglichen, ihr Energiemanagement selbst in die Hand zu nehmen

Produktion

Produktion & Fertigung

Produktionsketten werden zu intelligenten Netzwerken mit Echtzeit-Track-and-Trace-Systemen.

Öffentlicher & sozialer Sektor

Öffentlicher & sozialer Sektor

Digitale Plattformen, Automatisierung und Chatbots entlasten & schaffen neue Freiräume für das Wesentliche

Telekommunikation

Telekommunikation

Nur mit gut aufgestellten Telekommunikationsunternehmen lässt sich das volle Potenzial des Internet of Things erschließen

Einblicke
News @Cegeka: Bleiben Sie auf dem Laufenden!

Melden Sie sich für unseren Newsletter an und wir informieren Sie 3-4x jährlich über aktuelle News aus unseren Geschäftsbereichen, Kundenprojekte, Artikel, Whitepaper, Events & mehr.

Jetzt anmelden
Customer Success Stories

Kundenreferenzen

Was unsere Kunden über die Zusammenarbeit mit uns sagen

Cegeka News

Unternehmensnews

Lesen Sie unsere aktuellen Unternehmensnews und -mitteilungen

Cegeka Business Blog

Blog

Erhalten Sie Tipps, interessante Informationen & nähere Einblicke in die IT

Cegeka Whitepaper

Whitepaper & Solution Sheets

Erfahren Sie von unseren Experten mehr über aktuelle IT-Themen & informieren Sie sich über unser Angebot

Events

Events

Treffen Sie uns auf den folgenden Veranstaltungen

Webinare

Webinare

Gewinnen Sie wertvolle Einblicke von unseren Experten

German - Germany English Jobs Kontakt
Home Business Blog Business Blog Developing time report app using Xamarin forms
Softwareentwicklung
4 Minuten Lesedauer

Developing time report app using Xamarin forms

The idea behind developing a time report app, the technology stack used, and all the features included within IT.

Marketing Deutschland

Marketing Deutschland

Mai 12, 2020

Problem

Booking your work time has been always considered as a boring activity to do, you need to remember all the breaks which you took during the work day considering all kind of different tasks related to various types of projects you worked on, furthermore having an internet connectivity is required in order to accomplish this task.

Solution

We thought about how to facilitate time booking activities, how to make such work as simple as it can get?

We came up with an idea of developing a time booking app, which can help us reaching our goals of facilitating our employees’ life while booking their work time, adding new features such as auto time booking, offline time booking is some of what we provided newly in this app.

Technology Stack

Considering the fact that the app should work natively in both Android as well as IOS devices and taking into account the limited development time as well as our modest knowledge with IOS apps development, we come up with the idea of choosing Xamarin.forms as main part of the technology stack; because it sounds promising to develop cross-platform apps and share certain components between them to reduce code duplication and save our time.

1

Image Source

There are many Blogs and articles talking about the reasons of why you should use Xamarin.forms in order to write a cross platform apps that can answer many related questions, I listed some of them below:

6-Reasons

Pros and Cons

build-cross-platform app

5-reasons why xamarin is better cross-platform mobile development framework/


In this blog I will focus on the app structure and the features provided within it.

App code Structure

1-1From Visual Studio IDE we have created a normal Mobile app (Xamarin.Forms) project and named it TimeReport. The generated project contains 3 main packages.

I will go throw each of them in details in the following.

TimeReport package

2

This package includes the main parts of Time Report app code. We divided the classes and files into three main sub package

Components:
Here we’ve included one package for each app page or functionality, such as login, overview, settings

Models:
This sub package includes the common classes, which are used, called in many places; to increase the code reusability and decrease code redundancy. 

Resources:
As our app should support both English and German language, we’ve created two recourse files accordingly. Each of those files includes data in Key-Value format to serve language switching purpose. 

TimeReport.Android package

3This package includes the android specific code, configurations and files. We added here some configurations and imported the android related image files.

 

 

 

TimeReport.iOS package

4As mentioned for TimeReport.Android, this package includes the IOS specific code, configurations and files. We did the same of adding some configurations and imported the IOS related image files.

 

 

 

 

Pages and new features

Here I will include screen shots of the different pages in both Android and IOS version, and I will provide some more details about the newly added features.

Online mode (internet mode):

In this mode the user will have the opportunity to experience all kind of the provided functionalities.

Login page:

1-3  2-2

Main menu:

1-4  2-3

Monthly overview page:

1-6  2-4

Weekly overview page:

1-7  2-5

Modify booking page:

1-8  2-6

Project selection:

1-9  2-7

Manual time booking page:

1-10  2-8

Auto time booking (new feature):

You only need to select the project (mandatory in online mode) fill out some other fields(optional), the next step will be to click on the record button, this will trigger time recording in the background. 

1-11  2-9

As soon as you finish working on a task, click on stop button, and one-time booking will be processed and send to time server. As you notice, this makes the time booking process more precise and easier.

3-1  4-1

Local Time-Log page:

This page contains the time booking logs for the bookings done in the offline mode.

Those booking logs should be modified (selecting the related project at least) in order to finalize the booking activity.

We will get more details about it in the Offline mode section of this blog.

Settings page:

1-12  2-10

In this page we’ve enabled the user of configuring some parameters like

  • Remember me: when this check box is checked, the user does not need next time to enter his credentials in order to log in
  • Lunch break time
  • Rounding(new feature): we’ve added this feature as in some projects they do not accept times like 13:24 as valid booking time, rather than that they only accept a time such as 13:15 (Quarter) or 13:30(Half) or 13:00(full). For fulfilling this purpose we have enabled the user to configure it for both start time as well as end time. Here it’s important to mention that the user has the choice of enabling or disabling this feature from the settings page. 

Offline mode (new feature)

Offline mode recognizing:

When the user starts the time report app, it checks the internet connectivity, and if no connectivity found it shows the user one internet connection info message.

The offline mode will be activated accordingly.

1-13  2-11

Login Page:

Instead of selecting the participant, username and password, the user is required only to enter his contraction (username in this case).

This field will enable the user afterwards to finish his booking activities as soon as he logs in to the active mode.

1-14  2-12

Automatic Booking page:

Clicking on the login button, the user will be forwarded to the automatic booking page instead of monthly overview page in the online mode.

As there is no active connection to time server in this mode, it’s not possible to fetch the projects list for each user. For this reason, there is no project selection needed in this mode for both auto and manual booking.

1-15  2-13

Manual Booking Page:

1-16  2-14

3-2  4-2

Local time-log page:

After a successful booking, one new time log will be shown in the time-log page. From this page the user will have the ability to either delete or modify the time log.

1-17  2-15

3-3  4-3

Opening the corresponding time log for modification, the normal booking modify page will be opened with some differences from the online mode, as there will be no project info available and the offline mode symbol will be shown in the bottom left side of the page.

5  6

Summary:

In this blog I explain the idea behind time report app, technology stack used, and all the features included within IT supported with some screenshots.

It is worth to be mentioned that we integrated also our source code with CI/CD pipeline for continuous building and testing purpose. This will be explained extensively in a separate blog coming soon 😊

 

Marketing Deutschland

Marketing Deutschland

Weitere Beiträge von Marketing Deutschland

News @Cegeka

Bleiben Sie auf dem Laufenden!

Melden Sie sich zu unserem Newsletter an und erhalten Sie 3 - 4 jährlich eine Übersicht mit aktuellen News, Kundenreferenzen, Artikeln, Whitepapern, Eventinformationen und mehr bei Cegeka.