Posts Tagged ‘Aristo’

Ending a year and missing deadlines

Wednesday, December 23rd, 2009

It’s not uncommon for software engineers to miss deadlines; in fact it’s far too common. As the end of the year rolls around I wanted to share some internal stuff regarding TimeTable. TimeTable development began in early March of 2009. Since that data I set an internal deadline for myself of shipping TimeTable 1.0 by my birthday, December 31st of 2009.

When I began TimeTable development I thought I could write a web app using PHP, XHTML, JS (with jQuery), and CSS. For the most part this was a decent application. The problem I had with using traditional web technologies became much more prevalent when I reached several thousands of lines of code. It wasn’t pretty. If I needed to change one line of code I could spend fifteen minutes looking through a single file for the javascript, or CSS if it was a style that I needed to change. Then it could have been a style that I needed to change but the style was set in javascript instead of CSS. Some people would say I was just sloppy with my code, and they would be right, to an extent. But in the process of being sloppy I uncovered a sad truth in the use of jQuery and traditional web technologies for web application development: It simply doesn’t work. jQuery is a javascript library designed to be used for websites, not applications. Then as I approached the launch of a product I began to spend more and more of my time squashing browser bugs. Every browser had its own problems, and it was unmanageable.

It was hard to bring myself to rewrite something which I had put so much time into, but it was painfully obvious I wasn’t really happy with where TimeTable had gone. So it was around the middle of May I found myself looking for new options. It was about this time that 280North introduced a new product called Atlas which took the internet a storm at the Future of Web Apps conference. Atlas in short is a web app Integrated Development Environment (IDE) for the new web application framework Cappuccino. Coupled with the new Aristo theme designed by Sofa I became very interested in Cappuccino when developing my 2nd iteration of TimeTable.

I wasn’t totally sold on Cappuccino at first. Cappuccino is designed to abstract you from the “web layer” you’re working on. That is, you should never use traditional web technologies (HTML, CSS, Javascript) to design your app. Instead Cappuccino actually requires you to use a whole new language called Objective-J. Based off Objective-C which is used almost exclusively on Mac OS X and the iPhone Objective-J takes a little bit to get used to. Objective-J is actually compiled down to javascript later on using either a parser on the browser or on your development machine if you’re putting out a release version. Objective-J is a strict superset of Javascript though, which means any bit of javascript you write is still perfectly valid. Because you’re sitting on another layer I wasn’t sure how comfortable I would be using it. I explored other options like SproutCore which Apple uses for their MobileMe web applications and GWT which Google uses, but each of them had their own fall backs. In the end 280Slides and Atlas sold me on Cappuccino.

I spent the next several months hacking together some ugly code. It got to the point where I began to wonder if using such a cutting edge technology was such a good idea for TimeTable. Cappuccino was obviously incomplete, specifically  missing a key component: the TableView! How could I actually choose a framework which didn’t even have a component necessary for the product I was going to ship? Well after a few days of stalling I went and looked to see what SproutCore was doing about the tableview, only to find that Sproutcore through it would be a good idea to ship a 1.0 framework without a decent method of displaying tabular data. The TableView for Cappuccino had already seen quite a bit of work from 280North, but development had kind of stalled a little bit. It was at this time that I contributed my first bit of code to an open source project. I brought the tableview up to spec enough that it could actually display data as needed and look decent too. After several weeks of work I push the new CPTableView up to my Cappuccino repository and it was merged into the main branch. Since then, several other parties have contributed features including theme-able cells (included the selected state) and inline editing to the TableView. I also added things like keyboard support, better support for scrolling to rows and columns, and automatic resizing of columns. You should see these features merged into the main Cappuccino repository come the first of the year. The TableView is a key component for many different projects so don’t expect development to stop; I’m sure many people will contribute to the TableView and TimeTable will only get better because of it.

Over the many months of working with Cappuccino I gained access to the private Alpha of Atlas. Before the beta went out I got to see exactly what Atlas could do. Again, I was impressed, but more so because of what I saw I could do with my application after I compiled it. It wasn’t until the public beta of Atlas shipped that I was able to talk about it, but I saw TimeTable running on the desktop, side by side with my native applications. It’s pretty amazing to see it in person and got my head spinning with ideas. It was at this time I knew my “gamble” with Cappuccino had actually paid off.

