INDUSTRIAL TRAINING REPORT

WEB DEVELOPMENT

Submitted in partial fulfillment

for the award of

Degree of Bachelor of Technology in Computer Science &

Engineering

Name: ADARSH RANJAN

† University Roll No.: 2201010022 Semester/Branch: 5 sem, CSE-I

SUBMITTED TO: Ms. Stuti Bhatt

Department of Computer Science & Engineering

UIT, UTTARANCHAL UNIVERSITY
Dehradun (Uttarakhand), 248001
 ACKNOWLEDGEMENT

I wish to express our sincere gratitude to our guide Ms. Stuti Bhatt for continuously guiding
me and answering all my doubts with patience This experience has been invaluable in
enhancing my skills and knowledge. I also thank my parents, friends and all the members of
the family for their precious support and encouragement which they had provided the
completion of my work. In addition, I would also like to mention the company personnel who
gave me permission to use and experience the valuable resources required for the internship.
I am also profoundly grateful to the Head of Departme Mr Sunil Choudhary , for providing
the necessary resources and creating an environment conducive to learning and research. Their
continuous support and leadership have greatly contributed to the progress and success of this
project.
This internship report is a culmination of my learning and experiences gained during my tenure.
I hope it meets the expectations and contributes meaningfully to the organization.

(Signature of student)
ADARSH RANJAN
2201010022

i
 TETRIQUE TECHNOLOGIES PRIVATE LIMITED

CIN: - U74999BR2017PTC035604
Address:- Jagjiwan Ashram,
Sasaram, (Bihar) 821115

CERTIFICATE OF INTERNSHIP

TO WHOM IT MAY CONCERN

This is to certify that Adarsh Ranjan has completedinternship

programme in "Web Development" from 06.06.2024 to 09.07.2024.

He took keen interest in the work assigned and successfully completed it.
During the period of internship we found him to be punctual, hardworking

and inquisitive. We wish him luck and success in all his future endeavours.

(Director)

Copyright @ Tetrique Technologies Pvt. Ltd.

 COMPANY PROFILE

Technique Technologies Pvt. Ltd.

Overview:
Tetrique Technologies Pvt. Ltd. is a premier digital solutions provider, established in 2017,
specialising in web and mobile application development. We cater to a diverse range of
clients, from startups to large enterprises, delivering tailored, high-quality solutions.

Mission:
Our mission is to empower businesses with innovative technology solutions that drive growth
and efficiency.

Services:
 Web Development: Dynamic, responsive websites.
 Mobile App Development: Feature-rich iOS and Android apps.
 E-commerce Solutions: Comprehensive online store development.
 Digital Marketing: SEO, SEM, social media marketing.
 Custom Software Development: Tailored software solutions.

Technology Expertise:
 Front-End: HTML, CSS, JavaScript, React
 Back-End: PHP, Python, Node.js
 Database: MySQL, PostgreSQL
 Mobile: Swift, Kotlin, Flutter

Achievements:
 Recognized as a top web development company.
 Successfully completed over 500 projects.

Contact Information:
 Address: Maurya Nagar, Mico, Sasaram, Rohtas Bihar- 821115
 Website: www.tetriqueweb.com
 TABLE OF CONTENT

S.No. Title Page No.

1. Acknowledgement I
2. Declaration II
3. Certificate Of Internship III
4. Company Profile IV
5. Introduction
6. Weekly Report
 1st Week: Requirement Specification
 2nd Week: Resource Study
 3rd Week: Design
 4th Week: Change Password
 5th Week: About us Page
 6th Week: Frontend side
 7th Week: Home Page Design
 8th Week: Testing
7. Conclusion
8. Reference
 INTRODUCTION
