TIESのブログ

OUJ MOOCのログインボタンを一部ポップアップ表示に変更

先月末から進めている、CHiLO Book オンライン版(改良版)の動作確認していると、問題を解くためにMoodleにアクセスした時、
ログインボタンを押しても反応しませんでした。

そういえばiframe内でFacebookの認証とか動作しませんでしたね。
(例えばfacebookのログインボタンを押したら、in a frame because it set 'X-Frame-Options' to 'DENY'. と、怒られた...)

昔、同じようにiframe表示のファイルを作成してMoodleのクイズを表示していた時は、同コース内にファイルを置いてしまい、必ずログインしてからでないと閲覧できないようするなどの工夫で回避していましたが、
今回のオンライン版は、認証とか関係なく、誰でも見れる場所に置きたかったので、ログインボタンを押すと、ポップアップが出るように変更しました。

20160107_2

ポップアップに変更した所、上記画面のように認証部分も上手く動作し、先に進めました。
スマートフォンの場合は、別ウィンドウみたいな感じで表示されます。認証後は画面が自動的に閉じて先に進みます。

動作確認していると、結構こちらの方が使いやすそうでしたので、先行してOUJ MOOCの本番環境には反映しておきました。
Facebook,Google,学認のボタンを押すと、ポップアップが出るようにしています。

OUJ MOOCのログインボタンを一部ポップアップ表示に変更 はコメントを受け付けていません