-

さいたま市生涯学習情報システム 団体 サークル専用ページ 操作手引書 さいたま市教育委員会生涯学習振興課

目 次 1. はじめに... 1 1.1. システムについて...1 1.2. 動作環境...1 2. システム利用の流れ... 2 2.1. システム利用の流れ...2 3. 基本操作... 3 3.1. 団体向けページへのログイン方法...3 3.2. 団体登録情報の承認 公開について...6 3.3. 活動日記の管理...7 3.3.1. 活動日記の登録 変更... 7 3.3.2. カテゴリの管理... 17 3.4. 団体情報の変更... 22 3.4.1. 公開情報の変更... 22 3.4.2. 公開表示有効期限の変更... 25 3.4.3. 公開状態の変更... 26 3.5. パスワード変更... 27 3.6. ID パスワードのお問い合わせ... 29 3.6.1. ID パスワード照会... 29 4. 共通機能... 31 4.1. HTML エディタ... 31 4.1.1. ハイパーリンク機能... 33 4.1.2. ファイルの挿入... 34 4.1.3. 画像の挿入... 35 4.1.4. 地図の挿入... 37 4.1.5. 元に戻す やり直し... 38 4.1.6. 切取り コピー 貼付け... 38 4.1.7. Microsoft Word 文書挿入... 39 4.1.8. 検索 置換... 39 4.1.9. ソース表示... 40 4.1.10. 全画面... 41 4.1.11. タグ表示... 41 4.1.12. 見出し テキスト色の設定 ( スタイル )... 42 4.1.13. 文字装飾... 42 4.1.14. 区切り線... 43 4.1.15. 段落の配置... 43 4.1.16. 箇条書き 段落番号... 44 4.1.17. 書式クリア... 44 4.1.18. 全消去... 45 4.1.19. ヘルプ ( エディタ機能の説明 )... 45 4.1.20. 表の追加... 46 4.2. サムネイル 画像登録... 50

1. はじめに 1.1. システムについて さいたま市生涯学習情報システム の団体 サークル向けページには 団体登録時に各公民館等の施設から配布されたアカウントでログインすることで 情報発信を行うための各種メニューを利用することができます 活動日記の登録等の操作はインターネットを通じ Internet Explorer 等の Web ブラウザから行います 1.2. 動作環境 さいたま市生涯学習情報システム の団体向けページでの操作はすべて Internet Explorer 等の Web ブラウザから行います 団体 サークル向けページの動作は次の環境で動作確認をしています Internet Explorer 8.0 以降 Firefox Safari ( ) Google Chrome ( ) Safari Google Chrome では 登録画面内の HTML エディタ機能が利用できません 1

2. システム利用の流れ ここでは 団体向けマイページにログインし さいたま市生涯学習情報システム から各種情報を発信する手 順を説明します 2.1. システム利用の流れ インターネットから さいたま市生涯学習情報システム にアクセスし 団体向けマイページのログイン画面で ID / パスワードを入力して ログインすると そこから団体情報や活動日記の登録 発信が行えます ログイン 情報内容の登録 変更差戻し担当施設に情報の承認を依頼承認公開 2

3. 基本操作 3.1. 団体向けページへのログイン方法 1 さいたま市生涯学習情報システムにアクセスします Web ブラウザの URL 入力欄に次の URL を入力してさいたま市生涯学習情報システムのトップページに アクセスします 2 団体ログインボタンをクリックします http://gakushu.city.saitama.jp/ 3

3 ログイン画面で ID とパスワードを入力してログインボタンをクリックします 施設から発行された ID とパスワードを入力し ます 4

4 団体専用ページへのログイン完了 システムを終了するには ログアウトボタンをクリックするか ブラウザの ボタンをクリックします 5

