A Website for BD Legal Issue

(1)

1

BY

Shariful Islam ID: 151-15-470

Farukul Amin Joyon ID: 151-15-485

Sojib Das ID: 153-15-600

This report given in Partial Fulfillment of the necessities for the Degree of Bachelor of Science in computing and Engineering.

Supervised By

Md. Mahfujur Rahman Lecturer Dept. of CSE

Daffodil International University

Co-Supervised By

Tania Khatun Senior Lecturer

Dept. of CSE

DAFFODIL INTERNATIONAL UNIVERSITY DHAKA, BANGLADESH

DECEMBER 2020.

(2)

APPROVAL

This project titled “A Website for BD Legal Issue”, submitted by Shariful Islam, ID No: 151-15- 470, Farukul Amin Joyon, ID No: 151-15-485 and Sojib Das, ID No: 153-15-600 to the Dept. of CSE. Daffodil International University has been accepted as satisfactory for the partial

fulfillment of the requirements for the degree of Bachelor of Science in CSE and approved on its style and contents. The presentation has been endured 05 December 2020.

BOARD OF EXAMINERS

————————————

Dr. Syed Akhter Hossain Chairman

Professor and Head Dept. of CSE

Faculty of Science & Information Technology Daffodil International University

————————————

Dr. S M Aminul Haque Internal Examiner

Associate Professor & Associate Head Dept. of CSE

————————————

Saif Mahmud Parvez Internal Examiner

Lecturer Dept. of CSE

(3)

3

DECLARATION

We hereby claim that; this task has been achieved with the aid of using us below the supervision of Md. Mahfujur Rahman, Lecturer, and Department of CSE at Daffodil International University.

We additionally claim that neither this task nor any a part of this task has been submitted some other place for award of any degree or diploma.

Supervised by:

————————————

Md. Mahfujur Rahman Lecturer

Department of CSE

Co-Supervised by:

————————————

Tania Khatun Senior Lecturer Department of CSE

Submitted by:

————————————

Shariful Islam ID: 151-15-470 Department of CSE

————————————

Farukul Amin Joyon ID: 151-15-485 Department of CSE

————————————

Sojib Das ID: 153-15-600 Department of CSE

(4)

ACKNOWLEDGEMENT

First, we express our heartiest thanks and gratefulness to almighty Allah for His divine blessing makes us possible to finish the ultimate year project successfully.

We really grateful and need our profound our indebtedness to Md. Mahfujur Rahman, Lecturer, Department of CSE Daffodil International University, Dhaka. Deep Knowledge & keen interest of our supervisor within the field of “A Website for BD Legal Issue” to hold out this project. His endless patience, scholarly guidance, continual encouragement, constant and energetic

supervision, constructive criticism, valuable advice, reading many inferior drafts and correcting them in the least stage have made it possible to complete this project.

We are pretty much Indebted our responsible and helpful co-supervisor Tania Khatun, Senior Lecturer, Department of CSE Daffodil International University.

We would prefer to express our heartiest gratitude to Dr. S M Aminul Haque, prof & Associate Head, Department of CSE, Daffodil International University, Permanent Campus, for his kind help to complete our project and also to other pedagogue and therefore the staff of CSE department of Daffodil International University.

We would wish to thank our entire course mate in Daffodil International University, who took part during this discuss while completing the course work.

Finally, we must acknowledge with due respect the constant support and patients of our parents.

(5)

5

ABSTRACT

This report represents a unique system in Bangladesh legal aid service. In Bangladesh people face various problems due to having less knowledge in legal issues. In our website People get knowledge about legal system in Bangladesh. We tried to be user friendly to help general people with information and service via article on specific law, appointment and contact with our team.

This project takes us through all the details of knowledge and experience in Bangladesh civil services. Website design and development was a very important objective of this development project. To develop this website using Bootstrap 4, HTML 5, CSS 3, jQuery, JavaScript, PHP, SQL. It has a striking skin with a beautiful and attention-grabbing design. “BD Legal Aid Center” is a fully responsive and dynamic law website.

Keywords: Bootstrap 4, HTML 5, CSS 3, jQuery, JavaScript, PHP, SQL.

(6)

CHAPTER 1: Introduction

1.1 Introduction 9

1.2 Motivation 9

1.3 Objectives

1.4 Expected Outcome

9 9

1.5 Report Layout 10

CHAPTER 2: Background

2.1 Introduction 11

2.2 Related Works 11

