Computer Doings

I had recently discovered that my old copy of Filemaker Pro 12 wouldn’t run on my main computer (Macbook Pro OSX 10.14 Mojave) since my latest round of upgrades and it kept crashing on my old Mac Mini server (10.13 High Sierra). I don’t use Filemaker for much anymore but I do have two databases that get used  about once a year: a boating log and a Blackboard quiz maker. The quiz maker wasn’t important but I had all my sailing resume stored in that Filemaker database. So it looked like I had a bit of a problem.

But every problem is just a new opportunity. I decided to break down and actually learn how to use Mysql and php. I’ve dabbled. This website (and most of my other sites) is run on WordPress and that is based on Mysql/php—so any modifications I’ve done to them have definitely danced around the edges.

Mysql is an open source database related to the professional standard SQL database. Sort of a linux to unix relationship, although not really. Php is a scripting language for web development. Since mysql has no interface, php is used to bridge the gap and provided a web-based GUI to access the database. My Mac Mini has a testing version of mysql/php I use for  my own wordpress work so that was set. All I had to download was a gui to help me see what it was doing. I settled on Mysql Workbench which is the “official” mysql gui.

I started here: tutorialrepublic.com/php-tutorial. Eventually I got to the section about CRUDs (an acronym for Create, Read, Update, and Delete) and then dumped all my work to date to make my own crud and use it to develop the Blackboard quiz as a test project. Then it was a week of learning, trial and error and discovery. I even had to delve into javascript which was a whole other learning curve.

Javascript..Oh MY!

At the end of the day I got it 90% there. There are still some issues with error checking and security. It really isn’t ready for use in the wild, but then again I doubt any of my Filemaker DBs ever were either. But it works and we are setting up for a live test to see if it’s actually practical for L to use.

Features

Some things I managed to add to the crud tutorial:

  • changing the placeholder text in a field based on the question-type dropdown menu
  • changing input types (box, radio buttons etc.) with defaults based on question type
  • export to tab delimited file, with ability to choose file name
  • javascript loops through variable names so I didn’t have to repeat the same code for all 12 possible answers
  • ability to delete all records with error checking
  • and a few other tweaks

I also learned about Bootstrap. Which was so cool. Wikipedia says:

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and (optionally) JavaScript-based design templates for typography, forms, buttons, navigation and other interface components.

Bootstrap, originally named Twitter Blueprint, was developed by Mark Otto and Jacob Thornton at Twitter as a framework to encourage consistency across internal tools. Before Bootstrap, various libraries were used for interface development, which led to inconsistencies and a high maintenance burden. 

It was renamed from Twitter Blueprint to Bootstrap, and released as an open source project on August 19, 2011.

I certainly appreciate the way it makes for a beautiful looking website without much effort. And it’s something more to learn…

What’s Next

As a result of all this I am going to attempt to recreate my much more complex Boating Log DB. And the realization that I need some “official” training rather than just the hit and miss, trial and error, flavoured with random googling method that characterizes so much of my computer work. So the next step is to find some courses…

ebook Update

As a side project in late 2018 I started to produce ebooks for Standard Ebooks. Details about that can be found here on this older post.

My ebooks so far…

So here is the complete list of the books I have worked on so far, including the last 3 that have yet to be approved, but will likely be posted in a week or so…

               

And so…

The Mack Reynolds text is my first collection. A great read of most of his short stories and novellas by an under-appreciated sci-fi author. I did very little of the textual work on the William Carlos Williams book as poetry is not my jam, but I convinced Dr. L to collaborate, so I did the code work and she stepped in as editor. Those two and the Shakespeares have proven to be great learning experiences both in ebook coding and how texts have been handled over the centuries; seriously after almost finishing a Masters degree in renaissance drama, I am astounded about how much minutia I didn’t know about source texts and four centuries of editing practice.. Hope you give some of them a try. I also try to keep a current list of books over at astart.ca/coding/ebooks.

Websites I have known and loved, Or…

…The stupid amount of websites I have