3.2. 団体登録情報の承認 公開について 情報公開までの承認の流れ 団体 サークルが発信する情報 ( 団体の公開情報 活動日記 ) は担当施設や最終承認施設または生涯学習振 興課において 内容を確認し 承認してから公開されます ここでは 登録から承認の流れについて紹介します 団体 サークル担当施設最終承認施設利用者 1 変更 申請 2 お知らせ E メール受信 内容を登録し システムか ら申請を実行します お知らせ E メール 申請があった旨を記載し た E メールを受信します 本文の URL から管理シス テムにジャンプできます 3 承認 回覧処理 修正は反映されず 修正前 の状態を表示します システム上で変更の前後 を確認し 承認します 4お知らせEメール受信お知らせ Eメール申請があった旨を記載し た E メールを受信します 本文の URL から管理シス テムにジャンプできます 5 最終承認処理 6 修正結果公開 システム上で変更の前後を 確認し 承認します 団体 サークルが変更した 結果の閲覧が可能です 地区公民館 文化 スポーツ施設等 拠点公民館 生涯学習振興課 6

3.3. 活動日記の管理 3.3.1. 活動日記の登録 変更 活動日記を登録することで 団体 サークルの活動情報をインターネットで発信することが出来ます なお 活動日記を公開するには 担当施設の承認が必要です 1 団体専用ページを表示します 活動日記登録 または 活動日記一覧へ をクリックします 7

2 活動日記一覧が表示されます 各条件を入力し 検索ボタンをク リックすると 詳細な内容で検索す ることが出来ます Step.1 新規登録 ( 参照登録 ) へ Step.1 新規登録 ( 参照登録 ) へ Step4 変更 Step5 削除へ 承認済の活動日記の場合 [ 公開停止 ] または [ 公開する ] リンクをクリックすると活動日記の公開状態を変更することが出来ます Step2 プレビューへ Step3 承認状態の変更へ 8

Step.1 新規登録 ( 参照登録 ) 3 一覧画面を表示します 登録済みの情報をコピーして 新規登録を行いたい場合は 参照登録ボタンをクリックします 新しい情報を作成するには 新規登録ボタンをクリックします 9

4 新規登録画面が表示されます 3.3.2 カテゴリの管理で登録され たカテゴリから選択できます 新たにカテゴリを追加する場合 は 入力してください HTML タグを 有効にする を選択すると HTML エディタが表示されます HTML エディタについては 4. 1 HTML エディタの操作方法をご覧ください 追加ボタンをクリックすると 画像の登録が出 来ます 画像の登録については 4.2 サムネイル 画像登録をご覧ください 団体 サークルの公開連絡先から引用 を 選択すると 登録されている団体 サークル の連絡先を表示します 10

各項目を入力し 登録ボタンをクリックして情報を保存します 確認ダイアログが出ますので OK ボタンをクリックします 5 登録完了画面が表示されます プレビューの各リンクから 登録した活動日記の公開イメージを確認し よろしければ [ 承認を依頼する ] リンクをクリックして 担当施設に活動日記の承認を依頼します 11

Step.2 プレビュー 一覧のプレビューの各リンクをクリックすると 活動日記の公開イメージが表示されます PC スマートフォン向けページの表示が確認できます プレビューは活動日記登録完了画面からも確認できます 12

Step.3 承認状態の変更 活動日記を公開するには 担当施設からの承認が必要となります なお 承認されなかった活動日記は承認状態が 差戻し となります 編集後 再申請して下さい 承認には数日かかる場合があります 6 一覧画面を表示します 担当施設に承認の依頼 または申請の取下げを行います 編集中 の場合 [ 承認を依頼する ] リンクをクリックすると 担当施設に承認依頼が行われます 施設での承認が完了しましたら 活動日記が公開されます 承認を申請中の活動日記は編集できません 申請中 または 最終承認待 の場合 [ 申請を取下げる ] リンクをクリックすると 申請が取下げられ 活動日記の編集が可能となります 編集後 再申請してください 承認の依頼は 活動日記登録完了画面からも行えます 13

Step.4 変更 以下の条件に当てはまる活動日記は 登録内容を変更することが出来ます 施設に承認を依頼していない活動日記 承認済みの活動日記 申請を取下げた活動日記 差戻しされた活動日記 7 一覧画面を表示します 変更ボタンをクリックします 8 活動日記変更画面が表示されます 各項目の編集後 変更ボタンをクリックします 14

9 登録完了画面が表示されます プレビューの各リンクから登録内容を確認し よろしければ [ 承認を依頼する ] リンクから 担当施設に変更 した活動日記の承認を依頼します 承認完了後に 変更した活動日記が公開されます Step.5 削除 10 一覧画面を表示します 変更ボタンをクリックします 15

