From 5ffe1ed20ebe179c0d0ac3e8251c7908e448f111 Mon Sep 17 00:00:00 2001 From: Mimi Flynn <414934+mimiflynn@users.noreply.github.com> Date: Mon, 6 Nov 2023 13:56:34 -0500 Subject: [PATCH] convert pages to mdx --- site/content/about.mdx | 245 ++++++++++++++++++++++++++++ site/content/continue.mdx | 99 +++++++++++ site/content/instructor.mdx | 90 ++++++++++ site/src/components/layout.js | 3 +- site/src/pages/about.js | 298 ---------------------------------- site/src/pages/continue.js | 161 ------------------ site/src/pages/instructor.js | 132 --------------- 7 files changed, 436 insertions(+), 592 deletions(-) create mode 100644 site/content/about.mdx create mode 100644 site/content/continue.mdx create mode 100644 site/content/instructor.mdx delete mode 100644 site/src/pages/about.js delete mode 100644 site/src/pages/continue.js delete mode 100644 site/src/pages/instructor.js diff --git a/site/content/about.mdx b/site/content/about.mdx new file mode 100644 index 00000000..9e232b1d --- /dev/null +++ b/site/content/about.mdx @@ -0,0 +1,245 @@ +--- +order: 3 +title: About +--- + +
+

What is Morgan Stanley Makerspace

+

+ An employee designed and run program bringing one-off STEM-based + interactive workshops to children and teens. +

+

+ Our most common workshop marries Python programming and hardware + with the Adafruit Circuit Playground Express (CPX), a beginner + friendly microcontroller that provides fast feedback necessary for + new programmers. +

+

+ We launched our Morgan Stanley Makerspace program with the hope that + it would - in the long-term - drive greater digital literacy amongst + the young people we'd engage. For as long as the digital industry + has thrived in the United States, there has been a gap between those + who have access to technology and those who do not. This digital + divide is not just access to reliable and affordable internet + service, but equitable access to fundamental technology education + required to ensure digital literacy and economic opportunity in our + ever evolving and increasingly virtual world. +

+

+ Since the program's launch in 2018, 500+ children and teens have + participated dozens of different workshops; 50% of participants + resided in a NYC shelter at the time of participation. +

+

Mission

+
+

+ Our DNA, our culture and our history are rooted in serving our + clients. +

+ James Gorman +
+

+ The Morgan Stanley Makerspace works towards two of the Firm's core + values. +

+

Give Back

+ +
+

Testimonials

+
+

+ "Children are natural consumers of digital information. However, + to engage them at a deeper level of understanding of Computer + science, so that they can evaluate, produce, and critique new + technology, we needed to get creative. We needed to introduce + electronics and programming in a highly tangible way early in the + education. This led us to the combination of two of the best of + breed technologies: Adafruit's Microcontrollers and Raspberry Pi's + laptop-computer. Specifically, Raspberry Pi 400 and Adafruit CPX + (often used by employees to teach their own children to code) - to + transform these young consumers of technology into + self-sufficient, digital citizens, who recognize they can be + creators of technology." +

+ Kumar Vadaparty +
+
+

+ The MS Makerspace program came into my life at exactly the right + time. After many years of helping my own children learn robotics + through extracurricular programs like the First Lego League, I + wanted to take what I had learned and share it with children who + might not have otherwise have access. Our MS Makerspace workshops + have created the perfect opportunity. Teaching kids who stand to + benefit the most from the right mentorship has been such a + fulfilling experience. If we continue to leverage the collective + knowledge of our Technology organization, I believe we can + continue to make a big difference in kids' lives by inspiring and + igniting a passion for technology. +

+ Dinesh Doshi +
+
+

+ MS Makerspaces embody what it means to Give Back through + skills-based volunteerism. Organically grown within Technology, + it's a movement that brings coding to children and young adults + who might not get regular exposure to Computer Science education. + Whether we're running a workshop at a school in Jersey City or a + shelter in the Bronx, there is something magical about watching a + young person realize that coding is cool, or that they have a gift + for thinking like a programmer. +

