Keren Gu's Picazón

Sharing and Scratching Itches Everywhere


Leave a comment

SmartCart at Techfair

On Feb 4th, 2012, SmartCart was presented at Techfair (a student-run “career fair” fused with student project exhibitions). 60 companies showed up along with 30 student project. SmartCart was fortunate enough to be one of the 30 student projects, also funded by Techfair+/StartLabs. Showcasing SmartCart was a blast, and exhausting as it can be. Students, alums, and company recruiters stopped by and experienced the shopping experience of the future 😉 We got lots of positive and useful feedbacks and ways to improve in v2.0!

So, here is the story, from past, present, to future. 

The ideation occurred over the summer 2012, around when I started taking real-world problem-solving more seriously. Constantly trying to figure out ways to improve life, in general. Something I had to do in order to feed myself over the summer was go shopping, for food… Continue reading


4 Comments

Warmer – A Progress Update

(If you are new to Project SmartCart, get an intro here.)

As Techfair approaches each day, SmartCart needs to meet up to the expectation.

I have written many things I’ve learned about UI and UX, something I’ve never cared for before this project. Though the things I’ve learned and realized about UI are obvious to those with experience, this might be the same reason why I haven’t written about the backend of SmartCart, or about developing for Android.

So here is an overview of everything else about SmartCart.

Top Level Overview

As shown on the SmartCart Poster, SmartCart is comprised of 1) the cart, 2) interactive display, 3) barcode scanner, and 4) Square. The Square connects to the interactive display via the headphone jac; the barcode scanner (Motorola CS3070) communicates with the interactive display via blue tooth; the interactive display, in this prototype, is a Motorola Xoom tablet, running Android 4.1.2; and the interactive display will be mounted on the shopping cart.

The Android App

The work that I’ve been doing so far is developing the app that connects it all. ADT and Stack Overflow has made my life incredibly easy. In fact, I’ve been shamefully playing for most of this winter. The app consists of an Activity for each functionality, such as Find and Checkout. Then there is the SmarCart’s Model, which consists of User/Session model, and item model. Third, there is the database of items. Lastly, the UI, which is being handled in android’s /res. I wouldn’t call this MVC pattern exactly, but it’s about the same idea and it works.

Problems I’ve encountered

The main problems that stressed me are connecting the components of this project. There are a couple of connections: Tablet – Barcode Scanner, Tablet – Square, and Tablet – Cart.

Tablet – Barcode Scanner: Months ago, I purchased a cheap Barcode Scanner on Amazon that promised to work with computers. When I got it, it worked with Windows very quickly, but it would only work on OS X Lion and not Snow Leopard. Not a big deal. Then, one day, I realized… it can’t power itself. Tablets also don’t supply power externally. I didn’t have to try, I knew it wouldn’t connect to Xoom. While in China, I ordered CS3070, 10x the price of the previous Scanner. Will try it out next week, and it better work.

Tablet – Square: For some reason I thought integrating with Square would be trivial. Another thing that I left till (sort of) the end, and it turned out to fail me. With my limited connections, I was able to find a friend of a friend who works at Square. From that friend of a friend, I was able to get an advice from the expert, on prototyping. I found out that there is no integration available, at this time. Oh well. But by listening for mic-input, I will be able to detect card-swiping. I’m not going to write my own square register, but at the very least, I will be able to simulate the experience.

Tablet – Cart: I found a cart. I have the tablet. I imagine one will stay on top of the other.

At this point, most of the Mainland work has been done (implementing most of the features), and I’m excited to go back to the states next week to put things together. Failure at this point is not an option.

Dear readers of my terrible technical description, I’d love to hear your thoughts on my first real-world project, and how you would do things differently. Or if you would like to hear more.

(This post has not been proof read.)


Leave a comment

SmartCart Poster

If you are new to Project SmarCart, go here.

I find my updates for Project SmartCart always lag by a week. So the past week, I’ve been on “vacation”. But I did take one step closer to Techfair — I finally learnd Photoshop and made the SmartCart Poster. Woot! This is also the result of massive procrastination.