11 活動日記変更画面が表示されます 各項目の編集後 削除ボタンをクリックします 確認ダイアログが出ますので OK ボタンをクリックします 12 削除完了画面が表示されます 16

3.3.2. カテゴリの管理 活動日記の登録時に選択するカテゴリを管理することが出来ます カテゴリは 生涯学習情報システムの活動日記一覧画面での活動日記の絞り込み時に使用されます 登録したカテゴリが表示 されます 1 団体専用ページを表示します 活動日記カテゴリ管理 をクリックします 17

2 カテゴリ一覧が表示されます Step.1 新規登録へ Step.2 変更へ Step.3 削除へ 18

Step.1 新規登録 3 カテゴリ一覧画面を表示します 新規登録ボタンをクリックします 4 カテゴリの入力フォームが表示されます カテゴリ名称の入力 表示順の選択後 更新ボタンをクリックして情報を保存します 登録を取りやめる場合は キャンセルボタンをクリックして下さい 19

Step.2 変更 5 カテゴリ一覧画面を表示します 変更ボタンをクリックします 6 カテゴリ変更フォームが表示されます カテゴリ名称の入力 表示順の選択後 更新ボタンをクリックして情報を保存します 変更を取りやめる場合は キャンセルボタンをクリックして下さい 20

Step.3 削除 7 カテゴリ一覧画面を表示します 削除ボタンをクリックします カテゴリが削除されます 21

3.4. 団体情報の変更 活動内容やプロフィールといった団体の公開情報や 公開表示有効期限の変更を行います 3.4.1. 公開情報の変更 団体の公開情報の変更を行います 登録した情報は 担当施設へ承認を依頼し 確認 承認された後に公開することが出来ます 1 団体専用ページを表示します 公開情報変更 リンクをクリックします 22

2 団体 サークル変更画面が表示されます 各項目の編集後 変更ボタンをクリックします メールアドレスのチェックを付けて登録すると 団体情報としてインターネット上で公開されます 団体の検索時にキーワードとして ヒットさせたいものを入力して下さい 23

3 団体 サークル登録完了画面が表示されます プレビュー リンクで登録内容を確認し よろしければ 変更の承認を依頼する リンクをクリックし 担当施 設に承認を依頼します 施設に変更が承認されるまで 登録した情報は公開されません 24

3.4.2. 公開表示有効期限の変更 生涯学習情報提供システムに団体の情報が表示される有効期限を設定します 公開表示有効期限が切れた団体情報はインターネット上で公開されません 1 団体専用ページを表示します 公開表示有効期限の日付を設定し 期限変更ボタンをクリックします 登録できる日付は もっとも永くて本日から 3 年後までの日付です 現在登録されている 公開表示有効期限です 公開表示有効期限を設定し 期限変更ボタンをクリックしてください 2 公開表示有効期限の表示が変化したら登録は完了です 登録完了です 25

3.4.3. 公開状態の変更 団体情報の公開状態 ( 公開または非公開 ) を変更します 公開状態が 非公開 の団体情報は インターネット上で公開されません 1 団体専用ページを表示します 2 インターネット公開設定で公開状態を変更します 公開中の場合 非公開にするボタンをクリックすると公開状態が非公開になります 非公開の場合 公開にするボタンをクリックすると公開状態が公開になります 26

3.5. パスワード変更 団体向けマイページにログインするパスワードを変更します 1 団体専用ページを表示します ログイン情報の パスワード変更 リンクをクリックします 2 パスワード変更画面が表示されます 変更したいパスワードを 2 度入力します 入力後 変更確認ボタンをクリックします 27

3 確認画面が表示されます パスワードを変更する場合は 変更ボタンをクリックします パスワードを再入力する場合は再入力ボタンをクリックし パスワードを再度入力して下さい 4 完了画面が表示されます パスワードの変更は完了です 28

3.6. ID パスワードのお問い合わせ ID やパスワードを忘れた場合 アカウントのメールアドレスから ID とパスワードを照会することが出来ます 団体自体の基本情報として登録したメールアドレスと異なる場合がございます アカウントのメールアドレスがご不明な点は お手数ですが団体登録した施設まで直接お問い合わせください 3.6.1. ID パスワード照会 1 ログイン画面を表示します ID パスワードの照会 リンクをクリックします 29