Over the years I have, for no particular reason, managed to accumulate a collection of websites that I manage. And don’t get me started on the number of email addresses I have (at last count it was 7 active ones give or take). My hosting package doesn’t put a limit on how many sites I host, so I have never been reluctant to add another…none of them get much traffic in the big scheme of things anyway so why not.

So I thought I would collect all the websites I currently host/manage here and add a brief raison d’être. Chronologically I think. Why? For no particular reason…

moreblaze.blogspot.com

It is hard to remember which came site actually first. But the first post on this Blogger website was November 29, 2002 at 4:21 so I guess it must be the winner.

Hi 
Welcome to the Blog… 
Hopefully this will house the daily diaries of (B)ruce (L)eslie (A)nd (Z)ak’s (E)lectronic (BLAZE) lives. Come back and visit whenever…

I used it for a few months and then abandoned it. Something about trusting a third party to house all my info didn’t sit right. And given the number of web services that have come and gone I think I was right. Blogspot fortunately was purchased by Google and remains a viable service to this day. Abandoned by me, unused by Z, it quickly became L’s home on the web and she posts to it every few months or so. About once every couple of years I come by and screw with the design or logo. It is one of two sites who’s content isn’t under my direct control.

macblaze.ca

You are here.

The first post I can find is September 1, 2005.

Geek Post

Trials of being an incompetent geek

As you can see I installed Blojsom on the server and am now hosting my own blog. Currently running a Ruby g3 iMac with OS x Server 10.3.9 and hosting this website, some mysql stuff and now the blog.

Installing the Blojsom was as easy as they say on one had and weird on the other. You are supposed to download the WAR file and install it in the Tomcat director and voila.

Easy you say, and it is if that’s all there was to it. To start with the download kept giving me a .jar file which was new to me. Fix: download on the PC and then move the WAR file over to Ruby…

As you can see from the content it wasn’t actually the first iteration of this blog, but it is all that remains. There are also a number of posts on the blog that have dates in the 90s, but that is because one day I sat down and typed in all my bad poetry from over the years and backdated the posts to when they were actually written. Be that as it may, it has been my online home for 15+ years with on again/off again attention being paid to it. 

I initially ran it on my  own home server and eventually moved on to a variety of hosting services. It has gone through a bunch of redesigns and I try to do all the coding myself to keep my hand in. At last glance it was over 3 gig to backup so it is pretty hefty these days. It will remain my online home for pretty much forever I guess.

Oh, and the name? Well as seen in the first entry,(B)ruce (L)eslie (A)nd (Z)ak’s (E)lectronic… was an early online identity. About that time I also started an email account and couldn’t get blaze as the address so decided to use macblaze instead. And it stuck. So since I was hosting this site on my mac, when I started using a dns forwarder, I snagged macblaze.hopto.org as the url. In 2009 I finally shelled out and bought macblaze.ca and moved it all to that. And here we are.

astart.ca

Eventually I found myself changing jobs and realized I had no place to showcase my professional stuff. I had been working with a few colleagues who were in the same boat and thought maybe we needed someplace where we could show off our fresh start. So I bought astart.ca.

As these things go, a home for our collaboration didn’t emerge as a necessity and so the domain lay dormant until I picked it up and started adding stuff. I think the first big push was when I applied for a design job and realized that I had no portfolio. I quickly stuffed a bunch of stuff into a wordpress template and went off to my interview.

Over time I have played around with the site, adding first stained glass and then my ebook projects, but it really is the neglected child. A complete revamp is on the to do list, but I will need to get one of those elusive ’round tuits.”

neverforever.ca

And then we went sailing. And if you have a sailboat, you have to have a blog right? As soon as we settled on a name for our new boat, I bought neverforever.ca and  started adding content. Of all my websites, it gets the most traffic (nothing major though) and I probably have spent the most effort there over the last 3 or 4 years.

I have a few committed followers and even get some unsolicited comments once in a while. I mainly set out to make a home for all our learning experiences and hope that the readers I do get learn something about noobs buying a boat, and perhaps make their boat-buying experiences easier.

theboozephiles.com

When we returned from cruising a friend of ours proposed starting up a weekly cocktail tradition and boozily working our way through the wonderful world of high-class hooch. How could we say no? So we started whipping up cocktails every week, taking some pictures and writing up our experiences. As of today there are 102 different cocktails ranging back to the 1890s, with recipes, photographs and our impressions. 

