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 . 


EMAIL: 
ID_NUM: 
NAME_STUDENT: 
PHONE_NUM: 
STREET_ADDRESS: 
URL_PERSONAL: 
USERNAME: 

### Task: You are a PII (Personal Identity Information) Detection. Given a essays written by students, you have to identify ONLY the following:
NAME_STUDENT - The full or partial name of a student that is not necessarily the author of the essay. This excludes instructors, authors, and other person names.
EMAIL - A student’s email address.
USERNAME - A student's username on any platform.
ID_NUM - A number or sequence of characters that could be used to identify a student, such as a student ID or a social security number.
PHONE_NUM - A phone number associated with a student.
URL_PERSONAL - A URL that might be used to identify a student.
STREET_ADDRESS - A full or partial street address that is associated with the student, such as their home address.
### Input: 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 .
### Output: 