Posts Tagged ‘jQuery’
SerenadeCMS: Part 1… A
Posted by MrSaints in Projects, Spotlight Tuesday, 20 October 2009 20:39 5 Comments
As I promised, i’ll be making a new post in continuation to my SerenadeCMS 2.0 streak 
But due to the lack of time I have and the lack of ideas I have on making the post interesting, I decided to take a break from that episode and hopefully something will strike me once I get something in mind. As the title states, Part 1A. Clearly this is not the actual continuation to the previous post on Serenade but I just decided to post a few (or 1, for now) images that some people might have forgotten or never seen before, but clearly it was one of the first few steps I took in creating a successful CMS, which I guess, led me to where I am today (as cheesy as it sounds).
And like many bloggers, lets communicate with the audience! So, if you like to see more, then drop a reply below this post and say along the lines of, “WE WANT MORE”. Who know’s what I might do! So have fun, and sorry I haven’t been doing much lately, I’m a slacker!
One more thing, as there were quite a few suggestions lately about setting up a forum for the hostings, I taken the liberty to set one up at http://www.frozonenetworks.com/, drop by when you get the time 
Its still in the progress of being setup fully! VOTE THE PICTURE 5 STARS. OR ELSE.
The Packet Sector CMS – Ancient Stuff.
Posted by MrSaints in Horrible Critics, Projects, Spotlight Friday, 14 August 2009 05:26 8 Comments
Disclaimer
All content are properties of their respective owner(s), we take no credit for the images used that are not under the trademark or creation of Aerosol Studios or The Packet Sector. We are in no way affiliated with Nexon America, Wizet or relevant organizations. The development of such script/web application is for the benefit and intentions of EDUCATIONAL PURPOSES. We will not be held liable for any further charges.
Firstly, I would like to acknownledge Cris (aka CrisTheWind), original founder of Packet Sector and The Packet Sector Networks (etc – despite the fact it wasn’t open for long), for making this CMS possible today Alongside with me he was helping out with the SVN commits and working with me to make this a great CMS which was unfortunetly never used
This was a project I worked on during my times with FrozoneCMS as well as the planning of upcoming Serenade 2.0. It helped me a lot with practicing and putting into action variou jQuery techniques and skills as well as PHP (despite the fact I wasted around $5 for Assembla D:).
Just recently I have posted a small video (which didn’t turn out so good thanks to the poor render) taking a sneak peak around the CMS. You can check it out on YouTube, I have embedded the video below, enjoy.
Now instead of talking a whole lot of crap and turning your attention away I’ll just go brief to the point. When Cris and I first planned out this CMS, it seemed like a lot of work and back then I wasn’t really strong and farmilliar with OOP. One of the main guidelines on the construction of this OdinMS CMS was that it was to be attractive, User-Friendly, Browser Compatible as well as further capabilities with 3rd Party systems like SHOUTcast. The CMS is an almost full-fledged ajax powered site (including registration + login). Alongside with an extensive control panel (several control panel to be precise) as well multiple functions and features to help accessibility.
For security, the class dealt with proper error handling as well as potential SSL capabilities and a complete visitor tracking system with Geo Location. So, instead of this constant talk, I’ll just let the pictures do the talking, enjoy!
[ GALLERY REMOVED AS IMAGES WERE LOST DURING THE ROLLBACK, SORRY ]
So there it is If you have any queries or questions related to this, feel free to comment 
COMMENT COMMENT COMMENT.
kthnxbai.
Walkthrough SerenadeCMS 2.0 – History
Posted by MrSaints in Projects, Spotlight Sunday, 17 May 2009 23:11 13 Comments
So, some developers or people have been hearing all this nonsense about SerenadeCMS.
For those that know what I’m talking about, I bet you didn’t know about SerenadeCMS 2.0?
Well, I decided to walkthrough it today, nothing much but I suppose it goes somewhere rather than no where.
To start with, SerenadeCMS = Serenade Content Management System. It was a CMS for MapleStory, specifically OdinMS engines, but that was back in the days when I used to work with private servers, no harm done I suppose?
The original SerenadeCMS.
Well it all started out back in the KitKatMS Days, I volunteered myself as a Web Developer and started coding this CMS in XHTML with PHP as its backend. It was thanks to RaGEZONE that I have basically discovered this server and the great owner that accepted me and bugged me day and night to finish the CMS.
So thats basically the first ever generation made. And no it was not coded in any particular methods or style. Back then I did not make use of OOP, it was all basically shoving in snippets after snippets, but all I cared about was that I spent 4 hard days on it with solid effort without any help. The results were fantastic!
People were more or less attracted to the server because of the website! I sponsored the VPS for the server and it all went great, not till it closed that is, but that doesn’t matter now.
The first version was kept simple.
It did not have MySQL based confi
gurations, it was all in scripts editable through the site by using PHP fwrite and fopen. Yes, I know… This was rather quite a redundant and insecure technique, but the current Serenade CMS goes a long way to what it was before.
As I was saying, the old SerenadeCMS, only had manually configured pages, a simp
le ranking that I heavily modded for security, login script as well as control panel to edit settings
and view characters and such. Besides this I even threw in my Dynamic Avatar Signature. For those that don’t know what the heck I’m going on about, the image on the right is basically one of the older FSDAS Versions, it is dynamic thanks to PHP GD obviously. Simple ain’t it?
Well, the benefits of the Serenade project brought me to making use of Subversion and development of mPanel.
Come to think about it, it wasn’t that bad after all apart from the terrible CSS and backend
One thing I do recall was that this CMS had a lot of research and trial runs put into it to make it what it was and what it will be in the future. For starters, I have first engineered SerenadeCMS with an idea in mind of moving forward and building it to be practically an application, this is Web 2.0.
For starters, the login script was based upon jQuery’s POST XMLHTTPRequest method that sent all the form 
content to a specified .PHP file, it will then be processed and if the login is true the file (e.g. logincheck.php) will echo ‘true’, if not ‘false’. The script will process these return results and output an error or a redirect (NOTE: If the login is true, the script sets a session for the login too). Although I do advise if you wish to do the same thing, make use of json and don’t use post, avoid post. Use GET.
For the rankings, I followed a similiar technique except the search would load a page ‘ranking.php?n=FORM FIELD CONTENT HERE’, so everything they searched something in the box, jQuery would fetch lets say, #charactername and replace it into loading ranking.php (e.g. load(‘ranking.php?n=’+fieldVar)). Ranking.php will basically have a PHP $_GET function retrieving the value correspondent to ‘n’ and return the results. Similiarly ranking.php can be accessed alone, but Ajax just makes it easier since they don’t have to continuosly reload the page for different content.
Another thing I utilize was jQuery tooltips to display the character information (e.g. Current Location), it made a lot of difference and effect upon the audience. Although a dilemma I encounteered during this time was trying to make it compatible with browsers such as IE. But that was no issue overtime thanks to FORUMS.
And finally, Thank God I realize the wonders of true CSS web layouts, or I would be stuck designing crappy table-based websites like the old SerenadeCMS.
jQuery’s Website - http://www.jquery.com
Well I guess this is the 1st out of the 3 articles about SerenadeCMS.
Don’t forget to Follow ME! On Twitter.