{"id":21154,"date":"2016-06-10T12:22:42","date_gmt":"2016-06-10T16:22:42","guid":{"rendered":"https:\/\/design.ncsu.edu\/designlife\/?p=2764"},"modified":"2016-06-10T12:22:42","modified_gmt":"2016-06-10T16:22:42","slug":"art-of-coding","status":"publish","type":"post","link":"https:\/\/design.ncsu.edu\/architecture\/2016\/06\/10\/art-of-coding\/","title":{"rendered":"The Art of Coding"},"content":{"rendered":"<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4497\" src=\"https:\/\/design.ncsu.edu\/wp-content\/uploads\/2016\/06\/Payod.jpg\" alt=\"Payod\" width=\"800\" height=\"450\" \/><\/p>\n<p>Payod Panda [\u201916 MGD] spends a lot of time thinking about the synthesis of engineering and graphic design\u2014after all, he holds a degree in mechanical engineering from the National Institute of Technology Calicut in India (2013) and recently completed his master\u2019s in graphic design at NC State.<\/p>\n<p>\u201cEngineering and design have a lot in common. The people who go for these disciplines think differently, but engineering is design, except a designer thinks about the aesthetics and engineers think about the function,\u201d he says.<\/p>\n<p>He has always been intrigued by how these two fields overlap and maintain differences\u2014and just about anything in between. \u201cWhen I was in high school I was really into art and coding. I was interested in too many things. I love mathematics, programming, art, and am curious about everything.\u201d This led him to the College of Design for graphic design. \u201cRight now, I feel like I\u2019m actually using many of my loves, which I was not able to do in engineering.\u201d<\/p>\n<p>While a student, Panda worked for the NCSU Libraries as a designer and a Code + Art Program Assistant, which he loved. \u201cIt was a great experience working with the <a href=\"http:\/\/www.lib.ncsu.edu\/reports\/visualizing-library-data\">Digital Library Initiatives (DLI)<\/a>. This opportunity exposed me to people from other departments, students, professors, and people working in various NCSU divisions such as <a href=\"https:\/\/delta.ncsu.edu\/portfolio\/\">DELTA (Distance Education and Learning Technology Applications)<\/a>.\u201d In this role, he was responsible for working with content for the various digital walls located in the James B. Hunt Jr. Library and working on the direction and support for the inaugural Code + Art Student Visualization Contests (2015).<\/p>\n<p>The <a href=\"https:\/\/www.lib.ncsu.edu\/codeart\">Code + Art Student Visualization Contest<\/a> through the libraries is intended to encourage students to create large-scale, data-driven \u201cgenerative art\u201d for the twenty-foot wide display wall at the entrance to the Hunt Library and for the large curved screen in the iPearl Immersion Theater. Panda was instrumental in developing guidelines and working with contestants, and was also a judge in the 2016 competition.<\/p>\n<p>\u201cThis was also one of the reasons I got interested in my thesis topic,\u201d Panda says.<\/p>\n<p>\u201cI was interested in developing a tool based on teaching designers to understand the basics of coding. In the 2015 Code + Art competition, we only saw computer science students submit content, and absolutely no participation from the College of Design. I learned how important it is for a designer to have at least a basic understanding of how stuff works when working with a computer scientist,\u201d said Panda.<\/p>\n<p>For his thesis, Panda decided to bridge his interests and develop a set of visualizations to serve as a learning tool to help designers understand programming. This Three-Dimensional Visual Program Language (3D VPL) is intended to help designers expand their existing toolset to allow them to design for future applications of technology. Through research and hands-on experimentations, Panda was able to determine that standard syntax-based instruction was not an effective way for designers to learn. As visual thinkers, design students are more comfortable working \u2018within\u2019 the space rather than a text-only environment. This perception, he says, is one of the fundamental differences between a designer and an engineer.<\/p>\n<p>Panda believes his project will \u201clower the barrier of entry to programming for designers and visual thinkers.\u201d His 3D VPL introduces college-level design students to programming. While serving as a teaching assistant (TA) for Associate Professor of Graphic Design Dr. Derek Ham\u2019s introductory programming class for designers, Panda observed students tasked with learning programming. He realized his project would allow students to manipulate code blocks in three-dimensional space to build simple applications. His TAship provided observational research and discovery for his thesis. \u201cDuring classroom activities, a visual approach to explaining programming concepts was met with a better response than a text-based or oral approach,\u201d Panda states. He saw this as support for his theory that designers learn better through visual connections.<\/p>\n<p>Ham served as Panda\u2019s chair for his thesis project and has been an influential supporter and mentor. \u201cDr. Derek is great. He is interested in how people such as programmers and designers think differently. He really wants to expand the idea of design thinking and coding and make it available to everyone,\u201d Panda states. \u201cHis thesis was actually similar to mine, and I was thrilled to have him on my committee.\u201d<\/p>\n<p>Panda\u2019s thesis project is intended to be a supplemental tool so design students can learn to concept and empower their ways of thinking and what Panda refers to as \u201callowing them to think for themselves.\u201d His visualization of programming constructs covers the basics of programming language such as variables, looping structures, condition statements, and condition loops in a way that allows participants to build upon each lesson.<\/p>\n<p>Programming constructs are like the building blocks of coding. When you are writing a program, there are various ways to control the flow, which is simply a string of statements that are in a specific sequence or order. \u201cEngineers think in perfection, designers don\u2019t think in perfection,\u201d he continues, \u201cwe [as designers] talk about slow and fast, not two and 10, like an engineer. Engineers and designers don\u2019t think alike, and I\u2019m trying to bridge the gap of the thinking process between them.\u201d For an engineer, the timing of something is discussed in terms of growing at .1 meter second per square to represent how something is moving or growing in more than one direction. Panda doesn\u2019t believe that these things have to make sense to a designer, and it\u2019s the syntax of the coding language that discourages or holds back a designer.<\/p>\n<p>\u201cIt is really important for designers to start thinking about coding because as technology and mediums are being introduced, it is critical for designers to \u2018design\u2019 these tools and applications. In order for this to happen, they need to understand them. Designers need to pave the way to show the world that this new medium can be used to improve the experience\u2014if we leave it to engineers or coders, there will just be a lot of windows and non-user experience interests. We need designers to lead the conversation rather than sit back and present mock-ups\u2014to lead the new media in the right direction.\u201d<\/p>\n","protected":false,"raw":"<p style=\"text-align: center\"><img class=\"alignnone size-full wp-image-4497\" src=\"https:\/\/design.ncsu.edu\/wp-content\/uploads\/2016\/06\/Payod.jpg\" alt=\"Payod\" width=\"800\" height=\"450\" \/><\/p>\nPayod Panda [\u201916 MGD] spends a lot of time thinking about the synthesis of engineering and graphic design\u2014after all, he holds a degree in mechanical engineering from the National Institute of Technology Calicut in India (2013) and recently completed his master\u2019s in graphic design at NC State.\n\n\u201cEngineering and design have a lot in common. The people who go for these disciplines think differently, but engineering is design, except a designer thinks about the aesthetics and engineers think about the function,\u201d he says.\n\nHe has always been intrigued by how these two fields overlap and maintain differences\u2014and just about anything in between. \u201cWhen I was in high school I was really into art and coding. I was interested in too many things. I love mathematics, programming, art, and am curious about everything.\u201d This led him to the College of Design for graphic design. \u201cRight now, I feel like I\u2019m actually using many of my loves, which I was not able to do in engineering.\u201d\n\nWhile a student, Panda worked for the NCSU Libraries as a designer and a Code + Art Program Assistant, which he loved. \u201cIt was a great experience working with the <a href=\"http:\/\/www.lib.ncsu.edu\/reports\/visualizing-library-data\">Digital Library Initiatives (DLI)<\/a>. This opportunity exposed me to people from other departments, students, professors, and people working in various NCSU divisions such as <a href=\"https:\/\/delta.ncsu.edu\/portfolio\/\">DELTA (Distance Education and Learning Technology Applications)<\/a>.\u201d In this role, he was responsible for working with content for the various digital walls located in the James B. Hunt Jr. Library and working on the direction and support for the inaugural Code + Art Student Visualization Contests (2015).\n\nThe <a href=\"https:\/\/www.lib.ncsu.edu\/codeart\">Code + Art Student Visualization Contest<\/a> through the libraries is intended to encourage students to create large-scale, data-driven \u201cgenerative art\u201d for the twenty-foot wide display wall at the entrance to the Hunt Library and for the large curved screen in the iPearl Immersion Theater. Panda was instrumental in developing guidelines and working with contestants, and was also a judge in the 2016 competition.\n\n\u201cThis was also one of the reasons I got interested in my thesis topic,\u201d Panda says.\n\n\u201cI was interested in developing a tool based on teaching designers to understand the basics of coding. In the 2015 Code + Art competition, we only saw computer science students submit content, and absolutely no participation from the College of Design. I learned how important it is for a designer to have at least a basic understanding of how stuff works when working with a computer scientist,\u201d said Panda.\n\nFor his thesis, Panda decided to bridge his interests and develop a set of visualizations to serve as a learning tool to help designers understand programming. This Three-Dimensional Visual Program Language (3D VPL) is intended to help designers expand their existing toolset to allow them to design for future applications of technology. Through research and hands-on experimentations, Panda was able to determine that standard syntax-based instruction was not an effective way for designers to learn. As visual thinkers, design students are more comfortable working \u2018within\u2019 the space rather than a text-only environment. This perception, he says, is one of the fundamental differences between a designer and an engineer.\n\nPanda believes his project will \u201clower the barrier of entry to programming for designers and visual thinkers.\u201d His 3D VPL introduces college-level design students to programming. While serving as a teaching assistant (TA) for Associate Professor of Graphic Design Dr. Derek Ham\u2019s introductory programming class for designers, Panda observed students tasked with learning programming. He realized his project would allow students to manipulate code blocks in three-dimensional space to build simple applications. His TAship provided observational research and discovery for his thesis. \u201cDuring classroom activities, a visual approach to explaining programming concepts was met with a better response than a text-based or oral approach,\u201d Panda states. He saw this as support for his theory that designers learn better through visual connections.\n\nHam served as Panda\u2019s chair for his thesis project and has been an influential supporter and mentor. \u201cDr. Derek is great. He is interested in how people such as programmers and designers think differently. He really wants to expand the idea of design thinking and coding and make it available to everyone,\u201d Panda states. \u201cHis thesis was actually similar to mine, and I was thrilled to have him on my committee.\u201d\n\nPanda\u2019s thesis project is intended to be a supplemental tool so design students can learn to concept and empower their ways of thinking and what Panda refers to as \u201callowing them to think for themselves.\u201d His visualization of programming constructs covers the basics of programming language such as variables, looping structures, condition statements, and condition loops in a way that allows participants to build upon each lesson.\n\nProgramming constructs are like the building blocks of coding. When you are writing a program, there are various ways to control the flow, which is simply a string of statements that are in a specific sequence or order. \u201cEngineers think in perfection, designers don\u2019t think in perfection,\u201d he continues, \u201cwe [as designers] talk about slow and fast, not two and 10, like an engineer. Engineers and designers don\u2019t think alike, and I\u2019m trying to bridge the gap of the thinking process between them.\u201d For an engineer, the timing of something is discussed in terms of growing at .1 meter second per square to represent how something is moving or growing in more than one direction. Panda doesn\u2019t believe that these things have to make sense to a designer, and it\u2019s the syntax of the coding language that discourages or holds back a designer.\n\n\u201cIt is really important for designers to start thinking about coding because as technology and mediums are being introduced, it is critical for designers to \u2018design\u2019 these tools and applications. In order for this to happen, they need to understand them. Designers need to pave the way to show the world that this new medium can be used to improve the experience\u2014if we leave it to engineers or coders, there will just be a lot of windows and non-user experience interests. We need designers to lead the conversation rather than sit back and present mock-ups\u2014to lead the new media in the right direction.\u201d"},"excerpt":{"rendered":"<p>Graphic Designers are learning more about coding and programming languages. As designers, it is important for them to understand the basic coding principals in order to lead the design process.<\/p>\n","protected":false},"author":13,"featured_media":4497,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"source":"","ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"","ncst_dynamicHeaderData":"","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","footnotes":""},"categories":[4,1],"tags":[15],"class_list":["post-21154","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-alumni-experience","category-uncategorized","tag-graphic-design"],"displayCategory":null,"acf":{"ncst_posts_meta_modified_date":null},"_links":{"self":[{"href":"https:\/\/design.ncsu.edu\/architecture\/wp-json\/wp\/v2\/posts\/21154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/design.ncsu.edu\/architecture\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/design.ncsu.edu\/architecture\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/design.ncsu.edu\/architecture\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/design.ncsu.edu\/architecture\/wp-json\/wp\/v2\/comments?post=21154"}],"version-history":[{"count":0,"href":"https:\/\/design.ncsu.edu\/architecture\/wp-json\/wp\/v2\/posts\/21154\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/design.ncsu.edu\/architecture\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/design.ncsu.edu\/architecture\/wp-json\/wp\/v2\/media?parent=21154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/design.ncsu.edu\/architecture\/wp-json\/wp\/v2\/categories?post=21154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/design.ncsu.edu\/architecture\/wp-json\/wp\/v2\/tags?post=21154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}