xN - Der modulare Web - Baukasten

xN - Website

Für die Umsetzung des gesamten Webauftrittes nutzen wir das django Webframework. Django ist ein webbasiertes, kostenloses, Open-Source-Framework, das auf Python aufbaut. Es bezeichnet sich selbst als „Das Web-Framework für Perfektionisten mit Deadlines“ und ist weltweit eines der drei wichtigsten Open-Source-Ökosysteme für Webtechnologie. Es zeichnet sich vor allem durch Leistungsfähigkeit, Flexibilität, Sicherheit und Skalierbarkeit aus, was es zu einer idealen Lösung für alle massgeschneiderten Web-Anwendungen macht.

Ein Webframework ist eine Art Baukastensystem, das mit vielen vorgefertigten Teilen die Entwicklung von Web-Anwendungen stark erleichtert.

Der ganze Webauftritt ist ein Open Source Ecosystem aus wiederverwendbaren django Webframework Apps, Modulen, Elementen, Templates und Konfigurationsdateien. Die verschiedenen Konfigurationen sind durch unsere ausgeklügelten Arbeitsabläufe schnell und einfach adaptierbar. Durch die modulare Bauweise von xN ist es jederzeit möglich, den Webauftritt weiter auszubauen.
 

xN - Web-App

Integriert im xN-Starter-Kit sind bereits konfigurierte Apps, Module und Templates die es ermöglichen mit wenig Zusatzaufwand eine massgeschneiderte Web-App zu bauen. So können bspw. eigene Produkte oder Objekte ins Django-Backend eingepflegt werden.
Um besser zu verstehen, was alles mit einer xN-Web-App möglich ist, haben wir auf der Demo-Plattform zwei Beispiele erstellt:

Museumssuche-Web-App
Dort findet man wichtige Informationen wie Adresse und Beschreibung zu Museen in der Schweiz, Angaben zu Parkplätzen, Kinderfreundlichkeit, Öffnungszeiten und vieles mehr. Im django Backend findest du unter Museums die eingetragenen Museen. Alle Museen sind einer Museumskategorie zugeordnet.

Auf der Seite Museum im Frontend der Webseite sind links alle eingetragenen Museen aufgelistet. Auf der rechten Seite werden die Museen mit Markers auf einer Google Maps angezeigt. Die Resultate sind filterbar nach verschiedenen Kriterien. Die Resultatausgabe erfolgt sofort während des Schreibens. Die Resultate der Filtereinstellungen werden direkt in der URL abgebildet und können kopiert und geteilt werden.

Museumssuche-Web-App

Architektur-Web-App
Die Projekte von MACH Architektur sind weltweit zu finden. Für MACH haben wir eine Web-App erstellt, welche ihre Projekte filterbar auf einer Google Map anzeigt. Auf der linken Seite werden die Projekte aufgelistet. Sie sind filterbar nach Kategorie, Ort oder Kunde. Auf der rechten Seite werden die Projekte als custom Marker angezeigt. Bei klick auf den jeweiligen Marker erscheint ein Info-Window mit mehr Informationen zu den Projekten. Integriert ist auch ein Bild-Carousel. Bei klick auf den Info-Button öffnet sich ein zusätzliches Modal über der Seite mit zusätzlichen Infos zum Projekt. Im django Backend findest du unter Projekte die eingetragenen Objekte.

Architektur-Web-App

Mit diesen beiden Demo Web-Apps wollen wir zeigen was alles möglich ist. Um den ganzen Ablauf einer Webapp besser zu verstehen loggst du dich am besten direkt ins django Backend ein und verschaffst dir einen Überblick. Du kannst die Daten direkt editieren, speichern oder löschen. Nach deiner Session löschen wir deine Daten und stellen den Orginalzustand wieder her.

xN - SEO

Jede Website verfügt über eine Reihe von integrierten Funktionen und nützliche Leitfaden, die helfen, die Präsenz bei Suchergebnissen zu maximieren.

• SEO-Seitentitel und -beschreibungen: SEO-Seitentitel und -beschreibungen werden standardmässig festgelegt, aber du kannst diese Inhalte für Such- oder Social-Media-Zwecke modifizieren, ohne den Seiteninhalt zu verändern, den Besucher sehen.

• Saubere URL’s: Alle Seiten und Sammlungsinhalte auf deiner Website haben statische URLs, die leicht indiziert und von Suchmaschinen gelesen werden können.

• SSL-Sicherheit: Alle Domains beinhalten kostenlose SSL-Zertifikate.

• Integration Open Graph / Twitter Cards im Django CMS: Kontrolliere das Bild, das neben deinen Inhalten erscheint, wenn du (oder jemand anderes) diese Inhalte in sozialen Medien teilst.

• Installation dynamische Sitemap: xN erstellt und pflegt automatisch Sitemaps, die alle Website-Informationen, Seiten und die Beziehungen zwischen ihnen auf dem neuesten Stand halten. Suchmaschinen nutzen diese Sitemap, um Websites zu finden und zu crawlen, die du genehmigt hast.

