mmofacts.com

Layout-Idee aber Null Plan von AJAX und Co.

gepostet vor 16 Jahre, 5 Monate von shwaby
Hi!
Bevor ich nach einer Freischaltung für die Entwicklerforen frage, wollte ichs ersteinmal so probieren:
Ich bin Spieler bei einem Grafisch recht hinterherhinkenden Browserspiel und habe mir so einige Gedanken zu einem verbesserten Layout gemacht und auch mit meinen Laienhaften Methoden zuerst in einem Grafikprogramm, dann mit HTML und CSS "umgesetzt".
Allerdings ist das nicht genug und so habe ich herausgefunden, dass mit Javascript, AJAX und allem daruntherum das möglich ist was mir vorschwebt.
Ich habe nur leider sehr wenig Ahnung davon und extra lernen würde ewig dauern (mal abgesehen von den Kosten für die Fachbücher zum Thema).
Ich such also entweder nach einer guten (vor allem deutschen) Anleitung für einen Ajax-Anfänger oder nach jemandem der mir zur Hand geht.
Wo finde ich sowas?^^
MfG
Shwaby
gepostet vor 16 Jahre, 5 Monate von cherry
Um jemanden zu finden der das macht bietet sich die Gruppe der Kleinanzeigen Unterforen an.
Das "AJAX" Tutorial koennte ein Problem werden. AJAX heisst asynchrone Datenuebertragung mit Hilfe von JavaScript in Form von XML. Es ist also vielmehr eine Methode/Technologie als eine Programmiersprache oder etwas fuer das es eine definitive Anleitung gibt. Ich wuerde mit dem AJAX Wikipedia Artikel anfangen und mich von da weiterarbeiten.
Als naechstes solltest Du JavaScript lernen - da hilft eventuell SELFHTML. Nach den Grundlagen macht es sicher Sinn eines der vielen JavaScript Frameworks genauer anzuschaun (Prototype, Mootools usw).
Dann fehlt aber noch die Serverseite - wenn Du das auch selber machen willst hast Du die Wahl zwischen einigen Sprachen und Technologien und Frameworks. Da gaebe es PHP, Ruby, Python, ASP und viele viele andere als Programmiersprachen und viele Frameworks die auf selbigen basieren.
Um aber Deine Frage zu beantworten: hier ist ein Online-Buch vielleicht hilft Dir das weiter: AJAX - Frische Ansätze für das Web-Design.
gepostet vor 16 Jahre, 5 Monate von shwaby
Uii...danke für das Online-Buch und den Link zum Kleinanzeigen-Forum...wieder mal nicht gesehen -.-' ^^ Hm...ja das mit dem Javascript hab ich mir irgendwie gedacht.
Die Serverseite steht schon, es geht wie gesagt um ein schon existierendes OG, dass nur ein Facelifting braucht.
gepostet vor 16 Jahre, 5 Monate von Saniel
zum Thema Fachbücher, vielleicht solltest du erstmal in der städtischen Bücherei schauen, ob es dort nicht welche gibt. bei uns gibt es zum thema programmiersprachen etwa 3 regale voll, mit zwei verlängerungen jeweils drei monate ausleihbar.
dann kannst du erstmal gucken, ob das was für dich ist und falls du garnicht mit klar kommst die bücher einfach zurückgeben, ohne unmengen von geld auszugeben. im übrigen, in den meisten neueren javascript-büchern findet sich auch ein kurzer einstieg in AJAX, was meist für den anfang reicht. also einfach mal schauen und falls keine büchereikarte vorhanden freunde oder bekannte fragen
viel glück,
Saniel
gepostet vor 16 Jahre, 5 Monate von shwaby
Hm...mal wieder etwas länger das Netz durchforstet und ich bin wieder einmal verwirrt^^
Also folgendes:
JavaScript erlebt scheinbar mit dem Akronym AJAX eine neue Hoch-Zeit. Wobei das eigentlich neue scheinbar nur der XMLHTTPRequest ist.
Allerdings wird es von vielen scheinbar als schlechter Stil des Web-Programmierens angesehen. AJAX ist wohl außerdem noch etwas anderes als DHTML oder ein weiterentwickelter Bestandteil des ganzen, da bin ich mir noch nicht ganz sicher.
PHP erlaubt ähnliche Funktionalität wie das durch JS und HTML gebildete DHTML, ist aber scheinbar recht langsam, da es die Seite bei jeder Eingabe neu parst. Allerdings ist es Benutzerfreundlicher, da es HTML ausgibt und kein eingeschaltetes JS notwendig ist. Andererseits soll es auch unsicher sein, wobei ich nicht weiß ob sich das auf die Prüfung externer Eingaben bezieht.
Weiterhin scheint XML, DIE "neue" Auszeichnugssprache zu sein, mit der heutzutage alles angegangen wird. Gleichzeitig gibt es aber XHTML, das durch XML deklarierte strikte HTML.
XML lässt sich scheinbar in PHP einbinden als auch durch php zu generieren.
Allerdings soll JSON weniger Overhead, also Verwaltungsdaten produzieren und damit schneller sein, allerdings wieder JS.
Außerdem ist XML nicht für jeden Browser kompatibel sodass eine XML-Datei die mit XLS ein schönes aussehen bekommen hat über XLST in HTML und CSS umgesetzt werden sollte damit alles abwärtskompatibel ist.
XLS ist ja wieder XML basiert und damit auch irgendwo scheinbar besser als CSS, was keinerlei eigenschaften einer Auszeichnungssprache besitzt.
Dann gibt es sogenannte Template-Engines wie Smarty die scheinbar PHP vereinfachen sollen. Der Sinn des ganzen erschließt sich mir noch nicht ganz, ich kann nur vermuten, dass es, wie es für JavaScript AJAX-Bibliotheken wie Prototype gibt, eine Art Bibliothek für PHP ist.
Von Datenbanken die hinter dem ganzen existieren will ich erst gar nicht anfangen.
Jetzt sagt mir also mal: Was ist wofür am besten geeignet und wofür überhaupt da?
Ich meine: Erstelle ich jetzt am besten das Layout für eine Webseite mit XML und XLS? Oder lasse ich von PHP bzw. Smarty eine Webseite mit XML und XLS erstellen die dann umgewandelt wird in HTML und CSS? Oder binde ich mit PHP XML-Dateien ein um eine HTML-Seite zu erzeugen die ich mit CSS Layoute und dann noch so tolle sachen wie austauschbare Inhalte in DIV-Boxen habe?
Oder ignorier ich am besten alles und schreibe einfach HTML drauf los, verschöner das mit CSS und bastel mir dann irgendwo geklaute AJAX (oder vielleicht auch nur JavaScripte) so zurecht, dass sie dann für das was die Webseite können soll passen?
Sollte alles nach DOM ablaufen, sollte ich das vorher mit UML planen?
Leute ich hab so viele Abkürzungen, Akronyme und Verknüpfungen aller arten von dingen im Kopf, dass ich nicht weiß, was eigentlich das effektivste für ein Browserspiel wäre. Hoffe hier kann mir jemand weiterhelfen, bevor ich anfange mich in alle möglichen Bücher reinzulesen...
gepostet vor 16 Jahre, 5 Monate von Kampfhoernchen
Vorab: Es kann sein dass ich dich falsch verstehe, hab noch ne ziemliche Birne von gestern.
Du würfelst da die Technologien:
HTML / DHTML / XHTML ist reine Präsentationslogik am Client.
AJAX ist ein HTTP-Request und dienst zum Informationsaustausch zwischen Browser und server.
PHP ist eine Serverseitige Scriptsprache, die dir, vereinfacht ausgedrückt, HTML, XML, JSON dynamisch generiert.
gepostet vor 16 Jahre, 5 Monate von shwaby
Also ist DHTML praktisch einfach nur JavaScript und HTML ohne, dass irgendwelche Serveranfragen losgeschickt werden, richtig?
Und ob ich jetzt PHP oder AJAX einsetze hängt wohl scheinbar von der Art der Aufgabe ab, die ich zu lösen gedenke, also je nach dem was Leistungsfähiger bzw. zweckmäßiger ist?
Und jetzt fehlt mir eigentlich nur noch das mit XML und Smarty.
Wofür würde ich jetzt z.B. XML benutzen? Wäre das für ein Browserspiel überhaupt schon zweckmäßig?
Wenn ja: Was könnte ich damit alles machen? Müsste ich trotzdem php bzw. Ajax benutzen um den Inhalt dynamisch zu verändern oder kann XML das teilweise oder ganz selbst?
Wäre es außerdem sinnvoll XML nicht nur für das Layout sondern auch zum Datenaustausch zu benutzen?
Und wofür ist Smarty jetzt eigentlich genau da?
gepostet vor 16 Jahre, 5 Monate von TheUndeadable
> PHP oder AJAX
PHP und AJAX haben soviel miteinander zu tun wie eine Urlaubsreise und ein Auto.
Man kann AJAX unter PHP machen, man kann PHP ohne AJAX machen, man kann AJAX ohne PHP machen und man kann auch was ohne PHP und AJAX machen.
PHP ist eine Serverprogrammiersprache, AJAX eine Art und Weise, wie man Daten überträgt und speziell auf einem Browser anzeigt.
Versuche am besten erstmal die Webtechnologien als Ganzes zu überblicken und nicht einzelne Technologien herauszugreifen.
gepostet vor 16 Jahre, 5 Monate von shwaby
Versuche am besten erstmal die Webtechnologien als Ganzes zu überblicken und nicht einzelne Technologien herauszugreifen.