+ Kait Szydlowski +
+ +

What is Morgan Stanley STEM Extension?

+

+ Morgan Stanley's STEM Extension program takes our Makerspace + workshops to the next-level, providing week-on-week sustained + engagement with cohorts of students across New York, New Jersey, and + Maryland. +

+

+ The new initiative leverages physical computing through the + Raspberry Pi 400 computer and the Adafruit Feather Wing controllers, + in addition to the Adafruit Circuit Playground Express, to teach the + fundamentals of computer science education. The end goal? Connect + students with limited access to computer science education, helping + them move beyond being a consumer of technology into a + self-sufficient digital citizen. +

+ +

Why Adafruit Circuit Playground Express?

+

+ Adafruit Industries, the manufacturer of CPX was founded by MIT + engineering pioneer. Limor "Lady Ada" Fried. We are proud to support + Adafruit Industries as a 100% women-owned top ranked manufacturing + company in the US. When establishing the company, Limor's goal was + to create the best place online for learning electronics and making + the best designed products for makers of all ages and skill-levels.{' '} +

+

+ The Adafruit CPX is just that - an all-in-one circuit design board + packed full of features such as a processor, sensors, mini-speakers, + LED lights, and a USB port for streamlined software integration and + a fast feedback loop. The circuit is also multi-device compatible + which means it runs successfully across almost any of your favorite + operating systems including Windows, Mac, Chromebook and Linux. +

+

+ Once your CPX device is connected to a computer, you can begin + programming interactive projects in a matter of minutes. +

+

+ The CPX also supports user choice in the programming environment and + language they wish to code. Students can implement programs using + Python, Microsoft Make Code, C/C++ and JavaScript. +

+ +

Why Raspberry Pi?

+

+ The Raspberry Pi foundation is a UK-based charity that works to put + the power of computing and digital making into the hands of people + all over the world. The nonprofit was born from a desire to enough + more hands-on computer education to students and teachers alike. +

+

+ Through their innovative Raspberry Pi devices, a single-board + computer, students can engage deeply with computer science education + at a low cost. Unlike a traditional computer, which hides its inner + working, a standard Raspberry Pi has all it's components, ports, and + features out on display.{' '} +

+

+ The Raspberry Pi also encourages students to think creatively about + tasks in a complex, non-linear way. +

+ +

Levels of Physical Computing

+ + + + + + + +

Morgan Stanley's Makerspace / STEM Extension Team

+
    +
  • + Madeline Hutchinson - Executive Director, Head of Global Tech + Philanthropy +
  • +
  • Masha Nichols - Americas Lead, Global Tech Philanthropy
  • +
  • + Kumar Vadaparty - Distinguished Engineer - Executive Director, + Wealth Management Technology Division (Co-Founder){' '} +
  • +
  • + Mimi Flynn - Vice President, Enterprise Tech and Serivces, OSPO + (Lead Anchor and Curriculum Mgmt.) +
  • +
  • + Dinesh Doshi - Vice President, Wealth Management Technology + Division (Lead Anchor, and Curriculum Mgmt.){' '} +
  • +
  • + Millicent Auma - Wealth Management Technology Division (Lead + Anchor and Curriculum Mgmt.) +
  • +
  • + Chris Wheeler - Vice President, Cyber Data Risk and Resiliance + (Baltimore Lead Anchor and Curriculum Mgmt.) +
  • +
  • + Sandy Speakman - Vice President, Cyber Data Risk and Resiliance + (Baltimore Lead Anchor and Curriculum Mgmt.) +
  • +
  • + Conner Layson - Cyber Data Risk and Resiliance (Alpharetta Lead + Anchor and Curriculum Mgmt.) +
  • +
  • + Jocelyn Hordge - Weath Management Operations (Hybrid Lead Anchor + and Curriculum Mgmt.) +
  • +
  • + Antonette Gichohu - Wealth Management Technology Division (Hybrid + Lead Anchor and Curriculum Mgmt.) +
  • +
