Made with Code

Last updated
Made with Code
Formation19 July 2014
(9 years ago)
 (2014-07-19)
FounderGoogle
Website madewithcode.com

Made with Code is an initiative launched by Google on 19 July 2014. Google aimed to empower young women in middle and high schools with computer programming skills. Made with Code was created after Google's own research found out that encouragement and exposure are the critical factors that would influence young females to pursue computer science. [1] It was reported that Google is funding $50 million to Made with Code, [2] on top of the initial $40 million invested since 2010 in organizations like Code.org, Black Girls Code, and Girls Who Code. [3] The Made with Code initiative involves both online activities as well as real life events, collaborating with notable firms like Shapeways and App Inventor.

Contents

Projects

Made with Code revolves primarily around providing online activities for young girls to learn coding on its website. Many of Made with Code's projects use Blockly programming, a visual editor that writes programs by assembling individual blocks. Step by step instructions are provided to guide users. Along the way, works may either be discarded or saved and downloaded.

Dance Visualiser

Dance Visualiser [4] mixes dance with code by modelling a visualiser that mirrors a dancer's motions. Through the application of Blockly programming, users track the different parts such as the head, chest, hip and four limbs of the dancer's body. After inputting the necessary details, a customized visualization is generated accordingly.

Music Mixer

In Music Mixer, [5] users manipulate the number of notes and set the speed of each instrument to produce a colorful rotating visual music mixer. The range of instruments that are available include Acapella, Country, Electronic, HipHop, Pop and Rock.

Beats

Beats [6] connects Blockly programming language and virtual instruments together to produce a string of beats. Users set the speed from a minimum of 30 to a maximum of 300 beats. The range of virtual instruments available include hi-hat, clave, cowbell, cymbal, tom, kick, snare and clap.

Avatar

Project Avatar [7] allows users to customize their own avatar. Through Blockly programming language, users input different shapes on a virtual 2D work space, then arrange the shapes into a 3D avatar.

Accessorizer

Accessorizer [8] allow to accessorize (put accessories on) a selfie with Blockly programming language. The first step is selecting an image, either by snapping a picture or selecting the available characters including Dorothy, Rose, Smoosh, Raul and Blanche. The next step is to position the accessories on top of the character or image. Accessories include the eyes, mouths, shirts, hats and wigs.

GIF

GIF [9] lets users make a custom animation with a background and a series of frame. With the Blockly programming language, four images can be constructed which will then cycle so as to form an animation. The first step is to select the background, which includes characters such as Licky Ricky, Mayday Mary, Puss in Moon Boots, Purple Mess, Flappy the Uni-Horn, Tonsil Tammy, Bucky, Long Lidia, Permy and Mr. Hula Hips. The next step is to select frame(s), which includes various shapes and colors.

Kaleidoscope

Kaleidoscope [10] lets users manipulate the size, speed, and images of a kaleidoscope animation. After selecting an animation, either star, cross or flower, users pick an image and select a rotation speed. Next, select the image size by entering a percentage value.

Yeti

Yeti [11] project allows users to create an animated Yeti with Blockly programming language. The first step is to drag and insert the YETI block onto the work space, followed by the character design block. Select the fur and skin color of your Yeti, as well as the hand and feet sizes. Next, select the animation command from the various range of actions provided.

Past notable projects

Code a Bracelet

Made with Code collaborated with Shapeways to allow girls to create their own customised bracelet. [12] After designing the bracelet with Blockly, Shapeways prints the bracelets using nylon plastic on their 3D EOS printers.

Mentors and makers

Made with Code website features videos of mentors, who are females in different industries who have used computer coding in their career, and makers, who are young females who have made a difference in society using their coding skills. Some of the mentors and makers were also invited to hold talks such as during Made with Code's kick off event in New York City. Over 100 teenage girls from local organizations and public schools worked on coding projects and witnessed first-hand how women use code in their dream jobs. [3]

List of mentors

List of makers

Events

Made with Code website has a resource directory for parents and girls to enter their ZIP code and find more information about new local events.

92nd annual White House Christmas Tree Lighting Ceremony

Made with Code partnered with National Park Foundation to organised a campaign in 2014 to light up 56 official White House Christmas trees [13] in President's Park. More than 300,000 people, mostly young girls, participated and programmed the designs of the lights on the trees through selecting different shapes, sizes, and colors of the lights, and animate different patterns using introductory programming language. [14]

Others

Partnership with Code School

Made with Code has partnered with Code School [15] in June 2014 and provided three-month free accounts in Code School for women and minorities already in the technology industry to expand their skills. [16] This initiative widened Made with Code's target group to also include those who have already started a career in the tech industry, in addition to the initial target group of young without prior coding experience. [17]

Google raise gender diversity in Code School by giving $50 million over three years to provide for related programs. They concurrently work with DonorsChoose.org and Codecademy or Khan Academy for the trial of a project. They also collaborated with the Science and Entertainment Exchange.

Related Research Articles

<span class="mw-page-title-main">ASCII art</span> Computer art form using text characters

