Polluting the web since 2007
A short note on a small epiphany I just had:
The lack of Firewire on the new MacBook Pros effectively close the security hole, where passwords can be retrieved through the firewire ports.
Could this be one of the reasons for dumping Firewire, or is it just one of the few nice side-effects?
Let the rumors begin :)
Toolkitr is now deployed on a server provided by my employer, so everyone can have a shot at it and try it out!
A short example:
panel ("Goggles") {
horizontal {
text_field "Search"
button "Search"
button "I'm feeling it!"
}
}
Ahve fnu!
Isn’t it interesting that finnish YLE points out that a tragic event that has been reported in Finnish media has been picked up by media around the world - namely CNN and BBC? (as heard on the radio, so no link…)
“Finally the big boys see us”
And the very same event makes our dear prime minister wish to increase surveillance of the internet (finnish).
It’s good to see that intelligent people are on top of the situation.
oxGalry is a custom online photo gallery that I developed simply because 1. I was keen on trying Ramaze 2. All gallery software that Google could find contains millions of features I don’t need.
oxGalry is simple. It only shows photos arranged in albums as they are on disk (i.e. folders == albums). The only description of a photo is it’s filename. Aaah, bloat-free bliss.
Facts: - 139 lines of Ruby code (including whitespace and comments) - 72 lines of HTML templates (including whitespace) - 62 lines of CSS (including whitespace)
Check out cute puppy-pictures or touristy photos from our trip to Toronto at oxgalry.oxygenite.org. I’ll post more photos later.
Creating a data type named Instance makes for some confusing code.
The Toolkitr source is now in the IT Mill Toolkit SVN at http://dev.itmill.com/svn/incubator/Toolkitr/
I guess I have to give a small hack warning, so make sure you wear adequate protection goggles :)
Too thick.
Todays official Worst UI Design Award goes to *drumroll* pgAdmin III!
Awarded for the fantastic decision to allow double clicks in the same tree-view to behave differently depending on what node was clicked!
Double-clicking the localhost-server while not yet connected to it (marked with a red cross) connects to said server.
Double-clicking on one of the databases on said server, which are also marked with a red cross until visited, opens the Properties-popup for that database.
Hooray!
Due to at least one person asking for it, here’s the quick and dirty lowdown on the syntax for the DSL used in Toolkitr.
| vertical | OrderedLayout(OrderedLayout.ORIENTATION_VERTICAL) |
| horizontal | OrderedLayout(OrderedLayout.ORIENTATION_HORIZONTAL) |
| vertical_expand | ExpandLayout(ExpandLayout.ORIENTATION_VERTICAL) |
| horizontal_expand | ExpandLayout(ExpandLayout.ORIENTATION_HORIZONTAL) |
| vertical_split | SplitPanel(SplitPanel.ORIENTATION_VERTICAL) |
| horizontal_split | SplitPanel(SplitPanel.ORIENTATION_HORIZONTAL) |
vertical {
... inner layouts and components ...
}
| tab_sheet | TabSheet |
| accordion | Accordion |
| tab(caption) | adds a tab to the tab sheet or accordion |
The syntax for creating a tab sheet is
tab_sheet {
tab("tab1") {
... inner layout containing components OR a single component ...
}
tab("tab2") {
... inner layout containing components OR a single component ...
}
}
Accordions work in the exact same way, just substitute “tab_sheet” for “accordion”.
| button | Button |
| embedded | Embedded (not really useful right now, since it only displays it’s caption) |
| label | Label |
| select | Select |
| slider | Slider |
| tree | Tree (not really useful right now) |
| text_field | TextField |
| checkbox | CheckBox |
| combobox | ComboBox |
| date_field | DateField |
| inline_date_field | InlineDateField |
| popup_date_field | PopupDateField |
| list_select | ListSelect |
| option_group | OptionGroup |
| twin_select | TwinColSelect |
| link | Link |
| upload | Upload |
The captioned components are all used in the same way. For example:
button("Hello World!")
creates a button with the caption “Hello World!”.
There is currently no way to fill the different selects with data.
| rich_text | RichTextArea |
| progress_indicator | ProgressIndicator |
These components have no captions and are thus used by specifying only the component name and nothing else, e.g.
rich_text
| table(caption, numberofcolumns) | Table |
| text_area(caption, rows, columns) | TextField with multiple lines |
| grid(width, height) | GridLayout with width and height |
| custom(name) | CustomLayout(name) |
Adding something to a custom layout is done by using “location”, for example:
custom("my_custom_layout") {
location("foo") {
... component(s) ...
}
location("bar") {
... component(s) ...
}
}
That’s about it. I hope I didn’t miss anything…
Disclaimer: I work for IT Mill Ltd
One day I decided that I’d had enough of writing code like this:
Panel googlePanel = new Panel("Google");
OrderedLayout layout = new OrderedLayout(OrderedLayout.ORIENTATION_HORIZONTAL);
TextField searchField = new TextField("");
layout.addComponent(searchField);
Button searchButton = new Button("Search");
layout.addComponent(searchButton);
Button luckyButton = new Button("I'm feeling lucky");
layout.addComponent(luckyButton);
That piece of code builds a panel containing a Google-like search field and buttons using IT Mill Toolkit. Don’t get me wrong, I think IT Mill Toolkit is great for the kinds of software we do at work! You can quickly build a full AJAX-y Web 2.0 experience (buzzword galore!) without needing to touch any JavaScript or CSS. 1
My biggest grief with the above code is it’s verbosity and convoluted logic when trying to imagine what it will look like on screen. It’s really hard to follow and imagine that the result will look like this
And that is a simple example. More complex layouts can be exhausting to dream up.
So I sat down and started to hack away on a small JRuby application using the IT Mill Toolkit. What a joy! A dynamic, highly expressive and productive language like Ruby combined with all the strengths of IT Mill Toolkit is just a breath of fresh air!
The result? I present to you: Toolkitr
No more verbosity, the Java code required to produce the “Google-panel” can now be generated from this
panel ("Google") {
horizontal {
text_field("")
button("Search")
button("I'm feeling lucky")
}
}
If you are required to use Java, as I mostly am, the generated code can be cut-n-pasted into your project. Just like that.
I’ve been using this for a few months 2 on different projects now and I can tell you that my productivity when coding up new user interfaces has skyrocketed! The code/deploy/test cycle has gone from 2.5 minutes on my largest project (it’s hueg!) to as fast as I can type and click a button.
To play with Toolkitr yourself, just grab the WAR, deploy it in Tomcat/Jetty/whatever, point your browser to http://localhost:8080/Toolkitr and off you go.
Do keep in mind that this is beta software (thats classic :D) and a bit of a hack if I may say so myself, but it works.
If someone’s interested, I’ll post the syntax rules and more detailed information about Toolkitr.
So what next? An entire application framework based on this? Should we call it Toolkit on Rails? :)
(1) You do have to touch CSS if you want to customize the look of the application though. The default theme, however, is very good looking thanks to Jouni, so for basic applications there’s no need to theme.
(2) Yes, I am a bit lazy with the blogging ;)