Open source EC system using XOOPS Cube/ PHP5.3, MySQL5.5

1. XoopsEC
Distribution Package
Presented By Bluemoon inc.
and GMO Payment Gateway
2013 – 2 - 13

2. 自己紹介
• 有限会社ブルームーン CEO 酒井能克
• Twitter @bluemooninc
• https://www.facebook.com/bluemooninc
• http://www.bluemooninc.jp
• N88-Basic,MASM,Quick-C,MS-C,VB,
桐,dBaseIII,MS-Access 2.0 – 2013,PHP,
JavaScript 等プログラム歴３０年
• MdNウェブデザイン特別号執筆。

3. コンセプト
• シンプルに導入しやすく！
os-commerce,zen-cart,ec-cube,magento,uu-
cart等色んなオープンソースの経験より
• 磨き込まれたUXヲトリイレヨ
ヤフオクとかアマゾンとか良いので真似
る。
• コアは最小限に拡張性は無限に
学習コストを最小にするが拡張性は犠牲
にしない。

4. https://www.xoopsec.com

5. https://github.com/bluemooninc/xoopsec

6. 特徴
• ヤフオク＆アマゾンから発想したUX
• アマゾンと同様の簡単クレジット決済
• スマホ/タブレット自動サイズ調整
• メール通知と共にサイト内メッセージも配信
• CSVインポート・エクスポート＝全テーブル
• 動作環境＝PHP5.3/MySQL5.5以降
• GPL V3 オープンソース・無償ダウンロード
• XOOPS Cube V2.2最新コア対応
• Legacy モジュール上位互換（機能追加あり）

7. 導入ガイダンス

8. インストール
• html, xoops_trust_path をサーバにアップ

9. ウィザードの始まり

10. アクセス権限チェック

11. データベースの設定

12. 内容を確認

13. mainfile.php の生成

14. 書込可能フォルダのチェック

15. 設定のチェック

16. データベースの設定

17. データベースの存在チェック

18. データベースの作成とチェック

19. システムテーブル作成

20. アプリのインストール

21. サイトページへログイン

22. バックヤードへ

23. ブロックの表示位置調整

24. デモサイトと同様の画面

25. クレジット機能のセットアップ

26. GMO-PGX モジュール

27. GMO-PG API連携の設定

28. クレジットカードのテストID取
得
https://service.gmo-pg.com/cyllene/entry/trialStart.htm

29. 登録してメールを受信

30. テスト環境使用の確認

31. ID/PWをメールで取得

32. ショッピングカートにつ
いて

33. 最近チェックした商品
• 非ログイン時はセッションで管理
• ログインしてもセッションを引き継ぐ
• 常に最新のチェック品が左先頭来る
• 左右スライダーでページ切り替え

34. カテゴリー
• ヤフオクと同じUXで動くカテゴリーブ
ロック
• カテゴリーの樹形図は無限（Callback with
closure 使用＝PHP V5.3 以降必須）

35. 商品の編集について
• クリックで商品詳細＞編集へ

36. 商品の編集
• 編集する＞バックステージの編集へ

37. 画像を説明文に追加
• 商品説明にも画像の追加が可能

38. サーバ側での画像管理

39. 商品説明の整形例

40. 新規商品の登録

41. 商品一覧

42. 商品一覧で追加を確認
• 鉛筆アイコンで再編集
• ×は削除
• その隣は画像ファイル登録
• 目のアイコンは表の画面で確認
• 販売しない時は、在庫を０にしておきます。

43. 画像カタログに写真を追加

44. 商品画像一覧表で確認

45. ２枚目の画像を追加
• 無限に追加可能

46. ２枚の画像を登録完了

47. 表の画面で確認

48. カートに入れてレジへ

49. 注文内容の確認
• 配送先を入力して、支払い方法を選択＞注文
を確定

50. お届け先を入力

51. お届け先登録完了

52. クレジットカードの利用登録
• 全ページ右側のクレジットカード下のボ
タンをクリック

53. 登録完了
• 既に登録されている場合はワーニング

54. クレジットカード登録
• GMOペイメントのAPIで登録

55. 注文を確定する

56. ご注文一覧
• ご注文有り難うございますのメッセージ
後遷移先

57. 確認メール
• Bmcart
/languages
/ja_utf_8
/ThankYouForOrder.tpl
メッセージでも補
完

58. 注文一覧
管理者メニューより注文一覧
をクリック

59. 配送情報の入力

60. クレジット課金
決済実行で課金API実行。
日時が入り、決済実行ア
イコン（鍵）が消える。

61. 商品発送の連絡

