Posts Tagged 'Presentation'

October 17, 2012

Tips and Tricks - jQuery Select2 Plugin

Web developers have the unique challenge of marrying coding logic and visual presentation to create an amazing user experience. Trying to find a balance between those two is pretty difficult, and it's easy to follow one or the other down the rabbit hole. What's a web developer to do?

I've always tried to go the "work smarter, not harder" route, and when it comes to balancing functionality and aesthetics, that usually means that I look around for plugins and open source projects that meet my needs. In the process of sprucing up an form, I came across jQuery Select2, and it quickly became one of my favorite plugins for form formatting. With minimal scripting and little modification, you get some pretty phenomenal results.

We've all encountered drop-down selection menus on web forms, and they usually look like this:

Option Select

Those basic drop-downs meet a developer's need for functionality, but they aren't winning any beauty pageants. Beyond the pure aesthetic concerns, when a menu contains dozens (or hundreds) of selectable options, it becomes a little unwieldy. That's why I was so excited to find Select2.

With Select2, you can turn the old, plain, boring-looking select boxes into beautiful, graceful and more-than-functional select widgets:

Pretty Option Select

Not only is the overall presentation of the data improved, Select2 also includes an auto-complete box. A user can narrow down the results quickly ad easily, and if you've got some of those endlessly scrolling select boxes of country names or currencies, your users will absolutely notice the change (and love you for it).

What's even sexier than the form facelift is that you can add the plugin to your form in a matter of minutes.

After we download Select2 and upload it to our box, we add our the jQuery library and scripts to the <head> of our document:

<script src="jquery.js" type="text/javascript"></script> 
<script src="select2.js" type="text/javascript"></script>

For the gorgeous styling, we'll also add Select2's included style sheet:

<link href="select2.css" rel="stylesheet"/>

Before we close our <head> tag, we invoke the Select2 function:

<script>
$(document).ready(function() { $("#selectPretty").select2(); });
</script>

At this point, Select2 is locked and load, and we just have to add the #selectPretty ID to the select element we want to improve:

<select id="selectPretty">
<option value="Option1">Option 1</option>
<option value="Option2">Option 2</option>
<option value="Option3">Option 3</option>
<option value="Option4">Option 4</option>
</select>

Notice: the selectPretty ID is what we defined when we invoked the Select2 function in our <head> tag.

With miniscule coding effort, we've made huge improvements to the presentation of our usually-boring select menu. It's so easy to implement that even the most black-and-white coding-minded web developers can add some pizzazz to their next form without having to get wrapped up in styling!

-Cassandra

May 14, 2012

Synergy and Cloud - Going Beyond the Buzzwords

Citrix Synergy 2012 took over San Francisco this week. Because Citrix is one of SoftLayer's technology partners, you know we were in the house, and I thought I'd share a few SoftLayer-specific highlights from the conference.

Before I get too far, I should probably back up give you a little context for what the show is all about if you aren't familiar with it. In his opening keynote, Citrix CEO Mark Templeton explained:

"We call it 'Citrix Synergy,' but really it's 'Synergy' because this is an event that's coordinated by us across a hundred sponsors, our ecosystem partners, companies in the industry that we work together with to bring you an amazing set of solutions around cloud, virtualization, networking and mobility."

Given how broad of a spectrum those areas of technology represent, the short four-day agenda was jam-packed with informational sessions, workshops, demos and conversations. It goes without saying that SoftLayer had to be in the mix in a BIG WAY. We had a booth on the expo hall floor, I was lined up to lead a breakout session about how business can "learn how to build private clouds in the cloud," and we were the proud presenting sponsor of the huge Synergy Party on Thursday night.

Our partnership with Citrix is unique. We incorporate Citrix NetScaler and Citrix XenServer as part of our service offerings. Plus, Citrix is also a SoftLayer customer, using SoftLayer infrastructure to offer a hosted desktop solution. Designed and architected from the ground up to run in the cloud, the Citrix Virtual Demo Center provides a dashboard interface for managing Citrix XenDesktop demo environments that are provisioned on-demand using SoftLayer's infrastructure.

My biggest thrill at the conference came when I was asked to speak and share a little of our expertise in a keynote address on simplifying cloud networking. I like to tell people I have a great face for radio, but that didn't keep me off the stage. The hall was packed to capacity and after defeating a few "demo gremlins," I got to show off how easy SoftLayer makes it for our customers to take advantage of amazing products like Citrix Netscaler VPX:

In my "Learn How to Build Private Clouds in the Cloud" breakout session, I had a little more time to speak to the larger question of how SoftLayer is approaching the shift to cloud-specific architectures and share some best practices in moving to a private cloud. Private clouds are a great way to provide real-time service delivery of IT resources with a single-tenant, customized, secure environment. However, the challenge of scaling and managing physical resources still exists, so I tried to explain how businesses can leverage an Infrastructure-as-a-Service provider to add scalability to a private cloud environment.

Thanks to SynergyTV, that presentation has been made available for all to see:

As I joked at the beginning of the breakout session, an attendee at Citrix Synergy was probably bombarded by "the cloud" in presentations and conversations at the show. While it's important to demystify the key terms we use on a daily basis, a few straight days of keynotes and breakout sessions about the cloud can get you thinking, "All work and no play makes Jack a dull boy." Beyond our capabilities as a cloud infrastructure provider, SoftLayer knows how to have a good time, so after we took care of the "work" stuff in the sessions above, we did our best to help provide a little "play" as well. This year, we were the proud sponsor of the Synergy Party, featuring Lifehouse!

Citrix Synergy 2012 was a blast. As a former rocket scientist, I can say that authoritatively.

-@nday91

April 16, 2012

TechStars Cloud @ SoftLayer - DAL05 Data Center Tour

Last week was HUGE for the inaugural class of companies in the TechStars Cloud accelerator in San Antonio. The program's three-month term concluded with "Demo Day" on Wednesday where all of the participating companies presented to more than 300 venture capitalists and investors, and given our relationship with TechStars, SoftLayer was well represented ... We were even honored to present a few of the companies we've been working with over the past few months. All of the 20-hour days, mentor sessions and elevator pitches culminated in one pitch, and while I can't talk much about the specifics, I can assure you that the event was a huge success when it came to connecting the teams to (very interested) investors.

Demo Day wasn't the end of the fun, though. After the post-pitch celebrations (and a much-needed night of sleep), the teams had one more item on their agenda for the week: A visit to SoftLayer.

On Thursday, the teams piled into a bus and made their way from San Antonio to Dallas where we could continue the celebration of their successful completion of the program ... And so many of the teams could see the actual hardware powering their businesses. After a nice little soiree on Thursday evening at the House of Blues in Dallas, we put the teams up in a hotel near our Alpha headquarters promised them an informative, interesting and fun Friday.

After a few hours of sleep, the teams were recharged on Friday morning and ready to experience some SoftLayer goodness so...

TechStars Cloud Data Center Tour

They loaded up the bus and took a 10-minute ride to our corporate headquarters.

TechStars Cloud Data Center Tour

Given our security and compliance processes, each visitor checked in at our front desk, and they were divided into smaller groups to take a quick data center tour.

I could tell that going on a data center tour wasn't the most exciting prospect for a few of the visitors, but I asked them to forget everything they thought they knew about data centers ... This is SoftLayer. Yes, that's pretty bold, but when each team walked out of SR01.DAL05, I could see in their eyes that they agreed.

TechStars Cloud Data Center Tour

The tour started innocently enough at a window looking into Server Room 01 (the first data center pod we built in DAL05). In the picture above, Joshua Daley, our DAL05 site manager, is explaining how all of SoftLayer's facilities are built identically to enable us to better manage the customer experience and our operational practices in any facility around the world. After a few notes about security and restrictions on what can/can't be done in the server room the group was led through the first set of secured doors between the facility's lobby and the data center floor.

TechStars Cloud Data Center Tour

From the next hallway, the tour group observed the generators and air conditioning units keeping DAL05 online 24x7. Josh explained the ways we safeguard the facility with n+1 redundancy and regular maintenance and load testing, and the group was led through two more stages of secured doors ... the first with badge access, the second requiring fingerprint authentication. When they made it through, they were officially in SR01.DAL05.

TechStars Cloud Data Center Tour

Josh explained how our data center CRAC units work, how each server row is powered and how we measure and optimize the server room environment. While that aspect of the data center could seem like "blocking and tackling," he talked about our continued quest to improve power efficiency as he shared a few of the innovative approaches we've been testing, and it was clear that the tour understood it to be easier than, "Plug in server. Turn on air conditioner."