+ +
diff --git a/site/content/continue.mdx b/site/content/continue.mdx new file mode 100644 index 00000000..5eecdbe1 --- /dev/null +++ b/site/content/continue.mdx @@ -0,0 +1,99 @@ +--- +order: 4 +title: Continue Learning +--- + + +
+
+

Resources

+

+ There is a lot of information about and projects for the Circuit + Playground Express and CircuitPython! +

+
+

+ + Circuit Playground Express + +

+
+ +
+

+ + CircuitPython + +

+
+
+ CircuitPython is not just for the Circuit Playground Express. There are + many other boards that use this language. Check out your options and + download libraries and firmware at{' '} + CircuitPython.org +
+
+

+ + MakeCode + +

+
+
+ +
+
+
diff --git a/site/content/instructor.mdx b/site/content/instructor.mdx new file mode 100644 index 00000000..6a7aeffc --- /dev/null +++ b/site/content/instructor.mdx @@ -0,0 +1,90 @@ +--- +order: 5 +title: Instructor +--- + + +
+

Mission & Philosophy

+

+ Train the trainer sessions are the starting point for volunteers of all + backgrounds to gather in a space and learn what goes into a Morgan Stanley + Makerspace session. There will be a presentation of the curriculum, the + opportunity to gain some hands on experience with the CPX device, and a + discussion of the philosphy with which we run our makerspaces. +

+

+

+ The Morgan Stanley Makerspaces are designed to introduce participants to + coding and making with the Adafruit CPX device as a starting platform. +

+

+

+ The philosophy of Makerspace is one of discovery, experimentation and + passion. The curriculum is not used as a test or a required standard to be + achieved, but a jumping off point. It introduces the students to the + features of the device in order to inspire creativity. An instructor's role + is to facilitate and guide that creativity to create with the CPX what the + student imagines. +

+

+

+ We hope that by the end of the session, the participants will have + cultivated a desire in the students to delve deeper and learn more about + whichever aspect of technology inspired them. +

+ Additional Technical Resources +
+
+

Notes from Experienced Instructors

+

General Guidance

+
    +
  • + Give students time and space to explore what catches their interest in + each exercise. +
  • +
  • + Learn enough on your own to anticipate the student's needs and prompt or + suggest when needed. +
  • +
  • + Feel free to make mistakes in front of them and say that you don't know + something. Let them know you are learning too. Show them how to research + and teach themselves the way we do as professionals. +
  • +
  • + When you don't know something, work through it out loud with the group. + The troubleshooting process is a valuable skill to learn even if they + don't take to coding. +
  • +
  • + If your group shows an interest in a certain aspect of a lession (color + theory, music notes, etc), dive into it! This is what we are hoping for! + Don't stress about the number of lessons. This moment is the most valuable + learning moment. +
  • +
  • + If a student is overwhelmed let them know its okay and to take quiet time + for themselves. +
  • +
  • + If the lessons seem easy to your group, add challenges and encourage + creativity. +
  • +
+

Remote Lessons

+
    +
  • + Give students quiet time to work through the code. Check in by name in a + rotating fashion. +
  • +
  • + Share your screen and demonstrate examples with your webcam if possible. +
  • +
  • + Encourage students to keep their camera on and mics unmuted to foster + troubleshooting when needed and natural conversation. +
  • +
  • Encourage students to share their screen when troubleshooting.
  • +
