Reflection

Challenge:

Currently I am a second-year engineering student in Information Technology field.  So, I am aspiring to be a professional web developer in the coming future and I  am learning to create and design web pages to improve my learning experience.  As I am learning, I come across a lot of web pages which I try to code. But coding  requires pre-planning as to how the web page will look and what all features and  options it will contain and code accordingly.

Selection:

To tackle this problem, I chose to take help of two design thinking tools. Those  are: Visualization and Mind Mapping. These two design thinking tools greatly  come in handy while solving these types of problems. Like explained in the video  lectures, visualization is important as it gives us a better understanding of the  situation and helps enhance the creativity and motivation to solve that problem.

Application:

Visualization and Mind Mapping were best suited tools. Here is how I used these  in my coding experience to ease the problem:

1)Visualization: I used the blackboard and made a rough sketch of how the site  would look after execution of the code using different colors for different  sections. I also marked the parameters and other stuff like margin, padding etc.  This made the picture clearer and made it easy to code the page part by part.

2)Mind Mapping: Mind Mapping was used by me to break down the problem  statement into smaller parts as coding for small-small parts is much better than  coding the page all at once. It also helped me to create subparts of each section  which were then completed without any difficulty.

Insight:

By using these two tools, each component and structure could be understood  easily and was made clear. By breaking down the code using design thinking tools,  it gave a deeper understanding of the syntax and relations between HTML tags  and CSS targets. It also enhanced my creativity and I could easily add new

features to the pages. It made the coding part much more interesting and fun to  work on.

Approach:

Using these same tools, I would further like to change my approach to new  problems by making flowcharts and highlight different ideas in different colored  region according to their priority of importance. For eg: most important tasks to  be highlighted in red, moderate difficulty tasks to be kept in green region and  easy to do tasks to be highlighted with yellow and flow of the program to be  marked with blue. This will help me easily recognize the structure of the program  without even actually reading it and understanding it just by looking at the color  of the region they are kept in. I would club Mind Mapping and visualization to  create the ideal design of program flow.


Reflection Challenge : Currently I am a second - year engineering student in Information Technology field . So , I am aspiring to be a professional web developer in the coming future and I am learning to create and design web pages to improve my learning experience . As I am learning , I come across a lot of web pages which I try to code . But coding requires pre - planning as to how the web page will look and what all features and options it will contain and code accordingly . Selection : To tackle this problem , I chose to take help of two design thinking tools . Those are : Visualization and Mind Mapping . These two design thinking tools greatly come in handy while solving these types of problems . Like explained in the video lectures , visualization is important as it gives us a better understanding of the situation and helps enhance the creativity and motivation to solve that problem . Application : Visualization and Mind Mapping were best suited tools . Here is how I used these in my coding experience to ease the problem : 1)Visualization : I used the blackboard and made a rough sketch of how the site would look after execution of the code using different colors for different sections . I also marked the parameters and other stuff like margin , padding etc . This made the picture clearer and made it easy to code the page part by part . 2)Mind Mapping : Mind Mapping was used by me to break down the problem statement into smaller parts as coding for small - small parts is much better than coding the page all at once . It also helped me to create subparts of each section which were then completed without any difficulty . Insight : By using these two tools , each component and structure could be understood easily and was made clear . By breaking down the code using design thinking tools , it gave a deeper understanding of the syntax and relations between HTML tags and CSS targets . It also enhanced my creativity and I could easily add new features to the pages . It made the coding part much more interesting and fun to work on . Approach : Using these same tools , I would further like to change my approach to new problems by making flowcharts and highlight different ideas in different colored region according to their priority of importance . For eg : most important tasks to be highlighted in red , moderate difficulty tasks to be kept in green region and easy to do tasks to be highlighted with yellow and flow of the program to be marked with blue . This will help me easily recognize the structure of the program without even actually reading it and understanding it just by looking at the color of the region they are kept in . I would club Mind Mapping and visualization to create the ideal design of program flow .