Categories

Accordion (1) AfterEffects (1) Application (2) Automobile (1) Banking (1) Chrome (1) Cinema4D (2) Coding (2) Corel Draw (1) CSS (4) CSS3 (11) Design (2) Dropdown (1) Film (1) Finance (1) FinTech (1) Gateways (1) HTML (4) HTML5 (4) JavaScript (7) KDE (2) Layout (1) Login (1) LungoJs (1) Menu (3) Menubar (2) Movies (1) Navigation (2) Open Source (4) Panel (1) Payment (1) Photo Gallery (1) Photoshop (2) PHP (3) Production (1) Rekonq (2) Sony Vegas Pro (1) Startups (1) Taskware (1) Technology (1) Ticker (1) Validation (1) Website (3) XHTML (1)
Showing posts with label Website. Show all posts
Showing posts with label Website. Show all posts

Wednesday, May 16, 2012

Client side validation vs Server side validation

It is quite a fun developing a web application this summer for NITD Alumni. Working at such a professional level is tough, but it definitely teaches you plenty of new stuff.
While working on this project I came across a major problem with validation. Since the application is supposed to store profiles of alumni's and present students, we need a lot of validation work. Any wrong data will make the database useless, and also we want to put the best user experience forward. So the idea is to give the user the least number of controls and still collect the most amount of data possible.
Initially, I decided to use client side validation using javascript as that would speed up the process as well provide an enhanced user experience. But how much I tried, javascript was easy to hack and anyone could submit garbage data into the form. So finally it was decided to do server side validation using PHP.
Now to make our plans, we did both client side and server side validation. The obvious question is how will this help! Well the client side validation does most of the work, make the interface fast to use and gives a superior user interface. On the other hand the server side code gives a secure backend. So the before the data is written onto the database, the server side validation makes it foolproof and writes it down.
Hence, for a site to work out proper and secure validation techniques, it needs to have both client side and server side validation.

P.S. For those of you looking for client side validation, look out for the jquery.validate.js and additional-methods.js. They contain almost all the necessary validations. And obviously you can write down a few of your own. :)

Tuesday, February 28, 2012

CASE - Revisited!

CASE gets a remake. All the coming soon tags gone and now there is a fully active site capable of handling heavy traffic. A bit heavily loaded cause of the graphics, this version of CASE has got a more beautiful front page because of the textured background and use of CSS3. The menu is neater and more elegant with a semi transparent background. Also the navigation throughout the page has been made easier with sensible placement of navigation  bars in the page. Graphics has been incorporated along with text-shadows and boxes. The point that this site may be viewed on different screen sizes has been aptly been taken care of. All the content being centered in a 1000px wrapper. So 1024x768 is the minimum resolution I'm targeting. Also dividing the page into different panels just like in a grid has made it a lot easier to handle.
Now that the site is up for action, it will be tough to keep it maintained. Giving remake to it will be of secondary concern, providing patches and new modules being the primary one. A lot of exciting plugins and modules are being planned and will provide a lot of functionality and portability to the site. One of the primary modules on the sketchpad being the mobile version of this! So watch out for that.

Monday, February 27, 2012

CASE - Finally it's up!

After Aarohan2012 and a couple of other research and development projects it was finally time for me to go commercial. 16 hours of continuous work, finally the CASE - Consumer Awareness and Solutions Enterprise website is up and running (consumersolution.0fees.net). Although this is an alpha version and just a preview of what the organisation is all about, in two weeks time the website is going to great a completely new look. Currently it is just a rough collection of PHP pages with plain CSS. Now with much more advanced graphics, animations, HTML5 canvas this one is going to be like a hell of a website. I bet if the team is happy with the start, they will amazed with the beta version. And yes, photoshopping will be something I'll be looking at this time because I believe that great coding always need great graphics.
Not only does making the website for CASE excites me, but also the endeavour that the organisation is taking is awesome. The first of its kind in India and I'm happy to be a small part of it. I would like to thank the entire team for giving me this opportunity.