LOGIN ID Password Auto Login Register Now! Lost Password?
XUGJ Wiki

携帯対応 anchor.png

XOOPSで作られたコンテンツを携帯で見たい、というニーズが増えてきていますが、そのままではいくつかの問題があります(XOOPSに限った話ではありませんが...)。

  • そもそも携帯電話が全てのhtmlを解釈するわけではない
    • 第3世代ぐらいからの携帯であれば、PCサイトブラウザ等が搭載された携帯や、あるいはHTMLコードをそのまま解釈し表示ができる機能や、携帯用に見やすく変換してくれるサービスなどを利用する方法があります。
    • 古い機種ではhtmlをそのまま解釈しないことや、パケット量制限などがあって見られなかった
    • XOOPS標準として、newsモジュール専用で pda.php が用意されています。これらをカスタマイズしてモジュールごとに用意する、というのも一つの方法です。
    • xhldのようにモジュール単位で対応する試みもありますが、現状のところ共通の仕組みというのがありません。
  • そもそもcookieが使えないのでログインが出来ない
    • XOOPSではユーザのログインの管理にcookieを使いますが、多くの携帯はcookieを使ったセッション管理を行うことができません(アクセスの度にIPアドレスが変わる、なども)。そのためXOOPSのシステム側でcookieを使わない方法としていくつかの方策が有志によって提供されています。
  • そもそも大きい画像が携帯で表示しずらい、パケット代がかさむ
    • Webサイトでは綺麗な画像を表示したい、ということで100KB以上の画像がありますが、そのまま携帯電話で表示していては通信量が多くなりパケット代がかさみます。またサイズの大きい画像であれば携帯の画面ではそもそも表示できないので、自動的に縮小するなど工夫が必要になります。
  • そもそも操作しずらい
    • 携帯はPCと違ってキー操作が限られています。主に十字キーとテンキーでの操作になりますので、携帯向けに操作しやすい、というのも今後ポイントになるでしょう。
    • また絵文字など携帯独自の表現方法などにも対応していると便利かもしれません。
Page Top

Xoops を携帯対応にする方策 anchor.png

  1. WizMobile モジュール
    XCL以降に対応。HDにも含まれている。モジュール形式で組込。
  2. 携帯対応レンダラー
    XCL、Xoops2.0.16a-JPにも対応。
  3. xmobile モジュール
    残念ながら開発終了したが、その後hiro さんよりプロジェクトを引き継ぐ承諾を得て、有限会社ブルームーンとshige-p さんでプロジェクトを再開した。
Page Top

主な仕様及び機能比較 anchor.png

内容WizMobile携帯対応レンダラーxmobile
モジュール×
for Xoops 2.0.16a-JP×
for Xoops Cube Legacy
ver2.1.4~
又は HD
ログイン(簡単ログイン)
ページ分割
テーマ下テンプレート利用×
テンプレートセットの指定×
キャリア別対応×
画像の自動リサイズ×
非表示モジュール設定××
非表示ブロック設定×
携帯専用ブロック設定
不要タグ削除○+*1×
xhtmlコンテント出力×
外部サイトリンク用リダイレクト×
携帯絵文字×
外部CSS
携帯端末情報の自動更新

Page Top

モバイルテンプレート anchor.png

 WizMobile携帯対応レンダラーはPCで表示する内容を携帯で表示可能にしてくれるが、携帯用に表示を調整するわけではない。両方とも不要タグ削除を実装していて、携帯対応レンダラーではさらに「入れ子tableの外側削除機能」を実装しているが、携帯用に見やすく・使いやすくするためにカスタマイズしたモバイルテンプレートを準備(作成)するほうが良いでしょう。

 また、一部のモジュールではモバイルテンプレートを使用しないと表示や書き込みの動作が正常に行えないものがあります。

Page Top

テンプレート読込み優先順位 anchor.png

 モジュールのテンプレート参照順は以下のようになっています。
 WizMobile携帯対応レンダラー共通です 