62. 発送メール
• Bmcart
/languages
/ja_utf_8
/ShoppingNpw.tpl

63. CSV入出力
• モジュール名テーブル名毎にCSVを入出力
• エクセルファイルで編集して一括登録可
• テストと本番のデータ入れ替えに最適

64. B.M.Cart CSV
• ダウンロードするとヘッダ付きCSVをエク
セルで編集できる。エクセル編集後のCSV
を読み込ませて更新、追加が可能。

65. Category
• 樹形構造=parent_id
• カテゴリーID=category_id

66. Item (商品)
• `item_id` int(8) unsigned NOT NULL auto_increment, 商品ID
• `category_id` int(8) unsigned NOT NULL, カテゴリID
• `uid` int(8) unsigned NOT NULL, 登録者ユーザID
• `item_name` varchar(255) NOT NULL, 商品名称
• `item_desc` text, 商品説明
• `price` decimal(13,2), 商品価格
• `shipping_fee` decimal(13,2), 送料
• `stock_qty` int(1) unsigned NOT NULL, 在庫数量
• `last_update` int(10) unsigned NOT NULL, 最終更新日
• `publish_date` int(10) unsigned NOT NULL, 公開日（将来対応予定）
• `expire_date` int(10) unsigned NOT NULL, 公開終了日（将来対応予定）

67. Order
• `order_id` int(8) unsigned NOT NULL auto_increment, 注文番号
• `uid` int(8) unsigned NOT NULL, ユーザID
• `first_name` varchar(80) NOT NULL, 名
• `last_name` varchar(80) NOT NULL, 氏
• `zip_code` varchar(10) NOT NULL, 郵便番号
• `state` varchar(32) NOT NULL, 都道府県
• `address` varchar(80) NOT NULL, 市区町村
• `address2` varchar(80) NOT NULL, 番地、建物等
• `phone` varchar(12) NOT NULL, 電話番号
• `payment_type` tinyint(1) unsigned NOT NULL, 支払い（１：銀行振込、２：カード
• `card_order_id` varchar(14), カード側へのオーダーID
• `sub_total` decimal(13,2), 商品系
• `tax` decimal(13,2),消費税
• `shipping_fee` decimal(13,2),送料
• `amount` decimal(13,2), 合計
• `order_date` int(10) unsigned, 注文日時
• `paid_date` int(10) unsigned, 支払日
• `shipping_date` int(10) unsigned, 配送日
• `shipping_carrier` varchar(32), 配送会社名称
• `shipping_number` varchar(24), 配送伝票番号
• `shipping_memo` text, 配送に関するメモ
• `notify_date` int(10) unsigned, 配送事項送信日時

68. OrderItems
• `orderItem_id` int(8) unsigned NOT NULL
auto_increment, 注文カウントID
• `order_id` int(8) unsigned NOT NULL, 注文ID
• `item_id` int(8) unsigned NOT NULL, 商品ID
• `price` decimal(13,2),商品価格
• `shipping_fee` decimal(13,2),送料
• `qty` int(1) unsigned NOT NULL,数量

69. フォルダ構成等
• 色々ある

70. 本日リリースした内容まとめ

71. 使ったテーマ

72. フレームワーク
• Achtungbaby（と呼んでま
す）
– admin = Mojavi のactionです
– App = CakePHPのフォルダ構成
– Model = FuelPHPのForge
• それぞれの好きなとこだけ集
めて作りました。

73. MVCフレームワーク
• 代表的な フレームワーク
• 2003年 phrame フレームワークの黎明期
• 2004年 Mojavi MVCフレームワークの台頭
• 2005年 Agavi, Ethna, Maple フレームワーク戦
争時代
• 2006年 CakePHP,Ruby on RailのRAD機能を
• もつフレームワークの登場
• 2007年 symfony,Zend Framework 企業レベルで開
発されたフレームワークの台頭
• 2011年 FuelPHP RAD熟成期 Rest コントローラや名
前空間等、PHPやWebのAPI進化と共に

74. Achtungbabyって何？
• XOOPS Cube に置ける Mojavi フレーム派生
• CakePHP の App フォルダ構成
＞RADで次に何をすればいいかレスポンシ
ブな反応がフレームワームに欲しかった。
• FuelPHP の Model 構成
＞handlerはテーブル毎だがまるっとビジ
ネスロジックをやってくれる場所が欲し
かった。
• 無い＞作った！（今ココ）

75. 次にしたい事を教えてくれる
/modules/bmcart/コントローラ名/メソッド名/
値１/2

76. Model_Forge
カートの中身を見るには色々なテーブルのビジネ
スロジックを丸っと書く＞それはコントローラで
は無い