Vegas. What else needs to be said? It’s been a few weeks since I returned and life is finally starting to get back to normal (ish). Future Insights Live was an amazing conference – there were great talks, great people, great insight, great parties ;), and, of course, great Vegas. This inaugural conference definitely rivaled the best of them, so hopefully we see it coming back year after year. Check it out if you have the chance!

Keynote – A Happy Grain of Sand

Aran Balkan | @aral

This was probably my favorite keynote of the week. It was a highly motivational, very entertaining kickoff to the conference. The core of Aral’s presentation was the idea that a person’s life is alike to an hourglass, with each grain of flowing sand akin to a moment in that person’s lifetime. Around this idea, we can try to create as many good moments as possible through friendly and intuitive experience design. With this we looked at various good and bad experience designs – everything from toilet arrangments, to laundry workflows, to websites. A few of my favorite quotes:

Your app shouldn’t look like your database just threw up.

Embrace the “Don’t Be A Fucking Idiot” design plan.

A Responsive Process: One Web to Rule Them All

Steve Fisher | @hellofisher | Slides

Steve’s talk walked us through the responsive design process that his company, Yellow Pencil, follows. There wasn’t a ton of new stuff here, as it was fairly basic. But, a few very helpful resources were presented. First up, the process:

• Discover – Abstract and understand the content before going to design.
• Design
• Develop
• Deploy

The helpful resources:

• The Responsive Process – this was essentially the presentation
• GatherContent
• Interface Harmony Canvas
• Style Tiles

jQuery Plugin Authoring Best Practices

Ben Alman | @cowboy | Slides

Ben hosted a very cool and unique talk on, you guessed it, jQuery plugin best practices. What was unique about his talk was that his presentation was entirely in the form of a javascript file – click the Slides link to see what I’m talking about. While many of the concepts of his talk were already pretty familiar to me, there were a few things that stood out – primarily the .end() and .pushStack() methods, which I had never used before.

.end() returns you to the previous element set. For example, the following line will collect all the ul’s, grab their children and append the class of ‘li’ to each, after which .end() is called which returns us to the original collection of ul’s to which we append the ‘ul’ class:

  $("ul").children().addClass("li").end().addClass("ul");

To create our own .end()-able method in a custom plugin, you simply need to return the element(s):

  $.fn.spans = function() {
    return this.find("span");
  };

The .end() method works great until you start returning things like this.parent().siblings().children(). Calling .end() after this would return us to the sibling elements, not to whatever this is. So you might write your plugin method like so:

  $.fn.cousins = function() {
    return this.pushStack(this.parent().siblings().children());
  };

Keynote – The Real Me – Crafting Honest Customer Relationships

Aarron Walter | @aarron | Related Article | Designing For Emotion – A Book Apart

Aarron’s was another great keynote discussing the personality and humanity of design. He was yet another speaker talking about creating a great user experience. His biggest point was that creating emotion in people is what will get you and / or your product remembered. He showed a lot of great examples of this, for example: Holstee’s manifesto (I bought the poster), the GE Stories series, and Raleigh Denim.

The main tool Aarron discussed using to define our brands personality is a design persona that answers the question, “Who are we?” Once you’ve got your persona designed, Aarron suggested defining the persona’s voice and tone.

Help! My Stylesheets are a Mess!

Chris Eppstein | @chriseppstein | Slides

Chris’s talk was particularly relevent to us on Team Venture as our stylesheets continue to be rather messy, although they are much better than they were a year ago. Chris ran through a bunch of ways to create structure, patterns, and rules in your CSS. There were a ton of great concepts in his talk, so I highly suggest you look through the slides at his examples and check out his site’s styleguide. One very notable point was his CSS file structure:

• Library – no output. mostly presentational in nature. (ex. config, typography, spacers)
• Foundation – core, shared styles. maps presentation to domain. (ex. resets, layout)
• App – features, one-off pages, experimental styles, server traffic patterns
  • Features
  • Pages
  • Products

Another relevant point to Team Venture was his color naming system. He sets up color variables with color names but then only uses those color-name variables as color values for other variables. For example:

$orange:            #E77B19;
$light-yellow:      #FFFCEE;
$light-green:       #E9EFCE;

$header-color:      $orange;
$link-color:        $light-green;
$link-hover-color:  $light-yellow;

h1 { color: $header-color; }
a { color: $link-color; }
a:hover { color: $link-hover-color; }