+
diff --git a/site/src/components/layout.js b/site/src/components/layout.js index 58d536e5..8a8141c4 100644 --- a/site/src/components/layout.js +++ b/site/src/components/layout.js @@ -5,8 +5,9 @@ import { Link } from 'gatsby'; import Footer from './footer'; import Header from './header'; import Hero from './hero'; +import SummaryCard from './summary-card'; -const shortcodes = { Hero, Link }; +const shortcodes = { Hero, Link, SummaryCard }; function Layout({ location, title, children }) { return ( diff --git a/site/src/pages/about.js b/site/src/pages/about.js deleted file mode 100644 index f8eed56d..00000000 --- a/site/src/pages/about.js +++ /dev/null @@ -1,298 +0,0 @@ -import React from 'react' -import { graphql } from 'gatsby' - -import Layout from '../components/layout' -import Seo from '../components/seo' -import SummaryCard from '../components/summary-card' - -const AboutPage = ({ data, location }) => { - const siteTitle = data.site.siteMetadata.title - - return ( - -
-
- Student with CPX Board -
-
-

- Morgan Stanley Makerspace -

-
-
-
- -
-

What is Morgan Stanley Makerspace

-

- An employee designed and run program bringing one-off STEM-based - interactive workshops to children and teens. -

-

- Our most common workshop marries Python programming and hardware - with the Adafruit Circuit Playground Express (CPX), a beginner - friendly microcontroller that provides fast feedback necessary for - new programmers. -

-

- We launched our Morgan Stanley Makerspace program with the hope that - it would - in the long-term - drive greater digital literacy amongst - the young people we'd engage. For as long as the digital industry - has thrived in the United States, there has been a gap between those - who have access to technology and those who do not. This digital - divide is not just access to reliable and affordable internet - service, but equitable access to fundamental technology education - required to ensure digital literacy and economic opportunity in our - ever evolving and increasingly virtual world. -

-

- Since the program's launch in 2018, 500+ children and teens have - participated dozens of different workshops; 50% of participants - resided in a NYC shelter at the time of participation. -

-

Mission

-
-

- Our DNA, our culture and our history are rooted in serving our - clients. -

- James Gorman -
-

- The Morgan Stanley Makerspace works towards two of the Firm's core - values. -

-

Give Back

-
    -
  • Be generous with your expertise, your time, your money.
  • -
  • Invest in the future of our communities and our Firm.
  • -
  • Mentor our next generation.
  • -
-
-

Testimonials

-
-

- "Children are natural consumers of digital information. However, - to engage them at a deeper level of understanding of Computer - science, so that they can evaluate, produce, and critique new - technology, we needed to get creative. We needed to introduce - electronics and programming in a highly tangible way early in the - education. This led us to the combination of two of the best of - breed technologies: Adafruit's Microcontrollers and Raspberry Pi's - laptop-computer. Specifically, Raspberry Pi 400 and Adafruit CPX - (often used by employees to teach their own children to code) - to - transform these young consumers of technology into - self-sufficient, digital citizens, who recognize they can be - creators of technology." -

- Kumar Vadaparty -
-
-

- The MS Makerspace program came into my life at exactly the right - time. After many years of helping my own children learn robotics - through extracurricular programs like the First Lego League, I - wanted to take what I had learned and share it with children who - might not have otherwise have access. Our MS Makerspace workshops - have created the perfect opportunity. Teaching kids who stand to - benefit the most from the right mentorship has been such a - fulfilling experience. If we continue to leverage the collective - knowledge of our Technology organization, I believe we can - continue to make a big difference in kids' lives by inspiring and - igniting a passion for technology. -

- Dinesh Doshi -
-
-

- MS Makerspaces embody what it means to Give Back through - skills-based volunteerism. Organically grown within Technology, - it's a movement that brings coding to children and young adults - who might not get regular exposure to Computer Science education. - Whether we're running a workshop at a school in Jersey City or a - shelter in the Bronx, there is something magical about watching a - young person realize that coding is cool, or that they have a gift - for thinking like a programmer. -

- Kait Szydlowski -
-
- - -
-

What is Morgan Stanley STEM Extension?

-

- Morgan Stanley's STEM Extension program takes our Makerspace - workshops to the next-level, providing week-on-week sustained - engagement with cohorts of students across New York, New Jersey, and - Maryland. -

-

- The new initiative leverages physical computing through the - Raspberry Pi 400 computer and the Adafruit Feather Wing controllers, - in addition to the Adafruit Circuit Playground Express, to teach the - fundamentals of computer science education. The end goal? Connect - students with limited access to computer science education, helping - them move beyond being a consumer of technology into a - self-sufficient digital citizen. -

-
- - -
-

Why Adafruit Circuit Playground Express?

-

- Adafruit Industries, the manufacturer of CPX was founded by MIT - engineering pioneer. Limor "Lady Ada" Fried. We are proud to support - Adafruit Industries as a 100% women-owned top ranked manufacturing - company in the US. When establishing the company, Limor's goal was - to create the best place online for learning electronics and making - the best designed products for makers of all ages and skill-levels.{' '} -

-

- The Adafruit CPX is just that - an all-in-one circuit design board - packed full of features such as a processor, sensors, mini-speakers, - LED lights, and a USB port for streamlined software integration and - a fast feedback loop. The circuit is also multi-device compatible - which means it runs successfully across almost any of your favorite - operating systems including Windows, Mac, Chromebook and Linux. -

-

- Once your CPX device is connected to a computer, you can begin - programming interactive projects in a matter of minutes. -

-

- The CPX also supports user choice in the programming environment and - language they wish to code. Students can implement programs using - Python, Microsoft Make Code, C/C++ and JavaScript. -

-
- - -
-

Why Raspberry Pi?

-

- The Raspberry Pi foundation is a UK-based charity that works to put - the power of computing and digital making into the hands of people - all over the world. The nonprofit was born from a desire to enough - more hands-on computer education to students and teachers alike. -

-

- Through their innovative Raspberry Pi devices, a single-board - computer, students can engage deeply with computer science education - at a low cost. Unlike a traditional computer, which hides its inner - working, a standard Raspberry Pi has all it's components, ports, and - features out on display.{' '} -

-

- The Raspberry Pi also encourages students to think creatively about - tasks in a complex, non-linear way. -

-
- - -
-

Levels of Physical Computing

- - - - - - -
- - -
-

Morgan Stanley's Makerspace / STEM Extension Team

-
    -
  • - Madeline Hutchinson - Executive Director, Head of Global Tech - Philanthropy -
  • -
  • Masha Nichols - Americas Lead, Global Tech Philanthropy
  • -
  • - Kumar Vadaparty - Distinguished Engineer - Executive Director, - Wealth Management Technology Division (Co-Founder){' '} -
  • -
  • - Mimi Flynn - Vice President, Enterprise Tech and Serivces, OSPO - (Lead Anchor and Curriculum Mgmt.) -
  • -
  • - Dinesh Doshi - Vice President, Wealth Management Technology - Division (Lead Anchor, and Curriculum Mgmt.){' '} -
  • -
  • - Millicent Auma - Wealth Management Technology Division (Lead - Anchor and Curriculum Mgmt.) -
  • -
  • - Chris Wheeler - Vice President, Cyber Data Risk and Resiliance - (Baltimore Lead Anchor and Curriculum Mgmt.) -
  • -
  • - Sandy Speakman - Vice President, Cyber Data Risk and Resiliance - (Baltimore Lead Anchor and Curriculum Mgmt.) -
  • -
  • - Conner Layson - Cyber Data Risk and Resiliance (Alpharetta Lead - Anchor and Curriculum Mgmt.) -
  • -
  • - Jocelyn Hordge - Weath Management Operations (Hybrid Lead Anchor - and Curriculum Mgmt.) -
  • -
  • - Antonette Gichohu - Wealth Management Technology Division (Hybrid - Lead Anchor and Curriculum Mgmt.) -
  • -
-
-
-
- ) -} - -export default AboutPage - -export const pageQuery = graphql` - query { - site { - siteMetadata { - title - } - } - } -` diff --git a/site/src/pages/continue.js b/site/src/pages/continue.js deleted file mode 100644 index 0512caa7..00000000 --- a/site/src/pages/continue.js +++ /dev/null @@ -1,161 +0,0 @@ -import React from 'react' -import { graphql } from 'gatsby' - -import Layout from '../components/layout' -import Seo from '../components/seo' - -const ContinuePage = ({ data, location }) => { - const siteTitle = data.site.siteMetadata.title - - return ( - - -
-
- Student with CPX Board -
-
-

- Continue Learning -

-
-
-
-
-
-

Resources

-

- There is a lot of information about and projects for the Circuit - Playground Express and CircuitPython! -

-
-

- - Circuit Playground Express - -

-
- -
-

- - CircuitPython - -

-
-
- CircuitPython is not just for the Circuit Playground Express. - There are many other boards that use this language. Check out your - options and download libraries and firmware at{' '} - CircuitPython.org -
-
-

- - MakeCode - -

-
-
- -
-
-
-
-
- ) -} - -export default ContinuePage - -export const pageQuery = graphql` - query { - site { - siteMetadata { - title - } - } - allMdx( - filter: { internal: { contentFilePath: { regex: "//continue//" } } } - ) { - nodes { - id - tableOfContents - frontmatter { - title - } - internal { - contentFilePath - } - fields { - slug - } - } - } - } -` diff --git a/site/src/pages/instructor.js b/site/src/pages/instructor.js deleted file mode 100644 index feb774f1..00000000 --- a/site/src/pages/instructor.js +++ /dev/null @@ -1,132 +0,0 @@ -import React from 'react' -import { graphql } from 'gatsby' - -import Layout from '../components/layout' -import Seo from '../components/seo' - -const InstructorPage = ({ data, location }) => { - const siteTitle = data.site.siteMetadata.title - - return ( - -
-
- Instructors around a podium -
-
-

- Instructor Notes -

-
-
-
- -
-

Mission & Philosophy

-

- Train the trainer sessions are the starting point for volunteers of - all backgrounds to gather in a space and learn what goes into a - Morgan Stanley Makerspace session. There will be a presentation of - the curriculum, the opportunity to gain some hands on experience - with the CPX device, and a discussion of the philosphy with which we - run our makerspaces. -

-

-

- The Morgan Stanley Makerspaces are designed to introduce - participants to coding and making with the Adafruit CPX device as a - starting platform. -

-

-

- The philosophy of Makerspace is one of discovery, experimentation - and passion. The curriculum is not used as a test or a required - standard to be achieved, but a jumping off point. It introduces the - students to the features of the device in order to inspire - creativity. An instructor's role is to facilitate and guide that - creativity to create with the CPX what the student imagines. -

-

-

- We hope that by the end of the session, the participants will have - cultivated a desire in the students to delve deeper and learn more - about whichever aspect of technology inspired them. -

- Additional Technical Resources -
-
-

Notes from Experienced Instructors

-

General Guidance

-
    -
  • - Give students time and space to explore what catches their - interest in each exercise. -
  • -
  • - Learn enough on your own to anticipate the student's needs and - prompt or suggest when needed. -
  • -
  • - Feel free to make mistakes in front of them and say that you don't - know something. Let them know you are learning too. Show them how - to research and teach themselves the way we do as professionals. -
  • -
  • - When you don't know something, work through it out loud with the - group. The troubleshooting process is a valuable skill to learn - even if they don't take to coding. -
  • -
  • - If your group shows an interest in a certain aspect of a lession - (color theory, music notes, etc), dive into it! This is what we - are hoping for! Don't stress about the number of lessons. This - moment is the most valuable learning moment. -
  • -
  • - If a student is overwhelmed let them know its okay and to take - quiet time for themselves. -
  • -
  • - If the lessons seem easy to your group, add challenges and - encourage creativity. -
  • -
-

Remote Lessons

-
    -
  • - Give students quiet time to work through the code. Check in by - name in a rotating fashion. -
  • -
  • - Share your screen and demonstrate examples with your webcam if - possible. -
  • -
  • - Encourage students to keep their camera on and mics unmuted to - foster troubleshooting when needed and natural conversation. -
  • -
  • - Encourage students to share their screen when troubleshooting. -
  • -
-
-
-
- ) -} - -export default InstructorPage - -export const pageQuery = graphql` - query { - site { - siteMetadata { - title - } - } - } -`