The project "News Portal" Website is designed to create a dynamic and user-friendly web
platform for delivering news and updates to users. The portal aims to provide a
comprehensive and engaging experience for visitors by incorporating features such as
categorised news articles, user comments, and interactive elements.
Built using PHP, MySQL, HTML, CSS, and JavaScript, the project leverages these
technologies to ensure a seamless and responsive user experience. PHP is utilized for server-
side scripting, enabling dynamic content management and user authentication. MySQL serves
as the database management system, storing and retrieving data efficiently. HTML and CSS
are used for structuring and styling the web pages, while JavaScript adds interactivity and
enhances user engagement.
Key functionalities of the news portal include a secure admin interface for managing news
content, user registration and login features, and a responsive design that adapts to various
devices. The portal also incorporates features such as search functionality, article
categorization, and a commenting system to foster user interaction and feedback.
The project aims to address the growing need for accessible and well-organized news
platforms, providing users with timely and relevant information in an easily navigable format.
By integrating these technologies and features, the news portal is intended to offer a robust
and efficient solution for news dissemination and user engagement.
 WEEKLY REPORT
Week 1 Progress
To initiate this project which title is “News Portal”, I firstly started to gather all it’s
requirement I mean what modules and functionality can be in Admin Panel as well as User
side. So below are it’s requirement details.

1. Requirements Specification
Functional Requirements
1. Admin Management
 Admin login and logout.
 Admin can create, edit, and delete categories.
 Admin can post news articles.
 Admin can manage user comments.
 Admin can manage static pages (About, Contact).

2. User Management.
 User can view news articles.
 User can post comments on news articles.
 User Search News
 User can see recent news

3. News Management
 Categorization of news articles.
 Article submission by admin.
 Article view counter.
 Article update and delete functionality.
 Image upload for news articles.

4. Comment Management
 Users can comment on news articles.
 Admin can approve or delete comments.

Non-Functional Requirements
1. Performance
 The application should load within in few seconds.
 The application should handle more concurrent users.

2. Security
  Secure user authentication.

3. Usability
 Intuitive and user-friendly interface.
 Mobile-responsive design.
 Scalability

2. Software Installation
Prerequisites
1. Operating System
 Windows, macOS, or Linux.

2. Required Software
 PHP: Server-side scripting language.
 MySQL: Relational database management system.
 Apache: Web server.
 phpMyAdmin: Web interface for MySQL.
 HTML/CSS: For front-end design.
 JavaScript: For client-side scripting.
Week 2 Progress
In Second week of “News Portal” developement. I mostly went through the all available
resources and online tutorials for php,html,css,javascript and mysql as suggested by guide.

Resource Study
Key Areas of Focus
1. PHP:
 Basics of PHP syntax and functions.
 Object-Oriented Programming in PHP.
 PHP and MySQL integration including CRUD operations and search pagination.
 Error handling and debugging in PHP

2. MySQL:
 Basics of SQL.
 Database design principles.
 CRUD operations (Create, Read, Update, Delete, Limit, Sorting etc).
 Indexing and performance optimization.

3. Apache:
 Basics about the webserver

4. HTML/CSS:
 Structure of HTML documents.
 CSS for styling and layout.
 Responsive design principles.

5. JavaScript:
 Basics of JavaScript syntax and functions.

Apart from these also got training by Anuj Sir for above mentioned topics. He explained me
practical usage of above.
3

Database Schema Creation

Based on the requirements and the data models identified, the following database schema is
designed and created.
Database Tables
1. Admin Table (tbladmin) Schema:

2. Category Table (tblcategory) Schema

3. Comments Table (tblcomments) Schema:

4. Pages Table (tblpages) Schema:

5. Posts Table (tblposts) Schema:
6. Users Table (tblusers) Schema:
Week 3 Progress
In this week I mostly worked on admin panel to design the pages and coding as well for
frontend and backends. So I completed 30% pages design and it’s functionality in this week
and after completion of this module I tested all forms manually. Below are the screenshot of
that pages.

Screen-1 : Login Page

Screen-2 : Forgot Password

Screen 3: Dashboard
Week 4 Progress
In this week also I worked on admin panel to design the pages and coding as well for
frontend and backends. So I completed 70% pages design and it’s functionality in this week
and after completion of project i tested manually all the form. Below are the screenshot of
that page.

