Webentwicklung für Unternehmen

Was ist Webentwicklung?

Als Webentwicklung bezeichnet man die Entwicklung von komplexen Websites, Webanwendungen oder anderen Webservices. Webentwicklung ist eine Form der Softwarentwicklung. Entwickler von Webanwendungen werden Webentwickler genannt.

• Erstellung von komplexen Webseiten
• Entwicklung von Webapplikationen
• Umsetzung webbasierter Software im Kundenauftrag (SaaS)
• Einsatz von Content-Management-Systemen
• Beratung zur Digitalisierung
• Entwicklung von Datenbankanwendungen
• Buchungssystem für Veranstaltungen
• Website erstellen lassen

Was macht ein Webentwickler?

Webentwickler sind Softwareentwickler, die sich auf Webtechnologien (HTML, CSS, JavaScript) spezialisiert haben. Als Webentwickler entwickelt man Software, die in einem Browser (Internet Explorer, Google Chrome, Firefox) läuft. Man unterscheidet zwischen Frontend- und Backend-Entwickler. Full-Stack Webentwickler vereinen diese beiden Welten.

Frontend-Entwickler

Ein Frontend-Entwickler hat sich auf das spezialisiert, was ein Benutzer zu sehen bekommt. UX (User Experience) und UI (User Interface) sind genau sein Ding. Er nutzt moderne Frontend-Frameworks wie React, Angular oder Vue.js.

Backend-Entwickler

Für die Technik unter der Haube sind Backend-Entwickler zuständig. Sie haben sich auf Anbindung von Datenbanken spezialisiert, stellen APIs zur Verfügung oder binden externe Systeme an.

Abgrenzung zur klassischen Softwareentwicklung

Webentwicklung unterscheidet sich in einigen Aspekten von klassischer Softwareentwicklung. Webanwendungen werden über einen Browser (z.B. Google Chrome) aufgerufen, während klassische Software nativ auf einem Betriebssystem (Windows, macOS oder Linux) als Anwendung aufgerufen wird.

Für die Umsetzung von Webapplikationen werden Techniken wie HTML, CSS und JavaScript verwendet. Skriptsprachen wie PHP ermöglichen das anbinden von Datenbanken (SQL) und die Verwendung von dynamischen Elementen. Wir bei operun entwickeln in Python.

Frameworks

Moderne Webentwicklung findet unter Nutzung von Webframeworks statt. Bekannte Frameworks sind Ruby on Rails (Ruby), Zend Framework (PHP) und Django (Python). Populäre JavaScript-Frameworks sind React, Angular und Vue.js. Für komplexe Projekte setzen wir gerne das Content-Management-System Plone als Framework ein. Weil dadurch schon zahlreiche Funktionen wie z.B. die Benutzerverwaltung, Workflows oder Verwaltung von Berechtigungen bereitgestellt werden können wir uns auf die Details konzentrieren.

Frameworks wie Electron ermöglichen die plattformunabhängige Entwicklung von Desktop-Applikationen unter Verwendung klassischer Web-Techniken wie JavaScript, HTML und CSS. Die Entwickler-Tools Visual Studio Code und Atom sind Beispiele für solche Anwendungen.

Content-Management-Systeme

Bei der Umsetzung von komplexen Websites helfen Content-Management-Systeme (CMS). Sie unterstützen durch eine benutzerfreundlichen Oberfläche bei der Erstellung der Seitenstruktur und helfen Inhalte (Content) einzupflegen. Bekannte Systeme sind Typo3 (PHP), Wordpress (PHP) oder das von uns favorisierte Plone (Python). Wir bei operun setzen auf dieses Enterprise-Content-Management-System, weil es eine herausragende Sicherheits-Architektur hat. Das lässt uns ruhig schlafen!

Online-Shops

Shop-Systeme sind im weitesten Sinne spezialisierte Content-Management-Systeme. Für die Umsetzung von Online-Shops gibt es zahlreiche hoch spezialisierte Projekte wie Magento oder Shopware. Wir stehen Ihnen gerne beratend zur Seite, wenn Sie ein E-Commerce-Projekt planen und Unterstützung benötigen.

Sicherheit in der Webentwicklung

Wir legen den Fokus auf die Sicherheit. Die eingesetzte Architektur und die Entwicklungssprache Python machen Sicherheitslücken zur Ausnahme. Durch den Verzicht auf den klassischen LAMP-Stack (Linux, Apache, MySQL, PHP) entfallen zahlreiche Angriffsvektoren. Das erhöht die Sicherheit und minimiert Risiken. Das BSI bestätigt in einer Studie die hervorragende Sicherheit der von uns eingesetzten Systeme.

Barrierefreie Webentwicklung

Wir entwickeln nach gängigen W3C-konformen Webstandards mit HTML, CSS und JavaScript. Ist eine barrierefreie Umsetzung Ihres Projektes gewünscht orientieren wir uns an den WAI-Standards des W3C.

Tools zur Webentwicklung

Um die Werkzeuge zu verstehen muss man die Technik verstehen. HTML (Hyper Text Markup Language) ist eine Auszeichnungs-Sprache. Sie dient dazu Text mit Überschriften, Absätzen und Links zu formatieren. CSS (Cascading Style Sheets) sind für die optische Gestaltung zuständig. Mit ihr werden z.B. Farben und Schriften definiert. Frameworks wie Bootstrap bringen Standards in diese Welt.

