Trainers Talk Tech

I'm having such a dilemma and its driving me crazy. Here is what I'm struggling with: lately, several of my customers have asked me to create or bid on projects where they expect to be able to go in and edit the content, images and layout of the project after the launch. They want to be able to tweak every aspect of the project once its complete. However, they have no technical background and are not interested in learning the tech. As a result, I'm being asked to over-complicate the programming for ease of use later.

First example - a local area church has asked me to develop a web site for them that they can edit themselves. They don't want a CMS (even the free ones), they want to be hand coded. No problemo - I build it in CSS at a fixed width and height per the design from their team. After its built out and they want to start adding content, their editor (who picked up Dreamweaver specifically for this purpose), can't get the WYSIWYG screen to work with my hand coded CSS. Sometimes Dreamweaver, especially older versions, have a hard time rendering the CSS correctly in the WYSIWYG view. The code is solid and displays wonderfully in all browsers, but the client hates it and hates me because it isn't easy to edit in Dreamweaver. After a week of no luck with tutorials and phone assistance, I rebuilt it from scratch using old table code and layout techniques from 2005. They love it. It stretches how they want, its easy to add the content they want and they are super excited about their site again.

I, however, hate it and will not be adding it to my portfolio. It's filled with nested table tags, bloated JavaScript and is "old school" code that I rarely write anymore. However, the client LOVES it and loves me for making their lives easier. I have overcomplicated the "behind the scenes" so the WYSIWYG view works. What!!?

Case number two: I'm bidding on an eLearning project where the client wants all images but the interface to load dynamically and be stored outside the project, all video and audio to load dynamically and be stored outside the project, and all text and headers to be in XML and load dynamically at run time. OK...this is not rocket science, but in an effort to make their lives easier (they won't have to learn Flash to make edits), they are making it much more complicated to develop. It's so much easier to just dump it all into flash, export to .swf and deliver an HTML file and a .swf file and be done with it.

In an effort to avoid learning code or learning Flash, customers seem to be asking for "do it yourself" solutions, when I'm thinking that they should pick up a copy of Dreamweaver or Flash and learn it. It's much more complicated to dynamically load XML text than it is to type the text in the Flash interface. Now, there are very good reasons for using XML for text (I have another client who is going to offer multiple languages and wants to use the same .swf but load the different language XML which is cool), but for simple projects, why make it so complicated?

Couple thoughts:

1) They don't want to pay me to edit the files
2) They don't want to take the chance of me going away and not being around in 3 years when the files have to be edited
3) They expect lots of changes to the files
4) They expect to have to make changes in a speedy, real time fashion

I'm all about teaching a man to fish, but this kind of falls into the "just cause we can, we will." I am all about the straight line - get what you need accomplished in the easiest way possible. Learn Flash. Learn ActionScript. Who says editing an XML file is easier than editing a Flash file? Is this "Do it yourself" idea good for eLearning? Shouldn't it be "Learn the tool."

Am I alone here? Is this something I should just deal with? Since when do customers care about the intricate guts of a project, rather than its functionality, look and feel? Should I just grow up and understand that customers are getting more technical and are asking to "peek under the hood"?

Thanks for listening. Anyone else experiencing this?

Recently, several people have sent me emails asking how I've learned my web skills. I joke and talk about the painful process of trial and error, of late night hair pulling sessions and emails to online experts, begging for assistance. However, the reality is I am self taught - relying on books and projects to drive my learning.

I have never taken a single course on web design, graphic design or eLearning design. I probably could have been much better, much faster if I had, but the reality is that everything I've learned has come from a book or from a project. I never bothered to learn a technology until I accepted a project that required it. JavaScript, PHP, mySQL, SCORM, Flash and others were learned because I had received a contract to deliver a web application or site using these technologies and had to learn it or die trying!

I prefer to learn from books - nothing feels so good that to crack open a bound volume of knowledge and apply it. To me, its a rush to get a new book and then work through it.

Notice that I didn't say read it. I work through it. You don't learn web design or graphic design or eLearning design by reading a book. You need to use it as a workbook to push you into the learning and really DO the activities and projects in the book. In fact, when learning a technology, I seek out the books where the entire book is a series of activities and projects to learn.

So, what's my list? Here are my top publishers to whom I owe my success!

Friends of Ed
If you want to learn anything Adobe (in the past, Macromedia too!) you must, must, must visit the site and make a purchase. They are a small group out of the UK that publishes materials the way I like to learn - very project based. Flash, Dreamweaver, Fireworks, generic Web Design, CSS... all of it is there! Their Foundation series of books are phenomenal. I highly recommend these books and this publisher.

Peach Pit Press
After I've learned it, I need reference materials at the tips of my fingers. While Friends of Ed teaches me, the Peach Pit stuff gives me the instant info I need to solve a specific problem or find a solution for accomplishing a task. Their Visual Quickstart Guides are amazing. They provide you with the info you need very quickly. When you are armpit deep in the code and its 2:00 am, the Quickstart Guides come to the rescue. Think of a web technology, and they have a Quickstart Guide for it.

SitePoint
Lately, I've been reading a ton of books from SitePoint. While most of their materials cover specific web technologies, I've been finding gems in their theoretical books. Things like Freelancing, Web Marketing, Project Management and Principles books have all rounded out my rough edges - provided the missing practical knowledge I didn't have by not going to design school. You can review their site and see what kind of things they offer (lots of webby stuff!), but their books are short, fun to read and incredibly practical.