2 団体 ID パスワードの照会画面が表示されます 団体アカウントのメールアドレス お問い合わせ内容 (ID またはパスワード ) の入力 選択後 照会するボタンをクリックしてください 3 団体 ID パスワード照会完了画面が表示されます 入力したメールアドレス向けに ID パスワードが送信されます ご確認の上 ログイン画面からログインしてください 1 つのメールアドレスで複数の団体アカウントをお持ちの場合は ID パスワードが複数送信さ れます 30

4. 共通機能 4.1. HTML エディタ ここでは HTML タグ入力補助機能 (HTML エディタ ) の使い方についてご説明します HTML エディタを使用すると 他ページへのリンク機能や画像挿入機能 文字修飾機能などが利用できます HTML タグ入力補助機能を利用することで HTML の特別な知識は必要なく 簡単に次のような記事を作成できます 31

HTML エディタを使用するには 編集機能 (HTML タグ ) を 有効にする を選択してください HTML タグ入力補 助機能が表示されて HTML タグの使用が有効になります HTML タグ入力補助機能が表示されます HTML タグ入力補助機能を使ってできることを紹介します ファイルの挿入 (11.1.2) 編集内容を元 リンクの作 画像の挿入 (11.1.3) に戻す やり直 成と解除を 地図の挿入 (11.1.4) しが行えます 行えます が行えます 11.1.5 11.1.1 文字や画像を切り取り コピーし カーソル位置に貼り付けできます 11.1.6 Microsoft Word の文章をエディタに取り込める形に整形します 11.1.7 文字列を検索したり 置換できます 11.1.8 ソース表示に切替 選択した段落を見出 し ( 大または小 ) に 区切り線を挿入で きます 11.1.14 箇条書きリストや番号付きリストを作成できます 11.1.16 ます 11.1.9 入力エリアを全画面表示に切替ます 11.1.10 します 11.1.12 文字列を装飾できます 段落の配置を設定できます 11.1.15 タグを表示します 11.1.11 表を追加 できます 11.1.20 11.1.13 書式をクリアします 11.1.17 編集された内容を消去します 11.1.18 エディタ各機能の説明を表示します 11.1.19 32

4.1.1. ハイパーリンク機能 修飾したい文字列を選択し ボタンをクリックするとリンクを追加画面が表示されます 表示された画面に リンク先の URL を入力してください 選択 タイトルとリンクの URL を入力し ターゲット ( 画面表示方法 ) を選択して 挿入ボタンをクリックしてください リンクが作成 されます ハイパーリンクの解除 リンクを解除したい文字にエディタのカーソルを合わせます 解除がオレンジ色に点灯するので 解除をクリックします カーソルを 合わせる リンクが解除され 文字だけが残ります 33

4.1.2. ファイルの挿入 ファイルを挿入したい箇所にカーソルを置き ボタンをクリックするとファイルを追加画面が表示されます 参照で挿入したいファイルを選択し 必要に応じてタイトルを入力してください アップロードをクリックすると ファイルをアップロードして HTML エディタにファイルをセットします 選択 追加されたファイルは システムに履歴として保持されます 過去に登録されたファイルを使用したい場合は [ アップロード履歴 ] タブをクリックして一覧を表示します ファイル名横のダウンロードをクリックすると ファイルの中身を確認できます 使用するファイルを決めましたら ファイル名をクリックします 挿入の設定画面が表示されますので 確 認 変更のうえ挿入ボタンをクリックしてファイ ルを挿入します 34

4.1.3. 画像の挿入 画像を挿入したい箇所にカーソルを置き ボタンをクリックすると画像を追加画面が表示されます 参照で挿入したいファイルを選択し 必要に応じてタイトやサイズを設定してください アップロードをクリックすると ファイルをアップロードして HTML エディタに画像をセットします 選択 拡張子が jpg jpeg gif png のファイルのみ登録できます サイズの変更を指定した場合は この画像を使用するすべての記事に適用されます 35

