HobsonGraphics - Randy Hobson Louisville, KY

Testing the look of the Flickr slideshow

2010-03-25T14:15:25+00:00

Testing the slide show. No valuable content here.

A year in review

2010-03-15T20:16:08+00:00

I’ve been working for the Presbyterian Church U.S.A. for a year now and what do I have to show for it? Plenty. So much so that It occurred to me that I hadn’t posted any of my work. Well, very little of it. To give an idea; I’ve responded to well over a thousand requests for action on the Web pages I manage, I’ve pushed almost 200 files live in the last month alone, I’ve release about 22 bulk email news feeds for the Department of Ecumenical and Agency Relations and posted them to their homepage, I’ve responded to over 200 requests for action or advice on creating online learning content, I’ve shot hours of video in an interview setting with a 3-point lighting set-up and attended a disturbing amount of meetings about these tasks while also considering the revamp of the OGA sections of PC(USA) with the Happy Cog team. Read more to see some examples of my work if you’re really really really bored. Headers: Eachof these represent either an etirely new Web site, or rather directory of PC(USA), or a revamp of a neglected one. Video: There are plenty more of these on my YouTube channel. Want some Flash based training? Yep, I haven’t given that up. (Warning. These are Adobe Flash pieces that open in a new window.) Articulate training: “Offering Our Gifts” for Presbyterians with Disability Concerns. “What is General Assembly” for new participants in the Presbyterian 219th General Assembly (2010). There have been Web sites that have come and gone for specific events such as the Moderator’s Conference in Louisville, Big Tent in Atlanta, Fall Polity in Minneapolis, etc. Well, you should see the Moderator’s Conference sign. I also found time to create a banner only for a local candidate, created various illustrations for orthodontic groups, teach ESL classes at my local Beechmont Presbyterian Church, teach classes at ITT Technical Institute, among other things. (unaffiliated with PC(USA)) There is more but this should give you an idea about what I’ve been up to. If I haven’t called… sorry.

Evening classes canceled at ITT Louisville 02/09/10

2010-02-09T19:23:48+00:00

Okay students, class is canceled for tonight Feb 09, 2010. I’ve already heard from many of you about not coming so I will try to reach the rest of you through email. The school Director, David Ritz, just sent out this email: “Due to the threat of bad roads this evening due to snow melt and freeze, we will not hold night classes this evening. Employees scheduled to leave after 5:00 can leave at 5:00. Those who came in more than 2 hours late today will need to make up time later in the week or not be paid for the missed time. Lloyd and Trace have will stay later this evening in case students show up. Unless you hear differently, we will be on normal schedule tomorrow. Have a safe drive home, Dave”

Swedish HERO streaming video

2010-01-07T18:09:39+00:00

For my Flash students… Just another example of the power of Flash applications. Here’s the site that let’s you make these: < http://en.tackfilm.se/ >

Merry Christmas Flash fun from JibJab!

2009-12-21T14:22:44+00:00

Try JibJab Sendables® eCards today! Try JibJab Sendables® eCards today! Try JibJab Sendables® eCards today!Try JibJab Sendables® eCards today! Try JibJab Sendables® eCards today! Make your own. JibJab

Presbyterian Church U.S.A. - 219th General Assembly

2009-11-18T18:37:07+00:00

I work full-time at the Presbyterian Church USA in Louisville and created the Web site for the General Assembly meeting to take place July 3-10, 2010. The Office of the General Assembly department in which I’m employed serves as a business arm, of sorts, for the national church. The General Assembly is a meeting, held every 2 years, that operates much like a congressional session. Rules are proposed and voted on by representatives from churches and collective groups representing clusters of churches around the country. Presbyterians operate under the guidance of a constitution that requires votes from representatives for every adjustment regardless of size. Tens of thousands of Presbyterians gather to discuss issues faced by the church. This year the meeting is in Minneapolis. General Assembly 219 - Web site Phase 1 I work full-time at the Presbyterian Church USA in Louisville and created the Web site for the General Assembly meeting to take place July 3-10, 2010. The Office of the General Assembly department in which I’m employed serves as a business arm, of sorts, for the national church. The General Assembly is a meeting, held every 2 years, that operates much like a congressional session. Rules are proposed and voted on by representatives from churches and collective groups representing clusters of churches around the country. Presbyterians operate under the guidance of a constitution that requires votes from representatives for every adjustment regardless of size. Tens of thousands of Presbyterians gather to discuss issues faced by the church. This year the meeting is in Minneapolis. The 3 phases of releasing the site. The site is going to be released in 3 phases. The screen shots below are from the first phase which is designed to present introductory information and training for participants called commissioners and advisory delegates. Phase 2 will require regular and timely updates of assembly business. The plan is to create 3 blogs that populate defined areas about the business, have a running news feed, a running Twitter feed (@presbyGA), ongoing photo galleries and anything else we can think of before then to keep members that aren’t in attendance abreast of what’s going on. A third party is responsible for supplying a window to be placed on the site with streaming live coverage of the event. Phase 3 is the aftermath where the results of everyone’s hard work will be made available for review until the next meeting in 2012. The things I used to create the site I am using HTML 4.01 Transitional for basic content and a CSS layout design. Any interactivity on the site was created with JavaScript or jQuery. Most all of the interactive bits were jQuery. Thanks to the hundreds of developers out there that have made getting started with jQuery a snap through documentation and tutorials online. Some of the highlights are the accordion menu, the video players, the Twitter feed and a page that recognizes the height of each column and automatically adjusts the columns to match when menus expand or a browser renders it differently. Thanks Greg Ferrell for helping me make that happen. There are presentations on the site for education that were created using the Articulate software. That is a plug-in that converts PowerPoint slideshows into Flash online courseware. Using this I can let the other office staff create their own educational materials without the use of an LMS or a team of developers to make it function like a proper course. I said proper course but in reality one can easily make very impressive courses with advanced functionality that are also attractive with this software and it’s relatively inexpensive. Some of the training videos were created using Screenr. Screenr is a great tool that connects with your Twitter account and uses a widow to record what happens on your desktop. We used it to train commissioners on using an online database that tracks the business of the assembly. You are allowed to record 5 minutes of on-screen action and record audio at the same time. The hard part is doing it in one take. I’m also using an AddThis toolbar at the top of many of the pages to make sharing and social networking as easy as it could possibly be. Oh yeah, I probably subconsciously left this out on purpose. I made a tiny slideshow of images from the previous assembly in Flash. It will be replaced with a more accessible jQuery image gallery at some point. We are discussing a mobile version of the site during the actual Assembly for phase 2 of the site to make following the business easier for everyone. God’s will manifested through the wonders of technology… sweet.

