修了証を使用する場合には、修了証のデザインや表示項目を決定のうえ、問題集に登録する修了証テンプレートを作成します。
問題集への登録の仕方は問題集の登録情報変更（修了証の設定）を参照してください。
修了証テンプレートの構成
ミテシルで表示できる修了証のサイズは、修了証の向きの設定に応じ、A4横またはA4縦で固定となります。
修了証テンプレートとして使用するHTMLファイル、スタイルシート、画像ファイルは、ミテシルサーバーに次の構成で格納されます。（「xxx」は問題集ID）
ミテシルカスタマーサイトに簡単な修了証テンプレートのサンプルを用意しています。
修了証テンプレートのサンプルよりダウンロードし、任意のデザインにカスタマイズいただくことでも構いません。
「修了証テンプレートHTML」に登録するhtmlファイルの作成
修了証テンプレートとして使用するHTMLファイルのファイル名は任意で構いません。
ファイル形式はhtmまたはhtmlに対応しています。
ミテシルサーバーには「certificate_xxx.html」（「xxx」は問題集ID）というファイル名で登録されます。
修了証テンプレートのHTMLファイルでは、対象の問題集名や利用者名、修了証発行日時（設問に合格した日時）などの項目を、予約語を用いて個別に置き換えて表示できます。
次の表の「修了証テンプレートHTML上の記載内容」欄に記載の文字列をご利用ください。
|
表示項目 |
修了証テンプレートHTML上の記載内容 |
修了証での表示例（太字） |
|---|---|---|
|
修了証通し番号（1桁） |
${COMPLETION_CERTIFICATE_NO_1} |
No.1、第1号 |
|
修了証通し番号（2桁） |
${COMPLETION_CERTIFICATE_NO_2} |
No.01、第01号 |
|
修了証通し番号（3桁） |
${COMPLETION_CERTIFICATE_NO_3} |
No.001、第001号 |
|
修了証通し番号（4桁） |
${COMPLETION_CERTIFICATE_NO_4} |
No.0001、第0001号 |
|
修了証通し番号（N桁） |
${COMPLETION_CERTIFICATE_NO_N} |
No.000001、第000001号 ※Nに6を指定 |
|
利用者ログインID |
${USER_LOGINID} |
（利用者ログインIDの「ログインID」欄の情報） |
|
利用者名（40文字まで表示） |
${USER_NAME} |
山田 太郎様 |
|
利用者備考 |
${USER_REMARKS} |
（利用者ログインIDの「備考」欄の情報） |
|
問題集名（80文字まで表示） |
${QUESTION_NAME} |
サンプル問題集の受講を修了しました。 |
|
問題設問開始年（西暦） |
${ANSWER_START_YEAR} |
2018年 |
|
問題設問開始月（1桁） |
${ANSWER_START_MONTH_1} |
8月 |
|
問題設問開始月（2桁） |
${ANSWER_START_MONTH_2} |
08月 |
|
問題設問開始日（1桁） |
${ANSWER_START_DAY_1} |
1日 |
|
問題設問開始日（2桁） |
${ANSWER_START_DAY_2} |
01日 |
|
問題設問開始時（1桁） |
${ANSWER_START_HOUR_1} |
9時 |
|
問題設問開始時（2桁） |
${ANSWER_START_HOUR_2} |
09時 |
|
問題設問開始分（1桁） |
${ANSWER_START_MINUTES_1} |
1分 |
|
問題設問開始分（2桁） |
${ANSWER_START_MINUTES_2} |
01分 |
|
問題設問終了年（西暦） |
${ANSWER_END_YEAR} |
2018年 |
|
問題設問終了月（1桁） |
${ANSWER_END_MONTH_1} |
8月 |
|
問題設問終了月（2桁） |
${ANSWER_END_MONTH_2} |
08月 |
|
問題設問終了日（1桁） |
${ANSWER_END_DAY_1} |
1日 |
|
問題設問終了日（2桁） |
${ANSWER_END_DAY_2} |
01日 |
|
問題設問終了時（1桁） |
${ANSWER_END_HOUR_1} |
9時 |
|
問題設問終了時（2桁） |
${ANSWER_END_HOUR_2} |
09時 |
|
問題設問終了分（1桁） |
${ANSWER_END_MINUTES_1} |
9分 |
|
問題設問終了分（2桁） |
${ANSWER_END_MINUTES_2} |
09分 |
|
正答率 |
${VALIDITY_RATE} |
正答率：80% |
|
正答数 |
${VALIDITY_QUESTIONS_VALUE} |
正答数：15 |
|
問題数 |
${QUESTIONS_VALUE} |
問題数：20問 |
|
修了証書発行年（西暦） |
${COMPLETE_YEAR} |
2018年 |
|
修了証書発行月（1桁） |
${COMPLETE_MONTH_1} |
8月 |
|
修了証書発行月（2桁） |
${COMPLETE_MONTH_2} |
08月 |
|
修了証書発行日（1桁） |
${COMPLETE_DAY_1} |
1日 |
|
修了証書発行日（2桁） |
${COMPLETE_DAY_2} |
01日 |
|
修了証書発行時（1桁） |
${COMPLETE_HOUR_1} |
9時 |
|
修了証書発行時（2桁） |
${COMPLETE_HOUR_2} |
09時 |
|
修了証書発行分（1桁） |
${COMPLETE_MINUTES_1} |
9分 |
|
修了証書発行分（2桁） |
${COMPLETE_MINUTES_2} |
09分 |
また、スタイルシートは「css/style.css」を参照するようにしてください。
「修了証テンプレートCSS」に登録するスタイルシートの作成
修了証テンプレートとして使用するスタイルシートのファイル名は任意で構いません。
ファイル形式はcssのみに対応しています。
ミテシルサーバーには「css」ディレクトリの配下に「style.css」というファイル名で登録されます。
スタイルシート内で、修了証テンプレートの背景とする画像（例：「../img/画像ファイル名.png」）を参照してください。
「修了証テンプレート画像」に登録する画像ファイルの作成
修了証テンプレートとして使用する画像ファイルのファイル形式はjpg、jpeg、pngに対応しています。
ミテシルサーバーには、「img」ディレクトリの配下に、そのままのファイル名で登録されます。
スタイルシート内で画像を参照できるように設定してください。
※注意：
修了証テンプレートファイルは、それぞれ10MBまでのものを登録できるようになっていますが、できるだけファイルのサイズが小さくなるように作成してください。特に画像ファイルのサイズが影響し、修了証が表示されるまでに時間がかかることがあります。感じ方に個人差はありますが、例えばサイズが500KB程度でも、待ち時間が負担に感じられる可能性があります。