With that, he admitted that naming these variables is extremely hard to do. But by collaborating with designers, you can find names that describe the intent of the design element, rather than the appearance. He also suggested that too-specific a name is far better than too-generic a name.

Conclusion

One of the biggest themes I kept hearing at Future Insights Live was this: give your users a positive emotional response by providing them with an excellent design experience. There are many ways to do this: responsive designs, animations, clean intuitive interfaces, humanized technology, and wow factors – just to name a few.

Additional Resources

• FIL Slides
• More Slides & Coverage

Yay! You made it all the way to the bottom! As a gift to you, here’s my flickr Vegas slideshow! :)

Well once again, RootsTech was a huge success. With registrations up over 30% from last year, we had over 4000 genealogists and developers in attendance. And if I had to guess, there were probably twice as many developers as last year.

Maybe it’s because I’ve been up since 5am, have a cold, and generally haven’t gotten much sleep in the last 4 days, but I find it difficult to describe the overall essence of RootsTech – at it’s purest, perhaps: passion and excitement. Everyone who was there, or who followed it online, knows it was a big deal, a game changer. Two booming industries, two completely different types of people, massive age gaps – but – everyone’s on the same page. Everyone knows that technology is what will move the field of genealogy forward. Everyone is excited about the possibilities.

This was a recurring theme among attendees. Seeing genealogists and technologists sitting down together and discussing the need for advancement and the possibilities for implementation was a sight to be seen. And we already know this mashup of communities works – GEDCOMX is a direct result of it. Genealogists made the call for a better standard, a better way to house data – of all types – and technologists are coming together to find and implement a new, dynamic solution.

The Sessions

I attended a pretty even mix of user and developer sessions, here’s a semi-brief run down on my favorite five:

The Powers of Evernote: Photos, URL’s, Censuses,
Geo-location, and Stories

I already use Evernote quite a bit, even for genealogy to some degree. In fact, I’m composing this blog post in Evernote on the flight back to Detroit. So I already had a fair idea of what it’s capable of, but I wasn’t familiar with the many of the integrated tools and was interested in how others are using it to supplement their research. Here are just of few of those tools and uses:

• Evernote Web Clipper – This one is pretty straight-forward. You install a plugin and can create new Evernote’s with the click of a button that contain the content of a webpage, snippet of a webpage, or just a link to the webpage. An easy way to bookmark and store research.
• Clearly – This browser plugin makes web content easy to read in Evernote. Great for those ancient, hideous web pages.
• Skitch – An app that allows you to markup images. Perfect for highlighting names or keywords and annotating photos or records.
• NoteFuser – This Chrome plugin, created by Jimmy Zimmerman, won First Place in the 2012 RootsTech Developer Challenge. The plugin hooks into FamilySearch.org and geni.com person pages allowing you to tie Evernotes to specific people in your tree.
• ifttt (if this then that) – Here’s a really interesting service that “puts the web to work for you” by automatically… doing stuff. For instance, it can create a new Evernote everytime your favorite genealogy blogger publishes a post. Their site can explain it better than I can.
• EverPress – A lot of genealogists seem to like keeping their research log in the form of a WordPress blog. This allows you to automatically share the contents of an Evernote folder with your blog.
• Scanning directly to Evernote. Did you know there are scanners that can do that?
• GEDCOM storage. It was suggested you could store your tree files in Evernote. However, another session suggested keeping them in Dropbox – which I like even more, since you could setup your apps to source that file and keep it in sync.

Basically, it was suggested that you store everything related to your genealogy research in Evernote. Could be cool, will I try doing that… mmm, I don’t know… we’ll see.

Eleven Layers of Online Searches

This was an awesome presentation from Barbara Renick – she really knows what she’s talking about here. So if you’re having trouble finding someone, here are 11 steps to take that might just lead you to a breakthrough:

1. Try just the name – see how many results you get, look for patterns
2. Try the name with identifiers – such as event, place, dates, relationships
3. Try name with initials – there is a handy page on the FamilySearch Wiki on guessing name variations
4. Add wild cards – use *, ?, AEIOUY replacements, adjacent location searches
5. Try no last name with identifiers – see Layer #2 for identifiers
6. Try no first name with identifiers – see Layer #2 for identifiers, including the sex of the person will help with this one
7. Try no name with identifiers – mix and match identifiers, expand or contract geographic focus
8. Try another name in the household – a more unique name
9. Try another name in the neighborhood – that has been enumerated nearby in other census years
10. Try combining names – husband and wife, multiple generations, related surnames – godparents, witnesses, etc
11. If at first you don’t succeed try a different search tool – websites, CDs, search catalogs for resources by keyword (not name), or go classic – books, films, manuscripts.