• Sinnvolle Zuweisung von Überschriften

• Installation Google Search Console: Mit der Google Search Console kann man schnell und einfach herausfinden, welche Suchbegriffe deine Kunden und Besucher verwenden, um deine Website zu finden.

• Google Ads: Mit Google Ads sprichst du potenzielle Kunden an, die in der Google-Suche oder auf Google Maps nach Unternehmen wie deinem suchen. Dabei zahlst du nur für Ergebnisse, also z. B. für Klicks, mit denen Nutzer auf deine Website gelangen. Wir entwickeln mit dir eine individuelle Strategie mit Google Ads, spezifischen Keywords und Suchmaschinenmarketing.

xN - REST-API (Schnittstelle)

REST-API steht für „Representational State Transfer - Application Programming Interface“. Sie macht den Austausch von Informationen  auf unterschiedlichen Systemen möglich. Heute trifft man oft auf solche unterschiedlichen Systeme, die den Einsatz von REST-API notwendig machen. Man spricht bei REST-API auch von der Maschine-Maschine-Kommunikation, da die verschiedenen Systeme und Geräte zusammengebracht werden und so die „gleiche Sprache“ sprechen. Dank REST-API ist es möglich, Informationen und Aufgaben auf verschiedene Server zu verteilen und mit Hilfe eines HTTP-Requests anzufordern. Durch die Nutzungen von Clouds oder mobilen Geräten gibt es mittlerweile zahlreiche Programmierschnittstellen (APIs), deren Aufgabe darin besteht, Webdienste nutzbar zu machen. REST-APIs sind beispielsweise für Twitter, Amazon und Google eine Selbstverständlichkeit.

Anhand der Museums- und Architekten Demo-App haben wir zwei REST-API Schnittstellen erstellt, die es ermöglichen alle Daten der Web-Apps schnell und gut spezifiziert an eine Partner-Plattform weiterzugeben.

Gerne geben wir dir dazu noch mehr Informationen. 

xN - Mitgliederbereich

xN bietet eine integrierte Benutzerregistrierung mit E-Mail Opt-In und 3rd Party (Social) Account Authentifizierung und vielen weiteren Möglichkeiten. Richtig konfiguriert sind gewisse CMS-Seiten nur für registrierte Mitglieder sichtbar. Ein gutes Beispiel sind Vereins-Webseiten die neben den allgemeinen Infos die für alle sichtbar sind, auch sensiblere Daten wie Mitgliederprotokolle, Listen usw. bereitstellen, die nur für registrierte Mitglieder sichtbar sein sollen.

Am besten testest du den Mitgliederbereich auf der Demo-Plattform aus. Erstelle einen neuen Account oder logge dich mit deinem bestehenden LinkedIn Login ein.
Registrieren

Sobald du den Anmeldeablauf erfolgreich beendet hast, kannst du dich einloggen und bist berechtigt den Content der Mitgliederseite zu sehen.
Mitgliederbereich

xN - Cloud Server Dienst

Der neue Webauftritt wird auf einem virtuellen Server der Firma Hetzner Online GmbH gehostet und von nord.digital verwaltet. Die Cloud Server von Hetzner bieten höchste Performance und Sicherheit. Dank umfangreicher Hardware-Applikationen und einer komplexen Filtertechnik ist der Webauftritt vor DDoS-Angriffen weitestgehend geschützt.

Hetzner ist ein professioneller Webhosting-Dienstleister und erfahrener Rechenzentrenbetreiber. Seit 1997 stellt das Unternehmen Privat- und Geschäftskunden leistungsstarke Hosting-Produkte, sowie die nötige Infrastruktur für den reibungslosen Betrieb von Websites zur Verfügung. Durch die Kombination aus stabiler Technik, attraktiven Preisen und flexiblen Support- und Serviceleistungen baut Hetzner Online seine Marktposition im In- und Ausland kontinuierlich aus. Das Unternehmen besitzt mehrere Datacenter in Deutschland und Finnland.

Wir "überwachen" deinen Cloud-Server und passen ihn bei Bedarf an:
Vielleicht startet bald eine Werbekampagne und du erwartest viel Traffic auf deiner Website? Wir skalieren den Cloud-Server für die Dauer der Kampagne nach oben und stellen ihn nach der Kampagne wieder zurück. So bezahlst du nur das, was du effektiv brauchst.

xN - Cloud-Hosting-Servicevertrag

Zu jedem Webauftritt gehört ein Cloud-Hosting-Servicevertrag der alle 6 Monate erneuert wird.

Dazu gehören

• Cloud Server Dienst: Monitoring und Verwaltung des Cloud-Servers.
  Das Cloud-Hosting wird von dir direkt bezahlt über Hetzner Online oder einem anderen Anbieter der Python Anwendungen hostet.
• Updates der Websoftware: Django-Framework und Django-CMS
• Einspielung aktueller Bugfix- und Security Release 
• Allgemeine Software Aktualisierungen