RE: Smart sheet - how do they do it?
Sometime just doing a view source will give little snippets of information re what JS files are downloaded as well. As most AJAX controls need JS files on the client you can usually grab those as well and see if there is any copyright info in them ID'ing the company and the controls that are used. Reverse Engineering can be fun. Dave From: ozdotnet-boun...@ozdotnet.com [mailto:ozdotnet-boun...@ozdotnet.com] On Behalf Of Kirsten Greed Sent: Thursday, 12 May 2011 2:15 PM To: 'ozDotNet' Subject: Smart sheet - how do they do it? Hi All I recently started playing with a web based project management solution www.smartsheet.com http://www.smartsheet.com/ The user interface is very smooth for something running on the web Can anyone tell me what it could be written in? Thanks Kirsten
RE: Smart sheet - how do they do it?
Hi Filip When you say looking at the code through Google dev tools - do you mean looking at the smartsheet source ? How do you do that - can you give me some hints? Thanks Kirsten _ From: ozdotnet-boun...@ozdotnet.com [mailto:ozdotnet-boun...@ozdotnet.com] On Behalf Of Filip Kratochvil Sent: Thursday, 12 May 2011 10:05 PM To: ozDotNet Subject: Re: Smart sheet - how do they do it? Looking at the code through Google dev tools I found a reference to www.coolite.com - .NET controls built on top of ExtJS (Sencha). Sencha - www.sencha.com, have JavaScript framework called ExtJS - check out the demos, there is also Sencha Touch for mobile devices Steep learning curve for ExtJS, but the API is quite nice and once you know ExtJS, developing with Sencha Touch is pretty much the same. Visually, ExtJS 4 is highly customisable with the use of Compass/SASS/CSS3. HTH, Filip On 12 May 2011 14:14, Kirsten Greed kirst...@jobtalk.com.au wrote: Hi All I recently started playing with a web based project management solution www.smartsheet.com http://www.smartsheet.com/ The user interface is very smooth for something running on the web Can anyone tell me what it could be written in? Thanks Kirsten
Re: Smart sheet - how do they do it?
Hi Kirsten, All I did was subscribe for the 30 day demo so I can log in, then using Chrome I loaded the app and hit Shift+Ctrl+I (Tools Developer Tools). Then I just inspected the code. You could do the same with Firebug, if you want to use Firefox or dev tools in IE. You will find lots of iframes, from memory, some empty, some with bit of HTML. Anyway, looking through one of them I found the reference to coolite. Even without looking at the source I thought there is ExtJS in there, I built couple of apps using ExtJS 3 and I really like the framework, no coolite in my apps. There is a learning curve there but I think it's worth it - lots and lots of JavaScript on the front end and .NET on the back end - works well. HTH, Filip On 14 May 2011 10:16, Kirsten Greed kirst...@jobtalk.com.au wrote: Hi Filip When you say looking at the code through Google dev tools – do you mean looking at the smartsheet source ? How do you do that – can you give me some hints? Thanks Kirsten -- *From:* ozdotnet-boun...@ozdotnet.com [mailto: ozdotnet-boun...@ozdotnet.com] *On Behalf Of *Filip Kratochvil *Sent:* Thursday, 12 May 2011 10:05 PM *To:* ozDotNet *Subject:* Re: Smart sheet - how do they do it? Looking at the code through Google dev tools I found a reference to www.coolite.com - .NET controls built on top of ExtJS (Sencha). Sencha - www.sencha.com, have JavaScript framework called ExtJS - check out the demos, there is also Sencha Touch for mobile devices Steep learning curve for ExtJS, but the API is quite nice and once you know ExtJS, developing with Sencha Touch is pretty much the same. Visually, ExtJS 4 is highly customisable with the use of Compass/SASS/CSS3. HTH, Filip On 12 May 2011 14:14, Kirsten Greed kirst...@jobtalk.com.au wrote: Hi All I recently started playing with a web based project management solution www.smartsheet.com The user interface is very smooth for something running on the web Can anyone tell me what it could be written in? Thanks Kirsten
RE: Smart sheet - how do they do it?
Folks, I received a polite and helpful technical explanation of how smartsheet works from one of their managers. Without permission to say more, just for your technical interest it's probably okay to pass on that it's an AJAX app run by JavaScript generated by an internal framework they created before JQuery and ExtJS were available. So the answer is ... as we suspected ... it's implemented using the general GWT and ExtJS technique of being a gigantic illusion created by JavaScript. Greg
RE: Smart sheet - how do they do it?
I saw the demo running and I was also amazed by the smooth and rich experience and wondered how it was done. Viewing the page source only showed some frames with no clue about what was in them. Right-clicking produced application context menus. I could find no direct evidence for Silverlight or Flash driving the thing. I was totally stumped by how it was done. Perhaps it was GTK, but it seemed better than the best stuff I've seen done in GTK. I just went to their contact web page and posted a question asking them how their developers created the UI. Let's see if they respond and reveal their magic! Greg
Re: Smart sheet - how do they do it?
Gtk or gwt? On 12/05/2011, at 4:39 PM, Greg Keogh g...@mira.net wrote: I saw the demo running and I was also amazed by the smooth and rich experience and wondered how it was done. Viewing the page source only showed some frames with no clue about what was in them. Right-clicking produced application context menus. I could find no direct evidence for Silverlight or Flash driving the thing. I was totally stumped by how it was done. Perhaps it was GTK, but it seemed better than the best stuff I’ve seen done in GTK. I just went to their contact web page and posted a question asking them how their developers created the UI. Let’s see if they respond and reveal their magic! Greg
Re: Smart sheet - how do they do it?
Actually, long-press is the replacement for right click. WinMo has it, Android has it, I've seen it used in ios apps but I'm not sure it's considered standard there. Not sure about WP7. David If we can hit that bullseye, the rest of the dominoes will fall like a house of cards... checkmate! -Zapp Brannigan, Futurama On Thu, May 12, 2011 at 17:02, Richard Blackman richard.black...@itvision.com.au wrote: Multi touch is becoming a replacement for right clicking as on the latest macbooks. From: ozdotnet-boun...@ozdotnet.com [mailto:ozdotnet-boun...@ozdotnet.com] On Behalf Of Michael Minutillo Sent: Thursday, 12 May 2011 1:39 PM Fair enough. As we move into an environment where touch is more important, right-clicking someone loses it's meaning anyway I guess. On Thu, May 12, 2011 at 1:36 PM, Craig van Nieuwkerk crai...@gmail.com wrote:
Re: Smart sheet - how do they do it?
On 12 May 2011 17:06, David Richards ausdot...@davidsuniverse.com wrote: Actually, long-press is the replacement for right click. WinMo has it, Android has it, I've seen it used in ios apps but I'm not sure it's considered standard there. Not sure about WP7. It's used in Safari for opening links in a new page, so that's at least tacit approval by Apple, even if it isn't in the HIG. David If we can hit that bullseye, the rest of the dominoes will fall like a house of cards... checkmate! -Zapp Brannigan, Futurama On Thu, May 12, 2011 at 17:02, Richard Blackman richard.black...@itvision.com.au wrote: Multi touch is becoming a replacement for right clicking as on the latest macbooks. From: ozdotnet-boun...@ozdotnet.com [mailto:ozdotnet-boun...@ozdotnet.com] On Behalf Of Michael Minutillo Sent: Thursday, 12 May 2011 1:39 PM Fair enough. As we move into an environment where touch is more important, right-clicking someone loses it's meaning anyway I guess. On Thu, May 12, 2011 at 1:36 PM, Craig van Nieuwkerk crai...@gmail.com wrote:
Re: Smart sheet - how do they do it?
Long press opens context menus in various places on WP7. So yeah, long press looks popular. Having just got myself an eee slate EP121 (loving it so far!) I'm discovering all the joys of non tablet friendly apps. Windows 7 is not bad for it but hear Windows 8 will be improved in the touch department. Bigger buttons, gestures, all that sort of stuff. Tablets are the new mobile. (ie you know how so many web sites are not mobile friendly. same deal with touch) On Thu, May 12, 2011 at 3:06 PM, David Richards ausdot...@davidsuniverse.com wrote: Actually, long-press is the replacement for right click. WinMo has it, Android has it, I've seen it used in ios apps but I'm not sure it's considered standard there. Not sure about WP7. David If we can hit that bullseye, the rest of the dominoes will fall like a house of cards... checkmate! -Zapp Brannigan, Futurama On Thu, May 12, 2011 at 17:02, Richard Blackman richard.black...@itvision.com.au wrote: Multi touch is becoming a replacement for right clicking as on the latest macbooks. From: ozdotnet-boun...@ozdotnet.com [mailto:ozdotnet-boun...@ozdotnet.com] On Behalf Of Michael Minutillo Sent: Thursday, 12 May 2011 1:39 PM Fair enough. As we move into an environment where touch is more important, right-clicking someone loses it's meaning anyway I guess. On Thu, May 12, 2011 at 1:36 PM, Craig van Nieuwkerk crai...@gmail.com wrote:
Re: Smart sheet - how do they do it?
Looking at the code through Google dev tools I found a reference to www.coolite.com - .NET controls built on top of ExtJS (Sencha). Sencha - www.sencha.com, have JavaScript framework called ExtJS - check out the demos, there is also Sencha Touch for mobile devices Steep learning curve for ExtJS, but the API is quite nice and once you know ExtJS, developing with Sencha Touch is pretty much the same. Visually, ExtJS 4 is highly customisable with the use of Compass/SASS/CSS3. HTH, Filip On 12 May 2011 14:14, Kirsten Greed kirst...@jobtalk.com.au wrote: Hi All I recently started playing with a web based project management solution www.smartsheet.com The user interface is very smooth for something running on the web Can anyone tell me what it could be written in? Thanks Kirsten
Smart sheet - how do they do it?
Hi All I recently started playing with a web based project management solution www.smartsheet.com http://www.smartsheet.com/ The user interface is very smooth for something running on the web Can anyone tell me what it could be written in? Thanks Kirsten
Re: Smart sheet - how do they do it?
I looks nice (I can't see a live demo) only screenshots. Any of the major web platforms could be used to build software like that. It looks like a rich UI so possibly uses one of the many Javascript UI libraries or could roll their own. Craig On Thu, May 12, 2011 at 2:14 PM, Kirsten Greed kirst...@jobtalk.com.auwrote: Hi All I recently started playing with a web based project management solution www.smartsheet.com The user interface is very smooth for something running on the web Can anyone tell me what it could be written in? Thanks Kirsten
Re: Smart sheet - how do they do it?
Looks like flash is just for file uploads though, similar to GMail. On Thu, May 12, 2011 at 2:35 PM, DotNet Dude adotnetd...@gmail.com wrote: And some optional Flash- http://www.smartsheet.com/help/system-requirements
RE: Smart sheet - how do they do it?
When I right click to try and see the source I just get menu options that pertain to the spreadsheet - could javascript do that? _ From: ozdotnet-boun...@ozdotnet.com [mailto:ozdotnet-boun...@ozdotnet.com] On Behalf Of Craig van Nieuwkerk Sent: Thursday, 12 May 2011 2:33 PM To: ozDotNet Subject: Re: Smart sheet - how do they do it? I looks nice (I can't see a live demo) only screenshots. Any of the major web platforms could be used to build software like that. It looks like a rich UI so possibly uses one of the many Javascript UI libraries or could roll their own. Craig On Thu, May 12, 2011 at 2:14 PM, Kirsten Greed kirst...@jobtalk.com.au wrote: Hi All I recently started playing with a web based project management solution www.smartsheet.com http://www.smartsheet.com/ The user interface is very smooth for something running on the web Can anyone tell me what it could be written in? Thanks Kirsten
Re: Smart sheet - how do they do it?
Here's how :) http://luke.breuer.com/tutorial/javascript-context-menu-tutorial.htm On Thu, May 12, 2011 at 1:14 PM, Craig van Nieuwkerk crai...@gmail.comwrote: Yes. On Thu, May 12, 2011 at 3:11 PM, Kirsten Greed kirst...@jobtalk.com.auwrote: When I right click to try and see the source I just get menu options that pertain to the spreadsheet – could javascript do that?
Re: Smart sheet - how do they do it?
Yes, if you google http://www.google.com.au/search?q=jquery+right+click+menu There are many cool examples :-) Personally I am not a big fan of right click menu in web app, it is a bit unintuitive to hijack a standard browser menu. On Thu, May 12, 2011 at 3:16 PM, Michael Minutillo michael.minuti...@gmail.com wrote: Here's how :) http://luke.breuer.com/tutorial/javascript-context-menu-tutorial.htm On Thu, May 12, 2011 at 1:14 PM, Craig van Nieuwkerk crai...@gmail.comwrote: Yes. On Thu, May 12, 2011 at 3:11 PM, Kirsten Greed kirst...@jobtalk.com.auwrote: When I right click to try and see the source I just get menu options that pertain to the spreadsheet – could javascript do that?
Re: Smart sheet - how do they do it?
Yes, if you google http://www.google.com.au/search?q=jquery+right+click+menu There are many cool examples :-) Just backing up the original assertion :p Personally I am not a big fan of right click menu in web app, it is a bit unintuitive to hijack a standard browser menu. It really depends on whether you believe in the browser as hosting the web or applications. Historically it has been about the web but it seems that we're making room for applications as well.
Re: Smart sheet - how do they do it?
It really depends on whether you believe in the browser as hosting the web or applications. Historically it has been about the web but it seems that we're making room for applications as well. It is a fine line. Even when using a browser to run apps I think the user normally has a clear understanding they are running it in a browser and not a standard desktop app, so while you can have some desktop like para-dimes, I think breaking web ones is not good. I also don't like drop down menus much in web apps. Craig.
Re: Smart sheet - how do they do it?
Fair enough. As we move into an environment where touch is more important, right-clicking someone loses it's meaning anyway I guess. On Thu, May 12, 2011 at 1:36 PM, Craig van Nieuwkerk crai...@gmail.comwrote: It really depends on whether you believe in the browser as hosting the web or applications. Historically it has been about the web but it seems that we're making room for applications as well. It is a fine line. Even when using a browser to run apps I think the user normally has a clear understanding they are running it in a browser and not a standard desktop app, so while you can have some desktop like para-dimes, I think breaking web ones is not good. I also don't like drop down menus much in web apps. Craig.