2.3 Comparative Studies 11

2.4 Scope of The Problem 11

CHAPTER 3: Requirement Specification

3.1 Business Process Model

3.2 Requirements Collection and Analysis 3.2.1 Hardware and Software Requirements

12 12 13

3.3 Use Case Modeling and Description 13

(7)

7

3.4 Design Requirement 14

CHAPTER 4: Design Specifications

4.1 Front-End Design 4.1.1 HTML 4.1.2 CSS 4.1.3 Bootstrap 4.1.4 JavaScript

15 15 15 15 15

4.2 Back-End Design 16

4.3 Interaction Design and UX 16

CHAPTER 5: Implementation and Testing

5.1 Implementation of Database 17

5.1.1 Database Testing 17

5.2 Implementation of Front-End Design 5.2.1 Homepage

5.2.2 Admin Login 5.2.3 Admin Dashboard

5.2.4 Admin Dashboard Services

17 24 24 25

CHAPTER 6: Conclusion and Future Scope

6.1 Conclusion

28

6.2 Scope for Future Development 28

(8)

LIST OF FIGURES

FIGURES PAGE NO

Figure 3.1 : BPMN 12

Figure 3.2 : Use Case Diagram 13

Figure 5.1 : ER Diagram 17

Figure 5.2.1.1 : Homepage (Introduction) 18

Figure 5.2.1.2 : Homepage (Information) 19

Figure 5.2.1.3 : Homepage (Blog Service) 19

Figure 5.2.1.4 : Homepage (Team Description) 20 Figure 5.2.1.5 : Homepage (Work Process Description) 20

Figure 5.2.1.6 : Homepage (Contact System) 21

Figure 5.2.1.7 : Homepage (Blog) 22

Figure 5.2.1.8 : Homepage (Case Overview) 22

Figure 5.2.1.9 : Homepage (Appointment Form and Footer) 23

Figure 5.2.2 : Admin Login 24

Figure 5.2.3 : Admin Dashboard 25

Figure 5.2.4.1 : Admin Services 25

Figure 5.2.4.2 : Set Admin Packages 26

Figure 5.2.4.3 : Counting Info 26

Figure 5.2.4.4 : Blog Update 27

LIST OF TABLES

TABLES PAGE NO

Table 1: Hardware Requirements 13

Tables 2: Software Requirements 13

(9)

9

CHAPTER 1 Introduction

1.1 Introduction:

This project is to provide the essential legal service to the common people based online for making it comfortable we used Bangla. It also provides a guide through gathering essential legal information relating to the fundamental issues that can support and improve to design the website. Anybody can contribute to make this website admin secured by encrypted password. This project could help people from anywhere around.

We hope through website can help people in this cold cruel world.

1.2 Motivation:

Nowadays, most of the people of enough knowledge on legal issues by that way people went through a lot of trouble. Most of the people don’t know how to act in such situation. Firstly, they waste their valuable time and money because they don’t find the right way in crisis. They don’t know who is going to help them and how. For this reason, we developing this web site.

1.3 Objectives:

Mainly we are developing this website for different type of legal situation. Anyone can get help through our website and solve the case. Our system can provide consultant appointment under different packages, related article and contacting admin panel.

1.4 Expected Outcome:

 This web application will be the user friendly.

 Reduce time and cost.

 Find help in local area.

 After analyzing that cases our admin will suggest the specialized solution based on cases.

 Client also can book an appointment in their available time in online.

(10)

1.5 Report Layout

Report layout numeric format of the report data, after we use the layout functions, we will set following parameters.

 Chapter 1: We mention details about web development introduction. Motivation to web development as implement, search and record, object declare so on opportunity. Goals of web development project.

 Chapter 2: Describe about aim of this project and related works.

 Chapter 3: Contain performed tasks with models and requirements.

 Chapter 4: Describe about outcomes some outcomes view some component in frame as design interaction.

 Chapter 5: Showed outcomes, discussion, testing and implementation of this platform.

 Chapter 6: About challenges and future of this project.

(11)

11

CHAPTER 2 Background

2.1

Introduction

Web application became popular day by day in Bangladesh, we created a Bangla platform for legal aid services. Our website has two types of user: Admin and Client. Admin page will upload different services those will be shown into home pages and anyone by using Internet can browse our website.