As the end of the year rolls around it’s become obvious to me that I won’t be shipping the final version of TimeTable by my internal deadline of December 31st.  That’s okay though because TimeTable has simply blown me away. I couldn’t be happier with my decision to move TimeTable to Cappuccino and likewise I couldn’t be happier with the way TimeTable has turned out. I planned on shipping the 2nd release candidate today however there are a couple features I want to implement. Once the 2nd RC is out the door I’ll be locking the feature set down for 1.0. Meaning, there will be no new features added to TimeTable between RC2 and the Gold Master (GM). Gold Master will be the version I ship which will be sold. After I ship the GM I will be focusing my effort on getting the TimeTable website which has been sadly neglected up to spec with the application. This includes getting pricing information, frequently asked questions, up date help files, screenshots, and screencasts online.

I’ve already begun developing a feature set for a 1.5/2.0 release, which will of course be free to most TimeTable users (more details about this when the pricing information goes up). I want to thank all of you who have supplied feedback for TimeTable. You will be receiving coupon codes when TimeTable ships for your discount. I also want to thank all of you who have provided support, you’ve been invaluable. TimeTable will ship as a rock solid product and this couldn’t have been done without the Cappuccino community, and all the support I’ve received from you guys.

I hope you all have a happy holiday season.

Thank You,
Randy Luecke

Shipping RC1

Saturday, December 5th, 2009

Wow, can you believe this product is almost here? I for one still find myself in a little big of disbelief. I wasn’t originally planning to ship the Release Candidate (RC) this soon, I wanted to ship out he third beta first. Problem came when I got caught up in new feature after new feature and found no reason to ship a 3rd beta. So without further ado lets list some of the new features.

  • Customizable Invoices
    • This is a huge feature. Inside of your preferences you’ll see a new tab for invoices. From here you can now upload your company logo, change the invoice colors, and set the invoice number.
    • I’ve also made the “generated by TimeTable” logo less prevalent at the bottom. You’ll have an option to remove this when TimeTable 1.0 ships.
  • Email-able invoices
    • In the previous builds this feature was disabled. This isn’t as perfect as I would like. The TimeTable email template is applied to the emails and I would rather the emails be sent in a more generic fashion. I’ll be experimenting with some options for this.
  • Invoice numbering
    • Inside your preferences I’ve added the ability to set the invoice number. This number is displayed on the invoice below your name and address.
  • Help
    • By popular request I have added documentation to TimeTable. From within the help menu you can learn about all the ins and outs of the application. It might be nice to search through this, but for the time being it is organized as is.
    • I’ll be adding more to this help over time. – feedback is more than welcome
  • Inline work data deletion
    • In past builds the only way to delete work items was to select them and hit the delete key on your keyboard. In this release I added a button next to each work item and expense item so that you can easily delete them if needed.
  • Resizing fields
    • I’ve fixed the regression with the multiline textfields. The “details” field and “notes” field from the project and clients section respectively both resize themselves if you go beyond the bounds of the field to prevent them from cutting off.
  • Client address field
    • I’ve added the ability to set the client’s mailing address.
    • My original plan was to give users driving directions via google maps using either your current location or the location you’ve supplied in your personal preferences to the client’s address. I ran into licensing issues with Google maps. For this reason I have removed this feature from this release. If you’re interested in seeing a feature like this please let me know and I’ll work harder to get it integrated. The code is basically already in place, it’s simply a matter of licensing Google Maps for a commercial product.
  • Mark clients as a company
    • If your client is a company not an individual there is now a checkbox for this. This will prevent the name order from changing on your company names if you have your preferences set to display the last name first.
  • Label bubbles next to client name
    • In the clients list it now shows a little bubble next to each client name. This bubble can be set to show either the total number of projects for a client, the total number of incomplete projects for a client, or the number of urgent projects for a client (this is default).
  • Upload Data files
    • You’ve been able to download TimeTable data files for quite a while, until now you could never re-upload them. One thing to note is that old TimeTable Data files will no longer work, you’ll have to download a new one.

There have of course been many bug fixes so I look forward to hearing your feedback. To send me feedback just use the feedback menu within the application, of you can tweet me at @timetableapp I’m not going to list any bugs for this release, bug please submit them as you see them. Remember that your feedback will give you a huge discount on the product when it ships. This will be one of the last release that will give you a discount on the product so keep it coming. The more feedback you send the greater the discount.

