Difference between revisions of "Mall Map"

Latest revision as of 11:25, 21 November 2024

Our Pikes Peak Makerspace (PPM) "Mall Map" is used to welcome and inform members and visitors alike at our physical location of 735 East Pikes Peak Avenue.

However, it is also movable and can be temporarily used at various events like Maker Faires.

Contact Us if you cannot find your answer here on our Wiki or if you notice any information that is outdated.

Behind the scenes

Our Mall Map requires power for the display and Raspberry Pi, and an optional Internet connection for software updates.

The size is approximately xx, and the weight is yy. (Moving it does not require a forklift.)

The first map, which was originally drawn in Adobe Illustrator, detected mouse clicks and then launched pages from our wiki: https://wiki.pikespeakmakerspace.org

Our current map, a more stylized version of our 'space, accepts button and joystick input from a wired Xbox game controller and loads data from a JSON file on the Raspberry Pi.

Sixteen PPM members contributed

Ben S, Chris M, Chris S, Drew J, Greg B, Joey C, John N, Les F, Lisa M, Marvin H, Mathew P, Nate R, Pavan D, Ross H, Trevor B, and Warren J made our Mall Map successful.

Our code is under version control on GitHub: https://github.com/PikesPeakMakerspace/welcome-display

Ongoing Tasks

Promote its use, both at PPM and at outside events
Continually test that the system is understood and useful to users
Keep the source map current

Picture Gallery

Mall Map (PPM Kiosk)
with QR Code engraved sign
Mall Map (PPM Kiosk)
"After"
Mall Map (PPM Kiosk)
with Welcome poster
Mall Map (PPM Kiosk)
with old map
Mall Map In Progress
"Before"
Mall Map
frame only
Mall Map In Progress
Mall Map
original map only

Related Pages

Links to related PPM Wiki pages:

Classroom / Meeting Area - make a reservation

Raspberry Pi

Arduino

Electronics

Laser — BOSS - make a reservation

Adobe Illustrator Tips

Adobe Photoshop Tips

Visual Studio Code Tips

GitHub Tips

QR Codes

For Additional Help

Use the PPM Slack channel #computing or #electronics

List of all PPM Slack channels

