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: @@
-[[File:MALL MAP 3.jpg|alt=Mall Map prototype|thumb|339x339px|'''Mall Map prototype'''<br><br>]]
-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.'''
+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.
-Please continue reading and then '''post your ideas''' to the Pikes Peak Makerspace Slack channel #general, or send a message to Warren Jokinen also via Slack.
+However, it is also movable and can be temporarily used at various events like Maker Faires.
 <br>
 <br>
-==When finished==
+<br>
-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.
+{{Template:Contact Us}}
-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.
-<nowiki>#</nowiki>1 Continually test that the system is understood and useful to users(!)
-Complete the build the of physical stand (powder coat?)
+===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.
-Decide if the system will be on wheels (probably)
+Our code is under version control on GitHub:
+'''https://github.com/PikesPeakMakerspace/welcome-display'''
-Pick a monitor and then secure it to the frame somehow
+==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
-Implement a proximity sensor(?)
+==Picture Gallery==
+<gallery widths="200" heights="125">
-Decide if sounds could provide useful feedback, too
+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"'''
-Decide what to do while idle
+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'''
-Polish up the User Interface, rollovers, tooltips etc.
+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'''
-Keep the [[Adobe Illustrator Tips|Adobe Illustrator]] source map current
+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'''
-(Keep the wiki pages current, too)
+</gallery>
-Test that system is understood and useful to users
-Install system and announce and then promote its use.
+== Related Pages==
+'''Links to related PPM Wiki pages:'''
+:[[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]'''
+:[[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>]]
-Let's get this cool project up and running!
+:[[Laser_--_BOSS|<span style="color:#FFFFFF; background:#D81F2B">&nbsp;&nbsp;'''Laser — BOSS'''&nbsp;&nbsp;</span>]] - '''[https://pikespeakmakerspace.org/reserve make a reservation]'''
-Contact member/volunteer Warren Jokinen via the Pikes Peak Makerspace Slack channel.
+:'''[[Adobe Illustrator Tips]]'''
+:'''[[Adobe Photoshop Tips]]'''
+:'''[[Visual Studio Code Tips]]'''
+:'''[[GitHub Tips]]'''
+:'''[[QR Codes]]'''
-==Picture Gallery==
+==For Additional Help==
-<gallery>
+:Use the PPM Slack channel #computing or #electronics
-File:MALL MAP 1.jpg
+:'''[[How To Slack#PPM Channel Names and Descriptions|List of all PPM Slack channels]]'''
-File:MALL MAP 2.jpg
+: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.
-File:MALL MAP 3.jpg
-File:MALL MAP 4.jpg
-</gallery>
-<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:Volunteers Needed]]
+[[Category:Hardware]]
+[[Category:Software]]