SCREEN 4: Change Password

SCREEN 5: Category listing/Delete page

SCREEN 6: Category Add

SCREEN 7: Update Category

SCREEN 8: Post Listing

SCREEN 9: Post Add

SCREEN 10: Post Edit

SCREEN 11: Listing of Trash Post

Week 5 Progress
In this week also I worked on admin panel to design the pages and coding as well for
frontend and backends. So I completed 100% pages design and it’s functionality in this week
and after completion of project i tested manually all the form. After the completion of form
fixed the some bugs and feedback changes which was suggested by Anuj Sir. Below are the
screenshot of that page.

SCREEN 12: About us page

SCREEN 13: Contact us page

SCREEN 14: Comments (Waiting for approval)

SCREEN 15: Comments (Approved Comments)

Week 6 Progress
In this week I started work in frontend side to create page and design whatever was required.
So I this week Complete all pages as static only.

SCREEN 16: About Us page

SCREEN 17: Contact Us page

Week 7 Progress
In this week I started work on all created pages to make them dynamically. On all pages I
displayed the data from database dynamically and completed all the pages.

SCREEN 18: Home Page

SCREEN 19: News Page

SCREEN 20: News Detail Page

Week 8 Progress
In this week I mostly tested all the created form and bug fixes and also done changes
whatever was required after discussion with Anuj Sir.
I filled the data from admin panel and tested all pages whether data is coming or not on those
pages where dynamic data is coming.
I followed the Basic test cases as mentioned below

Test Scenarios and Test Cases

1. User Management:
a. User Management:
Test Scenario 1: User Registration
 Test Case 1.1: Register with valid details.
 Test Case 1.2: Register with already existing email.
 Test Case 1.3: Register with missing mandatory fields.

Test Scenario 2: User Login

 Test Case 2.1: Login with valid credentials.
 Test Case 2.2: Login with invalid credentials.
 Test Case 2.3: Login with empty fields.

b. Admin Management:
Test Scenario 3: Admin Login
 Test Case 3.1: Admin login with valid credentials.
 Test Case 3.2: Admin login with invalid credentials.

Test Scenario 4: Admin Content Management

 Test Case 4.1: Create a new category.
 Test Case 4.2: Edit an existing category.
 Test Case 4.3: Delete a category.

c. Content Management:
Test Scenario 5: Post Management
 Test Case 5.1: Create a new post.
 Test Case 5.2: Edit an existing post.
 Test Case 5.3: Delete a post.
Test Scenario 6: Comment Management
 Test Case 6.1: Post a comment.
 Test Case 6.2: Approve a comment.
 Test Case 6.3: Delete a comment.

d. Page Management:
Test Scenario 7: Static Page Management
 Test Case 7.1: Create a new page.
 Test Case 7.2: Edit an existing page.
 Test Case 7.3: Delete a page.
 REFERENCES

1. PHP Documentation: PHP Manual provides comprehensive information on PHP

functions, syntax, and best practices. Available at: PHP Documentation.
2. MySQL Documentation: The MySQL Reference Manual offers detailed guidance on
MySQL databases, including installation, configuration, and query writing. Available
at: MySQL Documentation.
3. HTML Reference: The Mozilla Developer Network (MDN) provides an extensive
reference for HTML elements, attributes, and usage. Available at: HTML Reference.
4. CSS Reference: MDN’s CSS documentation covers styling properties, selectors, and
layout techniques essential for creating visually appealing web pages. Available at:
CSS Reference.
5. JavaScript Reference: MDN offers detailed documentation on JavaScript syntax,
functions, and usage, crucial for adding interactivity to web applications. Available at:
JavaScript Reference.
6. W3Schools: Provides tutorials and references for HTML, CSS, JavaScript, and other
web technologies. Available at: W3Schools.
7. Stack Overflow: A community-driven Q&A site where developers can find solutions
to specific coding problems and share knowledge. Available at: Stack Overflow.

These resources were instrumental in guiding the development and implementation of the
news portal website and provided valuable information and support throughout the project.