Legal aid means free or inexpensive advice, assistance, or representation concerning the law. Given to those cannot afford it, supported jurisdictional criteria. Legal aid is state-funded representation, advice and assistance, usually administrated by a solicitor or a Barrister. Legal aid could be a system by which those below a particular income can receive free or subsidized agency or advice. Help people figure out if they have a problem that might be resolved by using the legal system.

2.2

Related Works

A lots of newsletter, law-farm and government service website providing similar services like bdlaws.minlaw.gov.bd, judiciary.org.bd, www.bdlplaw.com, www.legal500.com,

shossainandassociates.com. But there are lacking content or complicated information thus our platform is admin client relationship based more adoptive and reliable website.

2.3

Comparative Studies

Purpose: In our society law enforcement is fundamental rules and basic civil rights. We hope to contribute in building a secured platform to help people in need.

Approach: In this project one actor admin. Only admin is registered to protect our data integrality.

User can be benefited by learning and contact in need.

2.4

Scope of The Problem

The problem is adapt with creating professional content. Getting legal help in regular process is complicated. That’s where our website can make a great opportunity.

(12)

CHAPTER 3

3.1 Business Process Modeling

“lucid.app/lucid chart” by using this website we created a BPMN (business process model and notation) diagram in figure 3.1 according to our platform. BPMN is global standard process in fact it takes a process-oriented approach within a business process domain.

Figure 3.1: BPMN 3.2 Requirements Collection and Analysis

Requirement collection plays a key role and requirement analysis sets the base of web application development or software development. Requirement analysis is categorized and can be functional, implementation and performance. In this system, we have worked requirement analysis for software and hardware.

(13)

13 3.2.1 Hardware and Software Requirements

Hardware Requirements:

Anyone can visit to our web application. Here is the minimum hardware and software requirement.

Processor Intel Atom or above

Motherboard Any

Ram 512MB or more

Hard Disk 30 GB

Monitor any

Internet Connection Mobile network or Broadband Connection

Table 1: Hardware Requirements Software Requirements:

Browser IE10+, Chrome, Firefox, Safari, Opera

Operating system Windows or Linux

Xampp-control Server site

Visual studio code Server site scripting

phpMyAdmin Database server

Photoshop For image and icons

Brackets Editor

Lucid.app, creately Diagram design

Table 2: Software Requirements 3.3 Use Case Modeling and Description

A use case model interacts different types of user with the system to solve a problem. There are two types user in our project. We have designed use case model for user and admin. Here is our use case model.

Figure 3.3: Use Case Diagram

(14)

3.4 Design Requirement

In our project, we have implemented back-end design and front-end design. Design requirement is the functional requirement. Firstly, we have implemented front-end design that how looks our application.

For front-end design we need some programming language and markup language. We have used HTML5, CSS, JavaScript and some libraries for front-end design. For better looking we used clean and minimal design, Cross-browser compatible, Fully responsive ,Multi-page template, Hero header, 2 different header styles, Modal video player, Sticky top navigation bar, Drop down menu, Breadcrumbs, Appointment form UI, Back to top button, Footer navigations, Load on scroll animation, Hover effect, Fun fact counters, Quote requesting form UI, Pricing table ,Call to action button, Testimonials ,Blog section ,Pagination UI, Search option, Instagram Feeds, Comment form UI Newsletter subscription form, Working contact form, Font Awesome font icons. Libraries and Plugins like Bootstrap 4, Owl Carousel, Font Awesome, Icofont, Slick, Nice Select also been used. Back-end design is the main part for

developing a web application. Back-end design is functional that how interacts it with user. For back-end design, we have used JS, jQuery, php, sql. We also need a computer for design this web application.

(15)

15

CHAPTER 4 Design Specifications

4.1 Front-End Design

To complete front-end development, we've used some programming languages in our project such as:

 HTML5

 CSS3

 Bootstrap4

 jQuery libraries

 JavaScript

4.1.1 HTML

Hypertext Markup Language (HTML) is the standard markup language. Basically, we used Tags, Element, Attributes, paragraphs, Headlines, lists, drop down menu, Breadcrumbs, Appointment form UI, back to top button, Footer navigations, Load on scroll animation, Hover effect, Fun fact counters, Testimonials, Blog section, Pagination UI, Search option, Instagram Feeds, Comment form UI Newsletter subscription form, working contact form, Font Awesome, font icons, Background, comment also used forms like Input, Text, Fields, password, call to action button.

4.1.2 CSS