Full Face Course

2009-11-18T14:40:27+00:00

I recently created a small registration/informational site for Dr. L. Douglas Knight in Louisville. He is an orthodontist that spends a lot of time working with dental professionals on a specific discipline in the field. This new project is a course for practicing dentists and orthodontists that takes place in 4 locations over 5 weeks. In the full article I have some screen shots etc. I worked with Dr. Knight for a year out of school and I owe him plenty for giving me a chance to work in the field and get my hands nice and dirty as a staff member. I created all of his presentations, printed materials, Knightortho Web site and office educational materials. By the end of a year we had created, pretty much, everything he needed from a full-time employee. I moved on to work at Fort Knox for Northrop Grumman and we have remained friends for the past 5-6 years. He needed a small informational site and I was glad to help out. I recently created a small informational site for Dr. L. Douglas Knight in Louisville. He is an orthodontist that spends a lot of time working with dental professionals on a specific discipline in the field. This new project is a course for practicing dentists and orthodontists that takes place in 4 locations over 5 weeks. Below are some screen shots, etc. I worked with Dr. Knight for a year out of school and I owe him plenty for giving me a chance to work in the field and get my hands nice and dirty as a staff member. I created all of his presentations, printed materials, Web site and office educational materials. By the end of a year we had created, pretty much, everything he needed from a full-time employee. I moved on to work at Fort Knox for Northrop Grumman and we have remained friends for the past 5-6 years. He needed a small informational site and I was glad to help out. Check it out here. Description of the course: comprehensive/interdisciplinary approach to the treatment of the entire dental and facial system. The objective of this compressive course is to assist the Orthodontic Specialist in achieving consistent, efficient, highest quality orthodontics for your patients. The course consists of 5 modules broken down in an easy digestible format that enables the Orthodontist the skills to compete in today’s ever demanding clinical environment. Understanding the principles of occlusal function is a step in the right direction; however, learning how to properly and effectively apply these principles in everyday orthodontics is quite another matter. This course will build on the basics and grow your understanding of treating to a standard that will last for the patient’s life. These goals were originally developed by Dr. Ron Roth who took many years of work and study to develop the methods and procedures needed to achieve these goals. The present leaders were all students under Dr. Roth and continue to build on his teachings and approach to Orthodontics. Images of the site:

Ustream

2009-10-27T19:48:48+00:00

Students, here’s a neat little Web tool that you may find a use for one day. I’ve been working on figuring our how to utilize UStream to do Web casts for Presbyterian (U.S.A.). USTREAM Students, here’s a neat little Web tool that you may find a use for one day. I’ve been working on figuring our how to utilize UStream to do Web casts for Presbyterian (U.S.A.). You will need a Twitter account and a Web cam The rest is pretty self explanatory. This might be a tool you could use for fun as well. USTREAM The cool thing about it is that the basic service is free. You can stream video live, have a chat window and a running stream of Twitter hashtags. In January Ustream announced the release of an iPhone app for viewing the live streams… also, free. Isn’t the Web an awesome place. Be warned, it hasn’t gotten great reviews yet for the iPhone but I’m sure it will be updated and, in time, improve. Did I mention that it’s free. If you want to embed a player in your website of your dogs while you’re away at work, then do it. Just copy the code and drop it in. See what it looks like with no customization of any kind below. To peak your interest, here’s a 24 hour feed of a puppy dog. Cute overload, friends. Streaming Video by Ustream.TV

Kentucky’s Frank Peak is Having it All

2009-10-23T18:55:34+00:00