Bin ich dabei^^ darum frag ich ja hier, mir sind die Unterschiede, Funktionsweisen udn Anwendungen der ganzen Technologien noch nicht ganz klar...gibts dafür nicht irgendwo eine übersicht?
gepostet vor 16 Jahre, 5 Monate von altertoby
Dann versuch ichs auchmal nen bissel was zu erklären
Also DHTML, HTML und XHTML sind wie bereits gesagt dazu da den Inhalt in eine bestimmte "Form" zu pressen, die der Browser dann anzeigt. Wie der Browser das anzeigt kann man dann z.B. über CSS noch genauer beschreiben.
Dann gehts mal jetzt ganz einfach weiter (ohne Ajax bzw. JS das kommt dann nachher):
Du brauchst irgendwas um diese Form + Inhalt zu erstellen bzw. zu generieren.
Dazu kann man u.a. PHP benutzen (gibt noch vieles andere, Asp.net z.b). Wenn ich richtig informiert bin (eig. keine Ahnung von php hab), dann hilft Smarty bei dieser Generierung. Aber da du ja sagst, dass das Browsergame bereits fertig besteht, nur das Layout scheiße ist, gibt es bereits vermutlich den PHP-Teil. Es hat dich also nicht wirklich zu interessieren wie das ganze dann generiert wird, wenn du echt nur das Layout machen möchtest!
So jetzt kommen wir zu so was schönen wie Ajax und JavaScript.
Javasript allgemein dient halt dazu irgendwelche Effekte bzw. Aktionen im Browser zu steuern (z.B wenn man auf einen Button klickt wird ein Teil der Webseite ausgeblendet).
Ajax geht jetzt noch einen Schritt weiter, ist im Prinzip auch nur JS, dass über eine bestimmte Technik dann den Server "fragen" kann, was z.B. ausgeblendet werden soll. Wie du bereits gesagt hast wird diese Anfrage über "XMLHTTPRequest" gesteuert und meist JSON zurückgegeben.
Im Endeffekt brauchst du im einfachsten Fall HTML + CSS, dann noch JS wenn du es interaktiv machen möchtest. Ajax ggf. auch, obwohl ich dass dann eig. den eigentlichen Programmier machen lassen würde, da es sehr schwer ist etwas mit AJAX zu basteln, wenn man nicht die Kontrolle über die Ausgabe hat (sprich PHP).
Am besten du setzt dich mal mit dem Programmierer des ganzen zusammen!
**so Copy mach**
**war ja klar --> Paste**
gepostet vor 16 Jahre, 4 Monate von Valerion
Zu Smarty:
[QUOTE="http://tut.php-quake.net/template.html"] Im Moment geben wir die HTML-Elemente direkt mit echo aus. Die PHP-Scripte enthalten, ggf. über mehrere Dateien hinweg, die ganzen HTML-Elemente. Doch dies hat einen Nachteil. Wenn man die HTML-Seite ändern möchte, muss man die PHP-Scripte bearbeiten. Code und Design fließen ineinander über.
Mit Templatesystemen versucht man nun Programmcode und Design zu trennen. Der Programmierer bleibt bei seinem Code und läd ein sog. Template in das Script rein. Das Templatesystem untersucht die Templates und ersetzt bestimmte Platzhalter durch echte Werte und gibt das dann alles aus. Diese Trennung von Code und Design ermöglicht zwei Sachen.
1.
Ein reiner HTML-Webautor kann nun die Seiten gestalten ohne auch nur PHP zu kennen. Er kriegt dann vom PHP-Programmierer die Platzhalter genannt, die er verwenden kann.
2.
Der PHP-Programmiere kann sich voll und ganz seinen PHP-Scripten widmen. Er braucht sich nicht um HTML und CSS zu kümmern. Er muss nur sicherstellen, dass die Formulare verarbeitet werden und die MySQL-Befehle alle gültig sind.
gepostet vor 16 Jahre, 4 Monate von Drezil
Nur das bei smarty Trennung von Code und Design mit Trennung von HTML und PHP verwechselt wurde, was in einer eigenen Template-Engine innerhalb der Template-Sprache PHP (ja, php ist eigentlich "nur" eine Template-Engine für C++) führt.
Das versucht man dann durch Mechanismen wie OPCode-Caches u.ä. performancetechnisch wieder glattzubiegen, aber dennoch ist es unsinnig 2 verschiedene Syntaxen (wovon eine wieder in die andere per compiler überführt wird) zu verwenden..
Ich rate daher zu einer einzigen Template-Klasse und der verwendung von php als Template-Engine. Beispiel ist hier savant .
Aber wer meint nicht um Smarty herumkommen zu müssen, der soll es benutzen.

Auf diese Diskussion antworten