1, /html/themes/(theme)/templates/(dirname)_(tpl_name)
2, /html/themes/(theme)/templates/(trustdirname)/(tpl_name)
3, モバイル用に選択されたテンプレートセット内の(tpl_name)
4, defaultテンプレートセット内の(tpl_name)

 「1,2」はファイルテンプレートで一般にテーマ下テンプレートと呼ばれています。Duplicatable V3モジュールの場合に「2」の方法でファイルテンプレートを置くことで複数設置されたDuplicatable V3モジュールのすべてにテンプレートが反映されます。

 またDuplicatable V3モジュールの場合でも「1]の方法でファイルテンプレートを置くことで、(dirname)に該当するモジュールのみテンプレートを反映することも可能です。

 「3」はWizMobile携帯対応レンダラーそれぞれで選択方法は違いますが、テンプレートセット(DBテンプレート)をモバイル用として選択(指定)することができます。  この方法は通常のテンプレートセットと同様に管理画面から直接編集することが可能で、即座に反映されます。また日本語の利用も文字コードを気にすることなく利用可能です。

※「1~3」がモバイルテンプレートとなり「4」はPCと共有となるため携帯用にカスタマイズすることはやらないほうが良いでしょう。

Page Top

各キャリアごとの情報 anchor.png

Page Top

Docomo anchor.png

Page Top

au anchor.png

Page Top

Softbank anchor.png

Page Top

willcom anchor.png

Page Top

iPhone/iPod Touch anchor.png

  • 標準でsafariブラウザ搭載なので、PCのsafariで見ることができれば特に問題なし
  • ログインも可能
  • 画面サイズは320×480
  • ただしFlashはNGなのでXOOPS側でFlashを使うものがあれば代替が必要
  • 3G(iPhone)であればパケット料金が発生。Wi-Fiであれば必要なし。
Page Top

Tips anchor.png

Page Top

モバイルテーマ、テンプレート配布サイト anchor.png

  • モバイルテンプハウス
    WizMobile用/携帯対応レンダラー用、どちらも汎用的に使用可能な単純に簡素化したモジュールテンプレートを主に配布しています。
  • mbxoops
    WizMobile用のカスタムテーマ/テンプレート配布を行っています。 携帯用としての機能の追及と見た目の向上がなされており、XCLで運用のサイトの場合、まずチェックしておきましょう。
Page Top

D3モジュールテーマ下テンプレートを複数サイトで共有したい場合 anchor.png

 D3モジュールのテーマ下テンプレートを、trust側に1セット置くことで共有し一元管理したい場合は、テンプレートを/trust/themes/(テーマ名)/templates/(trustdir?name)/(tpl_name)にアップロ-ドして 例えば以下のようにシンボリックリンクを利用することで可能になる場合があります。(Windows系サーバーには不可)

ln -s /home/xxx/trust/themes/(テーマ名)/templates/d3forum/ /home/xxx/public_html/(サイトディレクトリ)/themes/(テーマ名)/templates/

 ln -s 実データディレクトリ シンボリックリンク という形式で、1行で書いてください。

Page Top

全モジュールのテーマ下テンプレートを複数サイトで共有したい場合 anchor.png

 上記のD3モジュールの方法を更に進めて、通常のモジュールのテーマ下テンプレートまで含めて、そっくり丸ごと共有し一元管理したい場合は、テンプレートを/trust/themes/(テーマ名)/templates/内にアップロ-ドして 例えば以下のようにシンボリックリンクを利用することで可能になる場合があります。(Windows系サーバーには不可)
 この場合はD3モジュールは上記と同様に「/trust/themes/(テーマ名)/templates/(trustdir?name)/(tpl_name)」としてアップすればOK。 なお、D3以外のテンプレート名は、サイト毎にモジュールディレクトリ名が異なる場合、それらのディレクトリ名に合わせて、テンプレート名を変更したテンプレートを全てtrust側にアップしておく必要があります。

ln -s /home/xxx/trust/themes/(テーマ名)/templates/ /home/xxx/public_html/(サイトディレクトリ)/themes/(テーマ名)/

 ln -s 実データディレクトリ シンボリックリンク という形式で、1行で書いてください。


*1 入れ子tableの外側削除機能が秀逸

トップ   凍結 差分 バックアップ 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
Counter: 31939, today: 1, yesterday: 1
初版日時: 2008-08-13 (水) 00:53:28
最終更新: 2014-01-13 (月) 22:06:02 (JST) (1311d) by naao
Back to Page Top
MainMenu
Manuals
Search
XOOPS Official & Dev.
XOOPS Communities