本研究では、これまで対話と交渉を疑似体験するためのメディア教材システムである対話交渉シミュレータと、それを用いた様々な多数の教材を開発してきた。しかし、Adobe Flashの廃止などにより、対話交渉シミュレータによる教材が全て停止することとなった。近年では、eラーニングが著しく普及しており、様々なeラーニングシステムが開発されている。しかしながら、本研究などに必要な、様々なメディアを自在に組み合わせて提示可能で、様々な形式の出題に対応し、開発しやすくいメディア教材システムという点において十分ではない。そこで、本研究では、様々なメディアと問いを自由に組み合わせることができ、開発が容易なHTML5によるメディア教材開発システムを提案する。