Ｃｏｎｎｅｃｔ－ＣＭＳでオリジナルＷｅｂサイトを作っちゃおう！

https://connect-cms.jp
Connect-CMSとはホームページを簡単に作成できるシステムです。
主に教育機関、研究機関、自治体など、学びに関わる人々の情報共有を支えるべく、日々開発をしております。

直感的で優しい操作性
Connect-CMSの特徴は？

デザインのしやす機能が豊富

NetCommonsからConnect-CMSへデータ移行できます。
※ NetCommonsは、大学共同利用機関法人 情報・システム研究機構の登録商標です。

目次
１ Connect-CMSとは ................................................................... 3
１-１ Connect-CMSとは............................................................ 3
１-２ Connect-CMSの得意分野や考え方は？ .................................. 4
１-３ JIS X 8341への対応 ......................................................... 5
２ Connect-CMSの機能紹介 .......................................................... 6２-１ 公立学校園サイトの統一性と自由度 ...................................... 6２-２ スクールカラーの表現 ....................................................... 7２-３ テーマチェンジャー機能でデザイン切り替え ........................... 8２-４ テーマ作成機能

オリジナルデザインを作る ........................... 9２-４-１ オリジナルデザインを簡単に作成 .................................. 9２-４-２ CSSやJavaScriptを直接記述してデザインを作る ............ 10２-５ 記事の作成しやすさ ........................................................ 11２-５-１ ワード感覚で記事を作成 ........................................... 11
２-５-２ 動画の埋め込みやアップロード ................................... 12２-５-３ 拡張機能

PDF自動サムネイル作成 ............................. 13２-５-４ 拡張機能

写真の顔自動モザイク ................................ 13２-６ パスワード付きページ作成 ................................................ 14２-７ 写真や動画をアルバムで管理 ............................................. 151２-８ 会計報告など資料を管理 .................................................. 16２-９ カレンダー作成 .............................................................. 16２-１０ 保護者からの連絡をWebで受け付け ................................. 17２-１１ 拡張機能

ドローンプログラミング ................................. 18

３ NetCommons2からの移行について ........................................... 19３-１ NetCommons2からデータを移行 ...................................... 19３-２ サイトの再設計を含む移行 ................................................ 20３-３ 記事の自動スマートフォン対応 .......................................... 21４ 機能一覧.............................................................................. 22
５ あとがき.............................................................................. 26

2