Telling Stories: Transforming the Bare Facts of Genealogy Into the Astonishing Tale of You and Your Family.

As genealogists, we’re constantly digging up facts and compiling information – but just having all of that data doesn’t mean we have a story to tell. Presenter, Ian Tester, discussed what it takes to turn your own family stories into Who Do You Think You Are? worthy tales. The following video was shown as a basis to that discussion.

Stories Through Data from Ross Forrest on Vimeo.

Making the Most of Technology to Further the Family History Industry (Ancestry.com Panel)

This was a great panel with some of Ancestry.com’s top technology leaders led by Tim Sullivan, President and CEO of Ancestry.com. They discussed technologies they’re working on, technologies of the future, what it was like to support the website during the third season premier of Who Do You Think You Are?, and the growing IT needs at Ancestry.com.

Creating Cross-Platform Mobile Apps with Titanium

So Titanium is pretty awesome. Now that I know more about it, it seems like a good candidate for an idea I have (see the conclusion). The session discussed the pros and cons of using Titanium, and ran through a simple demo. It was led by some of the Family Search developers – who just the day before – launched the brand new, Titanium made, Family Search Indexing app.

Honorable Mentions

• Genealogy Idol – Just like it sounds, four genealogists competed for the title.
• Exabyte Social Clouds and Other Monstrosities (Keynote) – A very fun discussion of where technology has been, where it is now, and where it’s going.
• Genealogy Internet Gems – A run through of some of the best genealogy sites and services available.
• Ancestral Lines Pairing Systems: Uniquely Numbering Each Ancestral Line, Generation, Pairing and Sibling – An overview of a newly published pedigree numbering system. Pretty interesting, I am currently working with my own custom system that is somewhere between this and Aftenafel.
• Event Driven Web Apps with Node.js – A solid overview of how Node.js works and what you can do with it.

Video for a lot of these sessions will be up soon, but the highlights are already streaming on the RootsTech homepage. You can also check out the session schedule, where you’ll find syllabi for most of the sessions, as well.

Events & Excursions

Ryan Hamilton

The first night of the conference, RootsTech brought in comedian, Ryan Hamilton. He was hilarious!! I think he thought our odd combination of genealogists and technologists was pretty entertaining as well – cracking a few jokes about the age gap. At one point, he started taking audience questions which was epic. Here’s a bit he did for our show:

Late Night at the Library

A tradition carried on from RootsTech 2011, Late Night at the Library was an even bigger success this year. They had to ask us not to all come at once so that they wouldn’t run into fire regulation issues!

First up was the Who Do You Think You Are? Season 3 premier! It was a blast watching the show with such a huge group of genealogists. The crowd’s reaction to the findings and to Martin Sheen’s reactions were very entertaining. And hving an inside look at the production of the show made it that much more enjoyable.

After the show, it was time to get down to business. First, I hit up the subscription sites and scored three key obituaries that confirmed some things I wasn’t quite sure of! After that, I decided to try my hand at searching the microfilms (for the first time) for a specific naturalization record and declaration of intent. I found the naturalization record as referenced the by index, but no luck finding the declaration – I even went back and tried again after the conference.

Salt Lake City

Me, Benjamin, Mary Lou

Between all the sessions and events, I had a bit of time to explore the Temple Square area. First, I went at night to take a few photographs. The second time, I went back with a few new RootsTech genealogist friends – Mary Lou and Benjamin. Benjamin, mysteriously, has no legal surname… no joke. Being that he is a genealogist (ie. someone who spends his time looking for last names), this baffled Mary Lou and I to no end. We have not been able to pry to story out of him yet. Maybe next year.

After strolling around the Square and taking a tour of the top level of the secondary LDS office building (where we got some great views), we headed out for a drink at The Beerhive. I had a pretty good Desert Edge UPA, although it was a little weak as far as the alcohol content goes – a theme you can expect from UT beers.

Compared to last year, I didn’t see nearly as many SLC oddities. See last years RootsTech Recap if you want to know what I’m talking about. I did get a few alright photos though – check out the best in the Flickr slideshow below:

Ready for Next Year

