This guide is part of the AI on IBM Z Fraud Detection Solution Template.

We can use our deployed WMLz fraud detection AI model and integrate it into different types of applications. Guidance on integrating the AI model into a sample web based storefront is below. The AI model can be analyzed and/or provide inferencing APIs using a the sample AI on IBM Z Fraud Detection Dashboard.

The sample e-commerce application is based on the open source EverShop Storefront and has been extended to integrate with the AI on IBM Z Solution Template. EverShop is a GraphQL Based and React ecommerce platform with essential commerce features. Built with React, modular and fully customizable.

• Must have AI on IBM Z Sample Fraud Detection Dashboard deployed for inferencing and analysis
• Must have docker installed

1. Set app_url_w_port variable in CheckoutForm.jsx to your server IP and port (ip:port)
2. Run command in terminal:

   docker-compose up
   

1. Enter URL in web browser using app url (e.g. localhost)

   http:https://localhost:3000/admin
   

2. Login with default admin credentials
   • email: [email protected]
   • password: admin

1. Create categories

   • Click Categories from the Catalog section
   • Click New Category
   • Add category details
     • Add name (e.g. Kids)
     • Add url key
     • Add meta title
     • Change status to Enabled
     • Change include in store menu to Yes
   • Click Save

   

2. Add products

   • Click Products from the Catalog section
   • Click New Product
   • Add category details
     • Make sure to change add category
     • Make sure to change status to Enabled
     • Make sure to change visibility to Visible

   

1. Click Setting on the bottom left
2. Click Store Setting

1. Click Setting on the bottom left
2. Click Payment Setting
3. Enable Stripe Payment
4. Click Save

   

1. Add shipping zone

   • Click Setting on the bottom left
   • Click Shipping Setting
   • Click Create new shipping zone
   • Add shipping details
   • Click Save

   

2. Add payment method

   • Click Add Method
   • Add Method Name (e.g. FedEx)
   • Enable status
   • Add flat rate (e.g. 10)
   • Click Save

   

1. Enter URL in web browser using app url (e.g. localhost)

   http:https://localhost:3000
   

   

1. Make sure you have AI on IBM Z Sample Fraud Detection Dashboard deployed for inferencing and analysis on the same local system
2. AI on IBM Z Sample Fraud Detection Dashboard is configured to invoke WMLz AI model
3. Add items to cart
4. Place order
   • Choose Test failure as payment method for fraud transaction example
   • Choose Test success as payment method for non fraud transaction example