Note that we have a Slack channel (#job-board) for members to post, discuss, or accept job opportunities either within PPM or from the community.

Search the PPM Wiki — include Content pages as well as Multimedia.

Contact Us if you cannot find your answer here on our Wiki or if you notice any information that is outdated.

Pikes Peak Makerspace (PPM) is dedicated to supporting our maker community in their creative processes by providing shared space, shared tools, materials, software, and a knowledge base to turn their ideas into reality.

@@ Line 1: / Line 1: @@
-Pikes Makerspace (PPM) is dedicated to supporting our maker community in their creative process by providing shared space, shared tools, software, materials and a knowledge base to turn their ideas into&nbsp;reality.
+Our Pikes Peak Makerspace (PPM) "Mall Map" is used to '''welcome and inform members and visitors alike''' at our physical location of 735 East Pikes Peak Avenue.
+However, it is also movable and can be temporarily used at various events like Maker Faires.
 <br>
 <br>
-[[File:MALL MAP 3.jpg|alt=Mall Map prototype|thumb|250x250px]]
-The "Mall Map" at Pikes Peak Makerspace is a new system that is '''currently under construction.'''
-This project still has many interesting hardware and software pieces that need to be designed, and '''it is not too late to make important contributions.'''<br>
 <br>
-==When finished==
+{{Template:Contact Us}}
-Our proposed Mall Map will be be a standalone kiosk with a large display that will present a color-coded floor plan of our 5,500 square foot facility. It will also display a panel of virtual buttons that when clicked (or touched?) will pull up important corresponding information about those areas.
-The Mall Map will be used to '''greet and inform members and visitors alike''' at our physical location at 735 East Pikes Peak Avenue. However, it will also be movable and could be temporarily used at  various events like Maker Faires, when those are held again. It will only require power for the display and an Internet connection. The size is approximately xx and the weight is yy. (Moving it shall not require a forklift.)
+<p style="padding:0.2em 0.4em;  background:#FDD1AC; color:#FFFFFF; font-size:15%;"> &nbsp; </p>
+<br>
 ==Behind the scenes==
-<s>The Mall Map is just a bit of JavaScript code running on a web server. It is currently '''a completely working prototype''' running within Visual Studio Code on a Raspberry Pi 3b+, and can be demoed/tested at the Makerspace.</s>
+Our Mall Map requires power for the display and Raspberry Pi, and an optional Internet connection for software&nbsp;updates.
-<s>The script displays an image (the map) that</s> The map, which was originally drawn in [[Adobe Illustrator Tips|Adobe Illustrator]] by another PPM member, detects mouse click events on that map. <s>It currently uses the P5.js library to detect the mouse clicks</s>. It then '''launches pages from our wiki:'''
+The size is approximately xx, and the weight is yy. (Moving it does not require a&nbsp;forklift.)
+The first map, which was originally drawn in [[Adobe Illustrator Tips|Adobe Illustrator]], detected mouse clicks and&nbsp;then launched pages from our wiki:
 '''https://wiki.pikespeakmakerspace.org'''
-==Remaining Tasks==
+Our current map, a more stylized version of our 'space, accepts button and joystick input from a wired Xbox game controller and loads data from a JSON file on the Raspberry Pi.
-'''For a current list of tasks, visit our PPM Trello board (Electronics).'''
+===Sixteen PPM members contributed===
+:Ben&nbsp;S, Chris&nbsp;M, Chris&nbsp;S, Drew&nbsp;J, Greg&nbsp;B, Joey&nbsp;C, John&nbsp;N, Les&nbsp;F, Lisa&nbsp;M, Marvin&nbsp;H, Mathew&nbsp;P, Nate&nbsp;R, Pavan&nbsp;D, Ross&nbsp;H, Trevor&nbsp;B, and Warren&nbsp;J made our Mall Map successful.
-<nowiki>#</nowiki>1 Continually test that the system is understood and useful to users(!)
+Our code is under version control on GitHub:
+'''https://github.com/PikesPeakMakerspace/welcome-display'''
-Complete the build the of physical stand
+==Ongoing Tasks==
+* Promote its use, both at PPM and at outside events
+*Continually test that the system is understood and useful to users
+*Keep the source map current
-Decide if the system will be on wheels (should be locking wheels)
+==Picture Gallery==
+<gallery widths="200" heights="125">
+File:PPM Kiosk3 w controller .jpg|alt=Mall Map (PPM Kiosk) with controller|'''Mall Map (PPM Kiosk)<br>with QR Code engraved sign'''
+File:Mall Map after.jpg|alt=Mall Map After|'''Mall Map (PPM Kiosk)<br>"After"'''
+File:PPM Kiosk2 w Welcome poster.jpg|alt=Mall Map (PPM Kiosk) with Welcome poster|'''Mall Map (PPM Kiosk)<br>with Welcome poster'''
+File:PPM Kiosk1 old map.jpg|alt=Mall Map (PPM Kiosk) with old map|'''Mall Map (PPM Kiosk)<br>with old map'''
+File:MALL MAP 1.jpg|alt=Mall Map In Progress|'''Mall Map In Progress<br>"Before"'''
+File:MALL MAP 2.jpg|alt=Mall Map In Progress|'''Mall Map<br>frame only'''
+File:MALL MAP 4.jpg|alt=Mall Map original map only|'''Mall Map In Progress'''
+File:MALL MAP 3.jpg|alt=Mall Map frame only|'''Mall Map<br>original map only'''
+</gallery>
-Pick a monitor and then secure it to the frame somehow
+== Related Pages==
+'''Links to related PPM Wiki pages:'''
-Implement a proximity sensor(?)
+:[[Classroom_and_Meeting_Area|<span style="color:#000000; background:#FDD1AC">&nbsp;&nbsp;'''Classroom / Meeting Area'''&nbsp;&nbsp;</span>]] - '''[https://pikespeakmakerspace.org/reserve make a reservation]'''
-Decide if sounds could provide useful feedback, too
+:[[Raspberry Pi|<span style="color:#ffffff; background:#864199">&nbsp;&nbsp;'''Raspberry Pi'''&nbsp;&nbsp;</span>]]
+:[[Arduino|<span style="color:#ffffff; background:#864199">&nbsp;&nbsp;'''Arduino'''&nbsp;&nbsp;</span>]]
+:[[Electronics|<span style="color:#FFFFFF; background:#864199">&nbsp;&nbsp;'''Electronics'''&nbsp;&nbsp;</span>]]
-Decide what to do while idle
+:[[Laser_--_BOSS|<span style="color:#FFFFFF; background:#D81F2B">&nbsp;&nbsp;'''Laser — BOSS'''&nbsp;&nbsp;</span>]] - '''[https://pikespeakmakerspace.org/reserve make a reservation]'''
-Polish up the User Interface, rollovers, tooltips etc.
+:'''[[Adobe Illustrator Tips]]'''
+:'''[[Adobe Photoshop Tips]]'''
-Keep the [[Adobe Illustrator Tips|Adobe Illustrator]] source map current
+:'''[[Visual Studio Code Tips]]'''
+:'''[[GitHub Tips]]'''
-(Keep the wiki pages current, too)
+:'''[[QR Codes]]'''
-Test that system is understood and useful to users
+==For Additional Help==
+:Use the PPM Slack channel #computing or #electronics
-Install system and announce and then promote its use.
+:'''[[How To Slack#PPM Channel Names and Descriptions|List of all PPM Slack channels]]'''
+:Note that we have a Slack channel (#job-board) for members to post, discuss, or accept job opportunities either within PPM or from the&nbsp;community.
-==Picture Gallery==
-<gallery>
-File:MALL MAP 1.jpg
-File:MALL MAP 2.jpg
-File:MALL MAP 3.jpg
-File:MALL MAP 4.jpg
-</gallery>
-==See Also==
-:'''[[Raspberry Pi]]'''
-:'''[[Computers]]'''
-:'''[[Visual Studio Code Tips]]'''
-:[[GitHub Tips|'''GitHub Tips''']]
-<br>
-<hr>
 {{Template:Footer}}
+{{Template:Ideas into reality}}
+<p style="padding:0.2em 0.4em;  background:#FDD1AC; color:#FFFFFF; font-size:15%;"> &nbsp; </p>
 [[Category:Multi Use]]
-[[Category:Computers]]
 [[Category:Hardware]]
 [[Category:Software]]
-[[Category:Volunteers Needed]]