TechStars Cloud Data Center Tour

The teams got a chance to get up close and personal (No Touching!) with a server rack, and they learned about our unique network-with-a-network topology that features public, private and out-of-band management functionality. Many "oohs" and "ahhhs" were expressed.

TechStars Cloud Data Center Tour

The tour wrapped up outside of the data center facility in front of the Alpha HQ's Network Operations Center. From here, the TechStars could see how our network team observes and responds to any network-related events, and they could ask questions about anything they saw during the tour (without having to shout over the air conditioning hum).

When the final tour concluded, the full group reconvened in one of our conference rooms. They'd seen the result of our hard work, and we wanted them to know where all that hard work started. Because SoftLayer was started in a Dallas living room a few short years ago, we knew our story would be interesting, inspirational and informative, and we wanted to provide as much guidance as possible to help these soon-to-grow businesses prepare for their own success. After a brief Q&A period, a few of the TechStars Cloud participants (and some of their Dallas-based Tech Wildcatters cousins) presented a little about their businesses and how they've grown and evolved through the TechStars program, and we got to ask our own questions to help them define their business moving forward.

After the presentations at the office, we knew we couldn't just load the bus up to send the teams back to San Antonio ... We had to bid them farewell SoftLayer style. We scheduled a quick detour to SpeedZone Dallas where a few hours of unlimited eats, drinks, games and go-kart races were waiting for them.

We couldn't have had a better time with the participating teams, and we're looking forward to seeing the amazing things they'll continue doing in the near future. If you want to see even more data center coverage from Friday, be sure to check out "TechStars Cloud Visits SoftLayer" on Flickr!

-@PaulFord

November 29, 2011

SoftLayer Mobile v. 1.1 on Windows Phone: New Features

I was on a Caribbean cruise during the second week of November, and I kept telling myself that the first thing I needed to taste was a delicious mango. Even though I knew it's out of season, I still had hopes. I had a chance to indulge in that tropical fruit, and I couldn't help but think about a mango that gets tastier with every day: the new Windows Phone OS 7.1, codenamed "Mango."

I'm not going to talk about Mango or its new sensational features, but I do want to share a few of the changes that we pushed out to the Windows Phone Marketplace as a version 1.1 of SoftLayer Mobile. While I could ramble for pages about all of the updates and our strategy in building out and improving the mobile platform, but I'll try to be brief and only share four of the biggest new features the team included in this release.

Verisign Authentication
The first update you'll notice when you fire up SoftLayer Mobile 1.1 on Windows Phone is the security-rich inclusion of VeriSign authentication. You are able to activate an additional layer of security by requiring that users confirm their identity with a trusted third party tool before they get access to your account. In this case, the third party vendor is VeriSign. Every customer looking to bake in additional security on their account will appreciate this addition.

SoftLayer Mobile WP

VeriSign authentication in SoftLayer Mobile on WP7

Device-Based Bandwidth
The next big addition to this Windows Phone app release is the inclusion of device-based bandwidth for two billing cycles – your current cycle and the previous cycle. In v. 1.0 of SoftLayer Mobile, users were only able to see bandwidth data for the current billing cycle ... It's useful, but you don't have a frame of reference immediately available. This release provides that frame of reference. One of the coolest parts is the aesthetically pleasing presentation: our metro-style container, "pivot control." Just slide through and see your billing cycles in one long view!

SoftLayer Mobile WP

Billing cycle view along with a button to view graph for that cycle

Bandwidth Graphs
If you didn't notice from the picture, its caption or the heading of this section, the next big update is the inclusion of bandwidth graphs! The bandwidth graph page gives you a bird's eye view of your bandwidth activity for any selected billing cycle. You'll see the max "Inbound," "Outbound" and "Total" values. Those different marks are very useful if you're tracking which days your device uses the most bandwidth and when those surges subside. The application uses the built-in charting functionality that comes with Silverlight libraries. Since we're taking advantage of those goodies, you can bet it looks beautiful. No, it's not a bitmap image ... it's a real bandwidth chart. As with the other bandwidth update, the graphs are available for both the current and the previous billing cycle.

SoftLayer Mobile WP

Bandwidth chart for a previous billing cycle