Did I learn anything from making this poster? I learned that I love it. For some reason, I never considered design to be a career option, but I’ve always believed that I have an eye for design, and at the very least, an appreciation. I love seeing things beautifully made, which is why, when I have my own product, it will be beautiful, sleek, and classy. But on the other hand, Designers and Developers aren’t that different. “Both cultures immerse themselves in technical professions, sometimes carrying a certain amount of elitism, but always with a passion for craft, self-betterment, and pushing the boundaries of what’s possible.”

This is a 24x36'' poster. The font size is in fact 35+

This is a 24×36” poster. The font size is in fact 35+


Leave a comment

Lessons on UI

After my previous post, Bad UI is Bad UX, I spent some time studying the UI of apps and websites around me. I wish I could show you how bad my old UI actually was. (At some point, I’ll revert back to the old UI, and write a post with comparisons.) But for now, I want to share some very simple lessons that I learned.

Lesson 1, “sharp corners” doesn’t mean shitty, and “round corners” aren’t necessarily classy. Default android buttons and TextViews are rectangles, with sharp corners, where as iOS present you with round corners by default (so I heard). So I took a look at the apps that came with Android, the settings, Gmail, etc., they looked just fine and elegant with sharp edges. Better yet, the sharp and straight lines looked cleaner.

Lesson 2, Margins. Have margins, and that is all.

Lesson 3, color “families”? Colors have 3 components, and a 4th component for transparency. (Transparencies are nice.) When choosing colors on a color chart, there are 3 axis of movements: 2 on the shades, and 1 for picking the color. An easy practice that I found useful was selecting 1 shade, and then choose all app colors in that shade. It the UI will naturally look harmonious. I will never use @color/blue with @color/green again.

If you’ve got any UI tips, please share. Still learning.

OH! And for background, a friend suggested SubtlePatterns — it’s addictive!


1 Comment

Bad UI is Bad UX

Over the past 3 weeks, I have been working on Project SmartCart. The section that I’m working on is creating an Android App that assists the every need of the shopper. The app is the torso of the project. Then comes the shopping cart, the barcode scanner (disaster), and the square (difficulty).

By the end of week 2, most functionalities are done. This includes implementing the backend database, adding items, recommendations, finding items, coupons. I was feeling good, but not really. When I used the app, it felt like shit. More descriptively, it felt like an app from the 90’s. It mainly looked bad.

The perfectionists/professionals of UX said that UX is not UI. But when you have terrible UI, you have terrible UX. When testing my app, I didn’t mind the hassel of typing in pseudo barcodes like “111111”. (That will be fixed when I get the barcode scanner, I believe.) But the solid color edges, the sharp corners, the lack of transition, and fades, the solid background.

I know nothing about UI. This is my first app, but I can’t allow it to look like the remains of some previous century.


4 Comments

Introducing Project SmartCart

It is Week 3 of 6, that I’m in China, spending my winter break working on my project. On Day 4 of the week, I finally got back to working. I opened up eclipse early this morning but didn’t eventually get to work till noon (…slacker). For the first 3 days of the week, which included the final day of 2012 and the 2 followed that, I spent at home, sick (… my excuse). I’m still sitting here with a box of Chinese Kleenex, but I’m getting better =)

So I think it’s time to finally introduce “Project SmartCart”. Even though the idea has been around since Summer 2012, while shopping at Shaw’s, I am still having trouble figuring out where to start talking about it… So here’s my attempt at a pitch:

The shopping experience at supermarkets and wholesale stores are far from seamless — we search through the unorganized aisles for groceries and then face long aggravating checkout lines. We are bringing technology to the ordinary shopping cart, presenting… SmartCart. SmartCart solves all the above problems and more. It tracks all items in the cart, let you search items in the store, gives recommendations for products, allows instant checkout, and much more. SmartCart will become the shopping experience of tomorrow!

If you are from the NE part of America, you might think of Stop&Shop. This is better than that. Just imagine being able to swipe your credit card on your shopping cart and leave.

Currently I’m working on this project for Techfair, a place where students show case their project and startups come to recruit. This project isn’t technically very challenging on a demo-scale, which is why i’m working mostly alone with the support my of friends on different subjects.

I’m just glad that I’m back to work. More on SmartCart as I make progress.