Script

This presentation discusses the development of an app to help users keep track of their belongings and inventory. The app allows users to create floor plans and place virtual objects like containers and items in different rooms. It was created using the Electron framework and utilizes HTML, CSS, JavaScript, and the Konva.js library. Floor plans and object data are stored as JSON files. The presentation covers the problem the app addresses, features, design approach, limitations, and lessons learned.

Uploaded by

aaa zzz

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

13 views3 pages

Script

Uploaded by

aaa zzz

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 3

Slide : Where's My Stuff

Slide : Who Are We

an I am Maxwell Slingerland

Slide : Problem
We have all been there - looking for our belongings and struggling to remember where we last
kept them.

Whether it's at home or work, keeping track of your belongings and inventory can be a
challenging task.

It's easy to misplace things, forget where you left them, or have trouble communicating their
location to others.

This problem can be particularly challenging in shared spaces, such as homes or workplaces.

Slide : Solution

Slide : Uses Cases

Slide : Features

Slide : Final Product

The app is a desktop application utilizing the Electron Framework.

Slide : Final Product cont.

Electron is a software framework designed to create cross platform desktop applications using
web technologies such as HTML, CSS and JavaScript.

We have also used Konva.js, an HTML canvas library to create the objects for the user
interface.

Floor plans are saved to JSON files, which makes them easy to store, parse, and share.

Slide : Demo
Slide : Final Product Design
When creating the app we took a declarative programming approach, specifically the map and
filter functions.

For us this made the code more readable and maintainable.

With the use of the Konva.js library we created and used a lot of objects leading to an object
orientated design.

We also tried to made our code as modular as possible by separating everything into functions
so that it would be easier to modify and extend.

Slide : Final Product Backend

The backend of the app is responsible to for creating, maintaining, and modifying the state of
the Konva.js objects.

It also ensure that the information for the rooms, containers, and items stays consistent with
the Konva objects that the user interacts with, so that when modifications are made everything
gets updated and re-rendered dynamically.

We have also modified the HTML form behavior to prevent unnecessary re-rendering.

Slide : Limitations
Lets take a quick look at some of the limitations of our app.

There are no keyboard shortcuts, and no undo redo functions.

Rectangles and circles are the only shapes.

When resizing and rotating an object it can't be sitting inside anything another object.

Room titles also can't be resized.

Slide : Future Work

Slide : Future Work cont.

Slide : Lessons Learned

We learned some important lessons while working on this project.

First we learned that having in-depth documentations makes working with others much easier.

We also learned that having a high level design plan before starting makes creating the smaller
components and integrating them much easier since the entire system is clearly mapped out.

Slide : Conclusion

Slide : Questions?
And with that, we have come to the end of our presentation. If you have any questions, please
feel free to ask.