Final Report
Product Description
Use Case Scenarios
Design Requirements
Design Specification
Key Cost Drivers
Product Description
"Taptop" is the new product created and designed by Team Cuddles which brings together a household item and a computer to display 500 photographs in an easy and comfortable way.
Our design specification is to create a product capable of displaying 500 photos to an audience.
The solution our team has come up with is to combine a basic computer with a multi-user interactive interface this would be embedded into a standard piece of furniture.
The target users for our product would be those wanting to display their photos, in a living room environment. The initial market would be aimed at those who are au fait with new technology, therefore the market would be based around a user that embraces the benefits of new technology, such a person is likely to owns a smart phone, and are based in a industry where advancements in the technology sector are adopted very quickly.
The other end of our target market is the commercial sector, our product would be perfect for board rooms and meetings for teams to discuss ideas and brain storm group projects, this would be perfect for marketing and design teams in most sectors of industry.
Use Case Scenarios
User connects to their Flickr account and adds a picture:
This is a very simple process. First, the user has to log in to their flickr account.
1. This is done through clicking the 'Flickr' logo in the left hand side menu, which will bring up a popup box.
2. Inside the pop-up box, the user will input their user name, and automatically our software will begin to pull their latest 500 photos from their flickr account. It only gets their public photos, since no password is required. Not requiring a password makes it much easier for a group of people to all use the device, since they can just enter their respective user names and their photos will automatically start to download (benefits the user because it means that they will automatically have a list of all of their photos and won't have to manually import).
3. After this is complete, in the bottom bar there is now a list of all the pictures that they have available. This can be navigated through using the buttons on the left and the right hand side of the bottom menu.
4. To add a photo into the main photo viewing area, the user simply has to select the one that they want, and using their finger (it is possible with a mouse too) drag it into the centre area.
5. Their photo is now in the main viewing area, which means that they can manipulate it and show it to others. There is no limit on the amount of photos that the user can place into the centre area of the device.
User wants to delete some photos to make room for some more, or someone else's
1. The user will drag the photos that they want to delete, one at a time, into the 'trash can' icon at the bottom right of the window.
2. If this has been done correctly, the image will go slightly transparent and will gain a red border. The bin will also change to showing some trash in it.
3. Once this has happened, the user simple has to release, and the image will have been deleted from the viewing area (however, it still appears in the selection bar at the bottom if they wish to re add it.
User wants to resize and rotate image to show it to someone else using the device
1. For this we assume that the user has already added pictures from one of their accounts, as has added it to the viewing area:
2. User selects one of the images with two fingers. Making a 'reverse pinching' motion, they are able to expand the size of that image.
- The images quality will be low to start with
- As the image gets past certain key sizes, a new larger version of the image will be loaded in automatically.
- By doing this, load times will be drastically cut down if the user adds multiple images to the viewing area at one time, since larger images are called on demand.
3. The user then, with the same two fingers, rotates them so that the image is now facing the other user.
4. Since the software is direction independent, the other user can also manipulate images in the viewing area, and can perform exactly the same actions.
Design Requirements
1. The product needs to be able to show at least 500 pictures.
2. Multi-Touch via at least two points.
3. Screen resolution of at least 1024x768 pixels.
4. Tough touch panel 3mm thick glass.
5. At least 92% - 99% transparency.
6. 450mm x 550mm x 550mm square coffee table.
7. Touch Panel Response Time of less than 16ms.
8. Touchpad Operating Temperature Minimum = -20ºC Maximum = 80ºC.
9. Use 230V Mains Supply.
10.Be able to connect to the Internet at a connection speed of at least 56kbps via either Ethernet connction or
WiFi.
Design Specification
System architecture
Our software will be written in
JavaScript using a framework which is built for making multi touch applications. This will make it much simpler for us develop the software, and since it's a technology we're familiar and comfortable with, it means that we can add better features.
We're going to be using the publicly available Application programming interfaces (APIs) from Flickr and Picasa, which means that a user can enter their user profile ID, and all of their images will be streamed down to the device, so they can look at them and share with friends.
User can take images from local storage, such as an Secure Digital card (SD), and upload them to their accounts in the cloud, like their Flickr profile or Picasa web account.
Since we're using Firefox, our application should be easily multi-platform, because it will be written in
JavaScript and even if it needs a plugin, any system that can run Firefox could run the application.
We're going to be using a custom build of Firefox which supports multi-touch, and using JQuery (
http://www.jquery.com) to write the actual application. JQuery is a framework which is designed to make
JavaScript development faster and easier.
Drawings and sketches
Original Idea
Parts and supply ordering information
Lack table from Ikea (black) -
http://www.ikea.com/gb/en/catalog/products/40104270
Cyclotouch 15" touch overlay kit -
http://www.cyclotouch.com.au/product_info.php?products_id=2481&osCsid=1e17f66111db554b69f5adeb2c50f028
Wood B&Q hard board -
http://www.diy.com/diy/jsp/bq/nav.jsp?action=detail&fh_secondid=9276444&fh_reftheme=promo_159030093,seeall,//catalog01/en_GB/categories<{9372016}/categories<{9372053}/categories<{9372281}&fh_view_size=10&fh_sort_order=1&fh_sort_by=_price_rrp_min&fh_location=//catalog01/en_GB/categories<{9372016}/categories<{9372053}/categories<{9372281}/categories<{9392126}&fh_eds=ß&fh_refview=lister&ts=1269441707228&isSearch=false
Black Paint
15" Monitor
Laptop
User interface designs
Main Screen Design
This design is of the main UI of which the user will see the most. It displays the albums across the bottom in different tabs and images that the user has dragged in to the centre viewing area via the touch functionality where they would be able to then move, rotate and enlarge or minimize the images.
Login Screen Design
This is merely the design for the login screen for each of the image hosting websites. Specifically this is fore flickr although Picasa and any other hosts we choose to use in the future will be very similar with their logo replacing the current flickr one.
System plans
Our software will be able to pull images down from Flickr and Picasa, and albums on those sites will be grouped at the bottom of the screen. When a user clicks on an album, the bar at the bottom will change to show the photos in that album, and the user can then select the ones they want and put them into the main viewing area, rotate, enlarge and move them around at will.
At least at the start there won't be any modifications available, and only publicly viewable photos will be able to be seen, since we're not going to use the users password to log into their account, just automatically get all of the public images. This drops any security risks if you were to stay logged in with any specific photographs the user wishes others not to see at say a Café or Coffee Shop.
We're also adding a share button at the top of the screen, which will allow users to do things such as email links to friends, and maybe thinking longer term, putting them onto SD cards, Bluetooth devices, and uploading local photos to the cloud.
Key Cost Drivers
Manufacture of Similar Products and Competitors
Due to the expensive nature of our competitors product, they do not currently mass manufacture. They only produce the product on demand from the buyer, this leads to long lead times. In addition to this the secretive nature of the manufacturer of similar products means that beyond knowing they use a touch screen, projector and Bluetooth we know nothing of their manufacturing process.
Manufacture of "Taptop"
We propose to mass manufacture in batches.
1) Batch manufacture tables, this includes routing the holes for the screen and constructing the casing for holding the internal PC parts
2) Fit the hardware, screen and touch screen display
3) Seal the corners of the touch screen to make the screen splash proof
4) Set up the PC with the correct drivers and our custom software
Analysis of Steps Which Affect Manufacturing Costs
- During the manufacture of the product there are several things that could affect the final costs:
- The initial cost of the components, I.E. the table, the screen.
- If the prices of these change, that will change the outcome of the final product.
- However, because of Moore's Law, it is likely that the price of the actual components should decrease rather than increase.
- The cost of labour would affect the price of product.
- The cost of renting/constructing equipment and a location to make the product would have to be recouped through the price, which would put it up.
File manager
| Attachment |
Timestamp |
Size |
| i5.jpg |
2010-06-06 16:44 |
54.7 KB |
| i4.jpg |
2010-06-06 16:44 |
80.3 KB |
| i3.jpg |
2010-06-06 16:44 |
42.01 KB |
| i2.jpg |
2010-06-06 16:44 |
16.96 KB |
| i1.jpg |
2010-06-06 16:44 |
18.38 KB |