ASCII art is a graphic design technique that uses computers for presentation and consists of pictures pieced together from the 95 printable characters defined by the ASCII Standard from 1963 and ASCII compliant character sets with proprietary extended characters. The term is also loosely used to refer to text-based visual art in general. ASCII art can be created with any text editor, and is often used with free-form languages. Most examples of ASCII art require a fixed-width font such as Courier for presentation.

<span class="mw-page-title-main">Computer animation</span> Art of creating moving images using computers

Computer animation is the process used for digitally generating animations. The more general term computer-generated imagery (CGI) encompasses both static scenes and dynamic images, while computer animation only refers to moving images. Modern computer animation usually uses 3D computer graphics. The animation's target is sometimes the computer itself, while other times it is film.

<span class="mw-page-title-main">Adobe Flash</span> Deprecated multimedia platform used to add animation and interactivity to websites

Adobe Flash is a multimedia software platform used for production of animations, rich internet applications, desktop applications, mobile apps, mobile games, and embedded web browser video players.

<span class="mw-page-title-main">Drag and drop</span> Action in computer graphic user interfaces

In computer graphical user interfaces, drag and drop is a pointing device gesture in which the user selects a virtual object by "grabbing" it and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects.

<span class="mw-page-title-main">3D Movie Maker</span> Movie making program by Microsoft

3D Movie Maker is a children's computer program developed by Microsoft Home's Microsoft Kids subsidiary released in 1995. Using the program, users can make films by placing 3D characters and props into pre-rendered environments, as well as adding actions, sound effects, music, text, speech and special effects. Movies are then saved in the .3mm file format.

<span class="mw-page-title-main">Google Earth</span> 3D globe-based map program owned by Google

Google Earth is a computer program that renders a 3D representation of Earth based primarily on satellite imagery. The program maps the Earth by superimposing satellite images, aerial photography, and GIS data onto a 3D globe, allowing users to see cities and landscapes from various angles. Users can explore the globe by entering addresses and coordinates, or by using a keyboard or mouse. The program can also be downloaded on a smartphone or tablet, using a touch screen or stylus to navigate. Users may use the program to add their own data using Keyhole Markup Language and upload them through various sources, such as forums or blogs. Google Earth is able to show various kinds of images overlaid on the surface of the Earth and is also a Web Map Service client. In 2019, Google revealed that Google Earth now covers more than 97 percent of the world, and has captured 10 million miles of Street View imagery.

<span class="mw-page-title-main">Women in computing</span> Role of women in computing

Women in computing were among the first programmers in the early 20th century, and contributed substantially to the industry. As technology and practices altered, the role of women as programmers has changed, and the recorded history of the field has downplayed their achievements. Since the 18th century, women have developed scientific computations, including Nicole-Reine Lepaute's prediction of Halley's Comet, and Maria Mitchell's computation of the motion of Venus.

<span class="mw-page-title-main">Human image synthesis</span> Computer generation of human images

Human image synthesis is technology that can be applied to make believable and even photorealistic renditions of human-likenesses, moving or still. It has effectively existed since the early 2000s. Many films using computer generated imagery have featured synthetic images of human-like characters digitally composited onto the real or other simulated film material. Towards the end of the 2010s deep learning artificial intelligence has been applied to synthesize images and video that look like humans, without need for human assistance, once the training phase has been completed, whereas the old school 7D-route required massive amounts of human work .

<span class="mw-page-title-main">Loituma Girl</span> Internet meme

Loituma Girl is a Flash animation set to a scat singing section of the Finnish song "Ievan polkka," sung by the Finnish quartet Loituma on their 1995 debut album Things of Beauty. It appeared on the Internet in late April 2006 and quickly became popular. The animation consists of four frames showing the Bleach anime character Orihime Inoue twirling a leek, set to a 27-second loop from the song. The part of the song which is included in the meme is improvisation by Hanni-Mari Autere which are totally random.

A Google Account is a user account that is required for access, authentication and authorization to certain online Google services. It is also often used as single sign-on for third party services.

<span class="mw-page-title-main">Whirled</span> 2007 virtual community

Whirled is a virtual world website and video game created by Three Rings Design. Its Open Beta stage was announced at the Game Developers Conference in 2007. It makes use of Adobe Flash as an applet embedded into the website while also having pages of HTML and JavaScript in a sidebar to allow players to manage their friends list and browse various categories of user-generated content. The concept is comparable to the virtual worlds in the PlayStation 3 game Home and Second Life, while also incorporating aspects of feed-based social media sites like Facebook and Twitter. It pushes to make all content user-created, mainly with its approach to creative accessibility using Flash's affinity for 2D vector graphics and various web compatibilities to make it very simple for players to upload a wide variety of content using simple, conventional file formats. Some examples of this include uploading PNG files to create in-game objects, and MP3 files to create a music playlist for a player's room.

<span class="mw-page-title-main">Scratch (programming language)</span> Programming language learning environment

