40
DrupalGeoを体験しよう FOSS4G 2015 ©sphism 紀野 (ANNAI)

Foss4G 2015 Drupal Hands-on Session

  • Upload
    -

  • View
    476

  • Download
    2

Embed Size (px)

Citation preview

Page 1: Foss4G 2015 Drupal Hands-on Session

DrupalでGeoを体験しようFOSS4G 2015

©sphism

紀野 惠 (ANNAI)

Page 2: Foss4G 2015 Drupal Hands-on Session

自己紹介

• 紀野惠(Kino Satoshi ) satoshi.kino

• ANNAI, Inc.

• Drupal Community

• OSC Kyoto, KOF実行委員

Page 3: Foss4G 2015 Drupal Hands-on Session

Pantheon• https://pantheon.io/

• 無料版でも複数のサイトを立ちあげ可能(独自ドメインは有料コース)• さまざまなディストリビューションを試せる• Wordpressも使える

• SFTPも使える(初心者にはやさしい)

• モジュール、テーマインストールもWebから行える

• UIはわかりやすい

• ミニマムの¥2500/月コースだとちょっと重い

Page 4: Foss4G 2015 Drupal Hands-on Session

https://pantheon.io/

Page 5: Foss4G 2015 Drupal Hands-on Session

アカウント作成

Page 6: Foss4G 2015 Drupal Hands-on Session

サイト作成

Page 7: Foss4G 2015 Drupal Hands-on Session

サイト名設定

Page 8: Foss4G 2015 Drupal Hands-on Session

Drupal7版

Drupal7

Page 9: Foss4G 2015 Drupal Hands-on Session

ファイル展開中

どれをえらんでもOK!

Page 10: Foss4G 2015 Drupal Hands-on Session

ダッシュボード

どれをえらんでもOK!

Page 11: Foss4G 2015 Drupal Hands-on Session

SFTPアカウント確認

どれをえらんでもOK!

SFTPを確認

Page 12: Foss4G 2015 Drupal Hands-on Session

ファイル構成

SFTPを確認

Page 13: Foss4G 2015 Drupal Hands-on Session

SSH key 登録

どれをえらんでもOK!

SSH Key登録

Page 14: Foss4G 2015 Drupal Hands-on Session

定期的なBackup&Restore

Page 15: Foss4G 2015 Drupal Hands-on Session

サイト公開・非公開

隠すときはLocked

Page 16: Foss4G 2015 Drupal Hands-on Session

サイトインストール

サイト画面へ

Page 17: Foss4G 2015 Drupal Hands-on Session

インストール

サイト画面へ

Page 18: Foss4G 2015 Drupal Hands-on Session

設定情報

サイト画面へ

Page 19: Foss4G 2015 Drupal Hands-on Session

設定情報

国・言語

Page 20: Foss4G 2015 Drupal Hands-on Session

完了!

国・言語

Page 21: Foss4G 2015 Drupal Hands-on Session

日本語化

日本語へのローカライズ: https://groups.drupal.org/node/164069

ローカライズ版ディストリビューション:https://groups.drupal.org/node/163599

Page 22: Foss4G 2015 Drupal Hands-on Session

とりあえず、Admin Menu

drupal.org/project/admin_menu

Page 23: Foss4G 2015 Drupal Hands-on Session

モジュールのダウンロードリンク右クリックでURLコピー

Page 24: Foss4G 2015 Drupal Hands-on Session

モジュール追加

Install new module

Page 25: Foss4G 2015 Drupal Hands-on Session

Webからインストール

URLコピペ

Page 26: Foss4G 2015 Drupal Hands-on Session

モジュール有効化

Enable Enewly added modules

Page 27: Foss4G 2015 Drupal Hands-on Session

不要なモジュールを無効化

Overray, Toolbarなど

Page 28: Foss4G 2015 Drupal Hands-on Session

テーマをインストール

Install ne theme

Page 29: Foss4G 2015 Drupal Hands-on Session

やりかたはModuleと同じdrupal.org/project/project_theme

Install ne theme

Page 30: Foss4G 2015 Drupal Hands-on Session

Corporate Cleanを試しに入れましょう

Install ne theme

Page 31: Foss4G 2015 Drupal Hands-on Session

インストールしたら有効化

Enable and set default

Page 32: Foss4G 2015 Drupal Hands-on Session

テーマが変わりました!

Enable and set default

Page 33: Foss4G 2015 Drupal Hands-on Session

GeoField

drupal.org/project/geofield

Page 34: Foss4G 2015 Drupal Hands-on Session

GeoField Document

drupal.org/node/1089574

Page 35: Foss4G 2015 Drupal Hands-on Session

依存モジュール• Ctools

• https://www.drupal.org/project/ctools

• Geophp

• https://www.drupal.org/project/Geophp

• Geofield Map!!!!

Page 36: Foss4G 2015 Drupal Hands-on Session

フィールド追加• Administration » Structure » Content types » Article

• Manage Fieldタブを開く

• Add new field に任意のフィールド名+Machine Name(半角英数)

• FieldTypeにGeofield、Widgetに「Latitude/Longitude」を選択

• Widgetは後で変更可能!!!!!

Page 37: Foss4G 2015 Drupal Hands-on Session

フィールドの表示設定• Manage Fieldタブを開く

• 先ほど作成したGeofieldのFORMATを「Geofield Map」へ変更!!!!!!

Page 38: Foss4G 2015 Drupal Hands-on Session

コンテンツの投稿• Content > Add content > Article

• Latitude, Longitudeに値を入れる

• 0 を入れると西アフリカ沖の海がポイントされる!!!!!!!

Page 39: Foss4G 2015 Drupal Hands-on Session

でました!!!!!!!!!

Page 40: Foss4G 2015 Drupal Hands-on Session

Enjoy Drupal !!• コミュニティはこちら

• 毎月第3金曜日 来月は12月18日に神戸!

• groups.drupal.org/japan

• facebook.com/DrupalCafe