[Preview] HTML5 Knuddels-WebClient

[uncopyable]

Ich weiß gar nicht was ihr habt, bis jetzt sieht das ganze doch Hammer aus ein großes Lob, weiter so

[Bubble Gum]

Respekt

Zwar ist nicht viel dabei, nen websocket zu verwenden, aber die Implementierung der ganzen grundfunktionen ist garantiert aufwändig.

Wie schaut's mit dem chatprotokoll aus? Hast du dies im websocket-Server mit implementiert oder nutzt du eine Lib um immer einen "aktuellen" clienten zu haben?

Wäre ja blöd, wenn du dies so implementiert hast, falls sich das Protokoll abändert.

[Snees]

Tobi du weißt ja was ich von deinen Projekten halte, so sehe ich das auch hier, hammer <3

[Sky.NET]

Ich weiß gar nicht was ihr habt, bis jetzt sieht das ganze doch Hammer aus ein großes Lob, weiter so

Danke.

Respekt

Zwar ist nicht viel dabei, nen websocket zu verwenden, aber die Implementierung der ganzen grundfunktionen ist garantiert aufwändig.

Wie schaut's mit dem chatprotokoll aus? Hast du dies im websocket-Server mit implementiert oder nutzt du eine Lib um immer einen "aktuellen" clienten zu haben?

Wäre ja blöd, wenn du dies so implementiert hast, falls sich das Protokoll abändert.

Naja, code mal nen WebSocketserver, der ALLE WebSocket-Versionen unterstützt, damit es in jedem Browser funktioniert, dann noch immer schön neue WebSocket-Protokolle einbauen, weil die das alle 2-6 Wochen ändern, der Server hat nur für die Unterstützung des WebSockets 509 Zeilen.

Das Bridging an sich is nicht schwer, einfach die Daten tunneln, Kindergarten.
Aber vergiss nicht dass alle Bots später Serverseitig implementiert werden und das auch nochmal Arbeit mitbringt.

Der JS-Client hat mittlerweile schon fast 1000 Zeilen und ich hab noch nichtmal mit dem Chatverlauf angefangen, kp wo das noch hinführen soll XD das ist einfach heavy viel Arbeit das komplett objektorientiert umzusetzen, zumal ich ja noch ein 'Noob' in javascript bin (okay hab ja genug OOP Kenntnisse xD).

Ich koche auch nur mit Wasser, natürlich ist Serverseitig eine Library implementiert, ich habe keine Zeit und keine Lust mich mit Networks zu beschäftigen, aber 3Lit arbeitet an einer anderen Lösung und Flav ist ja auch noch nicht tod.

//EDIT das 'Protokoll' an sich ändert sich nicht, ich benutze seit fast 5 jahren die gleichen klassen zum parsen, da kommt vllt. mal der ein oder andere parameter hinzu aber das wars auch schon.
Wenn sich sonstwas ändert muss man halt warten, bis der neue gepatchte client da is, kein weltuntergang.

[Festplatte]

Aber wenn Knuddels doch das applet updatet geht dein Web Client doch garnicht mehr? Oder baust du da auch was rein dass er automatisch das neueste nimmt wenn Knuddels ein neues rein macht?

[Sky.NET]

@Festplatte gib mir ne andere Lösung und ich bau sie ein, wenn du keine hast, ist das Pech und ich muss weiterhin immer ein manipuliertes applet nutzen xD.

weiter gehts, hab gestern noch etwas am chatverlauf gearbeitet,gibt aber noch probleme bei vorangestellten images (zb. bei kisses) die zerschießen mir das layout, aber das bekomm ich sicher auch noch in den griff =D, wie auch immer, herausgekommen ist dabei das hier:

[Sky.NET]

wieder weitergemacht, hiermal ein direkter vergleich zwischen knuddelsclient und webclient
wie man sieht ist bei mir das hg-bild noch nicht richtig gesized und ich glaub die nicks in der nickliste müssen 1-2px größer in der schriftart sein, der Rest ist soweit ich das sehen kann 1:1 umgesetzt:

[patlux]

ich glaub die nicks in der nickliste müssen 1-2px größer in der schriftart sein

Ich würde die Größe so lassen. Sieht meiner Meinung besser aus und man sieht mehr Nicks auf einen Blick anstatt extra scrollen zu müssen.

Sieht echt gut aus .

[Comu]

Da ist viel mehr Abstand in der Knuddels Nickliste!

[Sky.NET]

Da ist viel mehr Abstand in der Knuddels Nickliste!

Du kannst paar aufs Maul haben xD
Btw. Der kleinere Abstand ergibt sich aus der niedrigeren Schriftgröße...

Bin grade dabei die ganzen Funktionen einzubauen:
Nickliste --> Nick links/rechts/doppelt anklicken
Chatverlauf --> Link rechts/links anklicken

Dann werde ich noch ein paar Optimierungen vornehmen, [xxx,xxx,xxx] wird noch nicht geparsed, Smileys werden noch nicht geparsed, der Source der ausgegeben wird ist epic zu groß, was der Performance extrem schadet, Abhilfe werden hier ein paar neue Css-Klassen schaffen, das hg-Bild richtig skalieren etc.

Als nächstes werde ich gucken ob meine Lösung mit den Kiss-Smileys (vorangestellte Images) auch im Fotoflirt zieht (hope!), wenn nicht muss ich das halt noch anpassen.

Danach kommt das Parsing des Whoisfensters (nur dieses Fenster, weil ich doch denke, dass das sehr wichtig ist... die anderen nicht so sehr).

Anschließend betrachte ich den Client so wie er ist erstmal als Beta und fange an den Server zu optimieren, eine User-Registrierung einzubauen, eine MySQL-DB (oder evtl. auch eine MS-SQL-DB, mal sehn) hinten dranzuhängen.

Anschließend werde ich mich ans Client-Handling hängen und hier weitere Optimierungen vornehmen, sowie alle Javascriptdateien nur noch komprimiert an die Website ausliefern lassen (ladezeit veringert sich extrem).

Dann folgt die Implementierung erster einfacher Bots und die Implementierung Client und Serverseitiger Konfigurationsmöglichkeiten (Bots mit Terminplaner, zb. bot am 21.12.2012 um 12 uhr starten und um 13 uhr des selben tages wieder beenden).

Natürlich werde ich zwischendurch immer mal wieder Screens anhängen, damit ihr auf dem Laufenden bleibt