Life has gotten busier so we rarely manage to hit our weekly schedule anymore but we are still experimenting, drinking and posting as our schedules allow. Check it out if you are looking for some booze ideas. We also have an Instagram stream: @theboozephiles

readingwithapencil.com

In 2015 L wrote a book. It’s great…you should buy it! 

And when it came out we realized she need a home for her professional maundering an authorial web presence. For some reason—I can’t really remember why…maybe tax reasons?—we decided to host it on wordpress.com. It is the second website who’s content is out of my direct control, but I have all the original content so I am less paranoid about it. 

And yes, she does read with a pencil (and a pen).

The site hosts L’s bio, links to the book, some of her writings and a whole passel of YA and children’s book reviews. Looking for a good book for your kids? Check it out… And she’s got another book under contract so eventually that one will be added to the site as well. And it is sadly overdue for a complete redesign as well. You can follow Reading with a Pencil on Facebook too!

Speaking of neglected children

beakerwood.ca

I made this site one day after spending the Xmas holidays with the family. My brother has been making and selling woodwork under the Beakerwood brand for a decade. But he had no web presence. So as a gift, I bought the domain and whipped up a site for him. 

It was a bit more content-rich at one point but has fallen into disrepair. I went through and cleaned it up last year and it remains now as not much more than a splash page and contact info. He has gotten a few sales off it but not much. A project for the future…

littlefirecreative.ca

This is a friend’s site. Again, we were looking to create a more active business with an online presence but reality (and work) got in the way. Still it remains as a contact page for any freelance work that might come up. Looking for an editor? Art director? I can highly recommend you start here.

reluctantlyyours.com

This last one is currently not much more than a domain name and a placeholder image. I threw it up after a friend said they had  purchased the domain with a unique idea in mind. It turned out it was an idea who’s time has not yet come—but it will… oh yes, it will!

 

Teh is The Answer

For some reason Chrome has never wanted to suggest any other possible spellings for the word “teh.” I almost always misspell it when I am typing fast and it is pretty damn annoying since Chrome completely ignores OS X’s language preferences—so I  can’t turn on Substitutions—and screwing with the OS X dictionary was useless. So every time I go back through to proof a document (especially here in WordPress) and although Chrome will identify it as an error, I can’t just right-click and correct the offending teh like every other word I mistype:

I’ve spent hours  trying to figure it out and I finally managed it today. It seems I didn’t have a dictionary enabled. I’ve got English, US and English, UK selected in Chrome’s preferences but that never did any good. You need to go to Edit: Spelling and Grammar: Show Spelling and Grammar: and instead of Automatic by Language, change it to something else.

Turns out if I change that to Canadian English:

Then voila! Right-clicking now yields the proper suggested spellings.

Mystery solved. After too many years.

 

Addendum

So here we are a week later and teh is no longer being suggested as a correction! WTF mate? So I went back and checked, and sure enough Chrome had moved the language back to Automatic by Language. A quick  selection of Canadian English and we are back in business. But why? Was it an update somewhere along the way? I will have to keep an eye on it…

Addendum to teh Addendum

June 7th and the bloody thing has forgotten its dictionary again. Another quick reset back to Canadian English and we are good to go. I guess now I have another problem to investigate.

ebook creation

As a side project in late 2018 I started to produce ebooks for Standard Ebooks. I had been wanting to broaden my knowledge of epubs so I went casting about the internet for some good starting places. And I stumbled across this project:

Standard Ebooks takes ebooks from sources like Project Gutenberg, formats and typesets them using a carefully designed and professional-grade style manual, fully proofreads and corrects them, and then builds them to create a new edition that takes advantage of state-of-the-art ereader and browser technology.

It sounded perfect. And the addition of current semantics and web standards in construction also allow them to be more accessible which was something I had also been looking into. Volunteers pick a book project and after the redesign of the base code, they are modernized, proofread again and issued on the Standard Ebook website in multiple formats. And the whole system is also setup to allow maintenance after publication with fixes and updates by both the original producer and readers at large using GitHub. I would absolutely recommend that if you are thinking of downloading an ebook from Gutenberg that you check with Standard ebooks first to see if it has been worked on. It’s a much better choice.

