lOMoAR cPSD| 25260679 internship report Computer Engineering (Savitribai Phule Pune University) lOMoAR cPSD| 25260679 An INTERNSHIP REPORT On “Web Development” SUBMITTED TO THE SAVITRIBAI PHULE PUNE UNIVERSITY, PUNE IN THE PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE AWARD OF THE DEGREE OF BACHELOR OF ENGINEERING (COMPUTER ENGINEERING) SUBMITTED BY Sandip Rangraov Pawar (Class TE-A & Roll No. 37) DEPARTMENT OF COMPUTER ENGINEERING JSPM’S BHIVARABAI SAWANT INSTITUTE OF TECHNOLOGY & RESEARCH GAT NO:720/1&2, NAGAE ROAD, WAGHOLI, PUNE-412207 SAVITRIBAI PHULE PUNE UNIVERSITY 2021-22 BSIOTR, Department of Computer Engineering 2021-22 lOMoAR cPSD| 25260679 DEPARTMENT OF COMPUTER ENGINEERING 2021-22 Bhivarabai Sawant Institute Of Technology and Research Wagholi Pune CERTIFICATE BY THE GUIDE This is to certify that the contents of this report entitled “Web Development” by Prof. Vaibhav Rewaskar, TE-A Roll No. 37 has submitted to Prof. Vaibhav Rewaskar the Award of Bachelor of Computer engineering (6th Semester) JSPMs Bhivarabai Sawant Institute of Technology and Research, Wagholi, Pune is original Internship work carried out by his under my supervision. This report has not been submitted either partly or fully to any other University or Institute for award of any degree or diploma. Prof. Vaibhav Rewaskar INTRENSHIP- Guide Date: Place: BSIOTR,Pune Prof. G. M. Bhandari H.O.D lOMoAR cPSD| 25260679 internship certificate lOMoAR cPSD| 25260679 DECLARATION I, hereby declare that the work incorporated in this report entitled “Web Development” At Tathastu in partial fulfillment of the requirements for the award of Bachelor of Computer Engineering (6th Semester) is the outcome of original study undertaken by me and it has not been submitted earlier to any other University or Institution for the award of any Degree or Diploma. Pawar Sandip Date: Place: lOMoAR cPSD| 25260679 ACKNOWLEDGEMENT This is a great pleasure and immense satisfaction to express my deepest sense of gratitude and thanks to everyone who has directly or indirectly helped me in completing my Project work successfully. I express my gratitude towards Prof. Vaibhav Rewaskar and Dr. Prof. G. M. Bhandari Head of Department of Computer Engineering, Bhivarabai Sawant Institute of Technology and Research, Wagholi, Pune who guided and encouraged me in completing the Internship work in scheduled time. I would like to thank our principal for allowing us to pursue this internship. Name-Pawar Sandip Roll No.- 37 Class- A lOMoAR cPSD| 25260679 TABLE OF CONTENTS Certificate by Guide Certificate of selection Certificate of Internship by company Declaration Acknowledgement SR. No. Contents 1. Introduction of the topic 2. Profile of the Industry and Company 3. Objectives of Study 4. Scope of Study 5. Research Design and methodology 6. Statistical Tools 7. Findings and Limitations 8. Conclusion and Suggestion lOMoAR cPSD| 25260679 Introduction of the web Development Web programming, also known as web development, is the creation of dynamic web applications. Examples of web applications are social networking sites like Facebook or e-commerce sites like Amazon. A lot of people learn web coding because they want to create the next Facebook or find a job in the industry. But it’s also a good choice if you just want a general introduction to coding, since it’s super easy to get started. No matter whether you’re looking for a career or just want to learn coding, learning how to develop for the web is for you. It’s one of the smartest decisions you will ever make There are two broad divisions of web development – front-end development (also called client-side development) and back-end development (also called server-side development). Frontend development refers to constructing what a user sees when they load a web application – the content, design and how you interact with it. This is done with three codes – HTML, CSS and JavaScript. HTML, short for Hyper Text Markup Language, is a special code for ‘marking up’ text in order to turn it into a web page. Every web page on the net is written in HTML, and it will form the backbone of any web application. CSS, short for Cascading Style Sheets, is a code for setting style rules for the appearance of web pages. CSS handles the cosmetic side of the web. Finally, JavaScript is a scripting language that’s widely used to add functionality and interactivity to web pages Back-end development controls what goes on behind the scenes of a web application. A back-end often uses a database to generate the front-end. Web development is an evolving amalgamation of languages that work in concert to receive, modify, and deliver information between parties using the Internet as a mechanism of delivery. While it is easy to describe conceptually, implementation is accompanied by an overwhelming variety of languages, platforms, templates, frameworks, guidelines, and standards. Navigating a project from concept to completion often requires more than mastery of one or two complementing languages, meaning today’s developers need both breadth, and depth, of knowledge to be effective. This text provides the developer with an understanding of the various elements of web development by focusing on the concepts and fundamentals through the examples within, providing a foundation that allows easier transition to other languages and a better understanding of how to approach their work. The reader will be introduced to topics in a manner that follows most project development methods, from initial conceptualization and design through front end development, backend development, and introducing additional concepts like accessibility and security, while focusing on responsive design techniques. lOMoAR cPSD| 25260679 Each section of the text includes opportunities to practice the material and assess increased knowledge after examining the topics. In the age of digital learning, remote working, and e-commerce, online apps and resources are becoming increasingly popular. The Internet is growing at an astonishing rate as thousands of new websites are born every single day. This has created a surge in demand for talented web developers, who are now highly sought-after in the tech world. If you’re an aspiring web developer with a passion for all things digital, you might be wondering how to get started. You’ll need to learn essential skills like programming, database design, and server administration. You’ll also need some real-life experience in the field. This is where web developer internships come in. lOMoAR cPSD| 25260679 Profile of the Industry and Company Twowaits Technologies lOMoAR cPSD| 25260679 Objectives of Study Planning Before you either decide to spend countless hours working on your new project, it is essential that you have a set of clearly defined objectives. Therefore, you need to ask yourself the following questions: 1. What is the goal of the business website? 2. Who are your target audience? 3. Is the project even feasible? Website Goal Your objectives must be clear if you wish to be successful with your plunge into the world of website development. Begin the process with a muddled mind and the result will be a complete mess and worst of all, this will be apparent to visitors who will dismiss your company as an amateurish organization. We are assuming that you are looking to create a website for the purpose of promoting your business and not as a hobby or for social reasons. Defining your objectives is also necessary if you wish to properly use analytics to analyze your website. For example, a website that specializes in the sale of cars will eventually need to measure how much profit is generated on the site as well as recording email newsletter signups, RSS subscriptions and so on. It is commonly acknowledged that there are four different kinds of business websites so use this information to help you define the objectives. Content Sites: The objective of these websites is to increase the amount of time visitors spend on the site and you will need to lOMoAR cPSD| 25260679 measure page views, length of visit and the amount of subscriptions that have been added or cancelled. Self-Service Sites: These sites are looking to reduce the number of customer enquiries and improve customer satisfaction. These businesses look to measure a reduction in the amount of calls to the customer service centre and a decrease in visitor length. Lead Generation Sites: These sites look to improve the number of newsletter and email subscriptions and measure leads-to-close ratios, time spent on site and of course the amount of rejections and subscriptions. E-Commerce Sites: This is the most popular type of site and it looks to increase profits and sales while reducing marketing expenses. These sites measure sales and cost per visitor, conversion rates and returns. Target Audience You need a clear idea of who your target audience is if you want to make the most of your business website’s potential. Here is a quick guide to determining and understanding your audience: Who Are They? While demographics alone don’t fully explain the motivations and desires of potential buyers, they do make a good starting point. For example, if you sell vintage cars, you will be looking at men from 30–50 years old with a high annual income. Begin with a demographic base and work from there to get inside the minds of prospects. What Do They Need/Want? A good place to begin is by finding out why people look for the products you sell. People who can’t lOMoAR cPSD| 25260679 sleep want a cure for insomnia; overweight people want to be slimmer etc. How Do They Research? You need to learn if your audience reads blogs, listens to podcasts, watches video or subscribes to email newsletters. By gaining an understanding of your target audience’s consumption habits, you won’t waste time on ineffective marketing. How Does Your Product Benefit Them? This is easy to understand but not so simple to communicate. You need to have emotional resonance in your content so find out what pushes the buttons of your prospects and work on creating an appropriate website. Who Do They Trust? Most people have specific experts they trust so find out who they are and try and make a connection with these individuals or groups. Achieve this and this trust is passed on to you and once you have a customer’s trust, the sky is the limit. Is The Project Feasible? It is usually people with little or no experience with online business that create grandiose visions of website development that have no basis in reality. Such individuals have zero concept of how Internet business works nor do they understand the online economy. It is a fact that these ‘big ideas’ require expensive websites that must be designed by professionals; such projects cost thousands of dollars and are beyond the budget of most small businesses. While it is possible to make it big online, it is essential that you start off relatively small and learn the ropes before making any major investment in lOMoAR cPSD| 25260679 website development. If you are a novice, you can create a good quality business website using the free WordPress tool and all its plugins and other features. If you want a complicated, unique and interactive website and have no programming or design knowledge, you will need a professional team and the overall cost will be thousands of dollars. It is also a good idea to analyze the competition’s websites paying special attention to: The keywords they rank for Their website speeds Their estimated traffic If they have a blog, videos and downloads Social media presence The calls to action they use There are a host of tools such as Alexa, PR Checker, Search Metrics, Majestic SEO and Google page speed insights which can be used to analyze the links, ranking and general reputation of any competitors in your niche. Now that we have looked at the planning and organizational side of website development, we will begin in earnest next week by showing you how to choose a domain name and web host. lOMoAR cPSD| 25260679 Scope of Study lOMoAR cPSD| 25260679 There are numerous web developer jobs available in the market for those with the requisite skills. We discussed the trending technologies earlier – it goes without saying that it is essential for developers to master those technologies: IoT, AI, VR, AR, in addition to the latest programming languages, platforms, tools, and so on. If you aspire to be a web development professional, make sure you learn all these skills. Which industries are likely to provide you with a career in web development? Almost every industry uses web development for their business: Manufacturing Retail Entertainment Education Banking and Insurance Advertisement Agencies Supply Chain Hospitality Travel Professionals Even software development, mobile app development, and digital marketing companies have their own websites obviously. lOMoAR cPSD| 25260679 The trends we discussed above, are all likely to continue into the foreseeable future, that is for certain. Out of those, most experts in the industry feel that the main technologies that will hold sway are: Artificial Intelligence Artificial Intelligence occupies a prime position in the space for the future scope of web development. Templates or codes don’t exist for this; all developers have to do is provide instructions, and the site will be laid out as they envisioned. Artificial Design Intelligence or ADI is another emerging component of AI, and it assists developers to customize the software. Virtual Reality Till now, we have seen virtual reality only in gaming, but some businesses have already started including them in their websites. Experts predict that very soon, this technology will be used far more widely in websites and web applications, as it is very interactive and exciting for the end-user. Voice Functionality With human beings demanding more convenience, and being on the move constantly and multi-tasking, voice functionality including voice search, speech recognition, and eCommerce through voice, are definitely going to be used increasingly. lOMoAR cPSD| 25260679 Internet of Things (IoT) While developers are not directly connected to IoT, they implement it in web apps. With more and more devices becoming connected and sending vital information to the end-user through cloud-based central computers, IoT is here to stay. lOMoAR cPSD| 25260679 Research Design and methodology Stage 1. Getting to know a client After the company gets a message from a client that he or she wants to work with the developers' team, a project manager (PM from here) and a client’s representative discuss the client’s needs (or the specifications if clients already know what they want). Stage 2. Discovery and project research Discovery means that the development team only investigates client’s business requirements and decide for themselves whether they can really solve a client’s problem. An outcome is getting to know a client's goal, business specifics, and initial requests. If everything is good and the development team can help the client, the PM passes the tech documentation and specifications to the Lead Developer, makes the project aims and requirements clear. Afterward, the Lead Developer does the report to the PM, who, in his/her turn, discusses all the features and details with the client. Stage 3. Wireframes and prototypes creation lOMoAR cPSD| 25260679 Following is the work on the wireframes and prototypes in collaboration with the client and the team’s designer. Stage 4. Design Working on design comps until final approval. The company carefully asks for all the details about the impression a client’s project should create. Stage 5. Development Initial installation and configuration go first. Then developers set up all necessary settings of modules. They make sure every website page was approved, and the client has gone through demo versions of every feature on the website. It was a little hint from the development side to the client: check and test all the options. There are no minor ones when it comes to website usage. Believe us, your website’s visitors will notice every teeny-tiny bug. Depending on the project, the front-end and back-end development can go either in parallel or the back-end is followed by the front-end. A front-end developer implements all visual features and makes sure everything is pixelperfect, and that a website is cross-browser compatible. Stage 6. Quality assurance lOMoAR cPSD| 25260679 Remember the hint from stage 5? Never ever omit the testing stage. After the integration test, we move to the functional and UI tests and end up with manual tests. Stage 7. Post-launch QA and maintenance Besides maintenance and support, the dev-team usually teaches the client how to use a website, manage it and add content, etc. So, now you know how the process of communication between the client and the developers looks like. Let’s start to meet with workflow methodologies. lOMoAR cPSD| 25260679 Statistical Tools List of the Top Web Development Tools Comparison Of Popular Front-End Tools for Web Development #1) Web.com #2) Angular.JS #3) Chrome Dev Tools #4) Sass #5) Grunt #6) Code Pen #7) TypeScript #8) GitHub #9) NPM #10) J Query #11) Bootstrap lOMoAR cPSD| 25260679 #12) Visual Studio Code #13) Sublime Text #14) Sketch lOMoAR cPSD| 25260679 Findings and Limitations Creates problem if website is not responsive: The website responsiveness means the website data displays on every platform and every size of screens correctly. If your website undergoes any quite issue, your application is going to be in trouble too. Don’t assume that your web app will work perfectly if you don’t have a top-quality corporate website. For instance, if the web site’s URL takes a while to load or if uncomfortable ‘cookies’ show up when entering the website, accessing it through the appliance will entail an equivalent issue. The matter isn’t inherent to your web app. It’s rather located within the website’s development. Internet connection is compulsory: An Internet connection are going to be an absolute must run it. Otherwise, you’ll not be ready to browse the website. It will also lose visibility because it won’t get on display within the stores. In addition, there’ll be some access restrictions on certain hardware features of the device it’s running on. Internet Reliance Even though we seem to live in the internet era, losing one’s internet connection is rather common. And no internet would directly result in losing the ability to run your web app. Therefore, a reliable internet connection is a must at all times to browse through the website and run the app. Website Dependency A web app is completely based on its web browser. While generally, this provides a bunch of benefits, a complete dependency of this kind can also be a limiting factor. If the website happens to fail or goes unresponsive, the app fails to function too. If your website undergoes any quiet issue, your app is going to be in trouble too. Therefore, web development services that pay great attention to building quality corporate websites are a must for running successful web apps. Whether it is the URL loading time or popping up of uncomfortable cookies on entering the websites, all lOMoAR cPSD| 25260679 kinds of issues must closely be taken care of. Reduced Speed Often a web app operates relatively at a slower speed than the application hosted on a local server, and for those reasons can’t completely replace mobile apps. It is also directly linked to our browser, because of which its app size tends to increase. A large app, therefore, is considerably slower than a native desktop one. Plus, as a web app runs completely on the internet, it frequently can feel slower due to the internet connection quality. Less Secure Although SSL enforcement can help reduce data breach risk, web apps generally lack the quality control feature. Hence, safety and security are comparatively reduced causing threats to important and confidential data. Restricted Functionality Native technology always carries an advantage over non-native ones. As web applications are not native, they cannot sometimes effectively collaborate with all the hardware and operating systems of the specific devices you use. lOMoAR cPSD| 25260679 Conclusion and Suggestion In today's Web development, a good page design is essential. A bad design will lead to the loss of visitors and that can lead to a loss of business. In general, a good page layout has to satisfy the basic elements of a good page design. This includes color contrast, text organization, font selection, style of a page, page size, graphics used, and consistency. In order to create a well-designed page for a specific audience. The developer needs to organized and analyze the users' statistics and the background of the users. Although it can be hard to come up with a design that is well suited to all of the users, there will be a design that is appropriate for most of the audience. The better the page design, the more hits a page will get. That implies an increase in accessibility and a possible increase in business. After analyzing all the researched information and feedback from different users, I would recommend that a general purposed Web site should use non-frame pages and graphics navigation bar with rollover effects. In addition to the graphic navigation bar with rollover effects, each page should also have a text-only navigation bar for easy control. The developer should also create a Cascading Style Sheet to control the font and font-size and use the style sheet throughout the site to obtain a consistent look and feel. Becoming a web developer is more than just working in the browser. Web developers write applications, and you are on that path. I encourage you to continue learning HTML, JavaScript, and PHP. But when you're comfortable, branch out to other languages and platforms. The more exposure and experience you have with other languages and platforms, the better you'll become as a developer.