Ticket Updates
The next addition to the family is a new way to visually distinguish your unread updates on tickets while viewing a ticket list page. The "toast" notification for the ticket list view gives flags unread ticket updates, and the ticket list will feature bold text on the ticket's subject if that ticket is marked with an "unread update" *ndash; meaning an employee or someone has an update to that ticket which you haven't seen yet. This is very much Outlook-y style and very native to Windows Phone.

SoftLayer Mobile WP

Toast notification along with Outlook-style unread ticket

What's Next?
With this release, we're not resting on our laurels, so what are we doing in our labs? Right now we're working on OS migration to move our existing app from OS 7.0 to the new Mango-flavored Windows Phone 7 version I mentioned a little earlier. Now you see why I was so fixated on mangoes while I was on vacation. The migrated mango app will only be available to devices that are mango-licious (Upgraded to 7.1).

Stay tuned, and you'll see some of the other new features we're working on very soon. If you have a Windows Phone, you need to download SoftLayer Mobile, rate it and give us your feedback!

-Imran

September 23, 2011

Parallels APAC Summit: Lance Crosby Keynote

SoftLayer absolutely loves attending and participating in technology trade shows and conferences. This year we expect to be at 70 – 80 shows around the globe and chances are that if you’re at a technology show, you'll see SoftLayer shirts in the crowd.

Lance Crosby Keynote

This year we're lucky enough to be apart of the Parallels APAC Summit held in Singapore. More than 300 technology partners and enthusiasts are attending informative sessions, networking events and likely attending one or two SoftLayer-sponsored parties!

Parallels was also kind enough to invite our CEO, Lance Crosby, to Singapore to keynote today. We had great attendance, nearly a packed room and Lance spoke about where hosting came from and where it is headed.

Lance Crosby Keynote

If you're interested in hosting, make a living from hosting or you have partners who provide hosting to you, I'd encourage you to flip through Lance's presentation:

-@toddmitchell

May 25, 2011

"The Cloud" via Tools and Bridges

As Chief Scientist (or Chief Boffin, if you like), I spend a significant amount of time participating in industry, partner and customer events alike. This week is a great example, as I will be speaking at both All About the Cloud and the Citrix Synergy event in San Francisco. I will be covering similar ground on both occasions: the general idea is that the world does not revolve around "the cloud." In fact, "the cloud" tends to be good for certain things and not so good for others. The challenge is that many customers seem to think that cloud is a panacea, solving all of their problems. Often, customers come to us with a blurred idea of why they want cloud, sometimes defaulting to, "The CEO says we need some cloud."

My presentation at the All About the Cloud event is going to focus on the cloud question by trying to understand what each tool does well and so you can deploy accordingly to ensure needs are met. I'll provide a backdrop market growth and then dive into dedicated, virtual and hybrid (cloud + dedicated) solutions with an eye to understanding each solution in broad terms ... As an aside, I wanted to show up with a drill, a nail and a chunk of 2x4 to demonstrate this: I was going to pound the nail into the board with the drill, and then I was told this would be a bad idea. I may yet show up with some tools – all I need is a Home Depot close to the Palace Hotel!

The Citrix presentation is not quite so bold - well, it did not involve props in its initial incarnation. For the Synergy crowd, I'll speak to a few case studies that leverage hybrid solutions to best meet their needs. Specifically, I will discuss companies that have deployed cloud + dedicated, SoftLayer dedicated + someone else's cloud (the horror!) and an enterprise example with a mix of internal data center assets and SoftLayer assets.

The enterprise example is an interesting one and it is timely given what Citrix is up to. Part of the challenge with most enterprise customers is the fact that many have invested significant capital (both dollars and the human variety) in their own infrastructure. This often means that an additional level of complexity is introduced as the enterprise must consider how to bridge the gap between their own infrastructure and another, external (hopefully a SoftLayer) environment.

Citrix is about to launch Cloud Bridge which will help to manage through some of this – the offering enables customers to transparently connect their own data centers with an off premise cloud environment. SoftLayer can make this happen in two ways. Cloud Bridge will sit within Netscaler Platinum offering that we support and customers will have the ability to deploy themselves should they choose to.

I will follow up on this blog with some depth that covers both presentations, as I think this is a conversation worth continuing. In the meantime, I am off to find a Home Depot ...

-@nday91

Subscribe to presentation