Scratch is a high-level block-based visual programming language and website aimed primarily at children as an educational tool, with a target audience of ages 8 to 16. Users on the site, called Scratchers, can create projects on the website using a block-like interface. Projects can be exported to standalone HTML5, Android apps, Bundle (macOS) and EXE files using external tools. Scratch was conceived and designed through collaborative National Science Foundation grants awarded to Mitchell Resnick and Yasmin Kafai. The service is developed by the MIT Media Lab, and has been translated into 70+ languages, and is used in most parts of the world. Scratch is taught and used in after-school centers, schools, and colleges, as well as other public knowledge institutions. As of 15 February 2023, community statistics on the language's official website show more than 123 million projects shared by over 103 million users, over 804 million total projects ever created, and more than 95 million monthly website visits.

The following outline is provided as an overview of and topical guide to animation:

<span class="mw-page-title-main">MIT App Inventor</span> Web application development environment

MIT App Inventor is a high-level block-based visual programming language, originally built by Google and now maintained by the Massachusetts Institute of Technology. It allows newcomers to create computer applications for two operating systems: Android and iOS, which, as of 25 September 2023, is in beta testing. It is free and open-source released under dual licensing: a Creative Commons Attribution ShareAlike 3.0 Unported license and an Apache License 2.0 for the source code. Its target is primarily children and students studying computer programming, similar to Scratch.

<span class="mw-page-title-main">3D modeling</span> Form of computer-aided engineering

In 3D computer graphics, 3D modeling is the process of developing a mathematical coordinate-based representation of a surface of an object in three dimensions via specialized software by manipulating edges, vertices, and polygons in a simulated 3D space.

<span class="mw-page-title-main">Computer-generated imagery</span> Application of computer graphics to create or contribute to images

Computer-generated imagery (CGI) is a specific-technology or application of computer graphics for creating or improving images in art, printed media, simulators, videos and video games. These images are either static or dynamic. CGI both refers to 2D computer graphics and 3D computer graphics with the purpose of designing characters, virtual worlds, or scenes and special effects. The application of CGI for creating/improving animations is called computer animation, or CGI animation.

<span class="mw-page-title-main">Stencyl</span> Video game development software

Stencyl is a video game development tool that allows users to create 2D video games for computers, mobile devices, and the web. The software is available for free, with select publishing options available for purchase. The software was originally called "StencylWorks" while in development and for the initial release but was later shortened to just "Stencyl".

<span class="mw-page-title-main">Blockly</span> JavaScript library

Blockly is a client-side library for the programming language JavaScript for creating block-based visual programming languages (VPLs) and editors. A project of Google, it is free and open-source software released under the Apache License 2.0. It typically runs in a web browser, and visually resembles the language Scratch.

<span class="mw-page-title-main">Catrobat</span> Open source block-based programming language

Catrobat is a block-based visual programming language and Open Source Software non-profit project. First released in 2010 by Wolfgang Slany from the Technical University Graz in Austria. The multidisciplinary team develops the programming language and free apps for teenagers to create their own games, animations, music videos, or all other kinds of apps directly on a smartphone based on the catrobat framework.

References

  1. "Women Who Choose Computer Science — What Really Matters" (PDF). Women Who Choose Computer Science — What Really Matters. Archived from the original (PDF) on 24 April 2015. Retrieved 10 April 2015.
  2. "Made with Code FAQ" . Retrieved 10 April 2015.
  3. 1 2 "Google Launches Made with Code – News announcements – News from Google – Google". googlepress.blogspot.sg. Retrieved 2015-04-11.
  4. "THE DANCE VISUAL PROJECT: THE DANCE FLOOR IS YOUR CANVAS". Made w/ Code. Retrieved 2015-04-11.
  5. "MUSIC MIXER: MAKE MUSIC YOU CAN SEE". Made w/ Code. Retrieved 2015-04-11.
  6. "Beats Project_Made with Code". Made w/ Code. Retrieved 2015-04-11.
  7. "Avatar Project_Made with Code". Made w/ Code. Retrieved 2015-04-11.
  8. "Accessorizer Project_Made with Code". Made w/ Code. Retrieved 2015-04-11.
  9. "Gif Project_Made with Code". Made w/ Code. Retrieved 2015-04-11.
  10. "THE KALEIDOSCOPE PROJECT: CODE YOUR FACE INTO ART". Made w/ Code. Retrieved 2015-04-11.
  11. "THE YETI PROJECT: DANCE, SASQUATCH, DANCE". Made w/ Code. Retrieved 2015-04-11.
  12. "SHAPEWAYS COLLABORATES WITH GOOGLE ON MADE WITH CODE INITIATIVE TO INSPIRE CREATIVITY THROUGH 3D PRINTING – Shapeways". Shapeways.com. Retrieved 2015-04-10.
  13. Buhr, Sarah (4 December 2014). "Google Gets Thousands Of Girls To Program The White House Christmas Tree Lights" . Retrieved 2015-04-10.
  14. "National Park Foundation Partners With Google's Made With Code On The 2014 National Christmas Tree Lighting" . Retrieved 2015-04-11.
  15. "Learn to code by doing | Code School". Code School. Retrieved 2017-03-08.
  16. "We've Partnered With Google to Support Women & Minorities—Here's Why – Code School Blog" . Retrieved 2015-04-10.
  17. "Google to pay for women, minorities in tech to learn more code – CNET". CNET. Retrieved 2015-04-11.