追加された画像は システムに履歴として保持されます 過去に登録された画像を使用したい場合は [ アップロード履歴 ] タブをクリックして一覧を表示します 画像を選択 プレビューをクリックすると 画像を確認できます 設定項目について 配置 サイズ 文章に対する画像表示位置を設定でき ます 画像の縮小 拡大ができます 余白 画像上下左右の余白を設定できます 枠線 画像の枠線の太さを設定できます 使用する画像をクリックすると 挿入の設定画面が表示されますので 確認 変更のうえ挿入ボタンをクリックして画像を挿入します 36

4.1.4. 地図の挿入 Google マップから埋め込み地図用の HTML コードを取得します ( 事前準備 ) 表示したい領域と縮尺を決め 以下のようにして地図の中心位置を調整します 中心にしたい場所 で右クリック 地図埋め込み用 HTML コードを取得します リンクボタンをクリックして表示さ れた ウェブサイトへの地図埋め込み 用 HTML コード をコピーします ボタンをクリックすると Google Map フレーム挿入画面が表示されます Google マップから取得した 埋め込み地図用の HTML コードを枠内に貼り付け 挿入ボタンをクリックします ここに貼り付け エディタには地図を表示できませんが 黄色いボックスで領域を表します 37

4.1.5. 元に戻す やり直し をクリックすると エディタ内で直前に操作した内容を取り消して元に戻します で取り消した操作をもう一度やり直したい場合は をクリックしてください 4.1.6. 切取り コピー 貼付け 切り取りたい またはコピーしたい文字列を選択し または ボタンをクリックすると 文字列が切り取りまたはコピーできます 貼り付けたい位置にカーソルを置き ボタンをクリックしてください 2 クリック 1 選択 38

4.1.7. Microsoft Word 文書挿入 挿入したい箇所にカーソルを置き ボタンをクリックするとWordから貼り付け画面が表示されます Wordの文章を入力欄に貼り付け 挿入ボタンをクリックすると整形された内容がHTMLエディタに追加されます また プレビューボタンから挿入結果を確認できます (Word 文書内の文字情報は入力されますが 画像 レイアウト書式や装飾した内容は登録されません ) ここに Word 文章を貼り付けます 4.1.8. 検索 置換 のボタンをクリックすると 検索と置換画面が表示されます 次を検索 置換 すべて置換のボタンから実行してください 検索にヒットした文字 は青く反転します 39

検索にヒットした文字を 指定 された文字列で置換します 4.1.9. ソース表示 ボタンをクリックすると HTML のソースエディタ画面が表示されます 入力内容を HTML ソース表示に切り替えて表示し ソースを直接編集することができます ( ソースを編集した場合は ) 更新をクリックしてください 40

4.1.10. 全画面 ブラウザが表示できる領域いっぱいに HTML エディタを広げることができます 元の表示に戻したい場合は 全画面ボタンをもう一度クリックしてください 4.1.11. タグ表示 各ブロックの HTML コードの構成要素を確認することができます 段落 改行の様子や見出しの大小の確認を行うことができます 41

4.1.12. 見出し テキスト色の設定 ( スタイル ) 見出しにしたい段落にカーソルを置きます ( 段落は Enter キーを押すと区切ることができます ) 見出し大または見出し小をクリックすると選択した段落が見出しとなります カーソル 選択 4.1.13. 文字装飾太文字 斜体 下線 文字サイズは 修飾したい文字列を選択し 文字装飾ボタンをクリックすると選択範囲の文字列が修飾されます 装飾したい文字を選択 42

4.1.14. 区切り線 区切り線を挿入したい箇所にカーソルを置き ボタンをクリックすると線が挿入されます カーソルを合わせる をクリック 4.1.15. 段落の配置 文字寄せを行いたい段落にカーソルを置きます ( 段落は Enter キーを押すと区切ることができます ) 文字寄せボタンをクリックすると選択した段落が指定された位置に移動します カーソルを合わせる 43

4.1.16. 箇条書き 段落番号 箇条書き または段落番号を付与したい箇所にカーソルを置き またはをクリックしてく ださい カーソルを合わせる 選択 箇条書き 段落番号 4.1.17. 書式クリア設定されている書式 ( 太字 斜体 下線 ) をクリアして 通常の文字に戻します 入力内容をクリアしたい場合は ボタンをクリックします カーソルを合わせる をクリック 元の書式に戻ります 44

