Create a web Ajax version of excel? - ajax

I'm trying to figure out how to create basic functionality of a excel spreadsheet in a web app. Is basic Ajax the best way or is there a good framework for this?

qooxdoo is one of the best for these kind of applications, in my opinion.
The reason is because it implements its own Widget system (like Cappuccino), completely using divs and canvas elements, making the development experience much more like a desktop.

Are you looking to implement saving? Or semi-advanced data retrieval (such as from a database)?
Because I think you can get away with just the Javascript and not have to tap the server too much.

Related

Using Javascript UI controls Vs Server-side Controls

While looking for a 3rd party web UI controls library, I need to know whether I should go for a script based solution like ExtJS,DHTMLX, YUI, etc or a server side one like telerik or DevExpress? Tell me with these areas in view:
1- control
2- performance
3- programmatic manipulation
4- ease of development
5- learning curve
in performance i think java-script Based are faster and more user-friendly because of the ability to dynamically change during the run time
while server base GUI's are static like a stone
i don't know in other views
It really depends on what you need.
For MVC3 Web apps I would recommend client side libraries.
jQuery UI is small and fast, very popular so community is strong.
Downside is it has relatively small number of widgets.
If you need greater number of widgets then use something as ExtJS or YUI but that comes with a price of size and performance.
I think best approach is to check out websites of jQuery UI and YUI and see which widgets do you really need.
If jQuery UI satisfies you, then go for jQuery UI.

Capuccino alternative with a comparable looking UI?

