Lee Devlin's Website

Lee's personal website, blog, and FAQ's
RSS icon Email icon Home icon
  • Replacing the plug on an Etymotics headset

    Posted on October 12th, 2012 Lee Devlin No comments
    Share

    I’ve owned an Etymotics ER6i in-ear headset for several years now and have been very satisfied with it. I use it for motorcycling, bicycling, mowing the lawn, and any other activity where ambient noise would otherwise drown out the audio from a standard set of earbuds.

    Recently the left earphone began cutting out. By wiggling the wires near the plug I determined that the problem was near or inside the plug. I briefly contemplated purchasing a replacement headset, but then I recalled how much they cost, and it was close to $100.

    There were a few resources on the web that showed how to fix a bad connection inside the etymotics earbuds, but I found nothing about how to replace the plug, so I decided to write up my experience here.

    I already had a solder-on 3.5 mm plug in my parts bin and, although it was a 4-conductor plug, I figured it would work fine with my iPhone, since it uses a 4-conductor jack to mate with the Apple headsets with integral microphone. I just wouldn’t need to solder anything to the microphone ring. If I didn’t already have a plug, I would have used a 3-conductor stereo 1/8″ (3.5 mm) plug, which is available at RadioShack for a few dollars.

    The ER6i cords are independent, but I didn’t know what to expect when I cut them off and stripped them. If I had to deal with coaxial braid, that was going to be a pain, but upon cutting the plug off and stripping the wires, I was pleased to find that each cord contained a pair of conductors, both made with fine stranded wire. Each cord had one wire that was color coded along with a bare copper wire carrying the ground. Upon some testing, I found that the red and green wire carried the right and left channels, respectively.

    The green and red stranded wires are coated with an insulating material much like magnet wire that’s so thin you can see through it so even though the colored wires looked metallic and like they would be conductive, they were not. You need to tin the colored wire with a small solder blob to simultaneously burn off the insulating material and make a point where you can solder to. I was worried that the red/green wires would touch each other or the ground wire and short, but they won’t short as long as you don’t tin too much of the insulating material.

    etymotics cords with conductors

    Both copper wires can be twisted together (sorry for the picture focus)

    This is what the wires looked like before I soldered them into the plug. The bare copper wires from each cord are twisted together and will be soldered to the ground lug.

    iphone jack pinout

    You need to use an ohmmeter to confirm which solder tabs are connected to the rings and tip of the plug prior to connecting each wire with a small amount of solder. I found it best to put a small amount of solder on the wires and on the solder tabs on the plug first and then just bring the wire and lug together and touch it with a very sharp-tipped soldering iron.

    Plug strain relief installed.

    Finished repair, good as new.

    It was great to have a working set of earbuds again and if it ever breaks, I won’t hesitate to repair it again.

  • Replacing a bulb in the OBC on a BMW E36

    Posted on October 10th, 2012 Lee Devlin 1 comment
    Share

    The On Board Computer in the BMW 3-series produced between 1991 and 1999 has a series of bulbs behind its LCD display that will burn out over time. If it’s one of the bulbs behind the long display on the left, it will cause some dim characters on the left, middle, or right part of the display. If it’s the bulb behind the clock that has burned out, you won’t see anything where the numbers for the clock are typically shown.

    The bulbs are available from on line sources like BMW Parts Web for less than $1 (just search on p/n 62-11-1-391-260). On other BMW parts sites, they sell for $12 for a pack of 4 and so you need to spend nearly $20 after you take shipping into account.

    Fortunately, these bulbs are easy to change if you know the tricks of getting the OBC out of the panel. To remove the OBC, you need to reach into the sunglasses tray under and feel around for the hole in the upper part of it. This hole is under a lever that you need to simultaneously push up and forward. This takes a fair amount of force, and if you have long fingernails, you may want to have someone else do it for you, lest you break a fingernail. Once you can see the OBC come forward a little, you have probably unlatched it and can reach your finger around behind it to pull it out the rest of the way.

    Feel under the OBC for a hole in the upper sunglasses tray

    Feel under the OBC for a hole in the upper sunglasses tray

    Bottom of OBC with locking features

    Bottom of OBC with locking features

    Once the OBC is out, there’s no need to unhook the cables on the back of it. All the bulbs are accessible from the top. You can use a flat bladed screw driver or needle nose pliers to rotate the burned-out bulb 1/4 turn and it will pop out. Installing the new bulb the same way, place it in the hole and turn it 1/4 turn. Make sure to test it before putting the OBC back in its slot.

    3rd lamp removed

    OBC with 3rd lamp removed (1/4 turn to remove)

    Top of OBC showing 4 replaceable lamps

    Top of OBC showing 4 replaceable lamps

    In the case of my wife’s BMW, she complained that the clock was no longer working, so when I inspected it to see what had happened, I noticed that it had its own bulb. So I ‘borrowed’ a bulb from the other portion of the display while I waited to get the new one from BMW Parts Web. Borrowing the bulb caused the display to have a few dim characters, but it was still readable so it was a reasonable trade-off to have the clock working again.

  • Replacing the Electric Door Lock Actuator on a BMW E36

    Posted on October 10th, 2012 Lee Devlin 14 comments
    Share

    The BMW 3-series cars manufactured from 1991-1999 are getting to the age where the electric door actuators are wearing out and there’s nothing more frustrating than a door lock that won’t respond to the key fob. My wife’s BMW 328i passenger door had this problem a few years ago and I recalled replacing one of the actuators with instructions I found on the Internet. However, when her driver’s side door began having the same issue, the instructions that I found on the Internet seemed to be lacking in the important details, and it had been long enough that I had to ‘re-learn’ the tricks I had forgotten since I last tackled this project. So I decided to write up this article to help anyone who is contemplating this as a DIY project.

    You will need the following tools: Torx driver with T-20 and T-27 bits, non marring pry bars and (possibly) a set of vice grips.

    Useful Tools, non marring pry bars and a Torx set (only need T-20 and T27 bits).

    Useful Tools, non marring pry bars and a Torx set (only need T-20 and T27 bits).

    BMW door actuators are available from several on-line retailers. The best price I’ve found for OEM actuators was at BMW Parts Web. Just search on p/n 67-11-1-387-726 (front actuator) or p/n 67-11-8-353-011 (rear actuator) for E36 models. Just be sure to get the correct one since the front doors use a different connector that has 6 pins whereas the rear actuators have only 3 pins. The ones I got were aftermarket units that I can’t find anymore.

    Original (left) and replacement (right) door lock actuators.

    Original (left) and replacement (right) door lock actuators.

    The door panels on the E36 are not hard to remove, you just need to pop off two screw covers behind the inside handle, and remove the screws they covered with T20 torx driver. Each screw was a different length, which I didn’t notice until I was going to re-install them. The longer screw goes in the hole toward the front of the handle.

    These covers expose two screws you must remove.

    Then you have to remove the dish behind the door pull and this is where I ran into trouble. Evidently, a lot of people break this part, assuming that it comes straight out. The advice is to push it forward. However, until you pry up the front of it, there’s no way it will move forward, so that is the step everyone seemed to leave off. First pry up the front, and THEN push forward.

    Push forward, but only after prying up the front part.

    See how latches need to be pushed forward to release.

    Next you remove the door lock plunger by unscrewing it (counter clockwise), and you may need some pliers to gently grab it and get it started because it’s hard to grasp by hand and apply any torque.

    Door lock plunger

    Door lock plunger

    The next step is to pry off the door panel using a non-marring pry tool and gently pop out all of the plastic fasteners as you work your way around the door. You’ll need to rotate it up to get it off of the door lock plunger push rod.

    Prying BMW Door Panel away from door

    Prying BMW Door Panel away from door

    When the door panel comes off, it will still be connected by the wires connected to two speakers and to the buttons that are used to adjust the mirror (if it’s the driver side door). The connectors are held in with friction, so you don’t have to find any hidden latches to free them, just pull them out. They are keyed so you can’t install them backwards.

    Disconnecting BMW door cables

    After the door panel is free, you’ll need to peel back a foam sound insulator that is held in place by some very sticky black adhesive. It’s best to peel it half way off and then use some duct tape to hold it out of the way. Be careful around the black adhesive, since it will get over all over you if you touch it.

    Internal Door insulation

    Internal Door Foam Insulation

    Peel back foam insulation about half way and hold in place with duct tape.

    Next you need to loosen 3 screws that hold in the door lock mechanism with a T27 torx driver. However, these screws have thread locking compound on them and I soon realized that I was either going to destroy the Torx recess or break the driver bit unless I loosened them with vice grips first. Fortunately this is easy to do. Use adhesive tape over the adjacent paint around the screw heads if you want to avoid scratching it with the vice grips.

    Using vice grips to loosen screws

    These screws were in so tight they need help to get them started.

    There is a rod that goes to the door opening latch and the latch can be removed with a T20 driver. I don’t have a picture of this, but it’s pretty self-evident how to take it off and disconnect the rod. Mine had a Tinnerman type nut that fell off the back, so be careful to catch the nut as you loosen the screw. Removing the latch allows you to move the locking mechanism with a bit more freedom.

    Once you’ve done this, the mechanism can be wiggled about inside, but there’s not enough room to get it out of the door. Cut off any tie wraps on the wires going to the actuator to gain a bit more wiggle room. This is where the confusion ensued. All you really need to get out is the electric actuator, but it wasn’t obvious how it was held on and whether I’d be able to install the new one working in the blind, so to speak. I even got desperate enough that I removed what I thought was a simple stiffening bracket that was in the way that turned out to be the curved window track. In retrospect, it didn’t give me much more freedom to move the lock mechanism about and I worried that it would be hard to reinstall, since its upper end mated with another part that was up inside a blind recess. If I were to do it again, I’d try to avoid removing the window track.

    The electric actuator is held in place by a cantilevered plastic latch that grabs a recessed depression on its housing. You need to feel around for this latch, pull it back and lift the actuator up and away from the door latch mechanism. Once you do this, you can bring the electric actuator out into the open so you can disconnect the connector.

    This latch holds actuator in place.

    Latch recess on door actuator

    Latch recess on door actuator

    The connector is one of those unique to BMW where you push a mechanism down and it forces the connector outward over some pins that follow a curved track in a cam mechanism.

    Removing the cable from the actuator

    Push cable lock this way to unlatch it.

    Removing cable from BMW door actuator

    Removing cable from BMW door actuator

    The re-installation of the new actuator on to the cable is just the reverse. You have to push the latch mechanism all the way down, and then align the cam pins in their slots in the connector and then pull the mechanism up to draw the connector into its recess.

    Once you’ve got the new actuator in place on the cable, the challenge is to get it back on the door latch mechanism by a sense of feel. There are 4 flat metal pins that need to mate up with holes in the actuator. Three of these are in line with each other and they have specific holes they need to mate with on the actuator. The two end ones go up into rectangular alignment holes and the middle one goes into the part of the actuator that moves back and forth. Make sure the middle hole is aligned with actuator pin by either pushing it forward or backward. When installed on the cable, this action will either open or close the door locks as you do it if you’re working on one of the front doors since they control the behavior of all other locks in the system.

    Note holes for accepting stamped metal pins in door lock mechanism.

    Note holes for accepting stamped metal pins in door lock mechanism.

    In order to get the door lock actuator to align laterally, you will have to apply some sideways force since the cantilevered plastic latch will be pushing against it and you need to spring it outward a bit. Once the metal stampings are aligned in their respective holes, you can push the actuator down on the latch mechanism until the latch snaps in place. This was the hardest part of the whole project. I assumed I was going to be able to get the door latch mechanism out in the open or at least in a place that was easier to see, but it ended up being more of an exercise in working in a confined space with very limited visibility and access.

    After I got everything back in place, there was a panicky moment where I had somehow gotten the door latch mechanism into a locked state even though the door was still open. Then door would not close. There was just a loud thud as the hook and latch banged into each other when I attempted to close the door. I was thinking I might have to re-open everything again, but I started playing with the lock, the key, and manually trying to open the lock by hand and I eventually got it all back in the proper state so the door would close normally.

    It was with a great sigh of relief when everything was back together. These parts generally fail over time, and my wife had been experiencing problems for months where it was intermittent. Finally, the cold weather made it happen nearly 100% of the time, so she was very grateful to have a working set of locks again.

    The BMW electric door actuators are available on-line from suppliers like Bavarian Auto for around $90 each + shipping but the best price was from BMW Parts Web and that was true of most BMW parts I’ve checked on.

  • Five Essential Skills for Modern Web Design

    Posted on September 27th, 2012 Lee Devlin No comments
    Share

    5 pillars of web designI teach computer related courses at Aims Community College, including introductory and advanced courses in web design and programming. I also do consulting in web applications, which usually involves PHP programming, e-commerce, and Content Management Systems (CMS) like Magento, ZenCart and WordPress. Periodically, people ask me what they need to know to be a web designer these days. Some of them may have had a passing familiarity with HTML from some web pages they created a decade ago, but web design has changed a lot since then and they want to wrap their minds around what it requires today to work in web technology. To be an effective web designer today, it is necessary to master what I call the 5 pillars of modern web design.

    1. HTML5

    When the world wide web was introduced back in the early 1990s, it was based on HyperText Markup Language (HTML), and it was simple. I recall back then you could learn web design by using the ‘show source’ feature of the browser to see how a page was constructed. Everything you needed to know was right there in a single page. HTML is the first pillar of web design, you must understand HTML to do anything with web pages, preferably the latest version which is HTML5. However, if HTML is all you know, the pages you create will look like they’re straight out of the 1990s.

    2. CSS

    Shortly after HTML was invented, a styling language known as CSS (Cascading Styling Sheets) was developed which took the appearance of the page and separated it from the content. Although having a separate styling language complicated things, it was for the best because you could change the way a page appeared simply by changing a few values in the CSS. However, unlike HTML, CSS isn’t so easy to learn by inspection. In fact, there are things about the way CSS works that can make it exasperating to learn. I consider CSS to be the second pillar of web design.

    3. JavaScript

    The third pillar of web design was introduced with client side scripting when Netscape invented LiveScript. A scripting language that runs inside the browser allows you to add dynamic effects to web pages, along with a useful functionality like checking forms are filled out properly before submitting them. LiveScript didn’t take off at first, but in an agreement with Sun, Netscape changed its name to JavaScript, and thanks to significant hype surrounding the Java language at the time, it began to gain traction. Today, JavaScript is the only language that works inside all browsers without needing a plugin thus making it a standard, and with the many JavaScript libraries that have been introduced, browsers are now able to render pages that have the look and feel of applications as opposed to static documents.

    4. Server Side Scripting

    The fourth pillar of web design is server side scripting. Over the years, many languages have been used for server side scripting, such as Perl, PHP, Ruby, Python, and ASP. These languages are intermingled with HTML and JavaScript but they are executed on the server side, thus rendering pages that have dynamic content. Consider the construction of an HTML table that forms a shopping cart. The server needs to keep track of the cart’s contents and generate the HTML to build the table on the fly when the user selects a button to show cart contents. These days, just about all the elements of a page can be rendered dynamically from a database using a scripting language, including much of the content on a page. In fact, the page you’re reading right now and all the associated content around it is stored in a database. That’s the way WordPress, the content management system that is displaying this page, works its magic. To edit the page, it’s a simple matter of working through some web forms, instead of hand coding the HTML/CSS and JavaScript you’d find if you looked at this page’s source code.

    5. Database

    The fifth pillar of web design is the database. Just about all advanced websites today have migrated to some form of a database-backed content management system (CMS). There are many CMSs to choose from, but what they all have in common is that they rely on dynamic calls to the database to get the data they need to render the pages. This means the web designer needs to understand how to interact with databases and have a good understanding of SQL (Structured Query Language).

    Even if you master these five essential skills, you’ll need a few more skills to put together attractive websites. For example, you still need to know about graphics design and how to edit images so that they look good and load fast on a web page. Knowing about typography, color schemes, and other artistic concerns are also very important so that your website doesn’t scare people away and for graphics skills, you may need to rely on an expert in that field since it’s a rare person who can write code and produce beautiful artwork.

    Now I know there are some who might argue that with modern Content Management Systems such as WordPress, much of the work is done for you and you can be a web designer without having to know anything about databases, scripting languages, CSS or HTML. That may be the case for simple websites, but if you don’t know the basics, you’ll eventually run into problems you won’t be able to fix. A client might ask for a simple modification to a theme or some file buried inside the CMS and if you don’t have the 5 essential skills mentioned here, you won’t be able to do it.