- MEDIA | OVERVIEW
- MEDIA | IMPRESSIONEN
- MEDIA | LOGO & BRANDS
- MEDIA | LOGO DESIGNPROZESS
- MEDIA | SYMBOLE & ICONS
- MEDIA | GRAFIK
- MEDIA | DIAGRAMME
- MEDIA | MAPS/KARTEN
- MEDIA | BUSINESS GRAFIK
- MEDIA | GRAFIKPROGRAMMIERUNG
- MEDIA | GAME DESIGN
- MEDIA | PRINT/DRUCK
- MEDIA | WEB
- MEDIA | WEBSHOPS
- MEDIA | WEB mit UDS+KI
- MEDIA | COACHING
- MEDIA | SONSTIGES
Overview
MEDIA
OVERVIEW / Galerie
Auch wenn es ungewöhnlich ist: Coaching insbesondere in Bezug auf Skript- und Programmiersprachen wie JAVA, C#, PHP, JS im Bereich Medieninformatik und Softwareentwicklung zählt zu unseren primären Leistungsbereichen. Während wir Medienservices für kleine Unternehmen, Vereine und Initiativen zu Ihrer Unterstützung direkt anbieten können, haben größere Unternehmen, für die wir die Fortbildungen ausrichten, für fast alle unsere Leistungen mehrere Teams oder komplette Abteilungen.
Diese MEDIA-Seite von SNEWMEDIA zeigt im Grunde im Schwerpunkt zu 50% Bilder, die eigentlich aus dem Bereich Informatik-Coaching stammen. Spielkonzepte, Computergrafiken, Artwork: Das sind Aspekte bei der Einarbeitung von Mitarbeiterinnen und Mitarbeitern in Skript- und Programmiersprachen. Wir müssen Altersgruppen vom Azubi bis zum rentennahen Jahrgang erfahrener Entwickler abdecken. Und Spaß soll die neue Programmiersprache ja auch machen.
Wir wissen, dass es strategisch cleverer wäre, Medienservices (Web, Print, Content, SEO) einerseits und Informatik-Coaching (JAVA, C#, PHP, JS) andererseits über zwei separate Domains und Webseiten zu trennen. Nun ist aber genau diese Kombination aus Medien, Content und Informatik Workshops zufälligerweise genau der Aspekt, der uns von vermutlich 99% aller Mitbewerber regional und bundesweit unterscheiden wird. Nicht zuletzt prägt das auch manche unserer Designideen.
SNEWMEDIA versteht sich als STUDIO für NEUE MEDIEN. Die Trennung zwischen Geometrie, Berechnungen und Programmcode in dem Sinne kennen wir gar nicht. Gerade bei kleinen Lösungen besteht ohnehin alles aus Daten, Vektoren und deren Gruppierung über Stereotypen, Klassen, Layer oder semantische Beziehungen. Diese MEDIA-Seite soll Ihnen schlussendlich nur einen Einblick in das geben, was Sie bislang so noch nicht gesehen haben.
Viel Spaß beim Scrollen ...
SNEWMEDIA | MEDIA
Branding
Corporate Design, Branding & Stylebasis
Die Leistungsphase «Stylebasis» bildet die Grundlage für das Basisdesign und Detaildesign für alle möglichen Medien in Web, Print und mehr. Bezogen auf Unternehmen sprechen wir von Corporate Design, im Bezug auf Produkte, Services oder auch Veranstaltungen von Brand Design.
Wirklich schlüssige konsequente Designkonzepte sind im Marktsegment kleiner Unternehmen und Initiativen schwer durchzusetzen: Vieles im Ist-Zustand ist über Jahre schon durch zig Hände gegangen. Ein zügiges Re-Design wäre finanziell durchaus zu Beginn machbar, scheitert aber in vielen Betrieben daran, dass man «kein Corporate Design» beauftragen will. Das hätte man bisher auch «nicht benötigt».
SNM Flyer (2012)
Nicht nachmachen, auch wenn es Spaß gemacht hat: Mit «Information Packing» lassen sich extrem viele Informationen in Text/Grafik bündeln.
GRM Image Broschüre
Die GRM war über mehr als ein Jahrzehnt ein erfolgreiche Initiative in der Medizin. Die Position in Google zum betreffenden Thema lag konsequent auf Platz 1 oder Platz 2.
Schulzeitung
Komplette Umgestaltung einer Schulzeitung, Neukalkulation von Anzeigenpreisen und Programmierung eines online-Anzeigen-Kalkulators.
SNEWMEDIA | MEDIA
LOGO & BRANDS
Logo, Bildmarke, Signet, Wortbildmarke: Diese Elemente bekommen durch die (exklusive, umfangreiche) Nutzung eine besondere Bedeutung. Logos stehen im Grunde genommen nie für sich allein; die einzige Ausnahme, wo ein Logo mal allein steht, sind Auflistungen von Logos beispielsweise im Zusammenhang mit Sponsoren-Logos oder zuweilen mal auf einem Fahrzeug oder Firmenschild.
Logos müssen also nicht zwingend besonders kreativ sein sondern zuerst einmal grafisch sauber umgesetzt werden. Wie verschiedenen Logos sein können, anhand der folgenden Projekt-Beispiele auszugsweise aufzeigen.
Wortbildmarke, Symbol + Name
Logo für eine Wirtschaftsprüfungskanzlei, Hochheim Dem Logo der AVIORIS GmbH ging zu Beginn eine Phase der Namensfindung voraus, denn der ursprüngliche Name sollte eigentlich anders lauten.
Namensfindung vor Logo Design
Dem Logo der AVIORIS GmbH ging zu Beginn eine Phase der Namensfindung voraus, denn der ursprüngliche Name sollte eigentlich anders lauten. In einem gemeinsamen Brainstorming suchten wir nach einem einprägsamen, leicht aussprechbaren und als Domain und Social Media Profil noch verfügbaren Namen.
Namensgeber der AVIORIS GmbH ist der Stern ε Carinae (Epsilon Carinae), auch bekannt unter dem Eigennamen Avior. Dieser Stern ist ein spektroskopischer Doppelstern mit einer scheinbaren Helligkeit von 1,9 mag. Damit gehört das System zu den 50 hellsten Sternen am Nachthimmel. Von der Erde aus ist ε Carinae etwa 630 Lichtjahre entfernt und ein direkter Nachbar von Turais (ι Carinae). Der Grund dafür, dass Sie den Stern in Europa vermutlich nicht kennen, hat damit zu tun, dass man diesen nur von der Südhalbkugel der Erde sehen kann.
Symbol für Logos mit chinesischen Zeichen
Grafisches Symbol als Ergänzung eines Logos für einen (deutschen) Webshop mit Produkten für den Export nach China.
Siehe auch Webdesign.
Deutsche Namen im Chinesischen
Chinesische Zeichen und Silben beginnen immer (bis auf Vokale als Anlaut wie z. B. ān 安, Frieden, oder 欧, Europa) mit einem Konsonanten welchem dann stets ein Vokal und in manchen Fällen abschließend noch ein Ablaut wie z. B. ng folgt, deren Anzahl aber so begrenzt ist, dass viele europäische Begriffe und Namen wie hier Selch nur mit einem Trick dargestellt werden können:
Man wählt im Chinesischen Zeichen mit einem ähnlichen Wortlaut aus, wobei schlussendlich aber eigentlich jedes dieser Zeichen dennoch eine Bedeutung hat. Anhand dessen, dass es eine solche Zusammenstellung von Zeichen im Chinesischen als Begriff nicht gibt, erkennen Chinesen, dass es sich um ein Fremdwort oder einen Namen handelt.
欧泽希: ōu (Europa) zé (Teich, Quelle, Brunnen) xī (Verb:hoffen, Adj:selten). Die gleiche Aussprache hätte auch mit 沤仄尔希 (bubbles on water, (er), feel sorry, hoffen) formuliert werden können, wobei 尔 (er) die oftmals die Bedeutung eines «L» bekommt, sofern man diese nicht kurzerhand weglässt.
Wenn Social Media Accounts ein Profilbild erwarten.
Viele Unternehmen wollen eigentlich nur einen Schriftzug mit dem Namen als Logo, ein sogenanntes «Signet». Spätestens dann, wenn man mit der Anmeldung und Konfiguration von Social Media Accounts in Facebook, Twitter/X, Insta und Konsorten beginnt, wird man eines feststellen: Man benötigt ein Logo oder Profilbild oder eine Avatar-Grafik welche dort in einem Quadrat oder in einem Kreis dargestellt wird.
Übrigens: Solche quadratischen Symbole werden auch für Favicons benötigt.
© SNEWMEDIA
Logos mit Abkürzungen und Taglines
Unternehmensnamen, Projektbezeichnungen und Events mit Abkürzungen sind beliebt.
© SNEWMEDIA
SNEWMEDIA | MEDIA
LOGO DESIGNPROZESS
Logo, Designprozess, Nebenentwürfe
Man muss einfach wissen, dass manche Logo-Entwürfe für sich betrachtet wirklich prima aussehen und im Grunde genommen jedem «gefallen» oder «im Vergleich» dann den meisten Menschen «besser gefallen». Das Problem hierbei: Vieles, was «gefällt», erfüllt aber NICHT die Kriterien, die man grundsätzlich bei Logos berücksichtigen sollte.
Designprozesse, insbesondere dann, wenn es um Logos geht, sollten entweder zwingend stets von Personen gesteuert werden, welche das notwendige Hintergrundwissen haben, oder aber man sollte zumindest «wen kennen», der oder die final noch die formalen Fehler findet, damit man die Feinheiten korrigieren kann.
Ideenfindung im Logo-Design
Designentwürfe im Zuge der Planung des Logos oder eines Emblems für ein Fitness Studio für Frauen. Die Farbe «maigrün» war Wunsch oder Anregung der Auftraggeberin, der Firmenname hatte den Anfangsbuchstaben «K».
In dem Wissen und dem Bestreben, das Logo später bei Bedarf auch animiert einfliegen oder entstehen zu lassen, begannen die Planungen mit frisch, leicht, dynamisch wirkenden Farben und Formen.
Egal, wieviel Ahnung und Erfahrung man auch immer mit dem Thema «Logo» haben sollte: Es gibt stets auf der einen Seite handfeste formale Kriterien. Auf der anderen Seite aber gibt letztendlich das, was man jetzt mal mit «Kultur» oder Prägung durch das «Umfeld» bezeichnen könnte.
Jeder Designer, jeder Betrachter und auch jeder Auftraggeber ist, was Logos und auch Designkonzepte an sich betrifft, im Höchstmaß durch die Logos und Präsentationen geprägt, die er/sie in der Vergangenheit, in den letzten Wochen oder bei einer Mitbewerber-Recherche gesehen hat.
Wir können, wie im Prinzip sonst jeder auch, durchaus mal aus dem Bauch heraus und aus Lust und Laune ein «Logo» quasi «in 5 Minuten» skizzieren oder am Rechner zeichnen oder gleich noch mit Text/Schrift für den Namen «bauen».
Die Realität im Logo-Design sieht so aus, dass wir im Grunde genommen Kunden dazu auffordern, eben nicht nur ein Logo sondern stets ein Logo im Rahmen einer realen oder simulierten oder fiktiven Nutzung darzustellen; wir bezeichnen das als Proforma-Darstellungen. Und dann muss man den einen oder auch ggf. mal die 3 alternativen Entwürfe eine Weile im Sinne von 3 Stunden, 3 Tagen oder auch 3 Wochen auf sich wirken lassen. Die meisten Menschen brauchen einfach Zeit, um sich an völlig neue Ideen gewöhnen zu können.
Abbildung: Diese Grafik war die Grundlage für die Ideenfindung für die erste Generation von Entwürfen, aber diese Grafik war nicht als Logo gedacht; dafür ist der Detaillierungsgrad viel zu hoch.
Trivia: Das Projekt wurde inmitten des Planungsprozesses abgebrochen. Die Zielgruppe des Fitness-Studios hatte sich von vorher «Frauen» maßgeblich auf Männer und zudem einen Shop mit dem Angebot von Nahrungsergänzungsmitteln geändert. Statt «maigrün» kam nun der Wunsch auf, das Konzept in Richtung schwarz, rot, Stahl/Metall umzudenken.
Unternehmerische und strategische Entscheidungen wie auch Änderungen der Zielgruppe gibt es immer. Ein Abbruch von Designprozessen ist also stets eine Option. Näheres zu finanziellen Fragen und/oder auch Nutzungsrechten an zwischenzeitigen Entwürfen regeln im Zweifelsfall die AGB des Designstudios.
Wir haben für SNEWMEDIA nicht ohne Grund ein System aus über 20 Leistungsbereichen und Phasen geschaffen. Logo-Design erfolgt üblicherweise demnach erst nach Entscheidungen in Marketing, Vertrieb und damit Aspekten von Positionierung, Markenattributen und mehr. Wenn es schnell und billig sein soll, kann man so etwas auch im Schnellverfahren diskutieren und auf einem Bierdeckel festhalten. Das ändert aber nichts daran, dass es auch dann noch immer aus der Situation heraus strategische Änderungen geben kann.
Für die Themen Marketing, Vertrieb/Marketing-Mix, Branding und dergleichen haben wir bislang keine Bilder.
SNEWMEDIA | MEDIA
SYMBOLE & ICONS
Icon, Piktogramm, Symbol, Glyph
Die meisten Icons, Piktogramme, Symbole oder auch Glyphen beschaffen wir, wie vermutlich die meisten anderen auch, entweder aus Open-Source-Quellen und/oder ggf. kauft man mal ein bestimmtes Set, um sich das manuelle Zeichnen dort zu ersparen, wo man etwas findet, was dem «Kunden» längst gefallen hat. Das Problem sind nicht die Icons, die man findet: Das Problem beginnt an dem Punkt, wo man bestehende Icon-Sets um weitere Icons erweitern muss.
Die gute Nachricht vor: Für diejenigen Icon- und Piktogramm-Sets, welche SNEWMEDIA aus Open-Source-Quellen nutzt, kennen wir die zugehörigen Guidelines, dh. wir können also im selben Stil bei Bedarf ergänzende Icons und Piktogramme planen lassen.
Die Bilder, die wir in dieser Rubrik exemplarisch zeigen, beziehen sich auf
komplett unabhängige Icon-Sets. Icons dienen üblicherweise als visueller Platzhalter
zur Repräsenation einzelner Objekte oder auch Gruppen gleichartiger Objekte oder
aber auch Gruppen verschiedener Objekte. Zu typischen Problemstellungen in der
Modellierung von Datenstrukturen (hier Java) wie new Unit(),
new LinkedHashMap<Key, Unit>() oder
new LinkedHashMap<Key, Object>() gibt
es sinngemäß auch die Fragestellung, wie eigentlich eine grafische Entsprechung
in Form von Icons für Units, Gruppen von Units oder Gruppen beliebiger
Objekte aussehen könnten.
Sets von Piktogrammen
Kleines Set an Piktogrammen mit «Kopffüßlern». Konzept als Grundlage für die programmiertechnische Umsetzung.
© SNEWMEDIA
Sets schematisch-aufgebauter, abstrakter Icons
Abbildung: Designkonzept für 64 verschiedene Icons zur Repräsentation von bis zu 64 anonymisierten Gruppierungen («Factions») als Grundlage für die programmiertechnische Umsetzung.
© SNEWMEDIA
Low-Poly-3D-Rendering als Hingucker
Low-Poly-3D-Grafik aus grafischen Primitiven, konstruiert und gerendert in einem 3D-Rendering-Programm.
© SNEWMEDIA
SNEWMEDIA | MEDIA
GRAFIK
Bildstil, grafische Technik, Motive, Einzelwerke und Sets
Es klingt so einfach: Bilder beschaffen, Fotografen organisieren, Stockimages kaufen oder das Internet nach Gratis-Bildern durchforsten: Die eigentliche Problemstellung beginnt dann, wenn man versucht, Bilder so zu finden, zu wählen und zu bearbeiten, dass diese zueinander, zum Thema und zum Corporate Design passen.
Ein Bildstil kann ganz massiv zu einer Wiedererkennung führen. Ein konsequentes Bildkonzept bedeutet, dass man Bilder in einem gewissen Stil, Format und mit Motiven auch später über die Jahre noch zusätzlich oder auch von Beginn als Bild-Set produzieren kann.
3D-Konstruktion
Low-Poly-Grafiken lassen sich mit Hilfe von 3D-CAD-Programmen oder bedingt 3D-Rendering-Programmen erstellen. Um unseren Kunden oder auch im Coaching Seminar-Teilnehmern vorab das Prinzip schnell veranschaulichen zu können, haben wir LEGO-Bauteile in 3D-CAD nachgebaut, so dass man Konstruktionen, die man in LEGO gebaut hatte, zügig im 3D-Modell nachbauen konnte.
Low-Polygon-3D/Konstruktion
Mit Hilfe eines 3D-CAD-Programms werden hierbei 3-dimensionale geometrische Strukturen konstruiert. Die Konstruktion wird letztendlich für eine gewünschte Perspektive in verschiedenen als Option zur Verfügung gestellten Stilrichtungen als Grafik berechnet.
Low-Polygon-3D/Konstruktion
Die eigentliche Rohfassung als Screenshot während der Bearbeitung lässt erkennen, welchen Einfluss die verschiedenen Renderer auf die Gestaltung haben.
Artwork / Kunst (2004-2006)
Die nachfolgenden Grafiken stammen aus den Jahren 2004 bis 2009 und damit mehr als 17 Jahre bevor die KI mit ChatGPT ab Ende 2022 so etwas auf Knopfdruck generieren kann. Muss einem nicht gefallen. Als Foto-Druck im Format von über 80cm Breite/Höhe ein früher ein Hingucker.
Die berechnete Grafik brannte man wegen der Größe in Zeiten, wo das Internet noch zu lahm war, dann auf eine CD, ging mit dieser in eine Drogerie und erteilte dort dann einen Druckauftrag für ein Foto-Poster. Die Alternative besteht darin, die Grafiken an eine Online-Druckerei für einen Digital-Druck zu schicken.
Low-Poly-3D Szenen für Cover von MP3/Musik-Files
Grafik als Teil eines Sets aus ca. 20 Grafiken als Cover für MP3-Files (Musik/Audio-Tracks). Da alle Bilder mit dem selben 3D-Modell gerendert werden, passen alle Bilder stilistisch zueinander, unterscheiden sich aber.
© SNEWMEDIA
Grafik mit KI-Unterstützung ab 2023
Die nachfolgenden Grafiken basieren in Bezug auf Motiv und Geometrie auf Vorlagen von Fotos oder einem 3D-Modell, wurden anschließend aber dann mit Hilfe kostenpflichtiger KI-Tools «neu interpretiert».
Was uns einst für eine Idee und die Umsetzung «früher» (im Sinne vor der KI) Stunden gekostet hatte, wird durch die KI-Unterstützung massiv beschleunigt. Der Nachteil von mit KI erzeugten Grafiken bestand in 2023 und 2024 noch darin, dass man den Bildern immer irgendwie ansehen konnte, dass diese mit KI erzeugt wurden.
Ab 2025 sind einige mit Hilfe der KI neu interpretierte Bilder und Szenen inzwischen so gut, dass man vereinfachte Skizzen oder Prototypen von Szenen plant und diese dann von der KI in fotorealistische Bilder oder andere grafische Techniken umformen lässt.
Übrigens: Wir haben vermutlich inzwischen ein paar 1.000 solcher Grafiken erstellt.
KI-Neuinterpretation eines Roboterhundes
Unsere Zielsetzung war es, eine fotorealistische Darstellung einer vierbeinigen Drohne als eine Art «Wachhund» hinzubekommen.
KI-Neuinterpretation eines Cyborgs
Wer auch mit Strategie- und Fantasy-Strategie-Spielen in den 80ern und 90ern oder später aufgewachsen ist wird wissen, wie talentiert Künstler damals gewesen sein mussten, ob solche Grafiken zu zeichnen.
Zu diesem Grafik gibt es auch eine fotorealistische Version. Diese lässt sich unter dem Aspekt eines Jugendschutzes allerdings definitiv nicht veröffentlichen.
KI-Neuinterpretation zum Thema Yoga
Musik/Tracks hört man zwar, aber man kann den zugehörigen Files, die man mit dem Synthesizer erstellt, durchaus Grafiken zuordnen. Produziert man also Musik hat man stets Bedarf an Grafiken.
KI-Neuinterpretation Frau/Headset
Diese Grafik findet sich in einigen Headern von Social Media Profilen von SNEWMEDIA.
KI-Neuinterpretation Game-Screenshots
Diese Grafik zeigt, wie wir eine 3D-Konstruktion eines Gebäudes, welches wir in einem Computerspiel gebaut haben, in eine Szene in einem Comic umgestalten können.
Mit diesen Ansatz lassen sich mit Hilfe von 3D-CAD oder 3D-Grafik-Programmen vergleichsweise flink vereinfachte Prototypen von Szenen erstellen. Die weitere künstlerische Interpretion für einen gewünschten Darstellungsstil übernimmt dann die KI.
KI-Neuinterpretation von Gesichtern
Mit Hilfe der KI können wir basierend auf Fotos realer Menschen oder auch bereits durch KI erzeugter Bilder diese wiederum neu interpretieren lassn.
SNEWMEDIA | MEDIA
DIAGRAMME
Diagramme, Schaubilder, Ablaufplan, UML
Mit Aufkommen der Smartphones und Messenger ab spätestens 2012 begann eine Zeit in welcher viele Menschen Texte mit mehr als 120 Zeichen nicht mehr lesen. Für diese Zielgruppe und/oder auch die Fälle, in welche man Informationen ohnehin in Text-Form nur schwer veranschaulichen kann, bieten sich Schaubilder als Altgernativen an.
Diagramme & «Information Packing»
Diagramm: Überblick von Programmiersprachen im Zusammenhang mit der Programmierung von Webfrontends in JavaScript, Stand 2023.
© 2023, SNEWMEDIA
UDS Components (Auszug)
Auflistung der Stereotypes für die am häufigsten in der Redaktion in UDS genutzten Layout-, Content- un Daten-Komponenten.
© SNEWMEDIA
Globus/Weltkugel
Da Diagramme im SVG Format erstellen, berechnet oder aber zumindest export/importiert werden können, lassen sich letztendlich auch andere Vektordaten integrieren, darunter beispielsweise Weltkarten oder eine Weltkugel.
Beispiel: Visuelle Darstellung von Standorten, Städten und Regionen in Nordamerika und Europa für eine Unternehmensberatung im Bereich eines transatlantischen Pharma-Consultings.
© 2024, SNEWMEDIA, based upon Wikidata, licensed under Creative Commons-Share Alike 4.0 International License
Datenmodell für Geometrie von Umschlägen/Print.
Während Briefpapier beispielsweise für das DIN A4 Format immer die Abmessung von 297x210mm hat und auch die Faltmarken oder Position des Adressfensters nach DIN/ISO Norm geregelt ist, sieht es bei den Faltmaßen von Briefumschlägen der jeweiligen Hersteller etwas anders aus.
© SNEWMEDIA
Diagramme (UML 2.5 Standard)
Die Unified Modeling Language UML ist ein Standard für die Zeichnung von Diagrammen in der Software-Planung, bekannt u. a. für Klassendiagramme, Komponentendiagramme und andere Varianten.
© SNEWMEDIA
SNEWMEDIA | MEDIA
MAPS/KARTEN
Grafische Darstellung von Standorten
Visualisierung von Standorten eines Unternehmens? Zeichnerische Darstellung der Anfahrt zu einem Standort oder einer Veranstaltung mit Parkhäusern und anderen Parkoptionen in der Region?
Viele denken an dieser Stelle erst einmal an Google Maps oder Open Street Maps. Kann man das nicht irgendwie als «Widget» auf der Webseite einbinden? Ja, kann man schon, aber für immer mehr Karten-Werte braucht man nicht nur zunehmend einen API-Key: Viele Services wie u. a. Google Maps kosten inzwischen auch Geld. Will man die Grafiken aber auch hochauflösend (Druck erfordert mindestens 300dpi, Web zuweilen nur 72dpi) darstellen oder drucken können, muss die Grafik in einem für Layout-Satz-Programme verfügbaren Vektor-Grafik-Format vorliegen. Google Maps bietet das bislang nicht.
Vektorgrafik für Länder/Regionen
Beispiel: Darstellung der Regionen für die drei deutschsprachigen Portale einer Initiative in der Medizin. Foto des in der Broschüre abgedruckten Karte. Die zugehörigen Vektordaten werden aus Open-Source-Quellen beschafft und anschließend in einem Vektorgrafik-Programm angepasst, ergänzt oder durch zusätzliche Grafikebenen mit Informationen überlagert.
© 2010, SNEWMEDIA
Bitmap/PNG Graphik von Open-Source-Karten
Beispiel: Screenshot des Stadtplans von Eltville im Rheingau basierend auf einem speziellen Tileset (Stil) für Geodaten aus dem Open Streetmaps Projekt, 2023.
Für OSM Karten in Webseiten, welche zum Zeitpunkt des Zugriffs von Webseitennutzern erst nachgeladen werden, sollte man wissen, dass Tileserver oftmals überfordert sind und damit Karten nur teilweise geladen werden und damit völlig nutztlos sein können.
Für einen Ausdruck sind entsprechende Karten nur dann geeignet, wenn man die Grafiken als SVG Code bekommt; im Regelfall gibt es aber nur Bitmaps, deren Auflösung für Print/Druck zu gering ist.
SNEWMEDIA | MEDIA
BUSINESS GRAFIK
Business-Grafiken und Schaubilder
Für viele sind Businessgrafiken im Alltag zuerst einmal ein Aspekt von «Powerpoint», aber für Webseiten oder spätestens auch für Druckwerke im Offset-Druck benötigen solide Vektorgrafiken in Grafikformaten, welche mit Layout-Satz-Software für die weitere Bearbeitung bearbeitet werden können. Powerpoint fällt hier aus.
Wie einfach oder wie komplex eine Business-Grafik sein kann, steht und fällt mit der Problemstellung und Zielformulierung. Spätestens bei dem Versuch, Diagramme und Business-Grafiken farblich passend zu einem Corporate Design darzustellen, wird jede(r) verstehen, dass Designkonzepte basierend auf «gekauften WordPress-Themes» mit dort oftmals nur einer einzigen Primärfarbe zu einem Problem führen:
Sie müssen entweder Ihr Farbschema um konsequent weitere Farben erweitern und dieses abstimmen oder aber eine Lösung finden, wie Sie weiterhin mit nur einer Primärfarbe auskommen.
Business-Grafiken
Beispiel: Darstellung der Phasen «Start-Up-Support» bis «Strategic Transactions & Exit» einer Unternehmensberatung in einer monochromen Farbkonzeption bei welcher die Farbe «blau» variiert wurde, ohne den Farbvektor zu verändern.
Übrigens: In Fällen, in denen die zugehörige Grafik nicht als JPG/PNG sondern als Vektorgrafik SVG auf Webseiten verwendet wird, könnten wir die zugehörige Beschriftung des Diagramms innerhalb von UDS später in der Redaktion noch übersetzen.
© SNEWMEDIA
Farbkonzept und Corporate Design
Beispiel: Darstellung der Phasen «Start-Up-Support» bis «Strategic Transactions & Exit» einer Unternehmensberatung zum Vergleich in mehrfarbigen Darstellung.
Bei rund 16,7 Millionen möglichen Farben allein im RGB-Farbraum versteht es sich von selbst, es zig Varianten für gelb-orange, für «rot», für blau oder auch für «türkis» gibt.
Da man viele Business-Diagramme im Alltag doch recht schnell, zeitnah, zügig oder «asap» benötigt, ist es mehr als praktisch, wenn man ein Farbkonzept als Teil einer Stylebasis bereits frühzeitig einmalig geplant und abgestimmt hat, weil zu dem Zeitpunkt, wo man neue Grafiken benötigt und erstellt, für solche Diskussionen keine Zeit mehr hat.
© SNEWMEDIA
SNEWMEDIA | MEDIA
GRAFIKPROGRAMMIERUNG
Programmierung von Grafiken
Die Programmierung von Grafik kommt häufiger vor als viele glauben, aber nicht jedem ist bewusst, wo wir das einsetzen. Der häufigste Bereich der Grafik-Programmierung ist bei der Automatisierung von Bildzuschnitt, Bildformat, Bildkompression sowie der Ergänzung von Wasserzeichen oder Logos zu finden. Es geht aber noch mehr.
HINWEIS: Alle Bilder auf unserer Webseite werden über ein programmiertes Skript automatisiert auf gewünschte Größe und Format zugeschnitten und anschließend für Web komprimiert, um bei Änderungen an Bildern das nicht ständig manuell machen zu müssen.
Vektor-Grafik-Programmierung
Das Datenmodell und das Rendering als Vektorgrafik oder Bitmap-Grafik zur Visualisierung von Knoten, Verbindungen und Objekten lässt sich vergleichsweise leicht mit Programmcode visualisieren. Die Definition von Kurven für Verbindungen ist für Einsteiger etwas komplexer, aber zur Not reichen für den Start auch gerade Verbindungen.
© SNEWMEDIA
SVG-Programmierung / Tilesets
Programmierung von Skripts zur Erzeugung von SVG Code (Scalarable Vector Graphics, W3C Standard). Die so erzeugten Grafiken lassen sich nicht nur im Browser inklusive Effekten bei der Interaktion mit Elementen darstellen sondern auch wegen SVG als Export/Import-Format für Druckwerke verwenden.
© SNEWMEDIA
SNEWMEDIA | MEDIA
GAME DESIGN
Von Grafik und Code zu Spielen
Für eine von Studentinnen und Studenten der Uni Mainz organisierte Kunstausstellung zum Thema «Endzeit» in 2012 (gem. Maya-Kalender dem von den Maya prophezeitem Ende der Welt) wurden wir angefragt, ob wir nicht auch ein Exponat aus diesem Anlass ausstellen möchten. Kreatives Projekt? Null Umsatz? Wir schauen mal ...
Zu Beginn wollten wir eigentlich nur schlichtweg das Satellitenbild einer Weltkarte nach eine Asteroideneinschlag in Mexiko wie vor 65 Millionen Jahren im 3D Programm rendern: Höhenmodell beschaffen, Höhenmodell durch Einschlagsregion anpassen, Meeresspiegel verändern, 3D Modell rechnen. Mittelamerika und USA vernichtet.
Fertig? Nein, nicht fertig. Es blieben nämlich viele Fragen.
Sie sieht eigentlich eine mögliche fiktive Welt nach diesem Ereignis aus? Welche Städte weichen den Fluten? Wohin siedeln wir ein paar Milliarden Menschen um? Wie können wir in einer Merkator-Projektion neue Verkehrswege und Routen und deren Entfernungen auch über den Nordpol ebenso wie die Position und Größen von Städten und Megacities darstellen?
Screenshot aus dem Grafikprogramm.
Wie man leicht erkennen kann, handelt es sich um ein Brettspiel. Warum diese Weltkarte so aussieht hat einen Grund: Dieses Projekt wurde aus Anlass einer Kunstausstellung in 2012 zum Thema «Endzeit-Ausstellung» geplant, fertiggestellt und ausgestellt.
Simuliert wurde der Einschlag eines Asteroiden in Mexiko, wo dieser einst vor 65 Millionen Jahren eingeschlagen war und das Ende der Dinosaurier eingeleitet hatte.
Für die Berechnung der Karte wurden Höhendaten der NASA verwendet, in Graustufen umgerechnet. Die Graustufen wurden in Abhängigkeit von der geografischen Breite variiert, so dass der Anstieg des Meeresspiegels in verschiedenen Regionen andere Auswirkung hat. Das machte die Map einfach spannender und ermöglichte es, Europa zu einer Insel formen zu können.
Die Position von Hunderten von Städten wurde sinngemäß im Plan plaziert, wobei wir einige Städte den Fluten opfern mussten, in anderen Regionen der Erde aber Städte mit dem Prefix New an Land verschieben mussten, weil sonst niemand in Europa oder USA jemals von den anderen Städten gehört hätte.
Produktion
Foto (Ausschnitt) einer 2,00x1,00 Meter großen Weltkarte für ein «Brettspiel» mit dem Vektor-Grafik-Code für Tausende von Städten und Verbindungen.
Globale Netzwerk-Knoten für die Ozeane: Eine kleine grafische und konzeptionelle Besonderheit war hierbei, dass wir ein Programm in PHP geschrieben haben, was uns basierenda auf einem 20-seitigen-Würfel und einer Gliederung dessen Flächen in weitere Dreiecke uns entsprechende Knoten-Punkte in die Grafik haben rechnen lassen, damit wir für die Pol-Regionen wissen konnten, wo diese Punkte liegen.
Die Landverbindungen sowie auch Seeverbindungen haben deshalb weltweit trotz der Merkator-Projektion weiterhin ungefähr die selbe Länge: Die Abstände in Äquatornähe zwischen Knoten sind also viel geringer also in Richtung der Pole.
Ein Spieler kann also im Spiel durchaus Verbindungen über die Polregionen wählen, um von Spitzbergen in ein paar Schifftsreisen nach Alaska zu gelangen.
Noch eine Besonderheit: Wir haben die Bevölkerungszahlen der Jahr 2000 bis 2010 basierend auf Statistiken hochgerechnet. Die Visualisierung von Städtegrößen und Megacities zeigt hierbei auch dem letzten Betrachter sehr schnell, dass 95% der Weltbevölkerung hierbei in Asien, Indien und Afrika lebt.
Wegfindungsroutinen & Entscheidungsmodelle (2013)
Die nachfolgenden Browser-Screenshots stammen aus dem Jahr 2013 etwa 1 Jahr nach der Einführung der ersten «Smartphones» und 10 Jahre vor dem Erscheinen der KI mit ChatGPT in 2023.
Das Datenmodell für diese Ansichten wurde serverseitig berechnet und dann dort dann als SVG Code (Vektorgrafik) berechnet und mit einem HTML5 Dokument mit diesem Spielplan im SVG ausgeliefert.
Im Gegensatz zu WebGL Programmierung, wo eine Oberfläche der Grafik im Browser im Prinzip ständig neu gerechnet werden muss, wird das Datenmodell einer SVG Grafik erst dann geändert, wenn man wirklich etwas ändern will. Solche DOM-Operationen sind im Browsern eher langsam. Wen das aber nicht stört, der hat mit SVG einen weiteren durchaus guten Webstandard mit welchem viel mehr möglich ist also nur die Darstellung von ein paar Icons oder Logos.
Ändert sich also die Farbe eines Knoten im Netzwerk, wird über JavaScript ausschließlich diese eine Eigenschaft der SVG Grafik verändert. Im Grunde genommen muss man für Interaktionen nur noch Click-Events im Browser mit der Serverseite und dort dem Datenmodell synchronisieren.
Für sehr schnelle Spiele und den Anspruch an Animationseffekte mit mindestens 25 FPS ist das Verfahren mit SVG nicht direkt tauglich. Alles, was also mehr Frames pro Sekunde für flüssige Animationen erfordert, muss entweder nur für eine begrenzte Anzahl von Objekten gefordert oder aber in diesem Segment der Map dann doch über WebGL Techniken gerendert werden.
Die Geometrie des abstrakten Darstellung eines Stadtplans wurde dahingehend programmiert, dass bedeutende Locations als Punkte auf Koordinaten in einem Achsensystem umgerechnet werden. Anschließend ermitteln wir mit einem Skript ein Netzwerk von zulässigen Verbindungen, wobei Überschneidungen von Verbindungen mit Knoten ebenso entfernt werden wie bei Überschneidungen zweier Verbindungen die jeweils längere Verbindung.
Zu erwähnen sei hier noch, dass das SVG Format ein Import und Export Format von Vektorgrafik-Programmen wie Affinity Designer oder Adobe Indesign ist. Man kann also den SVG Code, statt diesen an den Browser zu senden, auch schlichtweg in einen File schreiben. Damit man den kompletten Spielstand als verlustfrei skalierbare Grafik. Jeder, der Städtesimulationen und andere Aufbausspiele mag, wird von so etwas träumen.
SNEWMEDIA | MEDIA
PRINT/DRUCK
Druckprodukte, Offset-Druck und mehr
Die Palette am Produkten, die man mit Layout-Satz-Software und Grafik-Software planen, bearbeiten, für die Produktion vorbereiten und schlussendlich diese Medien produzieren lassen kann, ist sehr, sehr groß. Die zu empfehlende Voraussetzung für die Planung ist eine bereits erarbeitetes Stylebasis und ein Basisdesign als Teil des Corporate-Designs, Brandings oder aber einem Designsystem wie UDS.
Es beginnt üblicherweise mit dem was wie als «Geschäftspapierausstattung» bezeichnen: Briefpapier mit ggf. Erst- und Zweitblatt, Briefumschläge für DIN lang, DIN A4/C4 oder auch DIN A5/C5. Hinzukommen zuweilen Blöcke, Stempel und was man sonst noch so benötigt.
Briefpapier / Beschriftungsbeispiele
Gestaltetes Briefpapier DIN A4 mit Erst- und Zweitblatt. Dokumentvorlagen. Beschriftungsbeispiele.
Briefumschläge
Gestaltete Briefumschläge für DIN lang, DIN A4/C4, DIN A5/C5.
Blöcke
Schreibblöcke zu 25, 50 oder 100-Blatt.
Broschüren
Broschüren im DIN A4 Format, DIN A5 Format und DIN lang Format sind üblich und auch in Zeiten von Webseiten noch immer für viele Zielsetzungen zu emnpfehlen.
Die Produktionskosten für 100 Exemplare (Digitaldruck) sowie 250 und 500 Exemplare (Offset-Druck) haben in etwa den selben Preis. Ab etwa 1.000 oder spätestens 2.500 Exemplaren steigen Druckkosten wegen des Preises für das Papier linear.
Firmen-Stempel
Die Produktion von Firmenstempeln mit Darstellung eines Logos wirkt einfach, ist es aber nicht immer: Für die Produktion und auch die Nutzung von Stempeln gilt es Mindestdicken von Linien einzuhalten. Zu kleine Bereiche brechen bei der Nutzung oder schon in der Produktion ab. Dieses erfordert nicht nur gewisse Schriftgrößen für die Lesbarkeit: Auch die Geometrie von Logos muss für für Stempel im Detail angepasst werden.
Stempel mit spezieller Geometrie
Für Stempel von Wirtschaftsprüfungsgesellschaften gilt es die Vorgaben der zugehörigen Kammer einzuhalten. Layout und Zeichnen der korrekten Geometrie.
Beispiel: Die Zacken
HINWEIS: Dieser Abschnitt und die Fotos sind derzeit in Bearbeitung.
SNEWMEDIA | MEDIA
WEBDESIGN
«100%» individuelles Webdesign
Wenn man über Webdesign sprechen möchte so muss man zu erst einmal sich klarmachen, dass Webdesign mit den Begriffen «web» und «to design» (eine Lösung finden) nicht nur mit Gestaltung oder dem «Anhübschen» von Homepages zu tun hat sondern es sich fast alles zuerst einmal um Komponenten für Layouts, Komponenten für Daten, Komponenten für Medien dreht. Wie es aussieht ist nur ein Teilaspekt.
Die nachfolgenden Screenshots stammen aus derzeit zwischen 2004 bis 2015 und damit einer Zeit, bevor die ab 2012 üblichen Smartphones letztendlich zwingend sogenannte «Responsive Web Design» Techniken erforderten. Design- und Layout-Konzepte wurden von uns in dieser Zeit fast ausnahmslos in Grafikprogrammen mit allen Details gezeichnet: Von Navigationskonzepten wie Kopfmenüs, Tagclouds, Shortcuts bis zu Textlinks. Entwürfe wurden nur für eine Browserfenstergröße layoutet, gezeichnet, vermaßt und dann pixelgenau mit TYPO3 CMS oder auch ohne CMS umgesetzt.
Informationsportal (2004-2012*)
«GRM Aktuell» Informations-Portal, Medizin, geplant und realisiert mit TYPO3 CMS für Webseite, News-System, E-Mail-Newsletter für Presse-Verteiler und Mitglieder-Verteiler.
Farbverläufe und Schatten, für die man heutzutage passende CSS-Befehle hat, deren Eigenschaften von Browsern unterstützt werden, mussten früher als Tilesets aus verschiedenen Grafiken gezeichnet und mit einzelnen Files programmiert werden, weil es die CSS-Befehle noch gar nicht gab.
Informationsportal (2007-2012*)
«Die Stammzelle», Informations-Portal zum Thema Regenerative Medizin, Medizin, realisiert mit TYPO3 CMS für Webseite, News-System, Thema-des-Monats, Fachartikel, Glossar. Foto des in der zugehörigen Image-Broschüre abgedruckten Screenshots.
Typographie: Während man seit spätestens 2015 auch für Webseiten beliebige Schriften verwenden kann, unterstützten Browser früher nur drei Schrifttypen: Serifenlos (sans-serif, also Helvetica oder Arial), mit Serifen (unter Windows z. T. Times New Roman) sowie zuletzt noch eine Monotype-Schrift für Programmcode-Samples (Courier).
Wollte man früher also spezielle Schriften im Design verwenden, wurden Verfahren programmiert, bei welchen ein Text serverseitig in ein Bild umgerechnet wurde, weil serverseitig das Programm die Schrift verwenden konnte.
Das war die Epoche «bevor» Webseiten ab 2012 dann in Massen mit WordPress und auf Bootstrap basierenden «Themes» den Markt zu überschwemmen begannen. Diese Zeiten waren nicht besser; Sie waren schlichtweg anders.
Wir sind grundsätzlich auch heute noch in der Lage, ein Webdesign zu 100% individuell ohne anderer Frameworks realisieren zu können. Ob das aber einen Sinn macht, steht und fällt mit der Zielformulierung.
SNEWMEDIA | MEDIA
WEBSHOPS
Webshops-Baukasten umgestalten
Der vermutlich günstigste und schnellste Weg für kleine mittelständische Unternehmen zu einem eigenen Webshop im Internet führte und führt vermutlich weiterhin über Baukasten-Systeme bei Anbietern wie Strato und anderen Anbietern. Das Problem hierbei: Das Webdesign deren Vorlagen ist oftmals schlecht. Man kann das aber ändern ...
Ein Vorher-Nachher-Beispiel wie in diesem Fall ist vermutlich ein gutes Beispiel dafür, was man mit Hilfe von JavaScript und CSS innerhalb bestehender Webseiten und damit auch bei manchen sogenannten «Baukasten-Systemen» letztendlich mit Ideen, Webdesign und Scripting noch «retten» kann.
Webshop (vorher)
Problemstellung: Die Original-Webshop-Template bot keinen Platz für Logo/Signet, Tagline in zwei Sprachen (deutsch, chinesisch). Der visuelle Eindruck der Webseite wirkt wie ein billiger Standard-Webshop realisiert mit einem Baukasten-System; was es auch war.
Webshop (nachher)
Re-Design des Logos, Re-Design des Slogans, Re-Design des MyAccount/Sign-In Buttons. Re-Design der Shop-Buttons für Product Search, Basket und anderen Buttons. Re-Design der Gestaltung des Seitenfußes. Re-Design von Grafiken für die verschiedenen «Categories», Re-Design des Hintergrunds der Webseite, Verschieben und Re-Design des Menüs.
HINWEIS: Wenn Sie sich für die Nutzung von «Baukasten-Systemen» von Webhostern oder Software-Anbietern und dergleichen interessieren sollten, empfehlen wir Ihnen dringend, dass Sie, bevor Sie da Ihre 100 Produkte oder Seiten an Content anlegen, von SNEWMEDIA mal vorher sichten und prüfen lassen, in welchem Umfang Sie dort für den Fall der Fälle Einfluss auf eine Umgestaltungen haben werden.
Das vorgenannte Verfahren einer Umprogrammierung eines STRATO-Webshops mit Hilfe von JavaScript funktionierte nur deshalb, weil sich die zu ändernden Elemente sehr leicht selektieren ließen und die Code-Struktur dieser Template noch bedingt so einfach war, dass unser Code nicht mit anderem JavaScript Code im Bestand kollidieren konnte.
SNEWMEDIA | MEDIA
WEB mit UDS+KI
Webdesign / Printdesign mit UDS+KI ab 2023
UDS ist als XML-basiertes Redaktionsverfahren mit herkömmlichen CMS wie WordPress oder TYPO3 NICHT direkt vergleichbar. Das XML Markup für die Formulierung redaktioneller Inhalte kann manuell durch Menschen, durch Skripte in JAVA, C#, PHP, NodeJS und damit Programmcode oder auch die KI erfolgen.
UDS ist eine zu 90% von SNEWMEDIA finanzierte Eigentwicklung eines Design Systems mit einer zugehörigen Referenzimplementierung und explizit für eine von anderen Open-Source-CMS und Frameworks unabhängige Datenerfassung, Datenerzeugung, Datenverknüpfung mit der Option, Informationen mit mehreren Programmiersprachen über den W3C/ISO Stanard XML, XSD, XSL und damit DOM Documents auch serverübergreifend nutzen und pflegen zu können.
Das UDS Uniform Design System bezieht sich auf die Planung, Dimensionierung, Vermaßung von Layout-Komponenten sowie auf semantische Verknüpfung von Daten-Komponenten. Sofern also für eine Nutzung also keine Post-Processing-Templates für die Variation der visuellen Darstellung (im Sinne von «Design» z. T. für einen Kunden programmiert wird, sehen bis auf Logo und Bilder im Grunde genommen alle mit UDS realisierten Webseiten zuerst einmal (ähnlich wie bei Bootstrap) gleich aus.
Dieses «Standard-Design» bezeichnen wir als «Referenzimplementierung». Mit UDS geplante und betriebene Webseiten «könnten» also auch «völlig anders aussehen», weil sich jede einzelne Komponente und auch damit jeder Button oder Icon über Post-Processing-Templates umgestalten ließe. Der Punkt ist eben nur: Viele Kunden wollen gar keine Änderungen. Die möchten das genau so haben wie es aussieht, nur eben das mit eigenen Bildern.
AVIORIS GmbH Wirtschaftsprüfungsgesellschaft, 2023
Für den Relaunch der Webseite wurde das UDS Referenz-Design verwendet, weil das die Planung und Strukturierung redaktioneller Inhalte stark vereinfacht. Das bisherige Designkonzept des Seitenkopfes von der vormaligen Webseite hätte durchaus als Template programmiert werden können, hat aber in dem Sinne keine Eile.
The Forty To See, Inc. (USA, 2024), «D42C»
Jede visuelle Darstellung einer jeden Komponente, hier der Header, kann über Post-Processing-Templates serverseitig komplett umgestaltet werden.
Da das In-Page-Menu ebenso in XML redaktionell plaziert werden kann, lässt es sich je nach Bedarf weglassen oder hier in einer Spalte rechts darstellen.
HOCK Beratende Ingenieure GmbH, 2022
Großformate Header dienen primär dazu, dass die Bilder und damit zumeist Fotos beim Laden der Seite das gesamte Browserfenster abdecken.
Das hierbei entstehende Problem: Damit weiße Schrift noch lesbar ist, müssen die Bilder im Hintergrund entweder von sich aus dunkel sein oder explizit abgedunkelt werden. Die Alternative besteht darin, dem Covertext selbst als Block oder bezogen auf Zeilen einen dunkelgrauen, semitransparenten Hintergrund zu verpassen.
SNEWMEDIA | MEDIA
WORKSHOPS
Impressionen zum Thema «Coaching».
Schwerpunkt unserer Leistungen ist Coaching, üblicherweise in Bezug auf eine jeweils einzelne Person, einen Prozess wie einer Umstellung oder auch ein Team.
Unser Schwerpunkt bei SNEWMEDIA ist die Einarbeitung von Mitarbeiterinnen und Mitarbeitern in Skript- und Programmiersprachen, darunter JAVA, C#, PHP, JAVASCRIPT. Bis Corona (2020) zählten auch noch C++, PERL oder XML/XSL dazu, aber seit Corona ist vieles anders. Und seit 2023 ist mit der KI vieles wiederum noch ganz anders. In Bezug auf Prozesse oder Umstellungen kann sich ein Coaching aber auch auf Verfahren, Varianten, Alternativen oder Vermittlung von Grundlagen mit dem Ziel einer sogenannten Hilfe zur Selbsthilfe sein.
Informatik-Coaching für Programmiersprachen
Unser Job besteht nicht darin, irgendwem von A bis Z alle Befehle einer Sprache wie JAVA zu erklären sondern beginnend mit der Syntax Ihnen die Prinzipien, Entwurfsmuster, Ansätze, Datenstrukturen sowie den Weg von Problemstellungen und Ideen über Skizzen zu ersten Prototypen und Machbarkeitsstudien aufzuzeigen.
Reale Daten sind immer schön und gut, aber die Erzeugung von Daten und Werten über Programmcode hat einen grundlegenden Vorteil: Wenn man die selbst erzeugten Daten über Skripte zu sortieren und zu filtern beginnt, lassen sich diese viel schneller und einfacher auf Korrektheit prüfen.
Statistik und Zufallszahlen-Generierung zum Anfassen: Würfel sind für jeden Menschen der Einstieg in die Erfassung und Auswertung von Daten. Wie man mit Binärzahlen Zufallszahlen generieren oder Daten verschlüsseln kann, kommt später.
© SNEWMEDIA
Egal, ob es um Schüler und Azubis oder Absolventen irgendeines Studiengangs oder aber auch um Personen mit mehreren Jahrzehnten Berufserfahrung geht: Reale Projekte sind zum Erlernen von Fähigkeiten und zum Verständnis von Zusammenhängen zumeist viel zu komplex. Um Vektor-Grafik-Programmierung zu verstehen brauchen wir Beispiele, welche so simpel sind, dass jeder von Ihnen Ergebnisse durch einfaches Zeichnen und Nachmessen prüfen kann.
Mathematik, Physik, Geometrie, Grafik: Programme, die irgendetwas berechnen, sind schön und gut. Für alle diejenigen, die sich mit Grafikprogrammierung oder Visualisierung befassen möchten, bis heute aber Trigonometrie nicht verstanden haben: Das gute alte Geodreieck.
© SNEWMEDIA
Entwicklungsumgebung, Planungsverfahren, Tools: Jedes Unternehmen setzt andere Software ein. Das sei Ihnen auch durchaus gegönnt, aber man möge bitte verstehen, dass wir nicht in der Lage sind, uns für jeden Auftraggeber für die paar Tage oder Wochen Einarbeitung eines Ihrer Kollegen m/w dann Lizenzen für zig Tools erwerben oder dieser Dinger auch noch lernen zu müssen.
Programm-Ablauf-Plan (PAP): Auch wenn man so etwas heutzutage eher mit einem Grafikprogramm machen wird, so gab und gibt es für so etwas tatsächlich Schablonen. Foto: Schablone für Programmablaufpläne.
© SNEWMEDIA
System-Zustand Zn, Events und Aktionen, Guard-Conditions, Transformationen des Systems in System-Zustand Zn+1. Design und Programmierung versteht man am besten mit kleinen begrenzen Problemstellungen. Komplex wird es schnell von allein genug.
Es muss nicht immer digital sein: Für die Evaluierung eines Spielkonzepts sind Prototypen recht praktisch. Holz, Stichsäge, Holzfeile zur Vermeidung von Splittern.
© SNEWMEDIA
SNEWMEDIA | MEDIA
MEHR?
MEDIA | MEHR IMPRESSIONEN?
Haben Sie wirklich noch immer nicht genug? Wollen wir uns nicht mal besser damit befassen, was wir gemeinsam für Sie planen, umsetzen und betreiben können?
Oder wollen Sie einfach mal ein Beratungsgespräch, um Fragen zu stellen, auch wenn Sie den Job später selbst machen möchten?
Quellen
Entdecke SNEWMEDIA. Es ist einfacher als Du denkst.
Stelle noch heute Deine Anfrage.