I'm looking for a set of Javascript based UI components for a web app I'm building and have found that many of the best looking web apps were built with the Capuccino framework; see http://www.getflow.com/, http://www.picsengine.com/home/ and http://timetableapp.com/ for examples.
However, I'm not a Cocoa developer and have no interest in learning Objective-J. Ideally, I'd find a set of components that provide the visual end result of Capuccino apps without the underlying weight of the framework.
I have seen the Aristo jQuery UI them (http://taitems.tumblr.com/post/482577430/introducing-aristo-a-jquery-ui-theme), but jQuery UI just doesn't seem to have the depth of components available in Capuccino.
I realize this may be a long shot, but I figured it can't hurt to ask. :)
Thanks.
As another option, there is jQuery UI: nice if you are already familiar with jQuery, with the plus side of not being too heavyweight, but may not have all the components you need pre-defined. A nice thing is that it encourages to write the HTML in a way that degrades gracefully when your application in older browsers.
Maybe sproutcore is an alternative for you, although it requires you to hand-code everything in javascript from scratch. It offers most basic components and is easily adjustable to your personal design goals. Sproutcore is used in Apples Mobile Me and in some other big projects.
Another possibility might by vaadin which offers a rich set of prebuild controls and is based on Googles GWT javascript compiler. But it only makes sense if you are developing in a java environment.

AjaxControlToolkit - Extenders - Whats the "current" approach?

Currently, I have a ASP.net 3.5 web application for which I currently am working on the UI.I have been out of touch of doing web ui's for a while.
When i last did UI related work (way back in 2007), i used the Ajax Control Toolkit - specially the extenders like MaskedEdit Extender etc for implementing a lot of the UI functionality i.e restricting the user from entering incorrect data / formatting etc.
Question 1:-
Is there a newer / better / easier way of implementing the functionality similar to the extenders provided by AjaxToolkit that someone would recommend?
Question 2
Also, my current application needs to support multiple cultures in terms of the number / date formatting. In my experience with Ajax extenders, for eg in MaskedEditExtender, I would have to specify the Mask explicitly which defeats the whole purpose of it being able to switch formats depending on the currently selected culture. Is anyone aware of the latest / greatest way in terms of controls etc that I can achieve this?
Note: I am open to lightweight 3rd party controls that could help me do this but would prefer not to touch heavycontrols like infragistics / telerik kinds mainly due to their learning curve / cost.
I currently use Devexpress in the office and at home i use jQuery. Microsoft suggest instead of using the AJAX Toolkit that you use jQuery. This seems to be the best way to go.
jQuery Toolkit for ASP.net is supposed to be quite easy but i find that jQuery UI does everything that you need it to do and doesn't have too much of a learning curve. Using jQuery is much more straightforward than neat javascript and is a useful skill in today's climate.
A combination of:
web services (asmx or mvc)
jQuery ajax
jQuery UI
Along with the plethora of jQuery plug-ins available would be my recommendation for both light weight, and a good abundance of supporting help as well as plug-ins and very active development.
IF you need a bit more you should look a the http://www.obout.com/ controls as an option.

most appropriate decision for dynamic web content

First of all, I'm sorry because of this lame question. But I'm kind of lost in all dynamic-html, ajax, etc stuff. So i decided get help from the pros.
Basically what I'm trying to do is creating a web page which have dynamic content(messages) coming from a web server(asp.net or php) presented in floating(movable by viewer) boxes in the page. And those boxes will be created dynamically upon a trigger from the server. And the viewer should be able to draw lines between those boxes to connect them(this information will also be sent/received to/from the server). Now which technologies should i use to have this? Is a combination of ajax+html5+jscript enough for this? Or do i need libraries like Yahoo's YUI, Google's GWT, etc.? Or, is flash/silverlight the best solution? Or something else?
Thanks
I'm no pro but I'd go for the HTML+JS+CSS version. As for the libraries, they'll help you in getting your content accross the many browsers and provide you with some nice utilities ;)
You don't need frameworks to do any of this. They might make the job easier, but, ultimately, they'll produce HTML and Javascript that make use of AJAX to get the job done.
Sounds like a big job, so be sure consider appropriate server-side and Javascript frameworks, and good luck.
You first have to decide between HTML5/JS/CSS, Flash and Silverlight for your client technology. Consider the client machines you need to support (Windows, Mac, Linux, iPad etc.)
You then pick your server-side language/platform. AJAX is your communication medium.
If you're going with HTML5/JS/CSS you'd like to pick a JS framework to speed up development. jQuery makes for quick coding. Other frameworks may have more features but are more abstracted from plain JS. You might want to use GWT if you're more familiar with Java than Javascript.

Are there any good drag&drop web app IDEs out there that support AJAX?

Can anyone recommend a GUI builder tool for creating DHTML web apps using AJAX to communicate with a web service backend? I'd like to avoid having to mess around with designing HTML, marshalling/unmarshalling data, checking for browser compatibility, etc. The tool should have a library of widgets that can be put into an application and hooked up to functionality, and be extensible enough to be able to define custom widgets. Of course free and/or open source is preferrable but I would consider proprietary tools too.
Also to what extent does the choice of GUI tool affect what platform or language I would use for the backend? If the GUI is just calling a web service then I should be able to use anything on the server-side to provide that interface but maybe some gui-side tools use a proprietary data exchange format that requires some specific server-side code?
Edit: I don't need a widget that can be dragged, I want an IDE that allows one to build a gui easily (i.e. a RAD tool).
WaveMaker is open source, runs on J2EE.
If you're comfortable with Java, maybe you could try Google Web Toolkit? http://code.google.com/webtoolkit/
I'm using Wavemaker and it does exactly what are u asking...
It is really easy to use and very perfomant....
I believe Dreamweaver does some of this, but in my opinion such editors are not a good idea. They produce horrible, unmaintainable server-side code and are quite inflexible.
Wavemaker beats everything else I have used hands down. Applications can be developed rapidly, has drag and drop, can connect to any web service, and has unmatched database management tools. The only problem with it is that it has kept changing hands/ownership so much and its future direction is not clear.
Delphi for PHP from Codegear has some of this capability, but I would agree with ceejayoz that such tools don't necessarily make for nice code.
On Dan's suggestion I took a look at GWT. I'd heard of it before but never looked at it that closely and it seems pretty interesting. Certainly it takes away the annoyance of pixel pushing and making things work in multiple browsers. I also tried searching for "gwt rad tools" and came up with a couple of results:
Instantiations GWT Designer (commercial, $59/year)
Wirelexsoft Vistafei (still in beta but will have a free and a commercial version)
I'll take a look at these but if anyone's used something else let me know.

Resources