Products

MobileShopper for Android

I thought that existing grocery shopping apps requried too much tapping and text entering, and many contained features I didn't need, so I decided to write my own.

MobileShopper for Android works on all versions of Android OS from 1.6 and up, supporting all known screen sizes. It is lightning fast, and the only text entry you need to do after you have the categories and item lists the way you want them is to enter a quantity and price (optional) for an item you need.

The application allows you to create as many independent shopping lists as you like, creating a shopping list for groceries on first launch.The grocery shopping list contains many common categories and items. When creating your own shopping list, you can choose to have it pre-populated or left empty for you add your own data. There is currently only one choice for pre-population, which is the grocery list you get when the application is first launched.

The data can be modified as you like - you can add, delete and rename shopping lists, categories and items.

Main Display, Categories Tab

This is the main display in category view, with the options menu open (for the shopping list created on first launch ). At the top is a drop-down menu allowing you choose the list you want to use and to add a new list, rename the current list or delete the current list. All shopping lists consist of a list of item categories, and within each category a list of items. You can view shopping list data in three different ways via tabs across the top of the display - the category view, the all items view and the needed items view.

In category view, you see a list of all the categories in the selected shopping list. tapping on a category displays the list of items in that category. Long tapping on a category brings up a context menu with View, Edit, Delete and Delete items menu items.

In all items view, you see a list of all the items in all categories of the selected shopping list. In this view you can filter what you see and check an item to designate that you need it (which brings up a dialog for specifying quantity, units and price). You can also long tap on an item to bring up a context menu with Edit and Delete menu items.

In needed items view, you see a list of all the items that have been checked as needed. The list is grouped and sorted by category (in an order you can specify in the settings), and it displays quantities and prices for each item (and a sum for each category). Here you can check off each item as you place it in your cart, and you can alter the quantity or price of an item.

Main Display, All items Tab

This is the list of all grocery items from all categories, obtained by tapping on the "All items" tab on the main display. From here you can tap and hold on an item name to obtain a menu from which you can edit an item's name or delete an item. You can also tap on the checkbox to add an item to the "Needed items" list, optionally specifying details about the item (such as quantity, units and price)  in the "Item Details" dialog. Typing in the input field at the top of the view causes the list to be filtered, showing only those items whose names contain what you typed.

Main Display, Needed Tab

This is the list of needed items, obtained by tapping on the Needed tab on the main display. This is of course scrollable, and is divided by category. The checkbox indicates whether an item has been placed in your cart or not. When checked, the item is placed in a special divider labeled "Items in cart", which appears as black text in a yellow box at the bottom of the list. Unchecking an item there puts the item back in the category it was originally in. Each divider shows the category name and the count and sum of the prices of the items in that category. At the bottom of the list is a footer, always visible, which shows the total item count and total price of all items.

Category Items View

This is the category items view (for the "Meats" category), obtained by tapping on a category name in the "Categories" tab. From here you can do all the things you can do from the "All items" tab.

Item Details Dialog

This is the item details dialog, obtained by tapping on the checkbox for ribeye steak from the "Meats" category items view (or "All items" tab). This lets you specify the quantity, units and price for an item. After tapping the OK button, the values you have chosen appear in parens to the left of the checkbox.

Settings View and Subviews

MobileShopper has several settings that let you customize various aspects of the application. The display above is the settings dialog. The customizations you can make include showing or not showing item details and prices, using category icons you provide, configure the item units (add, delete, reorder), reorder the shopping aisles (the categories as they appear in the needed items tab) and send support data to me if you have found a bug in the program.

This is the dialog for telling the application to use your icons. Place your icons on your SD card root in folder MobileShopper/icons/. Each icon must be in .png format and be named the same as the category it represents (with all non-alphabetic characters removed).  For example, the icon for the Breads/Grains/Cereals/Nuts category should have an icon name of breadsgrainscerealsnuts.png.

If an icon can't be found, or the SD card is unmounted or removed, the built-in icon is used. This allows you to replace only those icons you want to replace. Because you can add your own categories, this also allows you to provide your own icon for it as well.

Android standard sizes for list icons are 24x24 (ldpi), 32x32 (mdpi) and 48x48 (hdpi). You are free to use any size you like however - the list item heights will adjust automatically.

This is the dialog for configuring the units available for specifying item quantities, with the options menu open. To edit a unit name or delete a unit, tap and hold on the unit until the context menu pops up, then choose Edit or Delete. You can also change the order of the units by tapping and holding on the drag icon on the right hand side, dragging to the desired position, then dropping it.

This is the dialog for reordering the shopping aisles (the categories as they appear on the needed tab. You can change the order of the aisles by tapping and holding on the drag icon on the right hand side, dragging to the desired position, then dropping it.

About Dialog and Version History

This is the "About" dialog.

Using the "Email support" link you can email information to technical support to help in diagnosing any problems you find. The information sent is your list of categories and items.

Using the "MobileShopper web page" link you can launch your web browser to view the MobileShopper web site.

Using the "Version history" link you can view the version history for MobileShopper (see below).

This is the version history dialog. The dialog contains a list of each version since release, with detailed about the changes made in that version available by tapping on the + icon to expand it (tapping on the - icon to collapses it). Scroll the display via tap and drag as needed. You can expand or collapse all versions by using the Expand All or Collapse All buttons.

Help Dialog

This is the help dialog. This dialog shows a list of help topics, each of which can be expanded to view details on that topic by tapping the + icon (tapping on the - icon to collapses it). Scroll the display via tap and drag as needed. You can expand or collapse all topics by using the Expand All or Collapse All buttons.

.