Mall Map: Difference between revisions

From Pikes Peak Makerspace Wiki
Jump to navigation Jump to search
← Older edit
VisualWikitext
No edit summary
 
(177 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[File:MALL MAP 3.jpg|alt=Mall Map prototype|thumb|339x339px|'''Mall Map prototype''']]
The "Mall Map" at Pikes Peak Makerspace is a new system that is '''currently under active 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.'''
'''The Pikes Peak Makerspace (PPM) "Mall Map" is a completely original and entertaining kiosk developed by many of our members.'''


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.
<br>
<br>
==When finished==
Our 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.)


==Behind the scenes==
'''We use it to inform both members and visitors about the equipment we&nbsp;offer at&nbsp;PPM.'''
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.


The script displays an image (the map) that was originally drawn in [[Adobe Illustrator Tips|Adobe Illustrator]] by another PPM member, and then detects mouse click events on that map. It currently uses the P5.js library to detect the mouse clicks. It then '''launches pages from our wiki:'''
Additionally, it is movable and can be temporarily used at various events.
<br>
<br>
[[File:Level 1 badge.png|alt=Level 1 badge used at Pikes Peak Makerspace|left|frameless|90x90px|PPM MEMBER USE]]


'''Both members and visitors are welcome to check it out while at&nbsp;PPM.'''


(735 East Pikes Peak Avenue, Colorado Springs, Colorado)
<br>
<br>
<br>
<br>The code and documentation is under version control


'''https://wiki.pikespeakmakerspace.org'''
on GitHub:  '''https://github.com/PikesPeakMakerspace/welcome-display'''


==Remaining Tasks==
<hr style="height:2.5px; background:#FDD1AC;">
<nowiki>#</nowiki>1 Continually test that the system is understood and useful to users(!)


Complete the build the of physical stand (powder coat?)
<br>
[[File:Burst.png|alt=burst of white rays on orange background|link=https://wiki.pikespeakmakerspace.org/index.php/About_PPM|right|frameless|250x250px]]


Decide if the system will be on wheels
== Ongoing Tasks ==


Pick a monitor and then secure it to the frame somehow
==='''Volunteers are needed'''===
*Help keep the content current.


Implement a proximity sensor(?)
*Continually test that the system is understood and useful to users.


Decide if sounds could provide useful feedback, too
==Equipment Lists==
{| class="wikitable"
|- style="font-weight:bold; text-align:left; font-family:Arial, Helvetica, sans-serif !important; background-color:#FDD1AC; color:#000000;"
| style="vertical-align:middle;" |Picture
|Item
|Manufacturer
|Model
|-
|[[File:VIZIO E320VL kiosk.jpg|center|frameless|145x145px|link=https://wiki.pikespeakmakerspace.org/index.php/File:VIZIO_E320VL_kiosk.jpg]]
|'''32" 720p HDMI Monitor'''
'''with VR15 remote'''
[[File:Level 1 badge.png|alt=Level 1 badge|left|frameless|45x45px|link=https://wiki.pikespeakmakerspace.org/index.php/File:Level_1_badge.png]]
|'''VIZIO'''
|'''E320VL'''
|-
|
|
|
|
|}


Decide what to do while idle
==Picture Gallery==
 
<gallery widths="200" heights="125">
Polish up the User Interface, rollovers, tooltips etc.
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 prototype 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>


Keep the [[Adobe Illustrator Tips|Adobe Illustrator]] source map current
== Behind the Scenes ==
*Our Mall Map requires power for the large display and Raspberry Pi.


Keep the wiki pages current, too
*It uses an optional Internet connection for software&nbsp;updates.


Test that system is understood and useful to users
*It is a bit tall and heavy. (But moving it does not require a&nbsp;forklift, at least.)


Install system and announce and then promote its use.
*The first map, which was originally built in Adobe Illustrator and Adobe InDesign,  detected mouse clicks, and then launched pages from [https://wiki.pikespeakmakerspace.org/index.php?title=Main_Page '''our wiki''']


*Our current map, a more stylized version of our 'space, accepts button and joystick input from a wired Xbox game controller and then loads data from a JSON file on the Raspberry&nbsp;Pi.
*An Arduino controls the lights of the color-coordinated upper display. This laser-engraved panel reinforces the color of the selected tool area! (See our "After" pic in the Picture&nbsp;Gallery.)


==Original Contributors==
'''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 this project successful.


Let's get this cool project up and running!
==Additional Help==
Use the PPM Slack channel #computing


Contact member/volunteer Warren Jokinen via the Pikes Peak Makerspace Slack channel.
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>
<br>
<hr>
{{Template:Footer}}
{{Template:Footer}}
 
<hr style="height:2.5px; background:#FDD1AC;">
[[Category:Multi Use]]

Latest revision as of 17:55, 25 August 2026

The Pikes Peak Makerspace (PPM) "Mall Map" is a completely original and entertaining kiosk developed by many of our members.


We use it to inform both members and visitors about the equipment we offer at PPM.

Additionally, it is movable and can be temporarily used at various events.

Level 1 badge used at Pikes Peak Makerspace
PPM MEMBER USE

Both members and visitors are welcome to check it out while at PPM.

(735 East Pikes Peak Avenue, Colorado Springs, Colorado)



The code and documentation is under version control

on GitHub: https://github.com/PikesPeakMakerspace/welcome-display


burst of white rays on orange background

Ongoing Tasks

Volunteers are needed

  • Help keep the content current.
  • Continually test that the system is understood and useful to users.

Equipment Lists

Picture Item Manufacturer Model
32" 720p HDMI Monitor

with VR15 remote

Level 1 badge
 VIZIO E320VL

Picture Gallery

  • Mall Map After
    Mall Map (PPM Kiosk)
    "After"
  • Mall Map (PPM Kiosk) with Welcome poster
    Mall Map (PPM Kiosk)
    with prototype poster
  • Mall Map (PPM Kiosk) with old map
    Mall Map (PPM Kiosk)
    with old map
  • Mall Map In Progress
    Mall Map In Progress
    "Before"
  • Mall Map In Progress
    Mall Map
    frame only
  • Mall Map original map only
    Mall Map In Progress
  • Mall Map frame only
    Mall Map
    original map only

Behind the Scenes

  • Our Mall Map requires power for the large display and Raspberry Pi.
  • It uses an optional Internet connection for software updates.
  • It is a bit tall and heavy. (But moving it does not require a forklift, at least.)
  • The first map, which was originally built in Adobe Illustrator and Adobe InDesign, detected mouse clicks, and then launched pages from our wiki
  • Our current map, a more stylized version of our 'space, accepts button and joystick input from a wired Xbox game controller and then loads data from a JSON file on the Raspberry Pi.
  • An Arduino controls the lights of the color-coordinated upper display. This laser-engraved panel reinforces the color of the selected tool area! (See our "After" pic in the Picture Gallery.)

Original Contributors

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 this project successful.

Additional Help

Use the PPM Slack channel #computing

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 outdated information.

Retrieved from "https://wiki.pikespeakmakerspace.org/index.php?title=Mall_Map&oldid=23796"