So what do you do?

Well first off you need to subscribe to their google groups mailing list. Then you pick a copyright free (U.S. copyright free) book and propose it to the group. They prefer that the first project be short (~40,000 words) to encourage you to finish it rather than getting bogged down and abandoning the book. I get the sense that this happens a lot. Once the proposed title is approved  you head over to the their website and follow their handy step-by-step guide. Step one is downloading their tools. These are a set of Python-based command line tools that take care of a lot of the technical bits. If you’ve never used command line (Terminal on a Mac) it can be a bit intimidating but if you are interested you really shouldn’t let that stop you. Downloading the tools can take a lot of time so be patient.

The process

Essentially you follow these basic steps:

  1. Find the book on Gutenberg (or some other archive). Also locate online scans of the original text.
  2. Create a basic ebook template using the downloaded files (via the toolset).
  3. Clean up the files and make them conform to Standard Ebook standards.
  4. Fix the typography (via the toolset).
  5. Check the typography against their thorough typography manual.
  6. Add Semantics (again first via the toolset, then by using their semantic manual).
  7. Modernize spelling and punctuation.
  8. Find a cover (this is really rather a difficult and time-consuming step because they insist you find a CCO public domain image or something that was previously printed prior to 1922.)
  9. Complete the ToC and add links to various pages.
  10. Finish off the metadata (usually just a matter of writing a synopsis and filling in some blanks).
  11. Proofread, proofread, proofread.
  12. Submit for approval (and inevitably revise based on things you’ve missed).

Interestingly enough

This is a project started by and mostly inhabited  by bibliophilic computer geeks. They use a programmer’s approach to both structure, methodology and problem solving and rely on all sots of computer tools like GitHub—and the things I have learned about regex’s (high-powered search and replace paradigms) makes me giggle in glee. I can’t say, as a book designer I always agree with them and some of their stricter choices but the results speak for themselves. The main the thing their approach brings is an easily updated and maintained ebook that suffers very little from the idiosyncratic problems I find in “professionally” designed ebooks. And their collaborative approach ensures that multiple contributions by multiple contributors can be managed swiftly and easily, something that almost never happens in the real publishing world.

My ebooks so far…

After the first couple of books I settled into doing mostly plays. It’s a form I have always enjoyed, a genre that I am really familiar with and the technical challenges make them much more interesting to work on. And they’re fairly short which works well with my short attention span.

       

 

If you’d like to see a current list of books I will try to keep the page over at astart.ca/coding/ebooks current.

In conclusion

I plan to continue doing this as long as I have time. I am learning an incredible amount about ebooks, ebook structure, programming tools, css and html, art, literature, and even a bit about copyright and the open source community. I am trying to talk L into collaborating on a project with me (we are thinking William Carlos Williams’ pre-1923 poetry) where I will focus on the tech end and she can do the “boring” proofing and editorial. There might be an opportunity to work  straight from a scanned original—bypassing the Gutenberg process altogether. That will make it much more challenging. And I will probably start adding some notes about my various process and fixes to the site. After all I did originally start it as a way to save my bits and bobs of computer experimentation for posterity. So if you start seeing things like:

Find stage direction in brackets: [maid dusts the mantlepiece] \[(.*?)(.*)\] Replace with: <i epub:type="z3998:stage-direction">\u\1\2\.</i>

…you will know what it’s all about.

A new look

I realize my poor site has been neglected as of late. I’m not sure if anyone ever comes here anymore. Most of my writing time has been over at neverforever.ca but even there it’s been pretty sparse. On this, my home site, it’s been a couple of years since I posted regularly, instead just letting my Twitter and Instagram aggregators fill the pages. And the look was pretty sad as well. I realize I was trying to keep it hand-coded, but really…there are limits.

I’ve been working on ebook production lately (more about that later) and it has necessitated me refamiliarizing myself with css. So it occurred to me I really ought to do something with the site.

underscores

