Menu
Forums
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Trending
What's new
New posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Search profile posts
Upgrades
Log in
Register
What's new
Search
Search
Search titles only
By:
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
Server Development
Habbo Retros
Habbo Development
[V15] WedCMS - Oldschool CMS + DCR (Kepler, NodeJS, Express, HBS, React)
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Sulfatboule" data-source="post: 468056" data-attributes="member: 99774"><p>In <em>2013</em>, and for <em>2 years</em>, i worked on a v18 CMS project.</p><p>It never really worked out cause of <u>structure</u> (no <strong>MVC</strong>, no <strong>OOP</strong>..).</p><p>Today is another day, i study in IT to be conceptor/developer of applications.</p><p>Not long ago I found the <strong>Kepler</strong> server on github and was surprised to finally see a full oldschool server, with features that no emulator has never reached.</p><p>So I decided to take WedCMS, from the beginning, cleanly, and create the best combo v15 Emulator - CMS.</p><p></p><p></p><p></p><p style="text-align: center">[ATTACH=full]12138[/ATTACH]</p><p></p><p></p><p></p><p></p><p><strong>WedCMS</strong> will therefore run in <strong>V15</strong> (Soundmachine, Jukebox, Snowstorm, Camera, Battleball, Teleporters…), because it is the most stable version.</p><p>I will make sure to complete the DCR v15 as much as possible, by adding <strong>all the official furni</strong> possible (that are not in v15).</p><p>I will also create <strong>hotel views</strong> to add them to DCRs.</p><p>The texts in <strong>English and French </strong>will be 100% complete (no furni_hcc_table_name,… in the client).</p><p>And the CMS will use <u>all the features offered by Kepler</u>.</p><p></p><p></p><p></p><h2>Technologies</h2><p></p><p>The CMS will work with <strong>NodeJS</strong> and <strong>Express</strong>.</p><p>For the user side, <strong>Handlebars</strong> as a template engine.</p><p>And for the housekeeping everything will be in <strong>React</strong>, with an API to perform live actions.</p><p></p><p></p><h2 style="text-align: center"></h2> <h2 style="text-align: center">Features</h2><p></p><table style='width: 100%'><tr><td> <h3>SSO Login <span style="color: rgb(97, 189, 109)">[100%]</span></h3> The user connects to the CMS only once then the client automatically connects to the account without having to enter his login details each time.<br /> <br /> <h3>HabboImager<span style="color: rgb(251, 160, 38)"> [65%]</span></h3> It allows to display the Habbo on the CMS. I recreated a HabboImager from scratch,<br /> taking screenshots of each item of clothing, each hairstyle… It only allows to display a Habbo,<br /> without action, left side or right side. The other features of the HabboImager will not be reproduced (bow, dance, face and back orientation, etc.).<br /> <br /> <h3>Rare page <span style="color: rgb(97, 189, 109)">[100%]</span></h3> The server's rare page can be configured, and allows you to display the rare on the home page.<br /> There is already a rare system with Kepler, which is automatic, but gave me some problems ...<br /> The rare page will therefore be managed by WedCMS, from housekeeping (which is not possible with Kepler's rare page).<br /> <br /> <h3>Voucher codes <span style="color: rgb(226, 80, 65)">[5%]</span></h3> Allows you to enter a code from the CMS, and is instantly loaded into the game, without relaunching the game, thanks to RCON communication.<br /> <br /> <h3>User settings [0%]</h3> From the CMS, the user can change their avatar, motto, password and email.<br /> Kepler does not save emails, so I added a table that saves emails during registration from the CMS (in order to be able to do password recovery).<br /> <br /> <h3>Housekeeping [0%]</h3> <ul> <li data-xf-list-type="ul">Live hotel alert (thanks to the RCON connection)</li> <li data-xf-list-type="ul">Kepler server settings</li> <li data-xf-list-type="ul">Language change (client + CMS)</li> <li data-xf-list-type="ul">Catalog management (page addition, deletion, modification)</li> <li data-xf-list-type="ul">OTHERS FEATURES TO COME</li> </ul> </td><td> <h3>CMS Register <span style="color: rgb(251, 160, 38)">[70%]</span></h3> A user can create an account on the CMS without having to open the client.<br /> <br /> <h3>Logo Generator <span style="color: rgb(97, 189, 109)">[100%]</span></h3> The Habbo logo is dynamically generated, you just need to change the name of the hotel in the housekeeping for the logo to automatically change (the old and the new fonts are available).<br /> <br /> <h3>Homepages <span style="color: rgb(226, 80, 65)">[10%]</span></h3> On the client, a user can click on a Habbo, then on the 'Home page' button, which will redirect him to his homepage. The homepages will not be editable for the moment, they might be later.<br /> <br /> <h3>Live HC subscribing<span style="color: rgb(226, 80, 65)"> [5%]</span></h3> Allows you to subscribe to the Habbo Club from the CMS, and is instantly loaded into the game, without relaunching the game, thanks to RCON communication.<br /> <br /> <h3>Room Forwarding <span style="color: rgb(97, 189, 109)">[100%]</span></h3> Links present on the CMS can redirect a user directly to a room.<br /> Thanks to the SSO connection, there is no need to enter your connection information again.<br /> <br /> <h3>CMS Shop [0%]</h3> Users will have access to a store on the CMS which allows the purchase of credits or furnis with real money or credits. This shop will be configurable from housekeeping.<br /> <br /> <h3>Hotel view changing <span style="color: rgb(251, 160, 38)">[75%]</span></h3> Each user can individually change his view of the hotel, among all the official views and those that I have added.<br /> <br /> <h3>Easy to translate <span style="color: rgb(226, 80, 65)">[10%]</span></h3> 3 files are present for each language. Example for French:<br /> <ul> <li data-xf-list-type="ul">1 "cms_fr.json" file: Contains all the CMS texts in French</li> <li data-xf-list-type="ul">1 "kepler_fr.json" file: Contains all the texts of the Kepler database in French</li> <li data-xf-list-type="ul">1 "external_texts_fr.txt" file: Contains all the client's texts in French</li> </ul> The same files are present in English and any other language can be added.</td></tr></table> <p style="text-align: center"></p><h4 style="text-align: center"></h4> <h4 style="text-align: center">Little features showcase</h4> <p style="text-align: center">[MEDIA=youtube]O6xB4E8jK4Y[/MEDIA]</p> <p style="text-align: center"></p> <p style="text-align: center"></p><h2 style="text-align: center"></h2> <h2 style="text-align: center">Screenshots</h2> <p style="text-align: center">[SPOILER][/SPOILER]</p><p>[SPOILER]</p><h4 style="text-align: center"><p style="text-align: center"><a href="http://devoutils.fr/" target="_blank">All available hotel views</a></p> </h4> <p style="text-align: center">[SPOILER=Homepage]</p> <p style="text-align: center">[ATTACH=full]12139[/ATTACH]</p> <p style="text-align: center">[/SPOILER]</p> <p style="text-align: center">[SPOILER=Connected Homepage]</p> <p style="text-align: center">[ATTACH=full]12140[/ATTACH]</p> <p style="text-align: center">[/SPOILER]</p> <p style="text-align: center">[SPOILER=Login page]</p> <p style="text-align: center">[ATTACH=full]12141[/ATTACH]</p> <p style="text-align: center">[/SPOILER]</p> <p style="text-align: center">[SPOILER=Help page]</p> <p style="text-align: center">[ATTACH=full]12142[/ATTACH]</p> <p style="text-align: center">[/SPOILER]</p> <p style="text-align: center">[SPOILER=Habbowood]</p> <p style="text-align: center">[ATTACH=full]12143[/ATTACH]</p> <p style="text-align: center">[/SPOILER]</p> <p style="text-align: center"></p><p>[/SPOILER]<p style="text-align: center"></p> <p style="text-align: center"></p> <p style="text-align: center"></p><h2 style="text-align: center"></h2> <h2 style="text-align: center">More</h2><h3>NodeJS external texts translator</h3><p>First for my personal use, i created a tool that takes for exemple french external_texts.txt and us external_texts.txt.</p><p>The tool compares the two files to translate all the variables in the us file, and output a french external_texts.txt.</p><p>Why ? Because i want to make sure that all variables are translated, if the tool don't find translated texts, the variables are moved to the bottom of the output file (same for empty vars).</p><p>With that tool, i automatically translate external_texts for v15, and just have to translate the vars left.</p><p>Il'l share the tool when i'll release WedCMS.</p><p style="text-align: center"></p><p>I am open to all proposals for other features, suggestions or other.</p><p>Thanks for reading.</p><p style="text-align: center"></p></blockquote><p></p>
[QUOTE="Sulfatboule, post: 468056, member: 99774"] In [I]2013[/I], and for [I]2 years[/I], i worked on a v18 CMS project. It never really worked out cause of [U]structure[/U] (no [B]MVC[/B], no [B]OOP[/B]..). Today is another day, i study in IT to be conceptor/developer of applications. Not long ago I found the [B]Kepler[/B] server on github and was surprised to finally see a full oldschool server, with features that no emulator has never reached. So I decided to take WedCMS, from the beginning, cleanly, and create the best combo v15 Emulator - CMS. [CENTER][ATTACH type="full" alt="appLogo.png"]12138[/ATTACH][/CENTER] [B]WedCMS[/B] will therefore run in [B]V15[/B] (Soundmachine, Jukebox, Snowstorm, Camera, Battleball, Teleporters…), because it is the most stable version. I will make sure to complete the DCR v15 as much as possible, by adding [B]all the official furni[/B] possible (that are not in v15). I will also create [B]hotel views[/B] to add them to DCRs. The texts in [B]English and French [/B]will be 100% complete (no furni_hcc_table_name,… in the client). And the CMS will use [U]all the features offered by Kepler[/U]. [HEADING=1]Technologies[/HEADING] The CMS will work with [B]NodeJS[/B] and [B]Express[/B]. For the user side, [B]Handlebars[/B] as a template engine. And for the housekeeping everything will be in [B]React[/B], with an API to perform live actions. [HEADING=1][CENTER] Features[/CENTER][/HEADING] [TABLE] [TR] [TD][HEADING=2]SSO Login [COLOR=rgb(97, 189, 109)][100%][/COLOR][/HEADING] The user connects to the CMS only once then the client automatically connects to the account without having to enter his login details each time. [HEADING=2]HabboImager[COLOR=rgb(251, 160, 38)] [65%][/COLOR][/HEADING] It allows to display the Habbo on the CMS. I recreated a HabboImager from scratch, taking screenshots of each item of clothing, each hairstyle… It only allows to display a Habbo, without action, left side or right side. The other features of the HabboImager will not be reproduced (bow, dance, face and back orientation, etc.). [HEADING=2]Rare page [COLOR=rgb(97, 189, 109)][100%][/COLOR][/HEADING] The server's rare page can be configured, and allows you to display the rare on the home page. There is already a rare system with Kepler, which is automatic, but gave me some problems ... The rare page will therefore be managed by WedCMS, from housekeeping (which is not possible with Kepler's rare page). [HEADING=2]Voucher codes [COLOR=rgb(226, 80, 65)][5%][/COLOR][/HEADING] Allows you to enter a code from the CMS, and is instantly loaded into the game, without relaunching the game, thanks to RCON communication. [HEADING=2]User settings [0%][/HEADING] From the CMS, the user can change their avatar, motto, password and email. Kepler does not save emails, so I added a table that saves emails during registration from the CMS (in order to be able to do password recovery). [HEADING=2]Housekeeping [0%][/HEADING] [LIST] [*]Live hotel alert (thanks to the RCON connection) [*]Kepler server settings [*]Language change (client + CMS) [*]Catalog management (page addition, deletion, modification) [*]OTHERS FEATURES TO COME [/LIST][/TD] [TD][HEADING=2]CMS Register [COLOR=rgb(251, 160, 38)][70%][/COLOR][/HEADING] A user can create an account on the CMS without having to open the client. [HEADING=2]Logo Generator [COLOR=rgb(97, 189, 109)][100%][/COLOR][/HEADING] The Habbo logo is dynamically generated, you just need to change the name of the hotel in the housekeeping for the logo to automatically change (the old and the new fonts are available). [HEADING=2]Homepages [COLOR=rgb(226, 80, 65)][10%][/COLOR][/HEADING] On the client, a user can click on a Habbo, then on the 'Home page' button, which will redirect him to his homepage. The homepages will not be editable for the moment, they might be later. [HEADING=2]Live HC subscribing[COLOR=rgb(226, 80, 65)] [5%][/COLOR][/HEADING] Allows you to subscribe to the Habbo Club from the CMS, and is instantly loaded into the game, without relaunching the game, thanks to RCON communication. [HEADING=2]Room Forwarding [COLOR=rgb(97, 189, 109)][100%][/COLOR][/HEADING] Links present on the CMS can redirect a user directly to a room. Thanks to the SSO connection, there is no need to enter your connection information again. [HEADING=2]CMS Shop [0%][/HEADING] Users will have access to a store on the CMS which allows the purchase of credits or furnis with real money or credits. This shop will be configurable from housekeeping. [HEADING=2]Hotel view changing [COLOR=rgb(251, 160, 38)][75%][/COLOR][/HEADING] Each user can individually change his view of the hotel, among all the official views and those that I have added. [HEADING=2]Easy to translate [COLOR=rgb(226, 80, 65)][10%][/COLOR][/HEADING] 3 files are present for each language. Example for French: [LIST] [*]1 "cms_fr.json" file: Contains all the CMS texts in French [*]1 "kepler_fr.json" file: Contains all the texts of the Kepler database in French [*]1 "external_texts_fr.txt" file: Contains all the client's texts in French [/LIST] The same files are present in English and any other language can be added.[/TD] [/TR] [/TABLE] [CENTER][/CENTER] [HEADING=3][CENTER] Little features showcase[/CENTER][/HEADING] [CENTER][MEDIA=youtube]O6xB4E8jK4Y[/MEDIA] [/CENTER] [HEADING=1][CENTER] Screenshots[/CENTER][/HEADING] [CENTER][SPOILER][/SPOILER][/CENTER][SPOILER] [HEADING=3][CENTER][CENTER][URL='http://devoutils.fr/']All available hotel views[/URL][/CENTER][/CENTER][/HEADING] [CENTER][SPOILER=Homepage] [ATTACH type="full" alt="homepage.png"]12139[/ATTACH] [/SPOILER] [SPOILER=Connected Homepage] [ATTACH type="full" alt="homepage-connected.png"]12140[/ATTACH] [/SPOILER] [SPOILER=Login page] [ATTACH type="full" alt="loginpage.png"]12141[/ATTACH] [/SPOILER] [SPOILER=Help page] [ATTACH type="full" alt="helpage.png"]12142[/ATTACH] [/SPOILER] [SPOILER=Habbowood] [ATTACH type="full" alt="habbowood.png"]12143[/ATTACH] [/SPOILER] [/CENTER][/SPOILER][CENTER] [/CENTER] [HEADING=1][CENTER] More[/CENTER][/HEADING] [HEADING=2]NodeJS external texts translator[/HEADING] First for my personal use, i created a tool that takes for exemple french external_texts.txt and us external_texts.txt. The tool compares the two files to translate all the variables in the us file, and output a french external_texts.txt. Why ? Because i want to make sure that all variables are translated, if the tool don't find translated texts, the variables are moved to the bottom of the output file (same for empty vars). With that tool, i automatically translate external_texts for v15, and just have to translate the vars left. Il'l share the tool when i'll release WedCMS. [CENTER][/CENTER] I am open to all proposals for other features, suggestions or other. Thanks for reading. [CENTER][/CENTER] [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
Server Development
Habbo Retros
Habbo Development
[V15] WedCMS - Oldschool CMS + DCR (Kepler, NodeJS, Express, HBS, React)
Top