１Connect-CMSとは
１-１Connect-CMSとは
Connect-CMSとは、高機能なWebサイトを簡単に作ることができるシステムです。(Connect-CMS公式サイトhttps://connect-cms.jp)
オンラインマニュアルの機能一覧より、Connect-CMSの機能についてご確認ください。機能テストページでは、特徴的な機能について実際に動かして確認することができます。
標準で備えるデザインテーマもテスト可能。（標準デザインのカラーバリエーション25色がテスト可能）【パソコンで表示】【スマートフォンで表示】

レイアウトはスマートフォンにも自動対応しています。
。

3

１-２Connect-CMSの得意分野や考え方は？
•Connect-CMSは株式会社オープンソース・ワークショップが主として開発しております。

•Connect-CMSは、教育機関や研究機関、自治体などで必要となる様々なWebサイトを主なターゲットとして開発しております。そのため、派手な動きなどはいまのところありません。

•Connect-CMSは、オープンソースのソフトウェアなので、誰もが自由に使うことができます。開発において、「すべての人にやさしく情報を提供する」ということを意識しております。

• 「Connect-CMS」という名前も、「つなぐ」という意味を込めて、名付けさせていただいております。
•キャッチコピーも、「つながる未来へ」とさせていただいております。

•ここには、さきほどの「すべての人がつながる」に、さらに、「まだ見えない未来に向けて、つながることを大切にし続けます」という、我々の宣言も込めさせていただいています。

• 「まだ見えない未来に向けて、つながることを大切にする」とは、具体的には、「新しい機能や環境を拒否することなく、機能追加を繰り返しながら、つながっていく」という、我々のシステム開発への想いを表しています。
•利用者様には、「様々な機能が増えて、どんどん便利になって行くね」という体験をしていただけるように考えております。

4

１-３JIS X 8341への対応
今後、ホームページに求められていくものとして、「ウェブアクセシビリティ」があります。
高齢者や障害者を含む誰もが利用できるものとなるよう、自治体や学校ホームページには「JIS X 8341」の準拠が求められていくようになると考えています。
Connect-CMSでは、適合レベルAAの基準を満たすサイトが構築できます。
(ソフトウェアとしての対応はできています。)※「JIS X 8341」はソフトウェアだけではなく、記載する記事も含めた対応が必要です。

5

２Connect-CMS の機能紹介
２-１公立学校園サイトの統一性と自由度
学校ごとのメニューがあまりにバラバラだと、各校で同じコンテンツを配置したいときにうまく確認できなくて困ります。
また、メニューに自由度がないのも、自分の学校として発信したいことを伝えられないという問題が発生します。
Connect-CMS を公立校のホームページに導入する場合、基本となるメニューは自治体で揃えたものを作成し、各校ごとに不要なものは消し、独自のものは追加するという運用がよくあります。
これがやりやすいのも、Connect-CMS の特徴です。
【メニューの例】

6

２-２スクールカラーの表現
ホームページはスクールカラーを基調にしたい。
当然の要求ですが、今までのCMSでは、細かな色の指定はできない、もしくはカスタマイズが必要ということが多くありました。
Connect-CMSでは、学校ごとにスクールカラーを表現できるように、初めから25色のカラーパターンを選択できます。さらにRGBで指定することも可能で、スクールカラーをしっかり表現することができるようになりました。

7

２-３テーマチェンジャー機能でデザイン切り替え
Connect-CMSは、テーマチェンジャー機能で、簡単にデザインを切り替えることができます。
以下は同じページでデザインを変更した例です。

デザインは追加可能なため、自治体様ごとにオリジナルデザインを追加できます。

8

２-４テーマ作成機能

オリジナルデザインを作る

２-４-１オリジナルデザインを簡単に作成「縦型メニュー」、「横型メニュー」、「フレームタイトル」の文字色や背景色などを設定し、オリジナルデザインを作ることができます。

横型メニュー

フレームタイトル

縦型メニュー9２-４-２CSSやJavaScriptを直接記述してデザインを作る
Connect-CMSでは、CSSやJavaScriptを直接記述してデザインを編集することができます。ページやフレーム単位で任意のCSSクラスを設定できる機
能と組み合わることで、デザインを柔軟に施すことが可能です。
また画像をアップロードしてレイアウトに組み込むこともできます。

10

２-５記事の作成しやすさ
２-５-１ワード感覚で記事を作成•

ワードのような感じで、直観的に記事を作成することができます。

•

文章はもちろんのこと、表も作成できます。

•

リンクや画像、ファイルの挿入もできます。

Connect-CMSは、「閲覧する保護者や学校関係者に分かりやすくすること、記事を書く教員の負担をできる限り減らすこと」にこだわって開発しています。

【記事作成編集画面】

ソースコードの表示、編集もできます。

11

２-５-２動画の埋め込みやアップロード•

動画の埋め込み
動画の埋め込みについて、「Youtubeにアップロードした公開動画を埋 め 込 む 」「Youtubeに ア ッ プ ロ ー ド し た 限 定 動 画 を 埋 め 込 む 」「Vimeoにアップロードしたものを埋め込む」という方式が使えます。

•Connect-CMSに直接動画をアップロード
ビデオカメラやデジタルカメラ、スマートフォンなど、多くの身近な機器で撮影した動画をアップロードできます。
動画は Windows、Mac、iPhone、Android などで共通で参照できる形に自動的に変換し、サイズの圧縮も自動で行います。
これにより、アップロードする人も参照する人も手軽に動画を扱えます。

12

２-５-３拡張機能 PDF自動サムネイル作成
学校だよりなどのPDFをアップロードすると、PDFのサムネイル画像を自動で作成できます。
（公開されているインターフェースで実装が必要です）

２-５-４拡張機能 写真の顔自動モザイク
写真の顔をAI判定して、自動でモザイク加工することが可能です。
（公開されているインターフェースで実装が必要です）

13

２-６パスワード付きページ作成
学校であれば、保護者や生徒向けにパスワード付きページを作ることができます。
ログインIDを必要とせず、「パスワード」のみで制限できます。
プリントや一斉連絡メールなどでパスワードを伝えて使用することを想定しています。
パスワード付きページには、動画での補助教材や課題PDFなどをアップロードしておくことを想定したものになっています。

学年毎にページを作成し、各ページにパスワードを設定することもできます。
幼稚園用、小学生用、中学生用と分けている自治体様もいらっしゃいます。
※パスワードを入力してページを開きます。

14

２-７写真や動画をアルバムで管理
文化祭、運動会などの写真や動画をアップロードし、管理できます。
写真については、複数の写真をzipファイルにしてアップロードできます。
アップロードされたzipファイルは自動的に展開されて登録されます。

15

２-８会計報告など資料を管理
会計報告書などのファイルをアップロードして管理します。

２-９カレンダー作成
カレンダーに行事予定など登録できます。

16

２-１０保護者からの連絡をWebで受け付け
Connect-CMSのフォーム機能を使えば、保護者からのお休み連絡をホームページで受け取っておくことが可能です。登録された内容は、指定したメールアドレスに転送可能。保護者自身にもCCでメールが送られるので、お互いに誤解のない連絡のやり取りができます。
フォームの項目は設定画面で自由自在に増減可能。必須にする項目や選択項目の選択肢も自由に設定できます。

17

２-１１拡張機能ドローンプログラミング

オプションプラグインのDroneStudyをインストールすれば、ブロック・プ
ログラミングでDJI社※のTello※を動かすことができます。
児童・生徒はサイト上でプログラミングし、教員用のPCでプログラムを呼び出して実行できます。
安全に配慮した形で教室で小型のドローンを使ったプログラミングが行えます。
また、ドローンのカメラ映像を受信して写すことも可能です。

※

記載している会社名・商品名は、各社の登録商標または商標です。

18

３NetCommons2からの移行について
３-１NetCommons2からデータを移行
NetCommons2からConnect-CMSにデータを移行できます
ページやブログ、添付のPDFも移行でき、これまでの資産を有効に引き継げます。
【移行前】

【移行後】

19

３-２サイトの再設計を含む移行
移行時に、古いデータの削除やサイトのコンテンツの整理を行うことができます。

移行時に、古いデータの削除やサイトのコンテンツの整理を行うことができます。

20

３-３記事の自動スマートフォン対応
スマートフォン対応のシステムにデータを移すだけでは、実際にスマートフ
ォンで見た際、きれいに見えないことが良くあります。
下はGoogle Mapの埋め込み例です。
画面幅に合わせて、自動的に大きさが変わるようになるには、記事を変更しなければいけません。Connect-CMSの移行プログラムは、可能な限り、コンテンツ内もスマートフォン対応に自動変換します。

【パソコンで表示】【自動変換の例】
左エリアのGoogleMapをスマホで見ても、見やすい大きさに自動で変換します。

【スマートフォンで表示】

21

４機能一覧
【一般プラグイン】
プラグイン名機能概要

固定記事（お知らせ）

サイト上に文字や画像を配置できるプラグインです。

メニュー

ページ設定を元にメニューを表示できるプラグインです。

ブログ

ブログを作成できるプラグインです。サイトからのニュース配信などにも使用します。

カレンダー

カレンダーを作成できるプラグインです。予定の配信や共有に使用します。

スライドショー

画像をアップロードして自動スライド形式で表示することができます。

開館カレンダー

施設の開館カレンダーを作成できます。

新着情報新着情報を作成できるプラグインです。サイト内のプラグインから新着記事を集めます。

FAQ

FAQを作成できるプラグインです。質問と回答をわかりやすく表示できます。

リンクリスト

リンクリストを作成できるプラグインです。よく使うサイトのURLを登録します。

キャビネットキャビネットを作成できるプラグインです。ファイルの管理に使用します。

フォトアルバム

写真などの画像や動画を管理できる、メディアアルバ
ムです。

データベース

自由に項目を設定して、データベースを作成できる機能です。

OPAC

図書館などの蔵書を管理できるプラグインです。

フォーム

フォームを作成できるプラグインです。項目を自由に作成できます。

22

アンケート

アンケートを取ることができます。アンケートはフォームプラグインのアンケートモードで実現します。

カウンター

カウンターを作成できるプラグインです。日ごとの履歴もダウンロードできます。

サイト内検索サイト内のコンテンツを検索できるプラグインです。

データベース検索

データベースプラグインのデータを参照して、異なる画面として表示できる機能です。

掲示板

掲示板を作成できるプラグインです。

施設予約

施設予約を作成できるプラグインです。会議室や設備の予約で使用します。

タブ

複数のフレームをタブで切り替えることができるようにするプラグインです。

テーマチェンジャー

テーマ設定を変更保存することなく切り替えて確認できるようにするプラグインです。

課題管理（レポート）

課題を提示してレポートなどを収集できます。

テスト（開発中）フォームのテストモードとして実装中

RSS（開発予定）他サイトのRSSを取得して表示できるプラ
グイン

ToDo

（開発予定）タスクを共有できるToDoプラグイン

回覧板（開発予定）議題の既読確認のできる回覧板機能【共通機能】
機能名

機能概要

ログイン

ログイン・ログアウトなどログイン関係

管理機能

プラグイン追加や管理者メニューなど、サイト管理機能への入り口です。

フレーム

フレームに関する操作ができます。

WYSIWYGWYSIWYG機能で記事を編集できます。

23

パ ス ワ ー ド 付 き ペ ー パスワード付きページを作成できます。
ジ【他システム移行機能】
機能名

機能概要

NC2ワンクリック移行

NetCommons2のバックアップデータをアップロードして取り込むことができます。

NCコマンド移行

NetCommons2、NetCommons3のデータを移行できます。（詳細設定パラメータあり）【管理系プラグイン】
プラグイン名機能概要

管理画面

管理画面の初めに開く画面です。Connect-CMSの公式サイ
トより、最新情報を取得して表示します。

ページ管理

ページの作成や設定など、ページに関する機能が集まった管理機能です。

サイト管理

サイトの基本設定など、サイト全体に関する機能が集まった管理機能です。

グループ管理ユーザをグループとして設定できます。
このグループにページ毎の権限を付与することができます。

ユーザ管理

ユーザの一覧や追加など、ユーザに関する機能が集まった管理機能です。

セキュリティ管理 ログイン制限やHTML記述制限など、セキュリティに関する機能が集まった管理機能です。

24プラグイン管理

プラグイン追加時の表示設定など、プラグインに関する機能が集まった管理機能です。

システム管理デバッグモードや使用メモリ、ログなどシステムの基本に関する機能が集まった管理機能です。

API管理

API のSecret Code設定を行い、他のシステムと接続できるように設定できます。

メッセージ管理

サイトの利用確認など、初回にアクセスした際に確認したいメッセージに関する機能が集まった管理機能です。

外部認証

他システムと連携した外部認証に関する設定が集まった管理機能です。

外部サービス設定 Connect-CMSの外部サービス設定に関する機能が集まった管理機能です。
アップロードファ アップロードファイルに関する機能が集まった管理機能でイル管理

す。

施設管理

施設予約で使用する施設を登録して管理する管理機能です。

テーマ管理

テーマに関する機能が集まった管理機能です。

連番管理

連番管理に関する機能が集まった管理機能です。

コード管理

各プラグインでユーザーが使用するコードを一括管理できる機能です。

ログ管理

ログに関する機能が集まった管理機能です。

祝日設定

祝日に関する機能が集まった管理機能です。

他システム移行

他システムからデータ移行する機能が集まった管理機能です。

バックアップ管理 （開発予定）データ・ポータビリティを実現するためのバッ
クアップ機能25

５あとがきConnect-CMSは、パソコンだけでなく、スマートフォンでも写真や記事を投稿できます。
災害時の緊急時でも、スマートフォンさえあれば、情報発信ができます！

ここでは紹介しきれなかった機能がまだまだたくさんあります。
Connect-CMSのWebサイトより、詳細をご確認ください。

詳しくはこちらConnect-CMS

検索

https://connect-cms.jp

発行日 ：2023年8月13日
発行者 ：Connect-CMS同好会
連絡先 ：Twitter（@connect_cms）
https://connect-cms.jp/contact
印刷所 ：株式会社プリントパック

26

2023年8月13日発行版