I started with a a starter theme called underscores and started modifying. I wanted something clean and simple and found a few examples online to  base it on. Then it was just a matter of digging in and starting to code. most of the work was done in the header.php file and the style.css. I’ve got a lot more I want to do but there’s the start.

I got rid of the sidebar and had to redo the menu as a result. I also wanted to add in some customization for the social-media icons. I based my code off of Patrick Garmen’s post on using Customizer with underscores. This meant I had to do some hit and miss php programming as well. Most of the code is available on the link but what Patrick failed to post was the code for inserting the links into the header. So here it is:

<?php
$test1 = get_theme_mod('youtube');
if ($test1<>'')
echo '<a href="'.$test1.'"><i class="fab fa-youtube-square fa-lg"></i></a>';
?>

You repeat this for each social media option you added in the Customizer.

Fonts & Icons

The icons come from Font Awesome and they have a great system for adding icons etc. to your page.  I also grabbed two fonts from Google Fonts: Open Sans Condensed and Quicksand. I might go back and rethink that later, but for now they work pretty good.

To Do

  • I want to revisit the code for posting the Instagram updates. It’s still pretty ugly and I think I can do better.
  • I am not sure about the background colour yet. Too blue?
  • I want to continue to work on the header to make it work better on smaller screens.
  • Go through page by page and fix the tiny issues.
  • And probably delete some of the pages that are out of date.

It also occurs to me I haven’t upgraded to WordPress 5 (Gutenberg) here on my main site. That might also throw some wrenches in the works…maybe even monkeys…

This is a screen shot for posterity. I am sure it will change pretty quickly.

The old look!

 

New Testing Server 2016

I started this post back in August 2016 when I set my old Mac mini up as a media server and webserver for testing purposes. I never finished it or got back to it, which is a bit of a bummer since it is all just so much gobbledygook to me now. Still, it documents the process I used this time to set up Apache, php and ftp. And, since one of the first purposes of this site was to store and have available various computer processes I had engaged in I guess I will post it for posterity despite its incompleteness.

 

Set up Server

https://mallinson.ca/osx-web-development/

Enable Root user
Directory Utility
Edit–>Enable Root User

MySQL : http://dev.mysql.com/downloads/mysql/

Apache

sudo apachectl start
sudo apachectl restart

/private/etc/apache2/httpd.conf

PHP

117 LoadModule php5_module libexec/apache2/libphp5.so

220
221 AllowOverride none
222 Require all denied
223

160 LoadModule vhost_alias_module libexec/apache2/mod_vhost_alias.so
477 Include /private/etc/apache2/extra/httpd-vhosts.conf

httpd-vhosts.conf file in the /private/etc/apache2/extra/
ServerAdmin info@macblaze.ca
DocumentRoot “/www/home/”
ServerName 192.168.1.10
ErrorLog “/private/var/log/apache2/home.macblaze.ca-error_log”
CustomLog “/private/var/log/apache2/home.macblaze.ca-access_log” common

IP to LocalHost
sudo nano /etc/hosts

Add the Domain and ‘www‘ alias to resolve to the localhost address

127.0.0.1 apple.com www.apple.com

sudo apachectl restart

Text Wrangler

http://www.barebones.com/products/textwrangler/download.html
Command Line tools

Set up A record for subdomain

FTP Server

sudo -s launchctl load -w /System/Library/LaunchDaemons/ftp.plist
sudo -s launchctl unload -w /System/Library/LaunchDaemons/ftp.plist

Open up router to forward port 80 to localhost

 

Install wordpress

 

Modify wp-config

/** sets up ‘direct method for wordpress auto-update without install in ftp **/

define(‘FS_METHOD’,’direct’);

 

https://wordpress.org/support/topic/auto-upgradeupdate-on-mac-os-x

$ cd /<wherever>/Sites/<thesite>
$ sudo chown -R _www wordpress

Here’s a simple option that gives you full (read+write) access, lets the webserver read the files, and locks everyone else out of the web folder

$ sudo chown -R “username”:_www /www/home/wp-content

$ chmod -R u=rwX,g=rX,o= /www/home/wp-content

 

Auto backup iPhone

