Ihr Partner in Web-Entwicklung

Innovative Ideen für Ihr Unternehmen

Web-Entwicklung

Egal ob neue Firmen-Webseite, CRM-System oder Spezial-Software. Wir sind ihr Ansprechpartner in Sachen Web-Entwicklung!

Wir erstellen Webseiten und Web-Applikationen nach ihren Wünschen und Anforderungen. Dabei setzen wir stehts auf die neusten Technologie- und Sicherheits-Standards.

Netzwerk Administration

Planung, Aufbau und Administration ihres kleinen bis mittelständigen Firmen-Netzwerkes.

Wir kümmern uns daraum dass es in ihrer Firma läuft. Wir planen, bauen und administrieren ihr Unternehmens-Netzwerk.

Linux Server Management

Aufbau, Instandhaltung und Wartung ihres Linux-Servers.

Wir bieten ihnen einen umfassenden Service für ihren Linux-Server. Wir sorgen dafür, dass alles auf dem neusten Stand ist und ihre Services verlässlich laufen. Dabei achten wir stehts auf die Sicherheit ihres Netzwerkes und ihrer Kunden.

Wer Sind Wir?

Software ist Analyse und Instrospektion. Um einen Prozess zu verstehen, betrachten wir ihn so lange bis wir ihn verstehen. Gute Software erklärt einen Prozess in einfachen Schritten.

Wir bauen Software aus Micro-Services, kleine Komponenten die eine kleine Aufgabe erledigen. Ein Service alleine ist nahezu nutzlos, aber wenn mehrere zusammenfließen - dann können sie komplexe Prozesse abbilden und verwalten.

Viele unserer Services sind Open-Source, so das sie von der Community geprüft und verbessert werden können. Das erlaubt uns transparente und effiziente Arbeit.

Wir ergänzen diese Services dann mit anderen Services die proprietär sind, und das geistige Eigentum ihrer Firma schützen. [Mehr erfahren?]

Wir möchten das unsere Kunden das Gefühl haben das dass was wir tun ganz einfach ist. Dann wissen wir das wir es richtig machen.

César

César

Inhaber & Entwickler

Sebastian

Sebastian

Entwicker

BLOG

Wir nutzen unseren Blog um uns mit anderen Entwicklern auszutauschen. Die Softwareentwickler Community ist global, und selten Deutsch sprechend. Unsere Artikel sind deshalb alle auf Englisch verfasst. Wir laden sie trotzdem ein sich umzuschauen.

Mobile Push-Notifications via Pusher

29/05/2020

This week I thought about a way to send mobile push-notifications to users of a web-app. So as always I made a quick web-search and ended up on Pusher. Especially on Pusher - Beams. Beams is an API for sending push-notifications to iOS and Android apps. You might think: “Yeah, that sounds nice! But how can I get this running on my phone?” Well, the answer is: You need to write a small mobile-app for this. I started with a simple Android-app with the registration for the Pusher service and a full-screen web-view to show my web-app. It was pretty simple. Even for me, who doesn’t worked on any mobile-apps before. You just need to:

  • Create a new Android project (in my case via Android-Studio)
  • Import the required dependencies as described in the Pusher-documentation.
  • Setup an API-key
  • And that’s it!

You can now test your app with Pusher’s build in “Development – Console”.

After the app worked just fine I created a simple PHP-class to send push-notifications via a cURL-request to my app from a PHP-endpoint.

<?php

class PushNotification
{
        /**
         * Sends a notification to the users over the given interest-channel.
         * 
         * @param  string $title
         * @param  string $body
         * @param  string $interest
         * 
         * @return string
         */
        public static function send(string $title, string $body, string $interest = 'public')
        {
                // Define the notification data
                $data = [
                        'interests' => [$interest],
                        'fcm'       => ['notification' => ['title' => $title, 'body' => $body]]
                ];

                // Encode the data as JSON
                $payload = json_encode($data);

                // Prepare new cURL resource
                $ch = curl_init('https://[your-instance-id].pushnotifications.pusher.com/publish_api/v1/instances/[your-instance-id]/publishes');
                curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
                curl_setopt($ch, CURLINFO_HEADER_OUT, true);
                curl_setopt($ch, CURLOPT_POST, true);
                curl_setopt($ch, CURLOPT_POSTFIELDS, $payload);

                // Set HTTP Header for POST request
                curl_setopt($ch, CURLOPT_HTTPHEADER, array(
                        'Content-Type: application/json',
                        'Authorization: Bearer [your-auth-bearer-id]'
                ));

                // Submit the POST request
                $result = curl_exec($ch);

                // Close cURL session handle
                curl_close($ch);

                // Return the answer of the request
                return $result;
        }

This class currently supports just one interest-channel, but for the project I created it was enough.

I think this is a great example on how easy it is nowadays to combine different services like web-apps and mobile-apps.

I hope this small example will give you an idea what’s possible with services like this!


: 0 : programming, php, android, apps

Simple graph bars in HTML

22/05/2020

Have you ever had the need for a very simple graph bar in HTML, and didn’t feel like importing an entire library just to draw a few bars. Here’s a little life hack for you.

Let’s start with the CSS, we need to draw a series of bars on a graph, so let’s start with that:

<style>
div.graph { height: 200px; line-height: 200px; }
div.bar { background: #CCC; border-top: solid 2px #BBB; display: inline-block; vertical-align: bottom }
</style>

That’s all the CSS we’re going to need. For the example we’re going to consider we have the data in a PHP array like this:

$points = [2, 1, 3, 4, 2, 3, 4];

We’re going to need the maximum value from this array and the number of points our series has, which we can obtain like this:

$max = max($points);
$count = count($points);

Now we can draw a graph with a bit of code like this:

<div class="graph">
  <?php foreach ($points as $point): ?><div class="bar" style="width: <?= 1/$count * 100 ?>%; height: <?= $point/$max * 100 ?>%"><?php endforeach; ?>
</div>

And you’ll geta very simple bar graph. Please note that it’s really important that you have no whitespace between the foreach tags, since otherwise the graph will probably jump to the next line and look crazy.

You can use the CSS above to closer style your graph and adjust the colors and other settings.

While this graph is no replacement for a full library like Ycharts or Google Charts, it will do a decent job when all you need is to give the user a quick glance at how data changed without adding the maintenance required by one of these major libs.


: 0 : programming, php, android, appsphp, engineering, web development

How secure is my website?

15/05/2020

A few weeks ago, after I read some articles about cyber-security, I asked myself: “How secure are the websites we produce for our services and customers?” I searched for quite some time on how to measure the security and find vulnerabilities in the code and the setup of the webserver. After some search on the web, I found a great tool to check for the most common attacks on websites.

Immuni Web provides a free and a paid version of their tool. But even with the free tool you can get a good overview of the security-status of your service/website. Like: Webserver-Security, Website-Security, GDPR Compliance, HTTP-Headers, and more.

You should definitely have a look and check your service for free!


: 0 : programming, php, android, appsphp, engineering, web developmentprogramming, cybersecurity, webprogramming

Simple closure for