Tech Book (A Web-Application which Connects you through a Technology)

Abstract

As the name specifies “TechBook” is a Web Application developed for managing the search of technologies by the individual users. Identification of the drawbacks of the existing system leads to the designing of computerized system that will be compatible to the existing system with the system Which is more user friendly. We can improve the efficiency of the system, thus overcome the drawbacks of the existing systems i.e. Less human error , Strength and strain of manual labour can be reduced , High security , Data redundancy can be avoided to some extent ,Data consistency , Easy to handle , Easy data updating , Easy record keeping ,Backup data can be easily generated. To manage all these, we can design a full-fledged software which can take care of all the above operations with the help of technologies like: HTML, CSS, JAVA, JSP, AJAX, MySQL, JDBC etc. It is a more closed network, where members usually only connect with people they already know or have been introduced to by someone in their network. This makes TechBook ideal for building professional relationships, as opposed to personal ones.

Introduction

I. INTRODUCTION

It is simply the management of technologies. Such systems are used by different individual users. By this web application a user can find many techs related topics to learn which was uploaded by another user, they even can react on that and if needed then the user can upload his/her tech related data also.

The objective of the project is to develop a web Application is to connects different users through there tech knowledges. Here a user can create their own user’s name with valid id and they can use this web Application.

A. Key Points

1. Connection: -it connects many users to discuss about their thoughts regarding the same technology.
2. Secure & interactive: -this webapp provide unique id and username to each and every user also with their profile pictures, which makes it interactive and secure.
3. Collection: -stores many techs related news topics and any information related to tech which is stored by the users on their id’s.

B. Requirement Analysis

Requirement Analysis is the first and important step in the Software development activity for building robust and user-friendly applications. We have started working on determining the functionalities that the application should provide. We have done a good amount of research on existing systems and the disadvantages of those.

Once the functional requirements were finalized, we did research on the current technologies that are widely used in the industry.

C. Requirements Specification

Software requirement

1. HTML, CSS, BOOTSTRAP, JAVASCRIPT, JQUERY, AJAX (Frontend)
2. JAVA, HTTP SERVLET, JSP, JDBC, MYSQL (Backend)

II. FRONTEND

This part of this project is created with the help of technologies which are used to design the frontend of a web-application , where the basic design and introduction part of the project is shown to the user. Frontend part is basically created to make user’s experiences better.

Technologies used for the designing of the frontend of this TechBook are: -

A. HTML

HTML stands for Hypertext Markup Language. It is used to design web pages using a markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between web pages. A markup language is used to define the text document within the tag which defines the structure of web pages. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. Most markup languages (e.g., HTML) are human-readable. The language uses tags to define what manipulation has to be done on the text.

B. CSS

How CSS is different from HTML?

HTML is used to define a structure of a web page whereas CSS is used to style the web pages by using different styling features.

HTML consists of tags inside which text is enclosed and CSS consists of selectors and declaration blocks.

CSS can be internal or external depending upon the requirement.

C. BOOTSTRAP

Bootstrap is a free and open-source collection of CSS and JavaScript/jQuery code used for creating dynamic websites layout and web applications. Bootstrap is one of the most popular front-end frameworks which has really a nice set of predefined CSS codes. Bootstrap uses different types of classes to make responsive websites. Bootstrap 5 was officially released on 16 June 2020 after several months of redefining its features.

D. JAVASCRIPT

JavaScript (JS) is the most popular lightweight, interpreted compiled programming language. It can be used for both Client-side as well as Server-side developments. JavaScript also known as a scripting language for web pages.

JavaScript can be added to your HTML file in two ways:

1. Internal JavaScript
2. External JavaScript

E. JQUERY

jQuery is an open-source JavaScript library that simplifies the interactions between an HTML/CSS document, or more precisely the Document Object Model (DOM), and JavaScript. Elaborating the terms, it simplifies HTML document traversing and manipulation, browser event handling, DOM animations, Ajax interactions, and cross-browser JavaScript development.

III. BACKEND

Backend Development refers to the server-side development. It focuses on databases, scripting, website architecture. It contains behind-the-scene activities that occur when performing any action on a website. It can be an account login or making a purchase from an online store. Code written by back-end developers helps browsers to communicate with database information.

Technologies used for the designing of the frontend of this TechBook are: -

A. JAVA

Java is a programming language and a platform. Java is a high level, robust, object- oriented and secure programming language.

Java was developed by Sun Microsystems (which is now the subsidiary of Oracle) in the year 1995. James Gosling is known as the father of Java. Before Java, its name was Oak. Since Oak was already a registered company, so James Gosling and his team changed the name from Oak to Java.

Platform: Any hardware or software environment in which a program runs, is known as a platform. Since Java has a runtime environment (JRE) and API, it is called a platform.

B. HTTP SERVLET

HttpServelt is an abstract class, it comes under package ‘javax.servlet.http.HttpServlet‘ . To create a servlet the class must extend the HttpServlet class and override at least one of its methods (doGet, doPost, doDelete, doPut). The HttpServlet class extends the GenericServlet class and implements a Serializable interface.

C. JSP

JSP technology is used to create web application just like Servlet technology. It can be thought of as an extension to Servlet because it provides more functionality than servlet such as expression language, JSTL, etc.

A JSP page consists of HTML tags and JSP tags. The JSP pages are easier to maintain than Servlet because we can separate designing and development. It provides some additional features such as Expression Language, Custom Tags, etc

D. JDBC
JDBC or Java Database Connectivity is a Java API to connect and execute the query with the database. It is a specification from Sun microsystems that provides a standard abstraction(API or Protocol) for java applications to communicate with various databases. It provides the language with java database connectivity standards. It is used to write programs required to access databases. JDBC, along with the database driver, can access databases and spreadsheets. The enterprise data stored in a relational database(RDB) can be accessed with the help of JDBC APIs.

Copyright

Copyright © 2023 Ms. Anita Rana, Kripa Sagar. This is an open access article distributed under the Creative Commons Attribution License, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.