I am trying to problem solve an issue with photos syncing to my phone and every time I have to test it it backs up the full 50 gig of data making this process extraordinarily long and tedious. But it seems you can disable that feature using terminal. I record it here for posterity …

If you are synchronizing to a Mac:

1. Close iTunes on your Mac.

2. Launch Terminal.

3. Type

defaults write com.apple.iTunes DeviceBackupsDisabled -bool true

and press Enter.

4. If you want to re-enable automatic backups, type

defaults write com.apple.iTunes DeviceBackupsDisabled -bool false

and press Enter.

https://discussions.apple.com/thread/6083556?tstart=0

MarsEdit 3: Offline composing

Composing WordPress posts offline is pretty simple: there are lots of tools available including WordPress’s own apps for both iOS and desktop. Unfortunately they all seem to demand you upload media before inserting it into your post. Which means if you are offline you can’t work on adding pictures until you once again have reliable internet.

I searched and found quite few option but 99% of them (including Microsoft Word) seem to be applicable to old versions of the software and haven’t been updated in a number of years. I guess reliable internet is just assumed these days.

MarsEdit 3

The only exception was Red Sweater’s MarsEdit 3. For $39.95 use it apparently allows you to compose and size images and then post them all at once; a much better solution for when we are away from the internet for days at a time. So I downloaded the 30 day demo and am giving it a try with this post.

DSCN1764

Here’s a snap of my brother at a recent curling tourney. It’s set to be centered and 800 x 600 pixels.

Some Quick Notes

The <img> tag uses style=”float:left;” instead of class=”alignleft” which WordPress prefers. But you can edit the macro to ad the appropriate class.

The images are also sized to one size; none of WordPress’s fancy multi-size uploads. So if you get it wrong on the initial upload you are out of luck.

You can also upload images separately using the Upload Utility. Not sure why you would want to but nice to have if it becomes necessary.

Testing out a Block Quote

Security is mostly a superstition. It does not exist in nature, nor do the children of men experience it. Avoiding danger is no safer in the long run than outright exposure. Life is either a daring adventure, or nothing.

—Helen Keller

The interface (adding tags etc.) is menu driven with very few shortcuts or buttons which is a bit antiquated and a bit of a pain, but everything seems to work as promised.

Oh and I just discovered the Rich Text Editor screws up tables. Since I shouldn’t be using tables anyway and the HTML leaves them alone, it’s not a stopper. But again, just a little regressive given the start of online editors these days.

In Conclusion

It’ll work. Kind of like being in a time machine back to the late 90s but it will work. Now I just need to decided if it is worth $50.

Random Text

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Random Head

IMG 0066

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

IMG 3700

Contrary to popular belief, * Lorem Ipsum * is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section 1.10.32.

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

Making Videos, Animating Graphics

I consider the video below a partial success. I managed to do what I set out to do, but frankly it didn’t end up meeting my minimum standards to call it good. But I have been humming and hawing for days now and finally decided to just post it and move on, because anything else would mean starting from scratch and I think it would be a waste to toss the whole thing. So check out the first of a series of planned sailing itineraries:

Method

The first thing I need was a map. The problem is that maps aren’t free despite what you might think given Google’s presence online. And I wanted something I could manipulate the way I wanted to. So I started with a bunch of base maps that I stitched together and started tracing.

Layer one was the base map that was a not-so-simple outline. Back in my book publishing days, I made a ton of these, oddly enough  mostly of BC. But that was when I was still using Freehand before it disappeared and Illustrator became the de facto standard. And I really hate Illustrator. Well, I don’t so much hate it as resent the fact that all those years of learning Freehand now work against me. But such is life in the design community: move on and keep learning.  At least the hours spent working on this map have helped get my Illustrator skills a little more polished. would have liked to add even more detail but the file was starting to balloon in size and it wasn’t actually necessary to have that much accuracy — so I started to slack a bit in places like the west coast of the Island. 

Then I added in coloured layers, borders, labels and whipped up a quick compass rose. After that was done I started building a series of layers with smaller area maps that I could use later to highlight the cruising grounds.

