CERTIFICATE i ACKNOWLEDGEMENT I, Chirag express my deep gratitude to Rev. Fr Wilfred Prakash D'Souza, Director, Rev. Fr Kenneth Rayner Crasta, Assistant Director, our respected Principal, Dr Rio D'Souza and the Management of St Joseph Engineering College, Vamanjoor, Mangaluru for providing us an opportunity to undergo corporate internship. I am grateful to Dr Shreenath Acharya, Head of the Department, Intelligent Computing and Business Systems, for issuing the letter of recommendation, which helped me secure the internship at the company. I am indebted to GlowTouch Technologies Mangaluru for providing me the opportunity to undergo internship at the company and for providing with the internship letter. I wish to express my sincere gratitude to my industry guide, Mr. Ashutosh Nema, Senior Engineer - Application development, GlowTouch for his valuable help and support and guiding us through the successful completion of the internship. I would like to offer my earnest gratitude to my mentor Mr. Davor John D’souza, Assistant Professor, Intelligent Computing and Business Systems and the Summer Internship-II Coordinator, Computer Science and Engineering Department of SJEC, Mangaluru. This work would not have been possible without their guidance and support. ii TABLE OF CONTENTS CERTIFICATE............................................................................................................................ i ACKNOWLEDGEMENT .........................................................................................................ii TABLE OF CONTENTS ......................................................................................................... iii 1. ABSTRACT ....................................................................................................................... 1 2. DETAILS OF INTERNSHIP UNDERGONE .................................................................... 2 2.1 Introduction ................................................................................................................. 2 2.1.1 Brief description of the company .............................................................................. 2 2.1.2 Overview of the company operations .................................................................. 3 2.1.3 Objectives of the internship ................................................................................. 3 2.2 WEEKLY OBSERVATIONS AND LEARNINGS ..................................................... 4 2.2.1 Week 1: Initial Impressions and Observations ..................................................... 4 2.2.2 Week 2: Leanings of Week 2 ............................................................................... 6 2.2.3 Week 3: Learnings of Week 3 ............................................................................ 10 2.2.4 Final week and Wrap-up .................................................................................... 13 2.2 SKILLS ACQUIRED AND PERSONAL DEVELOPMENT .................................. 16 2.3.1 Technical skills acquired during the internship ................................................. 16 2.3.2 Soft skills developed during the internship ........................................................ 16 2.3.3 Contribution to personal and professional growth ............................................. 16 3 CONCLUSION ................................................................................................................ 18 4 REFERENCE ................................................................................................................... 19 iii 1. ABSTRACT This report encapsulates a transformative one-month internship experience at Glowtouch technologies, Mangalore, within the dynamic realm of web development. The internship provided a hands-on opportunity to delve into real-world projects, contributing to the enhancement of technical skills and an in-depth understanding of industry practices. The report reflects on the professional and personal growth attained during this period, emphasising the development of adaptability, effective communication in a technical setting, and the application of problem-solving skills unique to the field of web development. Professionally, the report outlines the exposure gained to industry workflows, project management practices, and collaboration within a web development team. It explores the application of technical knowledge to overcome challenges, providing insights into the complexities of web development projects. On a personal level, the report delves into the adaptability fostered through exposure to diverse technologies, as well as the development of effective communication skills crucial for collaboration in a professional setting. The report also highlights the internship's contribution to increased confidence, a deeper understanding of workplace culture, and the establishment of a professional network. As the narrative unfolds, the report concludes with reflections on the overall impact of the internship, expressing gratitude to the Glowtouch team for their guidance and mentorship. The experiences documented in this report serve as a foundation for future endeavours in the field of web development, promising a continued journey of growth, learning, and contributions to the ever-evolving landscape of web technologies. 1 2. DETAILS OF INTERNSHIP UNDERGONE 2.1 Introduction During my second Summer Internship, I worked at Glowtouch Technologies, formly known as Diya Systems, near Kings Park Layout, Bolpugudde, Kavoor Post, Mangalore. My focus during the internship was on web development, and I teamed up with two friends from my class and one from Computer Science and Engineering branch of our college. Guided by Mr. Ashutosh Nema, a Senior Engineer in Application Development at Glowtouch, we formed a team to design and develop a full-stack web application. Our project, named ‘SmartStitch’, aimed to create a platform catering to the needs of tailors and their clients. 2.1.1 Brief description of the company GlowTouch (Figure 2.1 (Glowtouch LLC, n.d.)) was established in 2002 with an idea – that Putting People First would be the cornerstone for building a business that did well while doing good. This philosophy is interwoven into how they conduct business with clients, how they interact with the end-users whom clients entrust to their care, and how they manage their associates. From an enthusiastic trio at the founding, they have grown into a global enterprise with multiple locations by delivering on that commitment. Figure 2.1 Glowtouch logo They understood the value of the ‘customer experience’ before it became a buzzword. Every interaction their contact centre agents have is an opportunity to make an impression and uphold a client’s brand. Whether the issue is tech support, a product question, or a sales opportunity, they remember that on the other end of the call, chat, or email is a human being who wants an answer or a solution. That’s it. Done right, service and support are vital to customer retention. Done at an even higher level, they become revenue streams rather than cost centres. When clients choose them as their outsourcing provider, the implicit understanding is that they will treat their customers as if they are their customers. Because they essentially are. When end-users reach a contact centre, they don’t ask if support is done in-house or by a third-party. In their minds, the agent represents the brand, and how that agent handles the interaction may well determine if the customer remains a customer and if the relationship is deepened. 2 2.1.2 Overview of the company operations The mission of the organization revolves around three key initiatives centered on people. Firstly, their commitment is to cultivate long-lasting partnerships by consistently delivering services that actively contribute to the growth and success of their clients. This reflects a dedication to not only meeting client needs but also to positively impacting their clients' ongoing development. Secondly, the organization strives to foster an employee-friendly environment. This means promoting open communication, encouraging employee involvement, empowering individuals within the workforce, and recognizing excellence. By prioritizing these aspects, the company aims to create a workplace that values collaboration, innovation, and the well-being of its employees. Lastly, the organization aspires to build a successful company that goes beyond just business success. They aim to make a positive impact on the communities in which they operate. This commitment reflects a broader vision of corporate social responsibility, emphasizing the importance of contributing positively to the social fabric and well-being of the local communities. In essence, their mission is not just about business growth but also about creating a holistic and positive influence on both clients and the wider community. 2.1.3 Objectives of the internship The internship primarily aimed to accomplish the following objectives: • Gain exposure to the corporate environment. • Enhance our understanding of web development. • Acquire the necessary technical skills for a professional setting. • Cultivate soft skills and work ethics essential for a successful career. • Evaluate our teamwork abilities. • Simulate the completion of assigned tasks within specified deadlines. • Assess our ability to tackle and overcome challenges. 3 2.2 WEEKLY OBSERVATIONS AND LEARNINGS 2.2.1 Week 1: Initial Impressions and Observations Initiation and Induction: In the inaugural week at Glowtouch, our journey began with a mix of administrative formalities and the excitement of initiating a substantial project. We undertook the imperative but routine task of completing administrative requirements, which included the submission of a college recommendation letter on the very first day. This marked our official induction into the company. Alongside these administrative tasks, we received a comprehensive briefing about the internship, delving into the company's expectations and dynamics. The issuance of company ID cards added a tangible and symbolic sense of belonging and identity within the organization, setting a positive tone for the weeks to come. Strategic Meeting with Industry Guide: The momentum gained on the first day carried us into a crucial strategic meeting with our assigned industry guide, Mr. Ashutosh Nema, a seasoned Senior Engineer at Glowtouch. This meeting proved pivotal in defining the trajectory of our internship. Mr. Ashutosh Nema not only acquainted us with the intricacies of our roles but also granted us the liberty to choose our project, marking a significant shift from being mere recipients of tasks to becoming architects of our own learning. The meeting concluded with a directive to prepare an abstract, laying the foundation for the subsequent days of project planning and development. Project Selection and 'SmartStitch' Inception: The third day of our internship was characterized by a collective decision-making process as we delved into choosing the theme for our project. After thoughtful deliberation, we unanimously settled on the creation of 'SmartStitch,' a comprehensive website catering to the diverse tailoring needs of the public. This decision was more than just about selecting a project; it was a commitment to conceptualizing and developing a solution that could have a meaningful impact. This marked a significant milestone as we delved into preparing a detailed abstract for our ambitious undertaking, setting the stage for the upcoming phases of our project. Briefing and Commencement of Work: With the approval of our project idea by our guide, the practical initiation of our work followed. A meeting with Mr. Ashutosh Nema to brief him on the project's details reinforced our chosen 4 direction. His expert insights, particularly the suggestion to incorporate data analysis alongside web development, added a layer of sophistication to our project. This resonated well with our aspirations to create a website that transcended mere aesthetics and addressed deeper analytical aspects. Buoyed by this encouragement, we began laying the foundational framework of our project, starting with the front-end using HTML. Continuation of Front-End Development: The week concluded with an immersive coding session after we created a basic flowchart for navigation. We continued with the front-end development of 'SmartStitch,' focusing on creating a visually appealing interface. The completion of the sign-up and sign-in pages marked tangible progress. Implementation of CSS added a layer of sophistication to these pages, bringing our vision to life. Visual representations in the form of screenshots not only documented our progress but also served as tangible evidence of the skills acquired and applied in a real-world setting. This transformative first week set the stage for an engaging and hands-on internship journey, blending administrative groundwork with strategic planning and practical coding endeavors. The combination of administrative tasks, strategic decision-making, and hands-on coding created a dynamic and enriching start to our internship experience. Figure 2.2 Flow chart 5 Figure 2.4 Sign In page Figure 2.3 Sign Up page 2.2.2 Week 2: Leanings of Week 2 In the second week of our internship, our attention shifted towards making our tailoring website more impressive. Specifically, we aimed to enhance the front part of the website that users interact with. Our goal was to create a positive user experience, so we focused on improving key pages like Landing, Home, Shirt Details, and Pant Details. To achieve this, we delved into the intricate details of using CSS (Cascading Style Sheets), a styling language for web design, ensuring that the website not only looks visually appealing but also provides an easy and userfriendly layout for seamless navigation. This phase marked a significant step forward in refining the website's appearance and functionality. Figure 2.6 Home page Figure 2.5 Landing page 6 Figure 2.7 Shirts page Figure 2.8 Pants page Enriching User Interface: In the next part of our internship, we focused on making important pages like About Us, Client Details, and Measurements look really good. Our main goal was to create a design that fits well together and looks nice. By the end of the day, we successfully finished what we planned, taking a big step forward in making the website look and feel great for users. Figure 2.10 Personal details Figure 2.9 About us page Figure 2.11 Measurement page Figure 2.12 Order details 7 Initiating Back-end Architecture: We transitioned to back-end development, creating a 'tailor' database in phpMyAdmin and configuring essential tables. This foundational work ensures seamless coordination between the user interface and website functionality. Tasks included designing a relational schema and ER diagram for effective data organization. This marks a pivotal step towards a well-integrated and efficient website. Our practical steps are guiding us towards a holistic approach to project development. Figure 2.13 ER diagram Figure 2.14 Schema diagram Empowering Back-end Functionality: Returning to back-end tasks, we initiated PHP coding with a focus on MySQL queries. The backend implementation for the sign-up and sign-in pages was successfully completed, introducing interactive functionality to our website and enhancing the overall user experience. 8 Figure 2.15 tables in phpmyadmin Fulfilling Back-end Potential: We worked on finishing the behind-the-scenes part of our website, known as back-end implementation. Our main focus was on making the profile page work smoothly. This section is essential because it allows users to both see and change their stored information, making the website more user-friendly. This week, we successfully combined the good looks of the front part of the website with the strong working of the back part. These achievements show not only our technical skills but also our dedication to creating a fancy and easy-to-use website. As we keep connecting the design with how things work, the next steps will make our vision for the website even clearer. 9 2.2.3 Week 3: Learnings of Week 3 Expanding Back-end Functionality: We went back to working on the behind-the-scenes part of the website. Our main job was to write strong code for the back-end to handle data efficiently. At the end of the day, we successfully made the back-end for the orders page work. Now, clients can easily place orders for pants and shirts. We also added a login page for tailors, allowing them to access the database of all clients. Figure 2.17 Database for tailors Figure 2.16 Place order page Ensuring Responsiveness: In the recent phase of our project, we achieved a significant milestone by focusing on making the website responsive, which essentially means ensuring that it looks good and functions well across a variety of devices. The main aim was to enhance the user experience, especially on mobile devices. We initiated the process of making different pages responsive, giving special attention to improving how the site appears and works on smaller screens, such as those on mobile phones. Notably, we successfully implemented responsiveness for key pages like About Us and Admin, ensuring they function seamlessly and appear visually appealing even on smaller screens. This effort is aimed at providing a user-friendly experience across diverse devices, making the website easily accessible to a broader audience. 10 Figure 2.18 Responsive About us page Figure 2.19 Responsive shirts page Figure 2.20 Responsive Admin page Advancing Responsiveness: In our ongoing effort to improve, we made sure our website looks good and works well on computers, tablets, and phones. We paid special attention to fine-tune the Personal Details page and the menu, ensuring they are super easy to use. Whether you're on a computer, tablet, or phone, we've optimized our website for a seamless and enjoyable experience. We're all about making your time exploring our site as smooth as possible. Figure 2.21 Responsive personal details Figure 2.22 Responsive header 11 Figure 2.23 Responsive measurement page Crafting Visual Appeal: We turned our attention to making the website look even better. Our task was to add some animated flair to the welcome page and home page, making the whole platform more attractive. Recognizing the importance of captivating design for keeping users interested, we successfully created and added animated features to the desktop versions. Figure 2.24 Animated Landing Page (Desktop) Figure 2.25 Animated Home Page (Desktop) Extending Animation Responsiveness: We worked to make the animated features look great not just on computers but also on phones and tablets. We know people use websites in different ways, so we made sure the cool animations we added on the welcome and home pages work smoothly on mobile devices. Now, whether you're on a computer or using your phone, the website will still look visually stunning and fun to use. Figure 2.26 Animated Landing Page (Mobile) Figure 2.27 Animated Home Page (Mobile) 12 Our accomplishments this week show that we're working on the whole picture of developing the website – not just making it work well but also making it look good. We did things like improving how the behind-the-scenes part of the website works, making sure it looks great on different devices, and adding cool animations. Our project is turning into a fancy and userfriendly platform. As we keep going, all these parts will come together to give you a smooth and enjoyable experience on the website. 2.2.4 Final week and Wrap-up Enhancing Website Security: We put a strong emphasis on making our website more secure. We set up strict rules so that only authorized users can access certain pages. To protect sensitive information like passwords, we used powerful encryption methods. The admin login page also went through the same encryption process to keep important data safe from potential cyber threats. Figure 2.28 Password hashing Figure 2.29 Access control Bug Rectification and Refinement: Our main goal was to fix any issues and make sure the website works smoothly for users. Our team carefully found and fixed different problems that popped up while we were building the website. By doing thorough testing and keeping track of any issues, we made sure the website is now free of bugs. This makes the website stronger and more reliable for everyone to use. Website Hosting and Deployment: We reached an important achievement by successfully putting our website online, making it accessible to people worldwide. We used a free hosting service called 000WebHostApp to make our tailor database live on the web. Our data is stored using PhpMyAdmin, and you can find our website at www.smartstitchh.000webhostapp.com. Also, we shared our project files on a website called GitHub, and you https://github.com/AkashAcharya03/tailor-database.git. 13 can check them out at Figure 2.30 QR code of website Post-Hosting Bug Rectification: After hosting our website, we shifted our attention to fixing any remaining bugs that appeared during the move from local to online hosting. Understanding the differences between these two hosting environments, we carefully examined the code. By dealing with certain code-related problems, we made sure our website works smoothly on its online platform. Final Project Demonstration: Wrapping up our internship, we showcased our finished project to our industry mentor. The presentation earned positive feedback, with our mentor praising our hard work and the quality of our project. Encouraged by this appreciation, our mentor suggested the possibility of further development and even releasing the project to the market. Internship Closure and Certification: As our internship came to a close, we received certificates recognizing our successful completion. This formal closure marked the end of a rewarding experience, validating the efforts and lessons learned during the internship. The conclusion of this journey signifies more than just finishing a project; it represents the valuable experience we gained. As we say goodbye to this phase, we take with us a wealth of knowledge, skills, and a sense of accomplishment, establishing a strong foundation for our future endeavors. Key Learnings: • Learned practical skills in building both front-end and back-end, getting a better grasp of the entire development process. • Gained insights into how projects are managed, from planning to execution and successful delivery. • Figured out how to meet deadlines and deliver good work while collaborating with a team. 14 • Developed problem-solving skills for web development challenges, like fixing bugs, optimizing, and handling compatibility problems. • Learned to troubleshoot and fix problems quickly to keep projects running smoothly. • Improved how to communicate in technical settings, explaining ideas clearly to both technical and non-technical team members. • Developed personal qualities like adaptability, resilience, and a proactive approach to learning. • Gained confidence working in a professional environment, contributing effectively to projects and tasks. Internship Experience: • Improved my tech skills, especially in front-end development and working collaboratively. • Managed entire projects, sharpening my project management abilities. • Understood how to match technical solutions with what clients really need. • Got better at adapting and solving coding challenges. • Focused on coding ethically, especially when it comes to user data security. • Learned how important it is to create websites that work for everyone. • Figured out how websites get online, deployed, and how to fix issues after. • Used feedback to keep getting better at my work. Overall Reflections: The internship was an amazing journey that took me deep into the world of web development. Each day was a new opportunity to learn, whether it was improving my technical skills, solving problems with others, or understanding how projects are managed. I discovered the dynamic relationship between technology and business, especially in making sure our solutions matched what our clients needed. Beyond just coding, I gained insights into the ethical side of security and the importance of designing websites that are easy for everyone to use. Going through the entire process of a project, from the beginning to putting it online, taught me a lot about how web development works. Looking back, I not only see growth in my technical skills but also the development of a professional mindset that will guide me in the exciting and ever-changing world of web development. 15 2.2 SKILLS ACQUIRED AND PERSONAL DEVELOPMENT 2.3.1 Technical skills acquired during the internship • Enhanced knowledge in HTML through tutorials ("HTML Tutorial", "Learn HTML Tutorial - javatpoint"). • Learned web designing using CSS through a tutorial ("CSS Tutorial"). • Implemented JavaScript to perform various actions ("JavaScript Tutorial"). • Acquired proficiency in MySQL queries ("SQL Tutorial"). • Executed the creation and insertion of values into tables in phpMyAdmin. • Learned the PHP programming language through tutorials ("PHP Tutorial", Achour et al. 1997). • Acquired the skill of connecting MySQL database to PHP code. • Learned how to retrieve values from HTML forms and use them in PHP code. • Stored retrieved values into the database using MySQL queries. • Retrieved data stored in the database into the front-end. • Updated data stored in the database using MySQL queries. • Enhanced the security of the website. • Gained experience in online web hosting using 000webhost. 2.3.2 Soft skills developed during the internship • Learned how to act professionally in a corporate setting. • Improved communication skills with colleagues and mentor. • Expanded English vocabulary through daily interactions. • Cultivated strong work ethics at the workplace. • Developed teamwork and collaboration skills. • Became proficient in meeting given deadlines. • Enhanced problem-solving abilities by tackling daily challenges with a clear mind. 2.3.3 Contribution to personal and professional growth Personal Growth: • Adaptability to Technologies: The web development field evolves rapidly, and adapting to new technologies is essential. This internship exposed us to the latest trends and practices, fostering adaptability. 16 • Communication in a Technical Setting: Collaborating with colleagues improved our ability to communicate technical concepts clearly, a valuable skill in the web development industry. • Increased Confidence in our Skills: Successfully completing tasks and projects during our internship boosted our confidence in our abilities as web developers. • Understanding Work Culture: Understanding and navigating the work culture contributed to our personal growth and adaptability in future work environments. • Career Direction: Through our internship, we have gained a clearer understanding of whether web development is the right career path for us. It also helped us identify specific areas of web development that align with our interests and strengths. • Networking Opportunities: Interactions with professionals at Glowtouch expanded our professional network, providing potential contacts for the future. Professional Growth: • Technical Skills Enhancement: We gained hands-on experience with web development technologies, frameworks, and tools at Glowtouch. This practical exposure boosted our technical proficiency, especially in front-end and back-end development. • Industry Exposure: Our time at Glowtouch dived us deep into the IT services world. We learned how to talk to clients, handle project needs, and make sure everything meets high standards. It really broadened our understanding of how things work in the industry. • Collaboration and Teamwork Insights: Working together is key in web projects. Our internship gave us solid insights into how to collaborate well within our development team and also how to team up with other departments. • Problem-Solving in Web Development: Web projects come with unique challenges. Our experience at Glowtouch likely honed our problem-solving skills specific to web development issues, such as debugging, optimization, and addressing compatibility challenges. • Project Workflow Understanding: Grasping the workflow of web development projects, from conception to deployment, is crucial for professional growth. This experience contributes significantly to our knowledge of project management within the context of web development. 17 3. CONCLUSION In conclusion, my one-month internship at Glowtouch in Mangalore was a big learning experience for me. It helped me grow both personally and professionally, giving me useful skills that will shape my future in web development. At work, I got hands-on experience in web development, learning how things are done in the industry. The lively environment at Glowtouch boosted my technical skills. I also learned how to work well in team, handle real-world challenges, and manage complex web development projects. On a personal level, the internship helped me adapt to new technologies, improved my communication in technical situations, and made me more confident in dealing with tough problems. Understanding how things work at Glowtouch broadened my view and gave me insights into what's expected in the web development industry. Looking back, I'm grateful for the chances to learn and contribute to exciting projects at Glowtouch. The connections I made with experienced professionals and other interns added a lot to my professional network. I want to express my heartfelt thanks to the entire team at Glowtouch for guiding me and creating an environment where learning never stops. Your support and mentorship made a significant impact on my growth during this internship. This experience wasn't just a step in my career; it was a crucial part of my journey to becoming a skilled web developer. I'm excited to use what I've learned in my future work and see what's next. Thank you all for making this internship so valuable. I express my sincere gratitude to my mentor at Glowtouch for their valuable guidance and support throughout my internship. Their expertise and encouragement have played a crucial role in shaping my professional development. I appreciate the opportunities for learning and growth that their mentorship provided. Thank you for being a guiding force in my journey at Glowtouch. 18 4. REFERENCE [1] Achour, Mehdi, Friedhelm Betz, Antony Dovgal, Nuno Lopes, Hannes Magnusson, Georg Richter, Damien Seguy, and Jakub Vrana. 1997. PHP Manual. Edited by Peter Cowburn. N.p.: PHP Documentation Group. [2] “CSS Tutorial.” n.d. W3Schools. Accessed December 3, 2023. https://www.w3schools.com/css/. [3] Draw.io. n.d. draw.io. Accessed December 2, 2023. http://draw.io. [4] Glowtouch LLC. n.d. “GlowTouch logo.” GlowTouch LLC - Crunchbase Company Profile & Funding. [5] “HTML Tutorial.” n.d. W3Schools. Accessed December 3, 2023. 3, 2023. https://www.w3schools.com/html/. [6] “JavaScript Tutorial.” n.d. W3Schools. Accessed December https://www.w3schools.com/js/default.asp. [7] “Learn HTML Tutorial - javatpoint.” n.d. Javatpoint. Accessed December 3, 2023. https://www.javatpoint.com/html-tutorial. [8] phpmyadmin. n.d. phpMyAdmin. Accessed December 2, 2023. 3, 2023. https://www.phpmyadmin.net/. [9] “PHP Tutorial.” n.d. W3Schools. Accessed December https://www.w3schools.com/php/default.asp. [10] “SQL Tutorial.” n.d. W3Schools. Accessed December 3, 2023. https://www.w3schools.com/sql/default.asp. [11] “White Glove Customer Service, Technology and BPO Services.” n.d. GlowTouch. Accessed December 2, 2023. https://www.glowtouch.com/discoverglowtouch/. [12] 000webhost. n.d. Free Web Hosting with PHP, MySQL and cPanel, No Ads. Accessed December 3, 2023. https://in.000webhost.com/. 19 20