There you go! That's my list. Of course, I have benefited from Adobe Press, RapidIntake (when they were producing books) and the Missing Manual books, but the lion's share of my learning has come from my three favorites above.

I hope this helps you on your learning journey. Remember, good eLearning programming comes from a strong foundational knowledge of web technologies.

This past week I finished up my last ASTD Essentials Webinar Series and again had a "virtual" room full of highly engaged, highly interested learners. It was interesting hearing from this group: they are all going to be the eLearning Obmudsmen I commented on in an earlier post. As I was going through the software examples and demos, I started getting some really good questions about process. I have a standard routine that I use when building my eLearning project from scratch, and I thought that it might be of benefit to my reading audience.

After meeting with a client and getting my first installment check (!), we start the following process:

1) Instructional Design Phase

Some of my clients have at least an outline of the content to the site, some have complete storyboards, but most are somewhere in between. Its my team's responsibility to take what they have and build out a storyboard for their review. We use a PPT based storyboard to document screens, activities and simulations in a way that makes it easy for the client to see how their program will function and flow.

Read more »

I have to admit I'm a bit saddened by the face that I could not find a single WYSIWYG HTML writing software that works in the cloud. Maybe the requirements are too high for an online app...I don't know. However I did find some tiny footprint programs that can be downloaded from the web and installed on the Netbook. If you don't want to have the power of Dreamweaver installed on your Netbook (or the amount of space this application takes up - 500MB and counting), here are some software recommendations for you.

KompoZer
KompoZer is a complete web authoring system that combines web file management and easy-to-use WYSIWYG web page editing. KompoZer is designed to be extremely easy to use, making it ideal for non-technical computer users who want to create an attractive, professional-looking web site without needing to know HTML or web coding.

KompoZer has both a WYSIWYG mode AND a coding mode, just like the big guys. It has a Site Manager function with built in FTP, and is available for PC, Mac and Linux machines. The best part is that KompoZer has a tiny download size (7.6 MB for Windows, 11.0 MB for Mac and 10.3 MB for Linux) - perfect for the Netbook!

SeaMonkey
SeaMonkey calls itself a "suite" of software packages built on the Mozilla source code. It contains a browser, email client, newsgroup client, HTML editor, IRC chat and web development tools. All I'm concerned about it whether or not it can write code in both a WYSIWYG format and code view. Composer is the name of the application included in the SeaMonkey application. It can do both, but they are not very robust. While utilizing a "tab" approach, the application does its job and nothing more. Many of the color cues in the code and basic features aren't there. It lets you write code and then preview it. Not bad, but just not interesting. It's just the basics.

SeaMonkey is larger than KompoZer (13MB for Windows, 23MB for Mac and 14MB for Linux) but contains all the applications in one download. Installation was easy. Check it out! At least the price is right!

Bluefish
The last one I want to bring to your attention is Bluefish. Although it is not a WYSIWYG writer (they call it a What You See is What You Need (WYSIWYN) interface!!!!!), it is an amazingly powerful text editor. If you started by writing your own code by hand, then this application will bring you back to those days. It's not only for writing web page code, but can also handle other programming languages as well. As a web guy, I appreciate the table and frame wizards and lots of tool-bars created especially for me. I loved this tool, but it can be intimidating for people who don't want to know code. I thought I would include it here for powerusers who may be thinking about a Netbook.

If you haven't seen it yet, Adobe has created an eLearning Suite and bundled my favorite software together. It's a really sweet suite:

• Captivate - great for screen capture and for recording software demos. Really good tool and the current version is top notch
• Flash CS4 - great tool, but I'm still fighting with Flash CS4 on the Mac...long story, but nested movie symbols in ActionScript 3.0 movies are slowing down the function of the application...on both Macs...I'm not alone in this, but they are finally elevating my issue...see here, here and here. They are working on it which is encouraging - I trust Adobe will make it right!
• Dreamweaver CS4 - the best coding tool in the world!!!
• Photoshop CS4- the best photo editor in the world, hands down.
• Presenter 7 - Finally available at an affordable price (used to be $1500), this tool lets you use PowerPoint to create eLearning. I'm not a big fan of PowerPoint, so its great news for some, meh for me. However, it works really well Acrobat Connect Pro (formerly Breeze), so if you have that tool, you will love the way Presenter works with it. Note: It works in Office XP, 2003 or 2007. Great news!
• Soundbooth CS4 - create and edit audio...I really, really like this software. It's the first thing that has started pulling me away from Audacity which is an amazing piece of free audio software.

So...my only question...where is Fireworks in the suite? Photoshop rules, but for web distribution, Fireworks has tools that could help the eLearning developer rapidly develop interfaces, convert to PDF and perform lots of cool navigation and button effects. The price point is a little steep ($1799) but worth it if you want to do be able to do everything (no seriously...everything eLearning!) The upgrade price is great ($599) if you have purchased any other suite. I have to say that, overall, I like it quite a bit. There is a lot of software here that can create anything you, the eLearning developer, can think up. However, if you have an extra $299.00 laying around, I'd pick up Fireworks too!

Now...if I can just convince Adobe to fix the Mac bugs in Flash CS4 and give me a version of Captivate for the Mac, I would go back to raving non-stop about their software. I'll rave about everything but Flash CS4, but really, really want to! If Adobe fixes the Flash CS4 bugs, I'll be their biggest evangelist yet! I'll keep running Captivate in Parallels, but it's not the same.