Home Shopper – eBay App for MeeGo Devices (and Symbian)

Shopper – eBay App for MeeGo Devices (and Symbian)

 

Introduction

Shopper is a QML based eBay app for Symbian and MeeGo devices. Supports browsing and searching products, view categories, item details, user detail, addition and removal in watch list.
It is aimed to be a fully feature eBay client for Symbian and MeeGo platform.
Features:

  • Homescreen showing currently popular items, top selling products and most watched items arranged in tab layout.
  • Category list showing a list of primary category for user selected site(India, US, UK, etc.) which can be clicked to show items of that particular category.
  • Search – User can search items with a particularset of keywords.
  • User account – Shopper need a user account setup to access all its features. It enables user to add and remove item from user watchlist, see user details and see user’s buying summary.

Shopper is built with a mixture of eBay’s Shopping, trading, finding & merchandising APIs with custom Qt/C++ wrapper written to access all API methods. Due to this reason, a vast number of features can be added in it in future.

Note: Currently, Shopper is under beta and will be available on Nokia store soon for MeeGo and Symbian platforms

Guidelines Compliance

Shopper is built complying all possible Symbian guidelines.
A back button is available on every view. Back button is disabled on categories, search & user view similar to Nokia store client. While on home view, back button closes the application.

 
User can add his/her eBay account to access all features of the application. Application will need to add account only once. If user doesn’t wish to add his/her account, the application will only able to search and view popular items. Only while removing an account, application will ask user twice. This attributes to non-threatening interface & design for Shopper.
 

 
For maximum utilization of screen real estate, toolbars and context menus are used. Simple and appropriate toolbar icons are used to show options on toolbar for consistent page navigation using pagestack.

Problems Faced

  • List Heading/Page Heading

As ListHeading element provided in QtQuick 1.0 has a little lesser height than needed, a custom heading element was built. AN example is shown below

BorderImage {
            id: heading
            source: "qrc:/qml/symbian/images/listheader.svg"
            border { left: 28; top: 0; right: 28; bottom: 0 }
            anchors {
                top: parent.top
                left: parent.left
                right: parent.right
            }
            height: 60
            smooth: true
 
            Row {
                anchors.fill: parent
                anchors.margins: 10
                spacing: 10
 
                Text {
                    id: headingText
                    anchors {
                        left: parent.left
                        leftMargin: 20
                        rightMargin: privateStyle.scrollBarThickness
                        verticalCenter: parent.verticalCenter
                    }
                    text: "Shopper"
                    color: "white"
                    elide: Text.ElideRight
                    style: Text.Outline
                    styleColor: "#b3b3b3"
                    font.pixelSize: platformStyle.fontSizeLarge+2
                    font.bold: true
                    width: parent.width-parent.spacing-logoIcon.width
                }
                Image {
                    id: logoIcon
                    smooth: true
                    source: "qrc:/qml/images/shopper.png"
                    sourceSize.width: 32
                    sourceSize.height:  sourceSize.width
                    anchors.verticalCenter: parent.verticalCenter
                }
            }
        }

 
 

  • Two way slider

As there is no two way slider available, it is being worked upon so that search filter view can be implemented. It is needed to filter prices for items.

Application Icon

 

 

Sceenshots

 

 

 

 

 
Source Nokia Developer Wiki

About ReadWrite’s Editorial Process

The ReadWrite Editorial policy involves closely monitoring the tech industry for major developments, new product launches, AI breakthroughs, video game releases and other newsworthy events. Editors assign relevant stories to staff writers or freelance contributors with expertise in each particular topic area. Before publication, articles go through a rigorous round of editing for accuracy, clarity, and to ensure adherence to ReadWrite's style guidelines.

Get the biggest tech headlines of the day delivered to your inbox

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.

    Tech News

    Explore the latest in tech with our Tech News. We cut through the noise for concise, relevant updates, keeping you informed about the rapidly evolving tech landscape with curated content that separates signal from noise.

    In-Depth Tech Stories

    Explore tech impact in In-Depth Stories. Narrative data journalism offers comprehensive analyses, revealing stories behind data. Understand industry trends for a deeper perspective on tech's intricate relationships with society.

    Expert Reviews

    Empower decisions with Expert Reviews, merging industry expertise and insightful analysis. Delve into tech intricacies, get the best deals, and stay ahead with our trustworthy guide to navigating the ever-changing tech market.