Programmiersprachen

Programmiersprachen wie JavaScript, PHP oder Python bringen Bewegung in die Sache. Sie ermöglichen dynamische Elemente, das Anbinden von Datenbanken oder Umsetzen von komplexen Workflows.

Design

Grafisches Design für die Webentwicklung wird nach wie vor gerne in Photoshop oder Illustrator gemacht. Wir präferieren die prototypische Umsetzung in statischen HTML und CSS. Dies berücksichtigt den vollen Funktionsumfang eines modernen Browsers.

Mockup

Möchte man einen ersten Eindruck vom Aufbau einer Seite geben kommen Mockups ins Spiel. Hier wird ausdrücklich kein Wert auf die pixelgenaue Umsetzung gelegt. Vielmehr geht darum funktionale Elemente wie die Anordnung von Buttons oder Darstellung von Informationen zu visualisieren. Unser Tool der Wahl ist Balsamiq.

Entwicklung

Echte Coder arbeiten im Quelltext. Sie lassen sich dabei bestenfalls mit Syntax-Highlighting, Code-Snippets oder Goto-Definition unterstützen. Der von Microsoft entwickelte freie Quelltext-Editor Visual Studio Code ist hier die erste Wahl. Visual Studio Code ist plattformübergreifend für die Betriebssysteme Windows, macOS und Linux verfügbar und basiert auf dem Framework Electron. Zahlreiche Plugins machen die Entwicklung komfortabel. Wer Microsoft nicht auf dem Desktop haben möchte greift zur Alternative von GitHub, dem Atom Editor.

Testing

Bei der Umsetzung von komplexen Webprojekten kommt man um automatisierte Tests nicht herum. Sie sind ein wichtiger Bestandteil der Qualitätssicherung. Automatisierte Tests prüfen Teile der Webapplikation auf Funktion (Unit-Tests) oder das Zusammenspiel von verschiedenen Komponenten (Integration-Tests). Selenium ist ein Framework, das Sie dabei unterstützt.

Wir bei operun lieben Tests! Jedes unserer Projekte wird mit einem ausführlichen Test-Setup aufgesetzt. Das erhöht die Qualität und erschlägt Bugs, bevor sie sich ausbreiten können.

Bei der individuellen Entwicklung für einen digitalen Prozess bekommen Sie mit unserem Service genau das, was Sie benötigen. Nicht mehr und nicht weniger. Wir bei operun nutzen als Basis in der Regel ein Framework, das schon eine Vielzahl von Funktionen out-of-the-Box zur Verfügung stellt und setzen Ihre individuelle Lösung oben drauf.

Die Kosten für die Erstellung einer Webseite hängen von den Anforderungen und vom Funktionsumfang ab. Bei operun liegen die Kosten für eine Corporate Webseite in der Regel zwischen 5.000 und 25.000 Euro. Dafür erhalten Sie professionelles Projektmanagement mit einer fundierten Anforderungsanalyse. Die Entwicklung findet vor Ort in der Nähe von München in Deutschland statt.

Die Kosten für individuelle Webentwicklung hängen immer auch von den Anforderungen und vom Funktionsumfang des Projektes ab. Eine Software dieser Qualität bewegt sich bei operun preislich etwa ab 25.000 Euro. Darin enthalten sind das Projektmanagement und die umfassende Anforderungsanalyse. Wir entwickeln selbst in Deutschland in der Nähe von München. Das sichert für Sie eine hohe Code-Qualität und zahlt sich langfristig für Sie aus. Gerne senden wir Ihnen bei Kontakt und auf Anfrage entsprechende Referenzen zu.

Als individuelle Webentwicklung bezeichnet man die Entwicklung einer webbasierten Anwendung. Es handelt sich um Software, die in einem Browser (Internet Explorer, Google Chrome oder Mozilla Firefox) plattformunabhängig, zugangsgesichert und ohne aufwändige Installation im Web zur Verfügung steht.

Als Web Engineering bezeichnet man die fundierte Herangehensweise in Sachen Architektur und Methodik bei der Entwicklung moderner webbasierter Applikationen. Sie leitet sich aus dem Begriff des Software Engineering ab.

Python ist eine Programmiersprache und hat den Anspruch, einen gut lesbaren, knappen Programmierstil zu fördern. Python ist weit verbreitet im wissenschaftlichen Umfeld. Die Wissenschaftler wissen genau, was diese Sprache für Vorteile bringt. Das gilt vor allem für zukünftige Anpassungen und Erweiterungen.

Eine Webapplikation besteht aus zahlreichen Modulen und Funktionen. Um die Entwicklung zu erleichtern und Zeit und Geld zu sparen, gibt es sogenannte Frameworks. Ein Framework ist ein Gerüst für die Programmierung und bildet in der Regel wiederkehrende Aufgaben ab. Dazu gehören Berechtigungen, Workflows, und die Anbindung von Datenbanken. Bei operun setzen wir auf die umfangreiche aber preiswerte Open Source CMS Plone und Flask.