Home>ASP.NET>Drawing App using Jquery, AJAX, .Net Web Services
Our Blogs
Drawing App using Jquery, AJAX, .Net Web Services
May 19, 2015
Girikon
Today I would like to share a story with my audience. This is regarding one of challenges which once I faced in my technical career, well the hurdle was not Mount Everest peak ! but was not less than it for me.
Now I explain what was the task. One of my clients wanted me to write a program where user can do drawing. It was easy using HTML5 canvas and we all knows that canvas is very common now a days but he added some more points, he wanted to register hand drawing with time and options, and then save each draw with the record (pixels) in a database table i.e. whole the process of drawing like a video of various image frames.
So my breakpoints for application were:
Draw image with options
Record & Save it with pixels and time
Replay option (single and multiple together of same options)
Replay should be with same time frame as it was drawn
There are a lot of tools available which provides the facility of drawing (for images, sketches etc.) but no facility to save with pixel & time (some tools may be providing now but at that time none) also most of the tools were desktop/window application.
So I need to develop my own application as client need was web application but the biggest challenge was to save drawing with time and pixels i.e. if user pauses for few moments while sketching and then continue, it should be recorded in the same manner and when user replay the drawing it should play like a recorded video.
For the ease of user convenience I decided to using JQuery for all client side events and AJAX to save data and replay drawing. I opted .Net as platform, C# as server language, SQL Server as Database and HTML5 for canvas. I interacted with database via .Net web Services using AJAX.
And now was able to save drawing with time and options as well as replay.
and the best part is that was also able to play multiple drawing of same options together.
I am sure that it gave you some idea for approach if you encounter with similar problem. Use client side script to not to refresh page at every event and for awesome user experience and web services for server interaction.
Cheers!
Pramod
In case you need Certified Salesforce Consultant for any Salesforce related work, then please feel free to reach out to sales@girikon.com
For the past 14 years, I've worked with numerous Salesforce Consulting partners, from very small, boutique style to very big traditional partners (big 5). Girikon has been by far the best partner I've worked so far. They are very receptive, responsive, highly knowledgeable, technical and very quick to address issues to find agreeable solutions. Their cost and value has no comparison in the industry. I highly recommend them and give them a 5 star.
Director, Informa PLC, USA
Great Salesforce Consultancy
Girikon has been instrumental in the success of our Salesforce roll-out at Refuse Specialists. They are efficient and very accurate in their time estimates for both large and small custom dev projects. They are very good at translating my ideas into actionable work and consistently deliver quick fixes.
VP of IT at Refuse Specialists LLC, USA
Excellent Project / Product Customizations
Great company to work with. Girikon has been able to take the base Sales Force product and customize it to meet our needs. We have thrown them some significant change requests since the initial concept and they have been able to adapt while offering alternate ideas for ways to improve. I would recommend for future projects!
Plant Manager, ITW Deltar Fasteners, USA
Excellent Service and Support
Incredible company that has solved our previous problems to the best of their abilities. Always available and super quick with their responses. Highly recommended!
CEO and Co-Founder, GoGo World, Japan
We look forward to further strengthening our partnership with Girikon.
Our engagement with Girikon has been a great learning experience for me, as an individual; as well as added to our company’s growth and experience. I now, so confidently know that when I hand off a new project to the Girikon team, it is not just going to be done on time, but also done well!
CEO, GNGF, USA
Great company, great people, great results
Very nice people who do good work for a great price. Very responsive, would recommend!
Operations Manager, Pure Power Engineering, USA
Go! Go! World is absolutely looking forward to working with Girikon for future projects.
Girikon analysed, planned and executed our needs perfectly. They took the time to learn our business and our needs specifically. Girikon’s work ethic and understanding of our needs were top-notch.
COO, GoGo World, Japan
We wanted to partner with someone who could provide affordable solutions and talent pool of highly skilled resources. In our partnership with Girikon, we got both! Our association has been growing stronger over the years. No matter what technologies will be involved, our next project will certainly be assigned to the Girikon team.
CEO, Sierra Proto Express, USA
We have been extremely impressed with all of our projects with Girikon. Girikon has helped streamline our internal processes, and made our daily work environment a better place to be. Our work together has reduced the amount of tedious “plug-and-chug” work, helped us to innovate new processes, and allowed us to focus on helping our clients.
IDS, GNGF, USA
We evaluated more than five different companies and chose Girikon as our technology partner. What I appreciate most about their services is that they always deliver with quality. Girikon provided our company end-to-end solution for e-commerce.
Founder Director (Yebhi.com)
I wanted to express my appreciation for the outstanding service received from Girikon. We have had our software for about 7 years now. We still receive the same dedicated service as we did from day one. Very few companies today offer this ongoing commitment to customer satisfaction. I highly recommend Girikon as a development and IT partner!
Jt. Dy. Director General, FIEO
Partners & Certifications
Delighted Clients
Learn how we can help you. Schedule a complimentary consultation.