Last years inaugural event was excellent, and to me, my official entry into the world of legitimate genealogy. Obviously, I enjoyed the event so much that I didn’t even hesitate to return. This year’s event, however, left me with a much stronger feeling of inclusion and forward momentum. Throughout the conference when people would ask, “Are you a user or developer?” I replied with, “I’m in the middle,” and I think that’s probably the best place to be. I have a strong interest in doing the research and seeking out dead people, but I’m also interested in creating the technologies to help me do that research.

Just a week ago, an idea for a genealogy research log tool popped into my head – because, in all honesty, I suck at logging my research. There’s no easy way to do it! You either have to write or type out long names, specific spellings, data sources, and more. I just want to do the research, not spend 75% of my time compiling the details on how I’m doing it. And, it seems like I’m not alone. In D. Joshua Taylor’s Genealogy Software Forecast session, there was an overwhelming majority of attendees who admitted to not keeping a log, and a discussion that went on to cover the need for an easy, fast, intuitive, and even automatic way to log from any location. So that is my goal this year, to create and develop an awesome multi-platform (see the Titanium session mentioned above) research logging tool – specific to genealogy. If all goes well, I hope to be entering it into the RootsTech Developer Challenge in 2013!!

Well that just about covers it! It was a pretty awesome and successful trip and I can’t wait for next year. Side note: it was also pretty successful for my Twitter account – I was retweeted by @RootsTechConf, @AncestryDotCom, and even @RyanHamiltone – hello >20,000 impressions!!

Overall, I attended three keynotes, a product launch, eight presenter sessions, a vendor session and an open space talk. It was a pretty packed two days to say the least. But of all those events, I’d say the three that stood out to me most were:

• Scott Chacron’s (Github) keynote on Developer Driven Development & the Open Source Business Model
• Mobile Smackdown – 3 mobile platform developers took 15 mins each to attempt the construction of the same basic Twitter app.
• Women In Tech open spaces discussion session.

Read more about each of these sessions below, along with summaries of my favorite sessions.

Session Notes

Netflix in the Cloud

Carl Quinn | @cquinn | Presentation Slides

Netflix in the Cloud was an extremely in-depth look at how Netflix runs their service in the Amazon AWS cloud. This presentation was pretty well over my head for the most part, but it was very interesting to see how a site with so much traffic is structured.

The talk began with a discussion of the downfalls of their old data center solution, followed by a thorough overview of their new, faster, scalable, available, and productive cloud architecture.

There’s no way I could possibly try to explain their setup, so I took a few screen grabs from of the slides (click to enlarge):

An overview of the Netflix deployment setup on Amazon AWS

A look at Netflix processing usage of Amazon AWS

A request from start to finish, look at all those caches!!

If you’re interested in hearing all the nitty gritty, check out the presentation linked above for a full hour long session video.

jQuery 102

Rod Paddock | @rodpaddock | Presentation Slides

While I was already relatively familiar with most of the “advanced” concepts presented in this talk, Rod Paddock’s explanations and demonstrations certainly helped to reinforce my understanding of those techniques.

Topics discussed included:

• The basic jQuery selector methods
• Dynamic UI functions like live, liveQuery, and bind – used to attach events to elements in the DOM
• Sending AJAX requests with ajaxSend and ajaxSetup
• My personal favorite, creating pretty popups with the dialog method
• And of course, how to create a jQuery plugin.

To my teammates reading this: If you attended the jQuery Summit web conference in November, there’s not a ton of new stuff, but it’s certainly a good refresher.

Test Driven JavaScript (Vendor Session – Pillar)

Justin Searls of Pillar | @searls | Presentation Slides

This vendor session focused primarily on Jasmine, the JavaScript test framework. I wasn’t able to take many notes, as Justin miraculously managed to fly through 60 slides and numerous demos in a quick 20 minutes, but it was an interesting introduction to JavaScript testing overall.

For those of you wondering why you should even bother testing your JavaScript, Justin referred us to one of his previous presentations: JavaScript Craftsmanship – Why JavaScript is worthy of TDD.

Going offline with HTML5 and iPhone

Michael Ball | @ballmw | Presentation Slides

Instead of taking notes in this session, I began working on my first mobile web app – which has since evolved into a jQuery Mobile TV remote interface. The “Presentation Slides” linked above are not actually slides, but rather notes. So you may want to use it more as a reference than a guide – there are a lot of good tips.

Developing High Performance Web Applications

Timothy Fisher (Compuware) | @tfisher | Presentation Slides