4.1.18. 全消去 ボタンをクリックし 確認メッセージが表示されたら OK ボタンをクリックしてください 確認メッセージが表示されます OK ボタンをクリックすると 内容が消去されます 4.1.19. ヘルプ ( エディタ機能の説明 ) をクリックすると エディタの機能一覧が表示されます 45

4.1.20. 表の追加表を挿入したい箇所にカーソルを置き ボタンをクリックすると表の挿入や編集画面が表示されます 作成したい表のプロパティを設定し 挿入ボタンをクリックするとカーソルの場所に表が作成されます 設定内容 項目列 行セルのパディングセルの間隔配置枠線幅高さ枠線の色背景の色表の見出し 概要表の列数 行数を設定できます セルの内径の間隔を設定できます 数値を入力します セルとセルの間隔を設定できます 数値を入力します 表の配置位置を設定できます 表の罫線の幅を設定できます 数値を入力します 表の幅を設定できます 固定幅の場合 数値だけを入力します 単位はピクセルになります 画面の幅の割合に対し 可変でサイズが変化する表を作成するときは割合を % をつけて設定します 例 )70% 表の高さを設定できます 罫線の色を設定できます カラーピッカーから選択できます 背景色を設定できます カラーピッカーから選択できます 見出しを記述できる領域を設定できます 挿入をクリックすると 表が挿入されます 46

作成した表全体の属性を変更した場合は 設定したいセル上で右クリックをして 表の属性をクリックしてくだ さい を使用して 表を作成すると 行属性からガイドラインまでのボタンが使用できるようになります か どちらかをクリックすると 各設定画面が表示されます 項目を入力し 更新をクリックしてください 設定内容 項目 概要 表のヘッダー : 見出し行を表します 行 表のボディ : 明細が表示されている行を表します 表のフッター : フッター行を表します 配置垂直方向の配置背景の色高さ セルの内径の間隔を設定します 数値を入力します 上 中央 下揃えを設定します 背景色を設定します カラーピッカーから選択できます 行の高さを設定できます 47

項目を入力し 更新をクリックしてください 設定内容 項目 概要 セルの種類セルの種類を設定できますデータ : タグが td ヘッダー : タグが th セルのサイズ水平方向の配置垂直方向の配置枠線の色背景の色 幅を設定できます % で記述すると表のサイズの割合で幅が決まります 行の高さを設定できます 左 中央 右揃えを設定できます 上 中央 下揃えを設定できます 罫線の色を設定できます 背景色を設定できます 作成した表に対する行 列の挿入と削除 セルの結合と解除ができます 行 列の追加 ( 操作パネルのボタンを使った場合の例 ) 左に追加 上に追加 48

セルの結合 ( ショートカットメニューを使った場合の例 ) 選択して 右クリック 結合 結合の解除 ( 操作パネルボタンを使った場合の例 ) 選択して 右クリック クリック 解除 HTML タグメニューにある 結合を解除 セルを結合 をクリックでも同様の操作ができます 49

4.2. サムネイル 画像登録 各種情報の登録画面において 一覧や詳細画面で表示する写真が登録できます 画像を追加するには 追加ボタンをクリックします 画像を変更したい場合は変更ボタンをクリックします Step.1 新しい画像を追加 1 画像挿入画面が新しいウィンドウで表示されます 2 参照ボタンより画像を選択します 必要に応じて説明やサイズを設定し 追加ボタンをクリックすると 選択した画像が追加されます 50

Step.2 過去に登録した画像から選択 3 画像挿入画面の [ アップロード履歴 ] タブをクリックします 4 画像挿入画面の [ 履歴から選択 ] タブをクリックすると 過去に登録した画像の一覧が表示されます 追加したい画像の挿入ボタンをクリックすると 代替テキスト変更のためのウィンドウが表示されます 画像ファイル名 代替テキスト 画像の説 明より キーワード検索ができます クリアボタンで検索条件をクリアします 代替テキストを変更する場合は 修正し 挿入ボタンをクリックすると 選択した画像が追加されます 51