<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>Andrew Tuline</title>
  <link rel="alternate" type="text/html" href="http://www.tuline.com/dru"/>
  <link rel="self" type="application/atom+xml" href="http://www.tuline.com/dru/atom/feed"/>
  <id>http://www.tuline.com/dru/atom/feed</id>
  <updated>2009-04-24T11:52:00-05:00</updated>
  <entry>
    <title>MDIA 4305 Course Review</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/mdia-4305-course-review" />
    <id>http://www.tuline.com/dru/content/mdia-4305-course-review</id>
    <published>2010-07-17T10:02:44-05:00</published>
    <updated>2010-07-17T10:20:12-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <summary type="html"><![CDATA[<p>This course provides the students a background in XML and really seems to take HTML into a different slant.</p>
<p>My understanding of XML is that it's purely used to store data records, and we covered that in the course. What's more intersting is the way we used XML in the assignments:</p>
<ol>
<li>Assignment 1 - Create a file called index.xml which contains the various fields of an invoice.</li>
<li>Assigment 2 - You are provided an XML file with 37 Shakespeare plays and are expected to create an index.html which will list those play and link to each one.</li>
<li>Assignment 3 - Take those same plays and format them using XSL stylesheets.</li>
<li>Assignment 4 - Using the MS-XML DOM, we were to render a page using Javascript, which linked an XML and XSL file.</li>
<li>Assignment 5 - Starting with XML and XSL files, we were to create an HTML file using a parser.</li>
</ul>
<p>As you can see, we went well beyond the basics of XML data structure definitions. Did I like the class? Many folks I talked to had a tough time with this course, however I thought it was interesting and gave me a better appreciation for XHTML and web standards. One big thing I got out of the course was a better understanding of the use of 'CDATA' within XML files.</p>
<p>I was quite happy with my final mark of 96%.</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>This course provides the students a background in XML and really seems to take HTML into a different slant.</p>
<p>My understanding of XML is that it's purely used to store data records, and we covered that in the course. What's more intersting is the way we used XML in the assignments:</p>
<ol>
<li>Assignment 1 - Create a file called index.xml which contains the various fields of an invoice.</li>
<li>Assigment 2 - You are provided an XML file with 37 Shakespeare plays and are expected to create an index.html which will list those play and link to each one.</li>
<li>Assignment 3 - Take those same plays and format them using XSL stylesheets.</li>
<li>Assignment 4 - Using the MS-XML DOM, we were to render a page using Javascript, which linked an XML and XSL file.</li>
<li>Assignment 5 - Starting with XML and XSL files, we were to create an HTML file using a parser.</li>
</ul>
<p>As you can see, we went well beyond the basics of XML data structure definitions. Did I like the class? Many folks I talked to had a tough time with this course, however I thought it was interesting and gave me a better appreciation for XHTML and web standards. One big thing I got out of the course was a better understanding of the use of 'CDATA' within XML files.</p>
<p>I was quite happy with my final mark of 96%.</p>
    ]]></content>
  </entry>
  <entry>
    <title>Drupal Development Resources</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/drupal-development-resources" />
    <id>http://www.tuline.com/dru/content/drupal-development-resources</id>
    <published>2010-07-17T09:59:27-05:00</published>
    <updated>2010-07-17T10:02:31-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <category term="Drupal" />
    <summary type="html"><![CDATA[<h3>Links</h3>
<ul>
<li><a href="http://drupal.org/contributors-guide">Developing for Drupal</a></li>
<li><a href="http://drupal.org/coding-standards">Coding Standards</a></li>
<li><a href="http://api.drupal.org">Drupal API's</li>
<li><a href="http://drupal.org/handbooks">Drupal Handbooks</a></li>
<li><a href="http://drupal.org/project/examples">Basic Module Examples</a></li>
</ul>
<h3>Drupal Books</h3>
<ul>
<li>Learning Drupal 6 Module Development</li>
<li>Pro Drupal Development</li>
</ul>
<h3>Other resources</h3>
<ul>
<li><a href="http://www.w3schools.com">W3Schools</a></li>
</ul>
    ]]></summary>
    <content type="html"><![CDATA[<h3>Links</h3>
<ul>
<li><a href="http://drupal.org/contributors-guide">Developing for Drupal</a></li>
<li><a href="http://drupal.org/coding-standards">Coding Standards</a></li>
<li><a href="http://api.drupal.org">Drupal API's</li>
<li><a href="http://drupal.org/handbooks">Drupal Handbooks</a></li>
<li><a href="http://drupal.org/project/examples">Basic Module Examples</a></li>
</ul>
<h3>Drupal Books</h3>
<ul>
<li>Learning Drupal 6 Module Development</li>
<li>Pro Drupal Development</li>
</ul>
<h3>Other resources</h3>
<ul>
<li><a href="http://www.w3schools.com">W3Schools</a></li>
</ul>
    ]]></content>
  </entry>
  <entry>
    <title>MDIA 4205 - Business of the Web Course Review</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/mdia-4205-business-web-course-review" />
    <id>http://www.tuline.com/dru/content/mdia-4205-business-web-course-review</id>
    <published>2010-05-05T10:48:02-05:00</published>
    <updated>2010-05-12T13:10:21-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <category term="MDIA 4205" />
    <summary type="html"><![CDATA[<p>This is a critical course for independent consultants, as it clearly shows that the 'techie' portion of our business is only one small aspect. I recommend this course as it's a wake up call as to what it would take to get your web design practice up and running.</p>
<p>My final mark for this course was 91%.</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>This is a critical course for independent consultants, as it clearly shows that the 'techie' portion of our business is only one small aspect. I recommend this course as it's a wake up call as to what it would take to get your web design practice up and running.</p>
<p>My final mark for this course was 91%.</p>
    ]]></content>
  </entry>
  <entry>
    <title>MDIA 4305 - XML and XHTML</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/mdia-4305-xml-and-xhtml" />
    <id>http://www.tuline.com/dru/content/mdia-4305-xml-and-xhtml</id>
    <published>2010-04-14T11:03:06-05:00</published>
    <updated>2010-05-12T13:12:24-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <summary type="html"><![CDATA[<p>This course is starting out well.  The instructor had the forums configured to support each of the assignments. In addition, she had a Link area to each of our assignments as well. That's a pleasant change from the previous courses I've taken.</p>
<p>On the downside, some of the information is a bit out of date (ie using Netscape Navigator 7 in the web browser comparison chart), however that's nothing new compared to the other courses in this program.</p>
<p>Some of the work in xml seems to be bleeding in that it only works on certain browsers. I do, however like the fact that in assignment #2, we're given xml and it's up to us to style it.  Too bad it's xml and not xhtml though. Shades of the CSS Zen Garden. Great practice.</p>
<p>Unit 7 is using the XML DOM, and uses a proprietary Microsoft version. This is unsettling, as a standards based XML DOM does seem to be available. More research required. . .</p>
<p>Getting into the home stretch of this course, and it's getting a bit strange. Some assignments work with IE but not Firefox and vice versa.</p>
<p>I recommend this course, as it provides us with an introduction of some of the emerging web standards.</p>
<p>So far, the Instructor gets a B, course gets a C.</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>This course is starting out well.  The instructor had the forums configured to support each of the assignments. In addition, she had a Link area to each of our assignments as well. That's a pleasant change from the previous courses I've taken.</p>
<p>On the downside, some of the information is a bit out of date (ie using Netscape Navigator 7 in the web browser comparison chart), however that's nothing new compared to the other courses in this program.</p>
<p>Some of the work in xml seems to be bleeding in that it only works on certain browsers. I do, however like the fact that in assignment #2, we're given xml and it's up to us to style it.  Too bad it's xml and not xhtml though. Shades of the CSS Zen Garden. Great practice.</p>
<p>Unit 7 is using the XML DOM, and uses a proprietary Microsoft version. This is unsettling, as a standards based XML DOM does seem to be available. More research required. . .</p>
<p>Getting into the home stretch of this course, and it's getting a bit strange. Some assignments work with IE but not Firefox and vice versa.</p>
<p>I recommend this course, as it provides us with an introduction of some of the emerging web standards.</p>
<p>So far, the Instructor gets a B, course gets a C.</p>
    ]]></content>
  </entry>
  <entry>
    <title>MDIA 4325 - PHP Course</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/mdia-4325-php-course" />
    <id>http://www.tuline.com/dru/content/mdia-4325-php-course</id>
    <published>2010-03-09T14:40:08-06:00</published>
    <updated>2010-05-05T10:36:33-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <summary type="html"><![CDATA[<p>In the PHP course at BCIT, we learned some important concepts, such as:</p>
<ul>
<li>sessions</li>
<li>cookies</li>
<li>arrays</li>
<li>file management</li>
<li>MySQL</li>
<li>output buffering</li>
<li>regular expressions</li>
<li>and more . . </li>
</ul>
<p>The text used to support the course was 'PHP Third Edition' by Larry Ullman. The text provided background material for all of these topics, and was supplemented by course material (located at <a href="http://webapps.bcit.ca/mdia4325/" title="http://webapps.bcit.ca/mdia4325/">http://webapps.bcit.ca/mdia4325/</a>).</p>
<p>To me, the course was marred by the mistakes in the course materials as well as examples that didn't work. </p>
    ]]></summary>
    <content type="html"><![CDATA[<p>In the PHP course at BCIT, we learned some important concepts, such as:</p>
<ul>
<li>sessions</li>
<li>cookies</li>
<li>arrays</li>
<li>file management</li>
<li>MySQL</li>
<li>output buffering</li>
<li>regular expressions</li>
<li>and more . . </li>
</ul>
<p>The text used to support the course was 'PHP Third Edition' by Larry Ullman. The text provided background material for all of these topics, and was supplemented by course material (located at <a href="http://webapps.bcit.ca/mdia4325/" title="http://webapps.bcit.ca/mdia4325/">http://webapps.bcit.ca/mdia4325/</a>).</p>
<p>To me, the course was marred by the mistakes in the course materials as well as examples that didn't work.<br />
<!--break--><br />
These included:</p>
<ul>
<li>File application didn't work</li>
<li>Wedding database application didn't work and one of the files was corrupted</li>
<li>Wine store application was non-existent</li>
</ul>
<p>These issues would have been not too bad if the content was new. It's not. The content has been around for years, so there's not much of an excuse to have these issues.</p>
<p>It's a great course to offer web developers, however BCIT really needs to address the currency and accuracy of the course notes and examples. Then again, more than one of these courses has this problem. It doesn't help that there seem to be about 2 students enrolled per semester, thus making a course re-design financially not very viable.</p>
<p>I shouldn't complain though, as I received 98% on this course.</p>
    ]]></content>
  </entry>
  <entry>
    <title>Top Drupal Things</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/top-drupal-things" />
    <id>http://www.tuline.com/dru/content/top-drupal-things</id>
    <published>2010-01-08T16:11:54-06:00</published>
    <updated>2010-01-08T16:14:20-06:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <category term="Drupal" />
    <summary type="html"><![CDATA[<p>In December 2009, the Surrey Drupal Group met to discuss the top Drupal modules, tools and other resources that make our life easier. This <a href="http://www.tuline.com/Drupal%20Things.pdf">PDF file</a> is a copy of the results.</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>In December 2009, the Surrey Drupal Group met to discuss the top Drupal modules, tools and other resources that make our life easier. This <a href="http://www.tuline.com/Drupal%20Things.pdf">PDF file</a> is a copy of the results.</p>
    ]]></content>
  </entry>
  <entry>
    <title>Backups, Backups</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/backups-backups" />
    <id>http://www.tuline.com/dru/content/backups-backups</id>
    <published>2009-11-06T12:45:54-06:00</published>
    <updated>2010-05-05T13:29:37-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <summary type="html"><![CDATA[<p>
It's time for the bi-annual operating system refresh for my home office, so I decided to upgrade my laptop from Windows Vista to Windows 7. What I didn't realize was that my backups were on the edge of failure.
</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>
It's time for the bi-annual operating system refresh for my home office, so I decided to upgrade my laptop from Windows Vista to Windows 7. What I didn't realize was that my backups were on the edge of failure.
</p>
<p><!--break--></p>
<p>
Having been in the IT industry for over 20 years, I've been ingrained with more than a sense of trepidation when it comes to in place upgrades. It's just something I don't like to do.
</p>
<p>
Having only a single hard drive for my laptop, my choice was to either:
</p>
<ul>
<li>perform an in place upgrade </li>
<li>wipe the drive and start again</li>
</ul>
<p>
In fact, I chose option 3:
</p>
<ul>
<li>buy another hard drive and keep the original just in case</li>
</ul>
<p>
I wanted to ensure that I could continue using the laptop in case the upgrade wasn't successful. In addition, I keep all my data on a backup server, and perform regular backups which I test as well. With the backups in place, it was time to proceed with Windows 7.</p>
<p>Despite some initial installation issues, I managed to get Windows 7 installed on my new 500G 2.5&quot; drive. Once the system was in reasonable shape, I decided to start restoring data from the server using a program called Syncback. This allows me to schedule up several restoration jobs in the background and continue working. Initially, the performance was slow and it turned out this was due to the fact I was using wireless. I then changed over to the 100BaseT wired connection and the performance increased dramatically. The problem now is that the server started to crash. I then reverted to manual copying over of directories but had to reset the server as it kept crashing after copying a few gigabytes of data (sometimes less). After a while, I decided enough was enough and took out the data drive and placed it in an external drive enclosure and connected it via USB to my laptop. Well, that was that.  The backup drive gave up the ghost and all my backups were gone.
</p>
<p>
It scares me to think that if I had chosen either of the first two options when installing Windows 7, my data could have been gone. If an in place upgrade had failed, I would have lost the original data as well as the backups and that would have been catastrophic for my small business. In reality, I also keep at least 1 other set of backups, however it is a few months old and there still would have been some pain. As it stands, I have re-installed the drive containing Windows Vista and am backing it up to another drive.
</p>
<p>
It turns out that my years of IT experience have paid off. In leaving the original drive alone and taking multiple backups, I am still able to restore my data despite the loss of my primary backups. I also had a fallback with the secondary backups.</p>
<p>The lesson learned, however is to keep those secondary backups a little fresher and to maybe keep a set offsite like I used to at my previous employers.
</p>
<p>Update: I went out aand bought an external eSata drive enclosure and a 1TB drive. Am backing up to this thing at light speed. It supports 2.5" as well as 3.5" and the drives are pop-out, so offsites will be much easier to create.</p>
    ]]></content>
  </entry>
  <entry>
    <title>Publishing Contact Lists</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/publishing-contact-lists" />
    <id>http://www.tuline.com/dru/content/publishing-contact-lists</id>
    <published>2009-09-18T08:45:22-05:00</published>
    <updated>2010-04-18T15:41:45-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <summary type="html"><![CDATA[<p>
In my role as a web site administrator for a few soccer organizations, I have to publish contact lists (on my Windows based computer) for the executive and coaches.  These lists are generated by volunteers and are always in Microsoft Excel.
</p>
<p>
The challenge that I have, is that Microsoft Excel spreadsheets often don't translate well when being cut and pasted into a HTML based WYSIWYG editor and then published to the Internet. I have seen things like:
</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>
In my role as a web site administrator for a few soccer organizations, I have to publish contact lists (on my Windows based computer) for the executive and coaches.  These lists are generated by volunteers and are always in Microsoft Excel.
</p>
<p>
The challenge that I have, is that Microsoft Excel spreadsheets often don't translate well when being cut and pasted into a HTML based WYSIWYG editor and then published to the Internet. I have seen things like:
</p>
<p><!--break--></p>
<ul>
<li>Colours are in the wrong place </li>
<li>Fonts are not the right size </li>
<li>Border are all messed up</li>
<li>Spreadsheet is too wide for the available space </li>
<li>Sometimes works with IE, but not Firefox</li>
<li>Browser rendering incompatabilities</li>
<li>And so on . . .</li>
</ul>
<p>
&nbsp;
</p>
<p>
As a result, I've tried different techniques in order to resolve this; none of which are perfect. These incude:
</p>
<ul>
<li>Using IE to cut and paste</li>
<li>Use Open Office 3.X to cut and paste (seems promising)</li>
<li>Make a screenshot of the contact list</li>
<li>Convert it to Javascript</li>
<li> </li>
</ul>
<p>
I usually need to update the spreadsheet with some additional formatting and information and return it to the author. Hopefully, they'll use that as the 'master' copy and update it and resend it to me with updates in the future.
</p>
<p>
&nbsp;
</p>
<h2>Use IE to cut and paste</h2>
<p>
If this works, great. Count yourself lucky. The drawback is that your email addresses may harvestable by spammers.
</p>
<h2>Use Open Office 3.X</h2>
<p>
This seems to be promising, but again, your email addresses may harvestable by spammers.
</p>
<h2>Make a Screenshot</h2>
<p>
This ensures that your spreadsheet looks the way you want and that your email addresses are not harvestable. It does add significantly to the size of your page, and people can't cut and paste any information from it. It also adds time to the process.
</p>
<h2>Convert it to Javascript </h2>
<p>
This makes for the best looking list, but is very time consuming to create and maintain. This has the distinct advantage of being able to obfuscate email addresses while allowing them to be clickable.
</p>
<p>
&nbsp;
</p>
<p>
I currently use all of these techniques, depending on the situation. It would be nice to hear what others do about this issue.
</p>
    ]]></content>
  </entry>
  <entry>
    <title>General Thoughts on BCIT&#039;s MDIA Program</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/general-thoughts-bcits-mdia-program" />
    <id>http://www.tuline.com/dru/content/general-thoughts-bcits-mdia-program</id>
    <published>2009-08-05T12:26:46-05:00</published>
    <updated>2010-05-25T23:32:30-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <summary type="html"><![CDATA[<h3><strong>Introduction</strong></h3>
<p>This article provides a brief review of BCIT's MDIA program for aspiring web designers and developers as well as their new Desire 2 Learn to support online classrooms.</p>
<h3><strong>The D2L Environment</strong></h3>
<p>The new Desire 2 Learn environment provides features to simulate a classroom environment such as:</p>
<ul>
<li>Discussion Area</li>
<li>Presentation Area</li>
<li>Quizzes &amp; Surveys</li>
<li>Content Publishing</li>
<li>Calendar</li>
<li>Email</li>
<li>And more . . </li>
</ul>
<p>This environment looks a lot like Microsoft Sharepoint and is configurable for each class. There's also an overall Portfolio section as well a a blog. One thing I appreciated is that they can keep your previous classes online long after they have ended.</p>
<p><strong>Rating: A</strong></p>
<p>&nbsp;</p>
    ]]></summary>
    <content type="html"><![CDATA[<h3><strong>Introduction</strong></h3>
<p>This article provides a brief review of BCIT's MDIA program for aspiring web designers and developers as well as their new Desire 2 Learn to support online classrooms.</p>
<h3><strong>The D2L Environment</strong></h3>
<p>The new Desire 2 Learn environment provides features to simulate a classroom environment such as:</p>
<ul>
<li>Discussion Area</li>
<li>Presentation Area</li>
<li>Quizzes &amp; Surveys</li>
<li>Content Publishing</li>
<li>Calendar</li>
<li>Email</li>
<li>And more . . </li>
</ul>
<p>This environment looks a lot like Microsoft Sharepoint and is configurable for each class. There's also an overall Portfolio section as well a a blog. One thing I appreciated is that they can keep your previous classes online long after they have ended.</p>
<p><strong>Rating: A</strong></p>
<p>&nbsp;</p>
<p><!--break--></p>
<h3><strong>The Course Material</strong></h3>
<p>I've found that the course material has lots of examples and contains more depth than many of the books I've seen on these topics. On the other hand, this material has been updated over the years, often in a haphazard fashion and with examples that no longer work. Much of the 'legacy' content remains and looks outdated as does the presentation. It looks to me that the instructors need to spend more time in order to be on top of the currency, relevancy and quality of their materials.</p>
<p><strong>Rating: C &nbsp; (B for quantity, D for quality, currency)</strong></p>
<p>&nbsp;</p>
<h3><strong>Discussion Groups</strong></h3>
<p>The D2L environment provides a threaded discussion area for students and their instructor in order create an online classroom. The problem is that the instructors aren't leading the classroom discussion. In some cases, they aren't even posting. This is unfortunate, as this is where BCIT could set themselves apart from their online competitors. In addition, very few of the students are using the discussion areas and thus aren't making much use of the environment.</p>
<p><strong>Rating: D &nbsp;  (B for the technology, F for the instructors, D for the students)</strong></p>
<p>&nbsp;</p>
<h3><strong>Presentation Area</strong</h3>
<p>BCIT provides an FTP/web server so that students can upload their presentations so as to be viewable by others. One problem is that the instructors only provide basic instructions on how to upload files to their presentation area. This seems to be offered as an optional item rather than the educational tool it can be. Students are rarely encouraged to structure their presentation area by course or assignment and thus this cool resource goes underutilized. We don't get a Control Panel either, so functionality is limited to text files.</p>
<p>Note: If you're enrolled in the PHP course, you can get access to a database and PHPMyAdmin.</p>
<p><strong>Rating: C &nbsp;(B for the technology, D for the instructors, D for the students)</strong></p>
<p>&nbsp;</p>
<h3><strong>Marking System</strong></h3>
<p>My understanding of the marking system is that you are deducted marks for the mistakes that you make. On a few assignments, I stretched myself technically as well as artistically and then ran the code through the online W3C validators, which validated the code. The instructor's validation software, however, flagged some warnings, and I lost several marks as a result. My lessons learned were to:</p>
<ul>
<li>Use a top notch validator</li>
<li>Don't try and get fancy</li>
<li>Don't make ANY mistakes</li>
</ul>
<p>It was disappointing not to get any marks for trying cool stuff and to lose marks on warnings that the online validators didn't even detect.</p>
<p><strong>Rating: C</strong></p>
<p>&nbsp;</p>
<h3><strong>Conclusion</strong></h3>
<p>When looking at the course material, it seems to me that these courses peaked around 2005 and have been in 'maintenance' mode ever since. For example, as of early 2010, both the beginner and advanced Flash courses are still taught using Actionscript 2, despite the introduction of Actionscript 3 in 2006. In addition, many of the links in the course material are no longer working. Finally, current technologies, such as Flex, Silverlight and CMS's are nowhere to be found.</p>
<p>What could set BCIT apart is the (very excellent) D2L classroom environment with instructors assigned to assist/lead the class.  The only problem is, the instructors do not seem to be doing this. They aren't leading the class in discussion, posing interesting challenges and rarely join in the discussion threads (few as they are). Many instructors don't appear to be encouraging students to post their assignments and share with the others. They really aren’t creating a classroom environment at all. I don't believe the BCIT program will reach its potential until the instructors really engage themselves and their students in this online program. That being said, it's a two way street, and the students really need to engage themselves in order to take advantage of the the networking potential offered by this program. Check out <a href="http://www.sitepoint.com/forums/index.php" target="_blank">Sitepoint's forums</a> for an example of a vibrant online community.</p>
<p>In the meantime, online resources such as lynda.com, smashingmagazine.com, tutsplus.com and interact.webstandards.org provide better and more current material. They just don't seem to offer the structured classroom environment that BCIT does.</p>
<p><strong>Overall Rating: C</strong</p>
<p>Feel free to send any comments to atuline at gmail dot com.</p>
    ]]></content>
  </entry>
  <entry>
    <title>Review of MDIA 1206</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/review-mdia-1206" />
    <id>http://www.tuline.com/dru/content/review-mdia-1206</id>
    <published>2009-08-05T10:29:03-05:00</published>
    <updated>2010-05-05T10:05:09-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <category term="MDIA 1206" />
    <summary type="html"><![CDATA[<p>
<b>General:</b>
</p>
<p>
There were 5 assignments in this course, each building upon the knowledge gained in the previous assignments. Your first assignment starts off with a knowledge of just a few HTML tags and NO CSS. From there, you add more tags, but you are NOT allowed to go beyond the material you have taken. It's not until assignment 5, that you are allowed to use CSS at all.
</p>
<p>
<b>The good:</b>
</p>
<p>
This was a good course to get introduced to the way they do things in the MDIA series of courses. You are supplied with reading material, online forums, publishing capabilities. You need to submit assignments that get marked and so on.
</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>
<b>General:</b>
</p>
<p>
There were 5 assignments in this course, each building upon the knowledge gained in the previous assignments. Your first assignment starts off with a knowledge of just a few HTML tags and NO CSS. From there, you add more tags, but you are NOT allowed to go beyond the material you have taken. It's not until assignment 5, that you are allowed to use CSS at all.
</p>
<p>
<b>The good:</b>
</p>
<p>
This was a good course to get introduced to the way they do things in the MDIA series of courses. You are supplied with reading material, online forums, publishing capabilities. You need to submit assignments that get marked and so on.
</p>
<p><!--break--></p>
<p>
<b>The bad:</b>
</p>
<p>
Most of the MDIA 1206 assignments required that the users NOT use CSS for styling, but rather to use HTML tags. This was acceptable, however it was also a Dreamweaver course, and the design mode of CS4 doesn't easily permit this.
</p>
<p>
<b>The marking:</b>
</p>
<p>
If you want to maximize your marks (for any of these courses), you'll stick with the course material and get it PERFECT. That is, no HTML errors or warnings, no CSS errors or warnings. The W3C checkers are not adequate. You need something with additional checking power, such as the CSE Validator. Validate everything! Although you can declare transitional xhtml in your header, you had better code as if it's strict. You will be marked as such.
</p>
<p>
Adding cool functionality to your assignments doesn't amount to much. Make a mistake anywhere and you'll lose marks quickly. If your goal is to stretch yourself technically, then be prepared to lose some marks unless everything is absolutely perfect.
</p>
<p>
Make sure you know exactly what the instructor wants. Has (s)he provided any examples? Are your classmates publishing their work? If not, it should be strongly encouraged.
</p>
<p>
I've experienced this marking style in later courses as well, so be prepared.
</p>
<p><b>Recommendation:</b></p>
<p>Considering that many of the remaining courses are about programming HTML/CSS/Javascript and so on for the web, I would recommend dropping the Dreamweaver Design mode early on and focus on coding right off the bat. As a matter of fact, the students may be better off using another tool, such as Webuilder, Notepad++ or BBEdit so as to completely avoid the temptation to use Dreamweaver's Design mode. I would just offer MDIA 1205 and drop 1206 entirely.</p>
    ]]></content>
  </entry>
  <entry>
    <title>MDIA 3207 - Assignment 3</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/mdia-3207-assignment-3" />
    <id>http://www.tuline.com/dru/content/mdia-3207-assignment-3</id>
    <published>2009-05-17T20:02:01-05:00</published>
    <updated>2010-02-09T11:50:57-06:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <category term="MDIA 3207" />
    <summary type="html"><![CDATA[<p>This Javascript assignment revolved around making a simple Weather web site, and it required use of Javascript math and date functions.</p>
<p>To me, the trick for this assignment was to come up a cool temperature generator. Most of the rest was image and innerhtml updates which we did a lot of in assignment 2. Rather than use links to select cities, I used a 'select' field in conjunction with some Javascript and then modified the DOM to place images and text. Much more interactive that way.</p>
<p>I continued to work on layout techniques and tried out Layer Comps in Photoshop with limited success. Will continue to press on.
</p>
<p>
Finished. Wow! What an assignment. There are better looking ones out there in the class, but mine was the only one that used the select field to select a city. That took a bit of work in Firefox, and much more so to make it IE compatible.
</p>
<p>Update: I was the only one in the class that used the select field. In addition, the temperature generator was really cool. The instructor found a mistake in my timezone calculations and I lost marks big time there. Maybe I should have spent less time learning the cool stuff in order to get the basics right. :(</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>This Javascript assignment revolved around making a simple Weather web site, and it required use of Javascript math and date functions.</p>
<p>To me, the trick for this assignment was to come up a cool temperature generator. Most of the rest was image and innerhtml updates which we did a lot of in assignment 2. Rather than use links to select cities, I used a 'select' field in conjunction with some Javascript and then modified the DOM to place images and text. Much more interactive that way.</p>
<p>I continued to work on layout techniques and tried out Layer Comps in Photoshop with limited success. Will continue to press on.
</p>
<p>
Finished. Wow! What an assignment. There are better looking ones out there in the class, but mine was the only one that used the select field to select a city. That took a bit of work in Firefox, and much more so to make it IE compatible.
</p>
<p>Update: I was the only one in the class that used the select field. In addition, the temperature generator was really cool. The instructor found a mistake in my timezone calculations and I lost marks big time there. Maybe I should have spent less time learning the cool stuff in order to get the basics right. :(</p>
    ]]></content>
  </entry>
  <entry>
    <title>MDIA 3207 - Assignment 2</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/mdia-3207-assignment-2" />
    <id>http://www.tuline.com/dru/content/mdia-3207-assignment-2</id>
    <published>2009-05-02T11:30:59-05:00</published>
    <updated>2009-08-05T11:27:20-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <category term="MDIA 3207" />
    <summary type="html"><![CDATA[<p>
This assignment is about being a tour operator, and we were given a couple of inspiration sites.
</p>
<p>
Here's how I'm (currently) going about laying out this assignment:
</p>
<ol>
<li>Load up Firefox with the'<a href="https://addons.mozilla.org/en-US/firefox/addon/5648" target="_self">Fireshot</a>' image capture add-on.</li>
<li>Copy a 960 column '<a href="http://github.com/nathansmith/960-grid-system/blob/568eeac257602df35a920b18eafc8a5bb6e8825d/templates/photoshop/960_grid_12_col.psd%20" target="_self">PSD template</a>' to my assignment directory and open it with Photoshop.</li>
<li>With Firefox, search for some inspiration sites.</li>
<li>Use Fireshot to capture the entire page and paste it as a new layer in Photoshop.</li>
<li>Repeat for a few sites (make sure you rename the layer to the URL of the site).</li>
<li>Once done, I may wish to cut up sections of the pages into blocks, each on its own layer. </li>
<li>Create a 'mock' layout using the various blocks.</li>
<li>Hide everything except for my 'mock' layout, and lower it's opacity and set it as the background layer.</li>
<li>Now I start designing my own site in Photoshop loosely based on the 'mock' one.</li>
<li>Of course, my PSD to CSS conversion will make it looser still.</li>
<li>Then there's the Javascript component. Yikes!</li>
</ol>
<p>
&nbsp;
</p>
<p>
PSD template:
</p>
<p>
<a href="http://github.com/nathansmith/960-grid-system/blob/568eeac257602df35a920b18eafc8a5bb6e8825d/templates/photoshop/960_grid_12_col.psd" target="_blank">http://github.com/nathansmith/960-grid-system/blob/568eeac257602df35a920b18eafc8a5bb6e8825d/templates/photoshop/960_grid_12_col.psd</a>
</p>
<p>
&nbsp;
</p>
<p>
Update:
</p>
<p>
- Playing with Photoshop built-in grid sizes &amp; colour contrast<br />
- Turning off template once I am happy with overall layout<br />
- Printing out pages of the inspiration sites<br />
- Lay out major sections first, then work on detail<br />
- Using Photoshop folders and name them<br />
- Using shape layers drawing mode and not fill pixels and using masks for rounded corners<br />
- <a href="http://www.sxc.hu" title="www.sxc.hu">www.sxc.hu</a> has a LOT of free stock images and graphics<br />
- I'm developing core HTML/CSS first, then adding Javscript later<br />
- Yikes! Don't forget cross browser testing.  Sure wish there was a Firebug for all browsers.
</p>
<p>
Update 2:
</p>
<p>
- Most of the HTML/CSS is done<br />
- The key to most of the Javascript effects are found in the examples,<br />
I'm thinking 6-3, 6-11, 6-5, 6-8  and 8-8 (for a random image on the<br />
main page).<br />
- Using 'mod' or '%' saves some lines of code when going through a slideshow
</p>
<p>
&nbsp;
</p>
<p>
Finished.  I was really happy with how this looked in the end. Sure it could have done with some more polish, but the image management was really cool.
</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>
This assignment is about being a tour operator, and we were given a couple of inspiration sites.
</p>
<p>
Here's how I'm (currently) going about laying out this assignment:
</p>
<ol>
<li>Load up Firefox with the'<a href="https://addons.mozilla.org/en-US/firefox/addon/5648" target="_self">Fireshot</a>' image capture add-on.</li>
<li>Copy a 960 column '<a href="http://github.com/nathansmith/960-grid-system/blob/568eeac257602df35a920b18eafc8a5bb6e8825d/templates/photoshop/960_grid_12_col.psd%20" target="_self">PSD template</a>' to my assignment directory and open it with Photoshop.</li>
<li>With Firefox, search for some inspiration sites.</li>
<li>Use Fireshot to capture the entire page and paste it as a new layer in Photoshop.</li>
<li>Repeat for a few sites (make sure you rename the layer to the URL of the site).</li>
<li>Once done, I may wish to cut up sections of the pages into blocks, each on its own layer. </li>
<li>Create a 'mock' layout using the various blocks.</li>
<li>Hide everything except for my 'mock' layout, and lower it's opacity and set it as the background layer.</li>
<li>Now I start designing my own site in Photoshop loosely based on the 'mock' one.</li>
<li>Of course, my PSD to CSS conversion will make it looser still.</li>
<li>Then there's the Javascript component. Yikes!</li>
</ol>
<p>
&nbsp;
</p>
<p>
PSD template:
</p>
<p>
<a href="http://github.com/nathansmith/960-grid-system/blob/568eeac257602df35a920b18eafc8a5bb6e8825d/templates/photoshop/960_grid_12_col.psd" target="_blank">http://github.com/nathansmith/960-grid-system/blob/568eeac257602df35a920b18eafc8a5bb6e8825d/templates/photoshop/960_grid_12_col.psd</a>
</p>
<p>
&nbsp;
</p>
<p>
Update:
</p>
<p>
- Playing with Photoshop built-in grid sizes &amp; colour contrast<br />
- Turning off template once I am happy with overall layout<br />
- Printing out pages of the inspiration sites<br />
- Lay out major sections first, then work on detail<br />
- Using Photoshop folders and name them<br />
- Using shape layers drawing mode and not fill pixels and using masks for rounded corners<br />
- <a href="http://www.sxc.hu" title="www.sxc.hu">www.sxc.hu</a> has a LOT of free stock images and graphics<br />
- I'm developing core HTML/CSS first, then adding Javscript later<br />
- Yikes! Don't forget cross browser testing.  Sure wish there was a Firebug for all browsers.
</p>
<p>
Update 2:
</p>
<p>
- Most of the HTML/CSS is done<br />
- The key to most of the Javascript effects are found in the examples,<br />
I'm thinking 6-3, 6-11, 6-5, 6-8  and 8-8 (for a random image on the<br />
main page).<br />
- Using 'mod' or '%' saves some lines of code when going through a slideshow
</p>
<p>
&nbsp;
</p>
<p>
Finished.  I was really happy with how this looked in the end. Sure it could have done with some more polish, but the image management was really cool.
</p>
    ]]></content>
  </entry>
  <entry>
    <title>MDIA 3208 Assignments</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/mdia-3208-assignments" />
    <id>http://www.tuline.com/dru/content/mdia-3208-assignments</id>
    <published>2009-04-12T09:04:28-05:00</published>
    <updated>2010-05-05T11:53:00-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <category term="MDIA 3208" />
    <summary type="html"><![CDATA[<p>This course is titled &quot;Using New Media on the Web: Flash&quot;.</p>
<ul>
<li><a href="/BCIT/mdia3208/assign_1/index.html">#1 - Not to be submitted</a></li>
<li><a href="/BCIT/mdia3208/assign_2/index.html">#2 - First assignment with basic tweens<br />
	</a></li>
<li><a href="/BCIT/mdia3208/assign_3/index.html">#3 - Use motion tween and masks </a></li>
<li><a href="/BCIT/mdia3208/assign_4/index.html">#4 - Flash website with scenes and buttons<br />
	</a></li>
<li><a href="/BCIT/mdia3208/assign_5/index.html">#5 - Add sounds and images</a></li>
</ul>
<p>I received 10/30 on my final assignment. The instructor  didn't seem to like the fact that I deviated from the course and delved into Actionscript 3 programming. He really wanted his tweens, and my mark suffered when I zagged from what was expected. My final mark for this course was 67% and would have been much higher if I stayed within the lines. Despite the above issue, I learned a LOT in this course.</p>
<p>Oh, and his advanced course covers some basic Actionscript 2.</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>This course is titled &quot;Using New Media on the Web: Flash&quot;.</p>
<ul>
<li><a href="/BCIT/mdia3208/assign_1/index.html">#1 - Not to be submitted</a></li>
<li><a href="/BCIT/mdia3208/assign_2/index.html">#2 - First assignment with basic tweens<br />
	</a></li>
<li><a href="/BCIT/mdia3208/assign_3/index.html">#3 - Use motion tween and masks </a></li>
<li><a href="/BCIT/mdia3208/assign_4/index.html">#4 - Flash website with scenes and buttons<br />
	</a></li>
<li><a href="/BCIT/mdia3208/assign_5/index.html">#5 - Add sounds and images</a></li>
</ul>
<p>I received 10/30 on my final assignment. The instructor  didn't seem to like the fact that I deviated from the course and delved into Actionscript 3 programming. He really wanted his tweens, and my mark suffered when I zagged from what was expected. My final mark for this course was 67% and would have been much higher if I stayed within the lines. Despite the above issue, I learned a LOT in this course.</p>
<p>Oh, and his advanced course covers some basic Actionscript 2.</p>
    ]]></content>
  </entry>
  <entry>
    <title>MDIA 3207 Assignments</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/mdia-3207-assignments" />
    <id>http://www.tuline.com/dru/content/mdia-3207-assignments</id>
    <published>2009-04-12T09:01:12-05:00</published>
    <updated>2009-09-07T19:25:59-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <category term="MDIA 3207" />
    <summary type="html"><![CDATA[<p>
This is the Javascript course.
</p>
<ul>
<li><a href="/BCIT/mdia3207/assign_1/index.html">#1 - Basic Javascript with a single image DOM</a></li>
<li><a href="/BCIT/mdia3207/assign_2/index.html">#2 - Image DOM manipulation and timing - travel site</a></li>
<li><a href="/BCIT/mdia3207/assign_3/index.html">#3 Date and math calculations - weather site</a></li>
<li><a href="/BCIT/mdia3207/assign_4/index.html">#4 - Javascript Shopping Cart part I </a></li>
<li><a href="/BCIT/mdia3207/assign_5/index.html">#5 - Javascript Shopping Cart with cookies</a></li>
</ul>
    ]]></summary>
    <content type="html"><![CDATA[<p>
This is the Javascript course.
</p>
<ul>
<li><a href="/BCIT/mdia3207/assign_1/index.html">#1 - Basic Javascript with a single image DOM</a></li>
<li><a href="/BCIT/mdia3207/assign_2/index.html">#2 - Image DOM manipulation and timing - travel site</a></li>
<li><a href="/BCIT/mdia3207/assign_3/index.html">#3 Date and math calculations - weather site</a></li>
<li><a href="/BCIT/mdia3207/assign_4/index.html">#4 - Javascript Shopping Cart part I </a></li>
<li><a href="/BCIT/mdia3207/assign_5/index.html">#5 - Javascript Shopping Cart with cookies</a></li>
</ul>
    ]]></content>
  </entry>
  <entry>
    <title>MDIA 3201 Assignments</title>
    <link rel="alternate" type="text/html" href="http://www.tuline.com/dru/content/mdia-3201-assignments" />
    <id>http://www.tuline.com/dru/content/mdia-3201-assignments</id>
    <published>2009-04-12T08:56:37-05:00</published>
    <updated>2009-04-24T11:52:00-05:00</updated>
    <author>
      <name>atuline</name>
    </author>
    <category term="MDIA 3201" />
    <summary type="html"><![CDATA[<p>
This is the Introduction to CSS class, which I plan to file for exemption. In order to do so, you need to complete the assignments within 3 weeks. They are:
</p>
<ul>
<li><a href="/mdia3201/assign_1/index.html">#1 - Not started</a></li>
<li><a href="/mdia3201/assign_2/index.html">#2 - Not started</a></li>
<li><a href="/mdia3201/assign_3/index.html">#3 - Not started</a></li>
</ul>
    ]]></summary>
    <content type="html"><![CDATA[<p>
This is the Introduction to CSS class, which I plan to file for exemption. In order to do so, you need to complete the assignments within 3 weeks. They are:
</p>
<ul>
<li><a href="/mdia3201/assign_1/index.html">#1 - Not started</a></li>
<li><a href="/mdia3201/assign_2/index.html">#2 - Not started</a></li>
<li><a href="/mdia3201/assign_3/index.html">#3 - Not started</a></li>
</ul>
    ]]></content>
  </entry>
</feed>