This was an extremely well put together session by Compuware Technical Consultant, Timothy Fisher, focused on client-side optimization, with an emphasis on loading JavaScript.

Timothy first explained why frontend performance matters (basically because this is typically where the enduser spends the most time waiting, it’s easy to optimize, and you’ll see big results), and then went on to review the most common frontend optimization best practices:

• Reduce HTTP requests – combine JavaScript and CSS into fewer files, sprite images
• Use a CDN – content delivered by a fast distributed network
• Make pages cacheable – add expires headers, use static content
• Use gzip compression – “60-80% savings on text based content”
• Place stylesheets at the top – keep them external and avoid @import
• Place scripts at the bottom – allows page content to be render first, keep external
• Minify JavaScript and CSS – save bandwidth / download time
• Maximize Parallel Downloads – split components across domains, enables browsers to load more in parallel
• Optimize Images – avoid high-res unless it is intentional, don’t let browser scale images, sprite images

Next, Timothy moved on to loading JavaScript, stating that, “no single Javascript should execute for more than 100mS to ensure a responsive UI.” This portion included:

• Using Web Workers to allow for asynchronous JS execution
• Various methods of setting up non-blocking JS loads:
  • Dynamic Script Elements – can run at top of page

    var script = document.createElement('script');
    script.type = "text/javascript";
    script.src = "file.js";
    document.getElementsByTagName("head")[0].appendChild(script);

  • Script Injection – uses AJAX to get the JS. The big advantage is that you can control when the script is parsed and executed, but the script must be served from same domain.
  • Recommended Method: Dynamically load the rest of the JS needed

    <script src="loader.js"></script>
    <script>
      loadScript("the-rest.js", function(){
        Application.init()
      });
    </script>

• An overview of open source JS loaders – ControlJS, LabJS, and RequireJS

The presentation slides are definitely worth checking out!

Mobile Smackdown

Jeff Blankenburg (Windows Phone 7) | Chris Judd (Android) | Daniel Steinberg (iPhone)

As the name implies, this was one #BADA55 session where three developers from three mobile platforms took turns in an attempt to build the same basic Twitter application for each of their respective platforms in 15 minutes each.

Daniel Steinberg kicked off with iOS development and literally flew through it – he had to have practiced that before! Chris Judd followed up with Android and made it about half way through development before his time ran up. And Jeff Blankburg didn’t get very far at all with Windows Phone 7.

What does it all mean? Well, probably just that some came more prepared than others, but overall it was a very cool comparison and introduction to each of the development platforms.

The Open Source Business (Keynote)

Scott Chacron (Github) | Presentation Slides

This presentation was the last keynote of the conference, but it was certainly not the least. Scott brought his insight into the open source business and what he calls “developer driven development,” suggesting that any organization can integrate open source methodologies into their practice.

The main characteristic of open source businesses that Scott focused on was this concept of “developer driven development” which essentially boils down to one thing: trust. He suggests that if you trust your employees and give them what they want – they’ll do better work than you could’ve even imagined. Throughout his presentation, Scott touched on roughly five key aspects of DDD:

• Autonomy
• Power / Responsibility
• No meetings
• No feature backlog or roadmaps
• Free beer!

According to Scott, applying these concepts to your business can result in increased productivity, agile development, and more good ideas. They also give the developers a lot of flexibility in how and what they work on, ultimately keeping developers interested and attached.

Women In Tech (Open Space)

Women in Tech – I love how we all have demon eyes!

Yes! There were women at CodeMash, somewhere around 40 from what I heard, and our numbers are growing!! This informal open spaces discussion session was my introduction to the world of girly geeks, but it certainly won’t be my last.

Coming from a job where I was the only female employee over a three year span, I could definitely relate to challenges of being a woman in tech. At the same time, I feel extremely fortunate to have joined a company like Quicken Loans where gender diversity is encouraged and much more prevalent. I now work with numerous females and I couldn’t be happier – just being able to relate to and identify with other women is a huge boost to motivation, creativity, and overall comfort.

I’ll definitely be looking into participating in more Women In Tech groups – I’ve even discovered Girls In Tech Detroit which I hope to get involved with in the future.

Wrap Up

So there it is, a relatively high-level overview of my CodeMash 2011 adventure. All-in-all, the entire event was a great learning experience and a lot of fun. In fact, my only real complaint was the lack of tea provisions haha! (Seriously though, not everyone drinks pop and coffee!)

Looking for more presentation slides? Here’s an aggregated list of CodeMash 2011 Presentation Slides.