With that done I saved the file and I fired up a new project in Adobe After Effects, then imported the Illustrator file into it. One of the great things about after Effects is that it imports the files with the layering intact and, even better, maintains a hot link to the original file so if you have to go back and change something it updates automatically (which I did several times). In After Effects I proceeded to divide the project into two main sections: the Salish Sea intro and the first planned itinerary, add some more labels and build in animations. I had an idea of what I wanted to do but no idea of how to do it. YouTube to the rescue. All the graphic animations of the map were done in After Effects including the zooms and the move pathways of the route itself. 

Once those were done I exported it as two videos so I could move on to Premiere. After Effects and Premiere do support the a method of hot linking files but some of the effects I used were not supported so I was forced to render the After Effects files. This just meant that any changes that needed to be done would mean re-rendering the files and updating them in Premiere — a matter of  something like 15 minutes work for each video, each time I did it. So I tried not to do it. And pretty much failed.

In Premiere imported the two videos, a selection of still images from my archives and my intros/outros. Then I proceeded to build the initial text graphics and started breaking the videos down into a rough cut. 

Once the rough cut was done I stared animating the text, fine tuning the timing and playing with the narrative to try and get my point across. Although by this time I was starting to wonder what my point was —which was a huge learning lesson in itself.

Eventually I got it to some place that wasn’t particularly horrible and brought in some music. Originally I wanted to do the project with a scripted voice-over but finally decided that was too much additional work for what it was looking like I was going to be able to produce as a final product. I will likely revisit that decision on the next video (if I go ahead with the project) and be able to better anticipate what I will need to have done in what order to support that sort of narrative. And then I unfortunately got carried away laying the audio track and managed to box myself into a few more corners that would take too much work to back out of. 

Lessons Learned

At this point I essentially gave up on trying to improve deficiencies and focussed on completing something. I’d spent a little over a month on this so far and it was increasingly looking like I would have to go back and start from scratch (well, not quite from scratch, as the Illustrator map was perfect) in order to be able to get the result I was looking for. So I decided to get it to good enough and move on. And that’s what you see here.

Preplanning

I learned a few things about planning such an extensive media project. The first thing —which I already knew, or thought I did — is that eh more pre planning you do the less pain  and problems you  will encounter further down the road. I don’t think I truly appreciated how much I have learned about graphic and print production over the years that has allowed me to work fairly smoothly and problem solve on the fly without excessive documentation. Not so for motion graphics; I have a lot to learn and until I do, working out the kinks before I go into production is going to have to be the rule of the day.

Editing yourself

Again, less is more is a graphic design mantra I have long since internalized but it didn’t manage to make the transition to motion graphics. The amount of time I wasted on fancy-dancy effects that ultimately got left on the digital cutting room floor accounted for a huge percentage of the effort I have put into this. With every iteration I found myself cutting and editing things to try and simply the narrative. And frankly I still think I could have done a lot more.

Shortcuts, shortcuts, shortcuts

Know your tools. I have a personal rule that states if you do a set of actions more than three times in one session then take the time to learn shortcuts. Whether it is keyboard shortcuts, macros or simply a more efficient way of achieving your goal it almost always pays dividends when you take some time to explore your toolkit.

And organization helps a lot. I started out with a free for all of files and eventually found myself making more and more bins and folders to organize image, title bars, video clips and sequences. Next time I will start out with a whole lot of empty folders and keep it tidy as I go.

Teams

One of the reasons graphic designers can work alone and filmmakers generally don’t is that it take a huge set of disparate skills and talents to bring together motion graphics. Simply melding the audio and visual components is a massive sideways shift in perspective and I have a renewed respect for those who are auditorially skilled — I’m certainly not. As an audience we experience video differently than we do a static page and there is a whole language I am learning to describe how viewers interact with the screen. A lot of it comes from how we read and view the printed page, but a lot it does not. I am going to have to learn more than a few software programs if if I want to get better at this.

In conclusion

Anyway, I have called this project a wrap and will move on to the next and hopefully do a better job. Because every time I look at this particular video I still want to go in and change something — and I think it’s time to stop looking.

If you have any interest in seeing more sailing related video, my youtube channel can be found here:

Never for Ever YouTube Channel