A little plug for local illustrator Frank Peak and a “peak” at my super awesome custom button pack contest SCORE!!! If McDonald’s packaged their crappy food so good I’d eat there a lot more often. ...two ends of Frank’s cubicle had a chain that was 10 or more post-its long of sketches and just as many napkins with cartoons littering the adjacent walls. Lunch… cartoons on the napkins and receipts. Meetings… cartoons scattered among random notes. He cranks out these… Read More for all of the images and a bit more about Kentucky’s own Frank Peak. In Elizabethtown (south of Louisville) Frank Peak is cranking out some amazing stylized illustrations. The work is enough to make your head spin and even the hardest Nickelodeon fan drool. I worked with Frank at Northrop Grumman, better known for building military ships and satellites, and we made online training as Army contractors. Just to give you an idea about Frank’s work ethic let me describe what one might see when ascending into his space. Our office was a typical cube style office and when you round the corner 4 guys sat back-to-back working on 2 large monitors creating, usually, 3-d imagery and/or rigging Army characters. The two ends of Frank’s cubicle had a chain that was 10 or more post-its long of sketches and just as many napkins with cartoons littering the adjacent walls. Lunch… cartoons on the napkins and receipts. Meetings… cartoons scattered among random notes. He cranks out these characters by the hundreds. Each one recalls a specific passer-by that he stored away in memory to mock and ridicule in a caricature fashion that is determined whenever he has 2 seconds to put pen, pencil, blood, urine or anything that leaves a mark to paper. He’s a great guy on top of all this. The real beauty of it is that Frank attended Murray State for fine arts at nearly the same time that I did (we never met there) and moved on to California to attend the California Institute of the Arts or CalArts School of Film and Video. The school is fairly legendary and this is where Frank honed his skill as an illustrator. Flash forward a few years and he comes home to Kentucky to live in an area ripe for hunting and fishing. In my mind he walked away from a dream. In his mind he traveled back to reality. Given that this transition didn’t stop him from doing work for Family Guy, Star Trek, Quicksilver and numerous other noteworthy institutions I think Frank is making it work out okay and eating his deer meat too! Anyway, Frank had a giveaway on Twitter a couple of months ago and sent me a package as well. Every winner received a package but none were similar. Here’s the envelope front and back alone. One of 2 drawings included. The awesome button pack. I also received an unbent copy of the print for my poster rack. “I was asked by Royal Buttons last minute if I wanted to do an illustration for a button pack promo that’s headed to the Comicon this year as a promotion. I gladly accepted and this was the result. Turn around on this was about 36 hours from concept, to finish. They liked the monsters I’d done previously and were looking for something interesting as an advert to get people to flip the pack and look at the back. This is a topper so it will be folded and stapled with the bag.” -fp If you want a set stop in at Ultra-Pop on Bardstown Rd. and get one. Paul might just let you pet his dog and put on a Rock Band show for you! A little birdie told me to also look for an art show by Frank some time around December at the shop!

Greg Rewis on styling in Dreamweaver with jQuery

2009-09-16T16:59:32+00:00

Students, this is an excellent video discussing jQuery as a tool for developers when styling elements in Dreamweaver. Want to know what jQuery is or why you should watch this video read the complete article. Discover jQuery My current students in the Web development class, VC240, will want to bookmark this to come back to after the quarter is over. Let me start by telling you how I came across the problem that requires this solution. I needed to add a drop shadow effect to the outside container of a Web page. Easy enough, I’ll just create a repeating background with CSS and… Oh, I didn’t set up may divs to float the shadow on the outside. CSS3 will allow a border image but only in Firefox and Webkit or something like that and that wasn’t going to be good enough. So, a freind, Greg Ferrell, who just happens to be an avid jQuery fan turned me on to the possibility. This video pops up and I’m very sad to learn that it was published in Jan of this year and I apparently wasn’t paying attention. sometimes we get so consumed with current work that we forget to set a little time aside to learn new things that will inevitably lighten the load in the long run. Okay, enough mantra. This video talks about the plugins for Dreamweaver which don’t include the drop shadow effect but jQuery has a solution for that too found here before I ramble any further. The available plugins at the time of this article are: jQuery UI Tabs jQuery UI Slider jQuery UI Calendar jQuery thickbox gallery jQuery UI Dialog jQuery UI Accordion Markitup HTML Editor lightbox gallery So.. “I haven’t figured out HTML, JavaScript, PHP or CSS yet, can you give me a break?” No. You need to see everything out there to make good decisions if you end up designing for the Web for a living. Like I said in class Monday, “Are you guys real nerds, or just pretending because your parents liked Weezer?” I should say that most of you delightfully surprised me. Learn to enjoy this kind of work for your own good. It’s fun to figure out some of this stuff and make products that are good AND functional. What is jQuery exactly? Well, there’s no point in recreating the wheel and I’m still soaking it all up but it’s basically a JavaScript libraby that interacts with HTML to create numerous effects. You can do visual effects, manipulate CSS and page elemnents etc. Here’s the Wikipedia article that gives more detail than I could pretend to have floating around in my head. [ “jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCamp NYC by John Resig.”-Wikipedia ]