Immer wieder kristallisierte sich bei den Entwicklerrunden und Gesprächen mit Neulingen bei der User App Entwicklung ein großes Problem. Scheinbar ist es sehr schwer zu verstehen, wie man ein HTML-UI so nutzt, damit im HTML-UI eine Aktion stattfindet und darauf der Server eine Reaktion zeigt.
Lest den heutigen Blogbeitrag durch, um zu erfahren wie ihr so etwas realisieren könnt.
Weiterlesen
Auf den letzten Entwicklerrunden wurde immer wieder ein Wunsch geäußert, dass man gerne ein Template für ein HTML-UI haben möchte. Damit dieser Wunsch nicht unbeachtet bleibt, erfolgt heute ein kleiner „Script-Quicky“ in dem ich euch eine ganz einfache HTML-Datei als Template zur Verfügung stelle.
Dieser „Script-Quicky“ kann als Ergänzung zu diesem Blogbeitrag genutzt werden. In diesem Beispiel berücksichtige ich ein HTML-UI in der Größe von 200px Breite und 400px Höhe. Ihr könnt später natürlich alles so abändern, dass es zu eurem Projekt passt.
home.html
<!DOCTYPE HTML>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta charset="utf-8" />
<title>Anzeigename für PopUps</title>
<script src="/apps/api/knuddels-api.js"></script>
<!--
Hier laden wir alle Funktionen die für die clientseitige Verarbeitung unserer App notwendig sind.
-->
<script>
Client.includeCSS('style.css');
Client.includeJS('/apps/api/jquery.min.js', 'func.js');
</script>
<!--
Hier laden wir die CSS-Datei für die Ausgestaltung unserer User App (style.css) - Diese muss unbedingt im WWW-Ordner liegen
Zusätzlich wird neben der von Knuddels zur Verfügung gestellten JQuery-Version auch noch eine eigene JS-Datei eingebunden, mit der wir Javascriptspielereien einbinden können.
-->
</head>
<body>
<div class="Wrapper">
<div class="Header"></div>
<div class="Content"></div>
<div class="Footer"></div>
</div>
<!--
Ich habe mir angewöhnt meine User App immer in 4 Bereiche einzuteilen, die ich dann via CSS ausgestalten kann.
Der Wrapper ist quasi der "Schaukasten" in dem mein angezeigter Content liegt.
Im Header wird später z.B. das Logo eingefügt, im Footer wäre Platz für ein Copyright oder Versionshinweise und im Content-Bereich logischerweise der Content der App.
-->
</body>
</html>
style.css
.Wrapper {
/* CSS-Inhalt für den Wrapper-Bereich */
position: absolute;
top: 0px;
left: 0px;
background: #000;
width: 200px;
height: 400px;
display: block;
}
.Header {
/* CSS-Inhalt für den Header-Bereich */
position: absolute;
top: 0px;
left: 0px;
height: 50px;
width: 200px;
display: block;
background: red;
}
.Content {
/* CSS-Inhalt für den Content-Bereich */
position: absolute;
top: 50px;
left: 0px;
width: 200px;
height: 325px;
background: #fff;
color: #000;
display: block;
}
.Footer {
/* CSS-Inhalt für den Footer-Bereich */
position: absolute;
bottom: 0px;
left: 0px;
width: 200px;
height: 25px;
font-size: 10px;
color: #fff;
background: red;
line-height:25px;
font-size: 10px;
}
func.js
$(function(){
alert('Deine User App ist bereit für Neues!');
});
Alle Dateien dieses Blogbeitrages kannst du auf GitHub downloaden.
In unserem heutigen Blogbeitrag geht es um die Darstellung einer kleinen Uhr. Immer wieder wurde bei den Entwicklerrunden mitgeteilt, dass es immer noch für Anfänger schwierig ist, zu verstehen wie man eine User App in ein separates Fenster bekommt. Diese Fragen möchte ich mit dem heutigen Blogbeitrag klären.
Toplisten sind seit es Spiele gibt das wichtigste Mittel um den Spielern anzuzeigen, wie gut oder schlecht sie sind. Gerade für Anfänger scheint es aber fast schon schwierig zu sein, richtig mit diesen Toplisten zu arbeiten, doch das muss nicht sein. Aus diesem Grund, widmen wir uns nun dem Thema Toplisten, Ränge und allem was dazu gehört.
Im heutigen Blogeintrag, kümmern wir uns um die Filterung von öffentlichen Nachrichten. Nicht in jedem Channel möchte man unbedingt, dass öffentliche Nachrichten mitgeteilt werden. Hierfür gibt es spezielle API-Methoden, die euch helfen können das öffentliche Schreiben zu unterbinden.
Seit geraumer Zeit chatte ich schon mit der Knuddels App für Windows. Daher drängte sich die Frage in mir auf, warum nutze ich die Knuddels App nicht auch dafür, um mich auf dem Entwicklerserver einzuloggen? Damit auch ihr in Zukunft ohne Probleme mit Hilfe der Knuddels App für Windows auf den Entwicklerserver kommt, gibt es heute diese Anleitung von mir. Weiterlesen
Ich weiß nicht wie es euch geht, aber wenn ich neue User App Ideen ausarbeite, lege ich am Anfang nicht sehr viel Wert auf Performance. Was mich im späteren Verlauf der Entwicklung dazu zwingt die ein oder andere Sache zu überarbeiten. Seit einigen Monaten versuche ich daher gezielt das Nachladen von Bildern zu minimieren. Wie man das am besten Macht und ein Praxisbeispiel gibt es im heutigen Blogeintrag.
Liebe Blogleser, heute hab ich mir mal das Thema Persistencen rausgepickt und wollte dazu mal ein kleines Tutorial starten. Da das Thema Persistencen aber sehr viel umfasst, beginnen wir erstmal mit einer kleinen Einführung – aber lest selbst.
Am Dienstag habe ich bereits erwähnt, dass es im nächsten Tutorial darum gehen wird Funktionen nur bestimmten Usern zur Verfügung zu stellen. Wie immer versuche ich in einzelnen kleinen Schritten das ganze für euch nachvollziehbar zu gestalten, so dass auch ihr sofern ihr kein Wissen über JavaScript besitzt nach und nach eure eigene kleine User App programmieren könnt.
Der offizielle Knuddels Blog 