〜ようになっている

Verb dictionary form + ようになっている (開くようになっている). Verb ない form + ようになっている (動かないようになっている). Potential form + ようになっている (見られるようになっている). Polite: 〜ようになっています. The subject is usually a machine, a tool, a building, or a system.

• この自転車は、かぎをかけるとタイヤが動かないようになっている。

  このじてんしゃは、かぎをかけるとタイヤがうごかないようになっている。

  This bicycle is made so that the wheels do not move when you lock it.

• お金を入れてボタンを押すと、切符が出るようになっています。

  おかねをいれてボタンをおすと、きっぷがでるようになっています。

  It works so that a ticket comes out when you put in money and press the button.

• このサイトは、スマートフォンでも見られるようになっていますか。

  このサイトは、スマートフォンでもみられるようになっていますか。

  Is this website made so that it can also be viewed on a smartphone?

• 前のアパートのドアは、自動でかぎがかかるようになっていませんでした。

  まえのアパートのドアは、じどうでかぎがかかるようになっていませんでした。

  The door of my previous apartment was not made to lock automatically.

• 部屋が暗くなると、電気がつくようになっている。

  へやがくらくなると、でんきがつくようになっている。

  It is designed so that the light turns on when the room gets dark.

• この薬のびんは、子どもが簡単に開けられないようになっている。

  このくすりのびんは、こどもがかんたんにあけられないようになっている。

  This medicine bottle is made so that children cannot open it easily.

• Using 〜ことになっている to explain how a machine works. ✗ このドアは、人が立つと開くことになっています。 → ○ このドアは、人が立つと開くようになっています。 こと is for rules and schedules decided by people; よう is for the way something is built.
• Using it for a person's effort or habit. ✗ 私は毎日野菜を食べるようになっています。 (to mean 'I try to eat vegetables every day') → ○ 私は毎日野菜を食べるようにしています。 For your own effort use 〜ようにしている.
• Using the て form or the ます stem before よう. ✗ ボタンを押すと機械が止まってようになっている。 ✗ 機械が止まりようになっている。 → ○ ボタンを押すと機械が止まるようになっている。 Use the dictionary form, the ない form, or the potential form.

〜ようになる (come to be able to / start to)

〜ようになる shows a change over time, often in a person's ability or habit: 練習して、自転車に乗れるようになった (I practiced and became able to ride a bicycle). 〜ようになっている in this lesson does not talk about a change. It explains a mechanism that is always like that: この自転車は暗い所でライトがつくようになっている (This bicycle is made so that the light comes on in dark places).

〜ことになっている (it is the rule that)

〜ことになっている is a rule that people must follow: この部屋には社員しか入れないことになっている (The rule is that only employees may enter this room). 〜ようになっている is the design that makes it happen: この部屋は、社員のカードがないとドアが開かないようになっている (This room is made so that the door does not open without an employee card). People can break a rule, but a mechanism works by itself.

In N3 grammar questions, 〜ようになっている is a choice next to 〜ことになっている, 〜ようにしている, and 〜ようになった. If the subject is a thing (このドア, この機械, このサイト) and the sentence explains how it works, choose ようになっている. In sentence-ordering questions, よう, に, and なって are often separate pieces; the verb comes right before よう. In reading, it appears in instructions and product explanations, so understand it as 'it is built to ...', not as a change.