[TUT] v26 Retro Hotel erstellen [2018]

    • Offizieller Beitrag

    Übersicht

    1. Vorwort

    2. Das v26 Pack

    3. Installation der benötigten Software

    1. XAMPP
    2. .NET Framework 3.5
    3. Microsoft Visual C++ 2010 Redistributable Package
    4. MySQL Connector ODBC 5.1.13
    5. Firefox Portable 35 3.5.19
    6. Adobe Shockwave Player 12.1.4.154

    4. Konfiguration

    1. MySQL Passwort festlegen & CMS einfügen
    2. Datenbank importieren
    3. PHPRetro Setup
    4. Client konfigurieren
    5. DCR konfigurieren
    6. Emulator konfigurieren
    7. Firefox konfigurieren

    5. Client Inbetriebnahme

    1. Update des Adobe Shockwave Players
    2. Berechtigungserteilung

    Vorwort

    Es ist schon einige Jahre her das es unzählige Retro Hotels auf DCR Basis gab. Der Umstieg auf Flash geschah meiner Erinnerung nach ziemlich schnell. Natürlich gab es einige Retros die nicht sofort umstellten, sondern wie das offizielle Habbo Hotel 2 Clients anbot oder einfach nur den alten behielten. Trotzdem verschwanden die alten Hotels immer mehr und mehr. Der Adobe Shockwave Player ist kaum noch auf einem System zu finden, die meisten Browser unterstützen ihn auch nicht mehr. Dies stellt ein großes Hindernis dar, wenn man ein v26 Projekt plant. Ein öffentlich erreichbares v26 kann einfach keine großen Userzahlen mehr aufbringen. Aus diesem Grund ist dieses Tutorial darauf ausgelegt das Hotel rein lokal zu betreiben. Für Testzwecke oder um in Erinnerungen schweifen zu können lohnt es sich meiner Meinung nach auf jeden Fall ein v26 Hotel auf zu setzten. Meine Motivation ein lokales v26 Hotel auf zu setzten ergab sich beim Experimentieren einen leistungsvollen aber einfachen HTML5 Client im v18 Style zu schaffen. Daraufhin kam mir der Gedanke ein Tutorial zu schreiben wie man ein v26 Hotel erstellt und die Unterstützungsprobleme löst. Das Tutorial ist eine "Schritt für Schritt Anleitung" für Anfänger!

    Das v26 Pack

    Das von mir zusammengestellte Pack was in diesem Tutorial verwendet wird findest du in der Filebase in der „Old Stuff“ Sektion.

    Es beinhaltet den Holograph Emulator v26 edited by Vista4Life als Open Source, das CMS PHPRetro in der Version 4.0.10 stable, passende v26 DCR mit der Revisionsnummer r26_20080915_0408_7984_61ccb5f8b8797a3aba62c1fa2ca80169, die passende Datenbank, .NET Framework 3.5, Microsoft Visual C++ 2010 Redistributable Package, Mysql Connector ODBC 5.1.13, XAMPP 1.7.1, Firefox Portable 35 3.5.19 und den Shockwave Player 12.1.4.154.

    Sicherlich kann man wahrscheinlich auch neure Versionen vom Firefox und dem Shockwave Player verwenden und statt XAMPP IIS nutzen (mit der passenden PHP und Mysql Version) aber ich will zudem ein altes Feeling aufbauen und ich weiß das mit den Versionen alles problemlos funktioniert.

    Tutorial

    Achtung wenn nicht alle Bilder geladen werden oder ihr einen Rechtschreibfehler findet schickt mir bitte eine PN. Danke!

    3.1 XAMPP

    Spoiler anzeigen

    Die Installationsdatei für XAMPP findest du direkt im entpackten Pack, sie trägt den Namen "xampp-Win32-1.7.1-installer".

    Doppelklick auf die Datei und es öffnet sich ein Fenster in dem du deine bevorzugte Sprache für XAMPP auswählen kannst.

    Nach der Sprachauswahl einfach auf den "OK" Button drücken.

    f77a.png

    Beim nächsten Fenster einfach auf "Weiter" drücken.

    2b25.png


    Hier kannst du nun den Installationspfad für XAMPP ändern. Wir lassen aber das Standard Zielverzeichnis stehen und drücken wieder auf "Weiter".

    7e21.png


    Auch bei diesem Fenster ist nichts zu verändern. Drück auf den Button "Installieren".

    c68e.png


    Einfach abwarten bis die Installation durchgeführt wurde.

    56d6.png


    Wenn die Installation erfolgreich ablief erscheint am Ende dieses Fenster. Einfach auf "Fertig stellen" drücken.

    1b6f.png


    Bei diesem Dialog solltest du auf "Ja" drücken um direkt das Control Panel zu starten.

    6da4.png


    Im Control Panel drückst du neben Apache und MySql auf die "Start" Buttons.

    1fd4.png


    Wenn der Start erfolgreich war schaut dies so aus.

    c9UHgEM.png

    3.2 .NET Framework 3.5

    Spoiler anzeigen

    Die Installationsdatei für das .Net Framework 3.5 findest du direkt im entpackten Pack, sie trägt den Namen "dotNetFx35setup".

    Doppelklick auf die Datei und es öffnet sich das Installationsfenster.

    NoBl2P6.png

    Wenn die Installation erfolgreich war kannst du das Restliche in diesem Spoiler ignorieren.

    Solltest du einen Windows Server verwenden schlägt die Installation fehl.

    Dann solltest du den Server-Manager öffnen und auf den Punkt "Rollen und Features hinzufügen" drücken und dich einfach durch alle Fenster durchdrücken bis du beim Punkt Features angelangt bist.

    Dort setzt du einen Haken bei ".NET Framework 3.5-Funktionen" und daraufhin drückst du wieder auf "Weiter" und bestätigst es daraufhin ein weiteres mal.

    Daraufhin startet die Installation die hoffentlich erfolgreich abläuft.

    94GEV8E.png

    3.3 Microsoft Visual C++ 2010 Redistributable Package

    Spoiler anzeigen

    Die Installationsdatei findest du direkt im entpackten Pack, sie trägt den Namen "vcredist_x64".

    Doppelklick auf die Datei und es öffnet sich das Installationsfenster.

    Nun stimmst du den Lizenzbedingungen zu und drückst auf "Installieren".


    OdoPL5m.png


    Wenn die Installation erfolgreich verlief öffnet sich dieses Fenster.

    KGnELEh.png

    3.4 MySQL Connector ODBC 5.1.13

    Spoiler anzeigen

    Die Installationsdatei findest du direkt im entpackten Pack, sie trägt den Namen "mysql-connector-odbc-5.1.13-winx64".

    Doppelklick auf die Datei und es öffnet sich das Installationsfenster in dem du direkt auf den Button "Next" drücken kannst.

    YUnkNw8.png


    Hier stimmst du den Lizenzbedingungen zu und drückst wieder auf "Next".

    bE5M40a.png


    Nun wählst du den Punkt "Complete" aus und drückst wieder auf "Next".

    H9TYuQl.png


    Auf "Install" drücken.

    FZwzJtS.png


    Wenn die Installation erfolgreich verlief erscheint dieses Fenster.

    58AdykD.png

    3.5 Firefox

    Spoiler anzeigen

    Auf die "Installation" gehe ich nicht genau ein das wird wohl jeder hinbekommen.

    Im nächsten Fenster müsst ihr Zielverzeichnis auswählen um fortfahren zu können.

    Nach der Installation sollte der Browser noch nicht gestartet werden!

    H22z7I7.png

    3.6 Adobe Shockwave Player

    Spoiler anzeigen

    Auf die Installation gehe ich ebenfalls nicht genau ein weil sie ebenfalls selbsterklärend ist.

    Achtet darauf die Haken für die Google Chrome und die Norton Installation zu entfernen!

    1DTwBy1.png

    4.1 MySQL Passwort festlegen

    Spoiler anzeigen

    Öffne deinen Browser (nicht den installierten Firefox) und ruf die URL http://localhost/ auf.

    Du wirst direkt auf diese Seite weitergeleitet wo du einfach auf die gewünschte Sprache drückt.

    xIyS5Qc.png


    Nun drückst du in der linken Navigation auf den Punkt "Sicherheitscheck".

    L9qHv1z.png


    Hier drückst du unten einfach auf den Link zur "xamppsecurity.php".

    uDSzeOA.png


    In die 2 oberen Felder trägst du das Passwort ein was du für den Datenbankzugriff verwenden willst.

    Daraufhin kansst du auf den Button "Passwort ändern" drücken und die restlichen Felder ignorieren.

    xlqUi6Q.png


    Nun drücke im XAMPP Control Panel bei MySql auf "Stop" und anschließend wieder auf "Start". (Der Restart ist eigentlich nicht nötig)

    26MM8OD.png


    Öffne im Explorer den Pfad "C:\xampp\htdocs" und lösche den ganzen Inhalt.

    26bc.png


    Im Pack Ordner findest du ebenfalls einen Ordner mit dem Namen "htdocs". Den Inhalt dieses Ordners kopierst du nun in den "htdocs" Ordner den du gerade geleert hast.

    891b.png

    4.2 Datenbank importieren

    Spoiler anzeigen

    Öffne im Browser die URL http://localhost/phpmyadmin und log dich mit dem von dir gewählten Passwort bei dem Benutzer "root" ein.

    1e53.png


    Bei dem Punkt "Neue Datenbank anlegen" trägst du einen gewünschten Datenbanknamen ein.

    Ich verwende in dem Fall den Namen "phpretro".

    Anschließen drückst du auf den Button "Anlegen".

    a0a1.png


    In der Mitte von der oberen Navigation findest du den Punkt "Importieren". Dort drückst du drauf.

    fbf7.png


    Drück auf den Button "Durchsuchen".

    7807.png


    Nun wählst du die Datei "Datenbank.sql" aus dem Pack Ordner aus und drückst auf "Öffnen".

    Anschließend auf den "OK" Button rechts unten.

    6a1d.png

    4.3 PHPRetro Setup

    Spoiler anzeigen

    Öffne deinen Browser und besuche die URL http://localhost

    Hier kannst du keine andere Sprache auswählen deswegen darfst du direkt auf "Continue" drücken.

    M6K54gL.png


    Hier kannst du auch direkt auf "Continue" drücken.

    i8sEzQf.png


    Bei dem Feld "Database Password" trägst du dein gewähltes MySql Passwort ein und in das Feld "Database Name" den zuvor gewählten Datenbanknamen.

    Die restlichen Eingaben kannst du so stehen lassen und auf "Continue" drücken.

    D4RaA5a.png


    In den oberen 2 Feldern kannst du den Namen deines Retro Hotels festlegen und danach wieder auf "Continue" drücken.

    zsn4aQ9.png


    Hier kannst du dir deinen Administrator Account erstellen.

    Nachdem du die Felder ausgefüllt hast drück wieder auf "Continue".

    jtmTo8w.png


    Einfach auf "Continue" drücken.

    Lrx5VCz.png


    Öffne in deinem Explorer den Pfad "C:\xampp\htdocs\install".

    Kopiere die Datei "config.php" und füge sie unter "C:\xampp\htdocs\includes" wieder ein.

    BgmoK5F.png

    floSiIu.png


    Anschließend lösche den Ordner "install".

    lEVbUdE.png


    4.4 Client konfigurieren

    Spoiler anzeigen

    Jetzt kannst du dich unter http://localhost einloggen und das Housekeeping öffnen und dich dort ebenfalls einloggen.

    fd1f.png

    36.PNG


    Unter dem Punkt "Settings" drückst du auf den Eintrag "Hotel".

    37.PNG


    Hier änderst du die Einträge so ab und anschließend drückst du auf "Save".

    Code
    External Texts: http://localhost/v26/external_texts.txt
    External Variables: http://localhost/v26/external_variables.txt
    DCR: http://localhost/v26/habbo.dcr

    39.PNG


    4.5 DCR konfigurieren

    Spoiler anzeigen

    Normal müsstest du nun die Links in der Datei "external_veriables.txt" unter "C:\xampp\htdocs\v26" anpassen.

    Ich habe die Links bereits so angepasst das sie lokal funktionieren.

    Den Punkt kannst du somit überspringen!

    40.PNG

    4.6 Emulator konfigurieren

    Spoiler anzeigen

    Öffne die "Config" Datei des Emulators die du im Pack unter "\v26 Pack - Bruno 2017\Holograph Emulator V26\bin\Debug\bin" findest.

    Hier musst du bei "database" den Namen deiner Datenbank eintragen und beim Punkt "password" dein MySql Passwort.

    Speichern nicht vergessen!

    50.PNG


    Ein Ordner tiefer findest du die Datei "Holograph Emulator.exe".

    Diese Datei startest du.

    Der Emulator sollte sich nicht sofort schließen oder abstürzen. Sollte dies der Fall sein hast du mit hoher Wahrscheinlichkeit bei den obigen Punkten etwas falsch gemacht oder vergessen.

    51.PNG

    4.7 Firefox konfigurieren

    Spoiler anzeigen

    Es kann auch mit einer neueren Version funktionieren. In diesem Tutorial verwende ich aber bewusst die alten Software Versionen.

    Nun solltest du deine Internetverbindung kurzzeitig trennen um zu verhindern das sich der Browser automatisch Updatet!

    Anschließen schalte bestenfalls in den Einstellungen unter "Erweitert->Update" die automatische Überprüfung auf Updates aus.

    Jetzt kannst du die Verbindung mit dem Internet wieder herstellen.

    54.PNG

    5.1 Update des Adobe Shockwave Players

    Spoiler anzeigen

    Du hast es fast geschafft!

    Öffne den Client von deinem Hotel.

    Dort wird folgende Meldung erscheinen. Drücke auf "Aktualisieren" und führe die Installation durch. Achtung nicht vergessen die Haken wieder weg zu machen!

    55.PNG

    5.2 Berechtigungserteilung

    Spoiler anzeigen

    Hier setzt du noch bei den 2 "allow" Einträgen die Haken und drückst auf "Allow".

    56.PNG


    Willkommen in deinem lokalen v26 Retro Hotel!

    57.PNG

    Achtung ich gebe darauf keinen Support mehr!

    • Offizieller Beitrag

    Hey, coole Sache und auch richtig gutes Tutorial. Ist PHPRetro aber nicht mit einigen Lücken versehen?

    Ja meiner Erinnerung nach war das CMS nicht lückenfrei. Dies spielt aber in dem Fall keine Rolle da dieses Tutorial nur auf den lokalen betrieb ausgelegt ist. Im Vorwort des Beitrages ging ich auch darauf ein warum es nur auf den lokalen Betrieb ausgelegt ist.

  • Ja meiner Erinnerung nach war das CMS nicht lückenfrei. Dies spielt aber in dem Fall keine Rolle da dieses Tutorial nur auf den lokalen betrieb ausgelegt ist. Im Vorwort des Beitrages ging ich auch darauf ein warum es nur auf den lokalen Betrieb ausgelegt ist.

    Alles gut, war nur aus Interesse, weil ich demnächst eventuell damit arbeiten wollte, jedoch paar Lücken in Erinnerung habe. :) probs für das nice tut aber


    [EN] Coming Soon

    Ehemals Elaf/Ultima/Babbo Staff-Mitglied.

    • Offizieller Beitrag

    Alles gut bis auf paar kleine Fehler ist aber eher Meckern auf hohen Niveau.

    Wie bspw. "SWF einstellen" das sind keine SWF's sondern DCR's xD

    Wurde soeben ausgebessert. Nebenbei tauschte ich auch einige Wörter aus die sich komisch anhörten.

    Im Nachhinein denkt man sich einfach nur wo man Gedanklich war als man den Text verfasste ^^

    • Offizieller Beitrag

    Du hast wahrscheinlich ein Server Administrationspanel wie z.B. Plesk auf dem Port 80 laufen weswegen Apache nicht läuft

  • Hello!

    I'm having some problem with the dcrs...

    Everything is fine but, everytime I try to enter in the Hotel, I get two Shockwave errors: "Missing Xtra (Text) or unable to load" and "Shockwave can't load..."

    I don't know what to do... I tried everything. Could someone help me? Thank you :)

    • Offizieller Beitrag

    Hello!

    I'm having some problem with the dcrs...

    Everything is fine but, everytime I try to enter in the Hotel, I get two Shockwave errors: "Missing Xtra (Text) or unable to load" and "Shockwave can't load..."

    I don't know what to do... I tried everything. Could someone help me? Thank you :)

    This is not the same version, but the problem is similar. Try the solution suggestions there, especially the last.

    https://forums.adobe.com/thread/26612

  • if I try to create this your pack, will it work in a vps windowns 2008 ???

    on my pc, the shockwave is not working perfect ... just do not load ... maybe you can create one ... with another v14 version with its own charger ??? I would be very happy ... I intend to leave a v26 or v14 online ...

    your help is very welcome ... I tried with ... habboloader.org but it is useless ... wanted to create a good one of in vps ,, being v14 dcr on vps also.Screenshot_2.png

    • Offizieller Beitrag

    if I try to create this your pack, will it work in a vps windowns 2008 ???

    on my pc, the shockwave is not working perfect ... just do not load ... maybe you can create one ... with another v14 version with its own charger ??? I would be very happy ... I intend to leave a v26 or v14 online ...

    your help is very welcome ... I tried with ... habboloader.org but it is useless ... wanted to create a good one of in vps ,, being v14 dcr on vps also.Screenshot_2.png

    Yes it should work i did this in a windows server 2016.

    A month ago i had a local v14.

    I can create one with another version but this week I've not mutch time.

  • if I try to create this your pack, will it work in a vps windowns 2008 ???

    on my pc, the shockwave is not working perfect ... just do not load ... maybe you can create one ... with another v14 version with its own charger ??? I would be very happy ... I intend to leave a v26 or v14 online ...

    your help is very welcome ... I tried with ... habboloader.org but it is useless ... wanted to create a good one of in vps ,, being v14 dcr on vps also.Screenshot_2.png

    Hey you can download all software´s on the ihoob.de me page FireFox and shockwave then its working

    Have fun :)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!