CSS is the style sheet language. We have used CSS in this project for design. We change the layout of our page using basic CSS (selection, internal, external, inline, class id, background) and advance CSS (border-radius, opacity, cursor, layout, position, display, gradient and design using CSS div.

4.1.3 Bootstrap

Bootstrap is a for web development for responsive view providing free front-end framework.

Bootstrap is developed with HTML and CSS. We have used this framework in this project. We learned to use environment setup, Table, form, Buttons, Images, dropdown, Button group and bootstrap plugins.

4.1.4 JavaScript

JavaScript is an interpreted programming language. With JavaScript HTML DOM we can create dynamic web pages. JavaScript code can be written in HTML page with tag. For the dynamic purpose we have used some JavaScript libraries, such as: Ajax and jQuery. Also, basic JavaScript syntax, operators, variables, prompt, popups, date, JavaScript String.

(16)

4.2 Back-End Design

Back-end design of this project was completed by PHP, MySQL.

PHP:

PHP code start with instruction. We can write PHP code in HTML tag with instruction.

We use control structures, include and Function.

MySQL:

MySQL is the open-source Relation SQL Database system. MySQL uses standard SQL query.

We have used the query in our application to fetch data which data is viewed by admin. It runs on a server so we simplified and normalized it with sql files.

4.3 Interaction Design and UX

In our project what we have seen like text that’s are all text dimension. Our system is using Bangla text so our system has through Interaction Design. Videos and Images are dimension of interaction design. Interaction design is related to User Experience. User experience is the process design that provide shaping and meaningful experience to users. Speaking of features, hero header, call to action button, sticky navigation, drop-down menu, breadcrumbs, modal video player are some special goodies. Flexible code allows you to tweak and tailor as per your requirements. To sum up, create with BD Legal Issue.

(17)

17 Chapter 5

Implementation and Testing 5.1 Implementation of Database

A database management system handles the requests generated from the SQL. Following an ER diagram (figue5.1.1) we implemented our database step by step.

1. Install DBMS and configure 2. Database and table creation 3. Running

4. Integrating with application

Figure 5.1: ER diagram

5.1.1 Database Testing

Database testing is need for a system to perform data integrity and data consistency. We kept it simple by normalization. Backend system access database for multiple reason. Then harmful or incorrect data can be stored in database system. As our project is based on web application data comes it through internet. This incorrect data stored can be stop Schema or mapping testing.

5.2 Implementation of Front-End Design

5.2.1 Homepage:

As an online service, the home page and its features are shown on this page. Home will visible to all kind of users by scrolling through our website. Figure 5.2.1.1 to Figure 5.2.1.9 concludes home page.

(18)

18

(19)

19 Figure 5.2.1.1: Homepage (Introduction)

Figure 5.2.1.2: Homepage (Information)

Figure 5.2.1.3: Homepage (Blog service)

(20)

Figure 5.2.1.4: Homepage (Team Description)

Figure 5.2.1.5: Homepage (Work Process Description)

(21)

21 Figure 5.2.1.6: Homepage (Contact System)

(22)

Figure 5.2.1.7: Homepage (Blog)

Figure 5.2.1.8: Homepage (Case Overview)

(23)

23 Figure 5.2.1.9: Homepage (Appointment Form and Footer)

(24)

5.2.2 Admin Login

Figure 5.2.2: Admin Login Page 5.2.3 Admin Dashboard

Here admins can overview initial works as appointment, blogs, and case summary. With a drop-down menu bar, admin can see and provide service.

(25)

25 Figure 5.2.3: Admin Dashboard

5.2.4 Admin Dashboard Services Admin will get following pages.

Service:

Figure 5.2.4.1: Admin Services

(26)

Package: for setting package with description.

Figure 5.2.4.2: Set Admin Packages Counting info: for show up progress in work.

Figure 5.2.4.3: Counting Info

(27)

27 Blog: for update post or articles.

Figure 5.2.4.4: Blog Update

(28)

Chapter 6

Conclusion and Future Scope 6.1 Conclusion

This report tries to look at various issues that arise while building a web site, it's important to spotlight mastering the mandatory software skills and tools. Building an internet site doesn't guarantee its success. Further development is conducted to identify the strong points of assorted techniques and justify the selection and to soak up valuable knowledge from user experience.

Law or government officials features a great influence has in our day-to-day life. This project took us through in a very great experience.

6.2 Scope for Further Development

Our website needs constant observation and development. If we could collect and work on data, we could make it more interactive website based on AI.