<a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.svg"> </a> <a name="provide-light-web-app-to-scan-products-barcode-and-generate-stock-inventories"></a> <h2>Provide light Web app to scan products Barcode and generate Stock Inventories</h2> <p>This module was written to extend the functionality of odoo Stock module.</p> <p>This module provides a web app designed to work on a Mobile. The app allows user to scan products and select a quantity to inventory. A draft inventory is automatically created and updated.</p> <a name="configuration"></a> <h3>Configuration</h3> <a name="company-settings"></a> <h4>Company settings</h4> <p>On the company form view, a new tab 'Inventory Mobile App' is available with the following settings</p> <ul class="simple"> <li><cite>Create Inventories</cite> : If checked, users will have the possibility to create inventories via the mobile application. Otherwise, inventories should have to be created and prepared via the warehouse backoffice.</li> <li><dl class="first docutils"> <dt><cite>Inventory Mode</cite>: Define the kind of UI you want to display in the</dt> <dd><dl class="first last docutils"> <dt>mobile application. Two options are available:</dt> <dd><ul class="first last"> <li><cite>Automate</cite>: A basic UI will be available with one page by step. scan product -&gt; set quantity -&gt; etc...</li> <li><cite>One Page</cite>: A unique page will be displayed with an input where you can scan a location barcode, a product barcode and set the quantity.</li> </ul> </dd> </dl> </dd> </dl> </li> <li><cite>Allow Unknown Barcodes</cite>: If checked, users will have the possibility to scan an unknown barcode and set a quantity. Unknown barcodes will be added in an extra tab available in the inventory view.</li> <li><cite>Display Fields</cite> : you can set extra fields that will be displayed when a product is scanned. This feature is interesting to display easily and without custom developpement extra fields of the core, or custom extra fields. A typical use case is to display and check stock quantity information.</li> </ul> <img alt="/mobile_app_inventory/static/src/img/res_company_configuration.png" src="/mobile_app_inventory/static/src/img/res_company_configuration.png" /> <a name="location-settings"></a> <h4>Location settings</h4> <p>On the location form view, a new checkbox is available to set if the current location is available via the mobile application. By default, all the internal locations will be displayed.</p> <img alt="/mobile_app_inventory/static/src/img/stock_location_configuration.png" src="/mobile_app_inventory/static/src/img/stock_location_configuration.png" style="width: 1200px;" /> <a name="localization-settings"></a> <h4>Localization settings</h4> <ul> <li><p class="first">In the mobile application, language is displayed depending on the languages provided by the browser. If you want to manually change it, you can to do so on firefox:</p> <blockquote> <ul class="simple"> <li>go to <cite>about:config</cite></li> <li>Change the value of the key <cite>intl.accept_languages</cite></li> </ul> </blockquote> </li> </ul> <a name="interface"></a> <h3>Interface</h3> <a name="authentication"></a> <h4>Authentication</h4> <p>The first screen asks Odoo credentials. The user should be member of the Odoo 'Warehouse / User' group to log in.</p> <p>Note: During the log step, mobile app settings are cached in the application. If you so change settings, you should log out and log in again.</p> <img alt="/mobile_app_inventory/static/src/img/01_phone_authentication.png" src="/mobile_app_inventory/static/src/img/01_phone_authentication.png" /> <a name="inventory-selection"></a> <h4>Inventory Selection</h4> <p>Once datas are loaded, user can select an existing draft stock inventory he want to complete.</p> <img alt="/mobile_app_inventory/static/src/img/04_phone_select_stock_inventory.png" src="/mobile_app_inventory/static/src/img/04_phone_select_stock_inventory.png" /> <p>Alternatively, he can create a new stock inventory, tipping an inventory name.</p> <img alt="/mobile_app_inventory/static/src/img/04_phone_create_stock_inventory.png" src="/mobile_app_inventory/static/src/img/04_phone_create_stock_inventory.png" /> <a name="location-selection"></a> <h4>Location Selection</h4> <p>Once the inventory created (or selected), user has to select the location where he is for the time being.</p> <img alt="/mobile_app_inventory/static/src/img/05_select_stock_location.png" src="/mobile_app_inventory/static/src/img/05_select_stock_location.png" /> <p>Note: This step will be skipped if there is only one location that can be used by the mobile application.</p> <a name="product-selection-and-quantity-selection-automate-mode"></a> <h4>Product Selection and Quantity Selection ('Automate' Mode)</h4> <p>Once the stock inventory is created or selected, the user can select a product, scanning a barcode.</p> <img alt="/mobile_app_inventory/static/src/img/06_phone_select_product.png" src="/mobile_app_inventory/static/src/img/06_phone_select_product.png" /> <p>If the EAN13 barcode is recognized, user has to set a quantity to inventory and then validate.</p> <img alt="/mobile_app_inventory/static/src/img/07_phone_select_quantity.png" src="/mobile_app_inventory/static/src/img/07_phone_select_quantity.png" /> <a name="product-selection-and-quantity-selection-one-page-mode"></a> <h4>Product Selection and Quantity Selection ('One Page' Mode)</h4> <p>In the <cite>One Page</cite> mode, a unique page is available, that allow user the possibility to scan a product, a location, set a quantity, etc.</p> <img alt="/mobile_app_inventory/static/src/img/07_phone_one_page.png" src="/mobile_app_inventory/static/src/img/07_phone_one_page.png" /> <a name="handle-duplicated-lines"></a> <h4>Handle duplicated lines</h4> <p>If a line with the same product (and same location) already exists, an extra screen is displayed to propose two options:</p> <ul class="simple"> <li>sum quantities</li> <li>replace the old value by the new one</li> </ul> <img alt="/mobile_app_inventory/static/src/img/08_phone_duplicate_lines.png" src="/mobile_app_inventory/static/src/img/08_phone_duplicate_lines.png" /> <a name="menu"></a> <h4>Menu</h4> <p>A menu is available in each screen that allows user to navigate between screens.</p> <img alt="/mobile_app_inventory/static/src/img/03_phone_menu.png" src="/mobile_app_inventory/static/src/img/03_phone_menu.png" /> <a name="technical-informations"></a> <h3>Technical Informations</h3> <a name="hardware"></a> <h4>Hardware</h4> <p>This module is designed to work with</p> <ul class="simple"> <li>a Browser running on a Mobile (Firefox Mobile / Chrome / ...)</li> <li>a Scan reader communicating with the mobile via Bluetooth (SPP settings)</li> </ul> <p><strong>Implementation Sample</strong></p> <ul class="simple"> <li>Mobile : <a class="reference external" href="http://www.samsung.com/fr/consumer/mobile-devices/smartphones/others/SM-G388FDSAXEF">Samsung Galaxy Xcover 3</a></li> <li>Scan Reader : <a class="reference external" href="https://koamtac.com/kdc400-bluetooth-barcode-scanner/">KDC 400</a></li> <li>Browser : <a class="reference external" href="https://www.mozilla.org/en-US/firefox/os/">Firefox 46+</a></li> </ul> <a name="used-technologies"></a> <h4>Used Technologies</h4> <p>This module uses extra JS / CSS components.</p> <ul class="simple"> <li><a class="reference external" href="https://angularjs.org/">Angular JS v1.1</a></li> <li><a class="reference external" href="https://angular-translate.github.io/">Angular Translate</a></li> <li><a class="reference external" href="http://ionicframework.com/">Ionic Framework</a></li> <li><a class="reference external" href="http://ionicons.com/">Ionic Icons</a> (MIT Licensed)</li> <li><a class="reference external" href="https://github.com/hparfr/angular-odoo">Angular Odoo</a>, light Javascript library developped by <a class="reference external" href="http://www.akretion.com/">Akretion</a> and <a class="reference external" href="http://www.camptocamp.org/">Camp To Camp</a></li> </ul> <a name="available-languages"></a> <h4>Available languages</h4> <ul class="simple"> <li>English</li> <li>French</li> </ul> <p>If you want to use other languages just copy past the french translation file in the 'static/www/i18n' sub folder and propose new translation.</p> <a name="similar-projects"></a> <h4>Similar Projects</h4> <ul class="simple"> <li>You could be interested by another implementation of similar features 'stock_scanner' in the same repository.</li> <li>You could be interested by the same kind of implementation for purchase workflow, that allow to create a purchase_order, with mobile device, scanning barcode and tiping desired quantity. <a class="reference external" href="https://github.com/grap/odoo-addons-mobile/tree/7.0/scan_to_purchase">See 'scan_to_purchase' module on GRAP github repository</a></li> </ul> <a name="usage"></a> <h3>Usage</h3> <p>Once installed, assuming that your Odoo instance is accessible by the URL <a class="reference external" href="http://localhost:8069/">http://localhost:8069/</a> , the web app can be reached at the URL <a class="reference external" href="http://localhost:8069/mobile_app_inventory/static/www/index.html">http://localhost:8069/mobile_app_inventory/static/www/index.html</a></p> <p>If you're testing this module with demo data installed, you can test scanning (or copying values) with the following two barcodes :</p> <ul class="simple"> <li><cite>5400313040109</cite> : Organic Chips (Paprika)</li> <li><cite>4260108510016</cite> : Organic Beer (Gluten Free)</li> </ul> <a class="reference external image-reference" href="https://runbot.odoo-community.org/runbot/150/8.0"><img alt="Try me on Runbot" src="https://odoo-community.org/website/image/ir.attachment/5784_f2813bd/datas" /></a> <a name="roadmap-current-limits"></a> <h4>Roadmap / Current Limits</h4> <ul class="simple"> <li>Dates displays does NOT change depending of the localization of the user</li> <li>JS and CSS lib are hard included. So if many apps are developped, it could be great to have a generic 'web_ionic' module that have all tools to avoid to duplicate files. See discussion here <a class="reference external" href="https://github.com/OCA/web/issues/842">https://github.com/OCA/web/issues/842</a></li> </ul> <a name="known-issues"></a> <h4>Known Issues</h4> <ul class="simple"> <li>Disable Allow Unknown barcode will have no effect in the 'One Page' Mode.</li> <li>Databases list on login view displays all databases, while only databases with 'mobile_app_inventory' module installed should be displayed. But this feature could not be implemented, due to current Odoo Core limitations</li> <li><strong>Firefox Ionic Bug</strong> : The first screen allows user to select database, in a multi database context. This module use ionic select component, that doesn't not works On Firefox Mobile. <a class="reference external" href="https://github.com/driftyco/ionic/issues/4767">See the bug on Ionic Github</a></li> <li><strong>Chrome Mobile limitation</strong> : This module plays mp3 sounds when actions is, done. This feature is not available for Chrome Mobile for the time being, cause Chrome consider that allowing to play a sound without explicit action of the user raises security issues. <a class="reference external" href="https://bugs.chromium.org/p/chromium/issues/detail?id=178297">See the bug on Chromium website</a></li> </ul> <a name="bug-tracker"></a> <h3>Bug Tracker</h3> <p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/stock-logistics-barcode/issues">GitHub Issues</a>. In case of trouble, please check there if your issue has already been reported. If you spotted it first, help us smashing it by providing a detailed and welcomed feedback.</p> <a name="credits"></a> <h3>Credits</h3> <a name="images"></a> <h4>Images</h4> <ul class="simple"> <li>Module Icon is a superposition of Odoo images of Stock module and Point of Sale module. See Copyrights in the original Odoo project <a class="reference external" href="https://github.com/odoo/odoo">https://github.com/odoo/odoo</a></li> </ul> <a name="contributors"></a> <h4>Contributors</h4> <ul class="simple"> <li>Sylvain LE GAL (<a class="reference external" href="https://twitter.com/legalsylvain">https://twitter.com/legalsylvain</a>)</li> </ul> <p>Do not contact contributors directly about support or help with technical issues.</p> <p>Funders</p> <p>The development of this module has been financially supported by:</p> <ul class="simple"> <li>GRAP, Groupement régional Alimentaire de Proximité (<a class="reference external" href="http://grap.coop">http://grap.coop</a>)</li> <li>Akrétion (<a class="reference external" href="https://akretion.com">https://akretion.com</a>)</li> </ul> <a name="maintainer"></a> <h4>Maintainer</h4> <a class="reference external image-reference" href="https://odoo-community.org"><img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" /></a> <p>This module is maintained by the OCA.</p> <p>OCA, or the Odoo Community Association, is a nonprofit organization whose mission is to support the collaborative development of Odoo features and promote its widespread use.</p> <p>To contribute to this module, please visit <a class="reference external" href="https://odoo-community.org">https://odoo-community.org</a>.</p>