Thank you all for your support,
Randy

Shipping Beta 1!

Sunday, November 15th, 2009

It’s here folks! After months of work, and rework, testing, and sleepless nights I have beta 1 ready to ship! At the end I’ll go over some of the newest features and known bugs, but for first I want to give a little info on the roadmap for TimeTable and beta program.

For about a week or so I’ll only be giving access to the beta to my private alpha testers. This is because my server isn’t up to the task at the moment for all the testers that have signed up! Don’t worry, those invites will be coming out very soon! I’ve already begun the process of setting up a new server that will handle the load of several hundred Beta testers. I also need to setup a more formal way to get send feedback.

I’ll be working on screencasts in the coming week(s). Instead of one long screencast that would take about an hour I’ll be working on individual videos for specific features of TimeTable. This will allow me to go more in depth on each feature and release them more frequently.

The first thing you’re going to notice with TimeTable beta 1 is that the images load separately… This usually wouldn’t be filed as a bug since this is how all web applications usually load their resources. There is an awesome new technology that is bundled with Cappuccino that will end up allowing me to compile the whole application into one file. This means that all the resources will be loaded at once meaning you’ll never have a seconds delay when loading an image. I was hoping to get this into the beta but I would had to push the launch off another week.

So now let’s jump into the features.

The most important feature in beta 1 is invoice creation. I’ve included the ability to download both summarized and itemized invoices. When I move to the new server I’ll be including the ability to not only generate these invoices, but email them directly to your client. Next, I’ve included keyboard support. Pressing enter on a dialog will perform the default action, there is keyboard support for menu items however the shortcut won’t be printed on the menu item until the next release.

Roadmap:
So the end of the road for 1.0 is within sight now. The next release will focus on invoice customization. After that the releases will include bug fixes and UI clean up.  I hope to have no more than three betas. So get your feedback in before the RC if you want to be eligible for a discounted rate for the first year.

Side notes:
Today (November 15th) is the day Atlas (a 280 North product) ships. This is the 2nd product from 280 North. Atlas is a development tool for laying out the UI for Cappuccino applications. I’m now able to talk a little about the product. I’ve been testing the early alpha versions of Atlas throughout it’s development. Atlas as a UI editor isn’t going to be that important for TimeTable for the 1.0 release because it’s too late in development. However there is one feature that makes TimeTable shine. Atlas offers you the ability to build your own projects as a native desktop application. I won’t lie, TimeTable running on the desktop is absolutely gorgeous. I hope that I’ll get a desktop version out the door the day I ship 1.0 but I can’t make any promises. I want to wish 280 North all the best with Atlas, they’ve been a tremendous help getting TimeTable where it is today. I wouldn’t have been able to continue without all their help. Also I would like to thank everyone that expressed interest in the project. Coming back to the list of people requesting access to the beta makes gave me the push to finally begin work on cleaning up the mess of the code it was originally. You guys are amazing!

I hope that you all enjoy using TimeTable! Remember, TimeTable is going to be whatever you make it, so send feedback! If you want a feature don’t hesitate to let me know!

Regards,
Randy Luecle

Finalizing the 1.0 UI

Tuesday, August 4th, 2009

A few weeks ago I came up with the finalized version of the UI for version 1 of TimeTable. I’m very VERY happy with how it will look. It’s certainly much nicer looking that the original version of TimeTable which I scrapped in May.

For those of you who don’t remember the first version it looked similar to this:
http://timetableapp.com/PR/TimeTableBeta9.png

The inconsistent UI was unpleasant to the eye, and the code which supported it was even more unpleasant to my eyes!

With the new rewrite I’m taking advantage of the new Cappuccino frameworks which provides a beautiful theme called Aristo developed by Sofa. The Aristo theme is not complete yet, but it is entirely open source. I took some of my own interface elements from the original version of TimeTable, and combined it with Aristo, then sometimes filled in the gaps with completely new interface elements.

So without further ado… This is the new UI for TimeTable.

Remember that this UI is subject to change. I haven’t yet put together smaller details, but I have got many ideas and it’s very exciting. I hope you like this new UI and I’ll be posting more in the coming weeks!

Until then please sign up for the testing program “Login | Register” tab at the top of every page.