Bangladesh Army International University of Science & Technology Department of Computer Science and Engineering Designing & Development of an Online News Portal (Prothom Alo) SUBMITTED BY NAME ID Anamika Saha 1107004 Sabia Islam Lorin 1107010 Santanu Bakshi 1107029 SUPERVISOR 1. 2. Shimu Sultana Sabina Zaman Lecturer Lecturer Department of Computer Science & Engineering Department of Computer Science & Engineering Designing & Development of an Online News Portal (Prothom Alo) 1 Prothom Alo A Project submitted to the Department of Computer Science and Engineering Faculty, Bangladesh Army International University of Science and Technology in partial fulfillment of the requirements for the degree of Bachelor of Science in Computer Science and Engineering. Anamika Saha Sabia Islam Lorin Santanu Bakshi ID: 1107004 ID:1107010 ID:1107029 Fall Semester 2021 January, 2022 Department of Computer Science and Engineering Bangladesh Army International University of Science and Technology 2 DECLARATION It is hereby declared that contents of this project are original and any part of it has not been submitted elsewhere for the award if any degree or diploma. ------------------(Anamika Saha) --------------------(Sabia Islam Lorin) ------------------(Santanu Bakshi) -----------------Signature of the Candidate -----------------Signature of the Candidate -----------------Signature of the Candidate -----------------Date: -----------------Date: -----------------Date: 3 ACKNOWLEDGEMENT Firstly, we would like to thanks to Almighty for giving us with the patient to complete this project. The happiness that comes with the fortunate achievement in this project, it would be incomplete if it weren't for the people whose steady cooperation made it possible. We are grateful to our honorable project supervisor, Shimu Sultana, Lecturer, Assistant Supervisor Sabina Zaman, Lecturer, Department of Computer Science and Engineering, Bangladesh Army International University of Science and Technology (BAIUST), for providing us with guidance, encouragement, and constructive suggestions during the expansion. We also want to thank Mohammad Asaduzzaman Khan, the honorable head of the Department of Computer Science and Engineering at the Bangladesh Army International University of Science and Technology (BAIUST), for his helpful advice. We'd also like to thank all of our teachers for their most valuable assistance during my four years of education journey. Finally, we'd like to express our gratitude to our families, seniors, juniors, and department workers for their valuable suggestions and assistance for complete the project's success. 4 ABSTRACT The purpose of Online News Portal is to automate the existing manual system by the heled of computerized equipment’s and full-fledged computer software, fulfilling the demo requirements, so that the valuable data or information can be stored for a longer period with easy accessing and manipulation of the same. The required software and hardware are easily available and easy to work with. The program is developed using WordPress and for the storage using MySQL database. It is very helpful Users who want to read the newspaper daily in everywhere and every moment. Users can simply visit the website, read any category news easily, User can register and open their own accounts, log into their accounts and finally read their demand news. Users can inquire or read about any news from any devices like mobile, laptop, tab etc. anytime, anywhere. The current mews website includes many categories users need every day. This online news portal program can be a complete user’s solution that provides a flexible, secure and easy-to-use environment. 5 APPROVAL The project titled” Designing & Development of an Online News Portal (Prothom Alo)” has been submitted to the following respected members of the Board of Examiners in partial fulfillment of the requirements for the degree of Bachelor of Science in Computer Science and Engineering on 26th January, 2022 by the following student and has been accepted as satisfactory. Anamika Saha ID: 1107004 Sabia Islam Lorin Santanu Bakshi ID:1107010 ID:1107029 __________________ _________________ Supervisor External Supervisor Shimu Sultana Sabina Zaman Lecturer, Lecturer, Department of CSE Department of CSE Bangladesh Army International University of Science and Technology Bangladesh Army International University of Science and Technology ____________________ Mohammad Asaduzzaman Khan Head Of the Department (CSE) Bangladesh Army International University of Science and Technology 6 TABLE OF CONTENTS ACKNOWLEDGEMENT .......................................................................................................................... 4 ABSTRACT ................................................................................................................................................. 5 LIST OF FIGURES .................................................................................................................................... 9 CHAPTER 1: INTRODUCTION ............................................................................................................ 10 1.1 Introduction ..................................................................................................................................... 11 1.2 Historical Background.................................................................................................................... 12 1.2.1 Earlier Research ......................................................................................................................... 12 1.2.2 Recent Research......................................................................................................................... 12 1.3. Goal and objectives of the project ................................................................................................ 12 1.4. Literature Review .......................................................................................................................... 12 1.5. Organization of the project ........................................................................................................... 12 CHAPTER 2: SYSTEM ANALYSIS ...................................................................................................... 14 2.1 Overview .......................................................................................................................................... 15 2.2 Existing System ............................................................................................................................... 15 2.3 Proposed System ............................................................................................................................. 15 2.4 Feasibility Analysis ......................................................................................................................... 16 2.4.1 Technical Feasibility ................................................................................................................... 16 2.4.2 Economical Feasibility ................................................................................................................ 16 2.4.3 Operational Feasibility ............................................................................................................... 16 CHAPTER 3: SYSTEM FEATURES ..................................................................................................... 18 3.1. User-End ......................................................................................................................................... 12 3.1.1 User Login .................................................................................................................................. 16 3.1.2 User Registration........................................................................................................................ 16 3.1.3 User Viewport ............................................................................................................................ 16 3.2. Admin-End ..................................................................................................................................... 20 3.2.1 Manage User .............................................................................................................................. 20 3.2.2 Administrator ............................................................................................................................. 20 3.3. Guest-End ....................................................................................................................................... 20 3.3.1 Guest Viewport .......................................................................................................................... 20 3.4 Use Case Diagram ........................................................................................................................... 21 3.5 E-R Diagram.................................................................................................................................... 23 CHAPTER 4: SYSTEM DESIGN ........................................................................................................... 24 7 4.1 Overview .......................................................................................................................................... 25 4.2 Input and Output Design................................................................................................................ 25 4.2.1 Input Design ............................................................................................................................... 25 4.2.2 Output Design ............................................................................................................................ 26 4.3 Database ........................................................................................................................................... 26 4.4 System Tools .................................................................................................................................... 27 4.5 Before Start Design ......................................................................................................................... 27 4.5.1 Hardware Requirements ............................................................................................................ 27 4.5.2 Software Requirements ............................................................................................................. 27 4.6 Front End......................................................................................................................................... 27 4.7 Back End .......................................................................................................................................... 27 4.8 Database ........................................................................................................................................... 32 CHAPTER 5: METHODOLOGY........................................................................................................... 33 5.1: Methodology ................................................................................................................................... 34 4.5.1 Characteristics of an Incremental module includes................................................................... 34 5.2 Project Structure: ........................................................................................................................... 35 CHAPTER 6: SCREENSHOT WITH PROJECT DETAIL ................................................................ 36 6.1 Main Interface ................................................................................................................................. 37 6.2 Menu Bar and Footer Interface ..................................................................................................... 38 6.3: Different Category view Interface ................................................................................................ 39 6.4 User Logout Interface ..................................................................................................................... 40 6.5: Admin Login Interface .................................................................................................................. 41 6.6: Admin Dashboard Interface ......................................................................................................... 41 6.7 Admin Edit Category Interface ..................................................................................................... 42 6.8: Manage All Post Interface............................................................................................................. 42 6.9: Add New Post Interface................................................................................................................. 43 CHAPTER 7: FUTURE PLAN AND CONCLUSION .......................................................................... 44 7.1 Future Plan ...................................................................................................................................... 45 7.2 Conclusion ....................................................................................................................................... 45 REFERENCE ............................................................................................................................................ 44 8 LIST OF FIGURES Figure 1: Use Case for User ........................................................................................................................ 21 Figure 2: Use Case for Admin .................................................................................................................... 22 Figure 3: Use Case for Guest ...................................................................................................................... 22 Figure 4: ER Diagram ................................................................................................................................. 26 Figure 5: Database ...................................................................................................................................... 26 Figure 6: Hide Admin Bar .......................................................................................................................... 35 Figure 7: Methodology Plane……………………….……………………………………………………………………………..…………34 Figure 8: Project Structure .......................................................................................................................... 37 Figure 9: Mainp Interface ........................................................................................................................... 38 Figure 10: Menu Bar Interface .................................................................................................................... 38 Figure 11: Footer Interface ......................................................................................................................... 39 Figure 12: Latest News Interface ................................................................................................................ 39 Figure 13: Special News interface ............................................................................................................... 39 Figure 14: Sport Interface ........................................................................................................................... 40 Figure 15: User Logout Interface ................................................................................................................ 41 Figure 16: Admin Login Interface ............................................................................................................... 41 Figure 17: Admin Dashboard Interface ...................................................................................................... 42 Figure 18: Admin Edit Category Interface ................................................................................................. 42 Figure 19: Manage All Post Interface ......................................................................................................... 42 Figure 20: Add new Post Interface ............................................................................................................. 42 9 CHAPTER 1: INTRODUCTION 10 1.1 Introduction Now-a-days we live in age of Information Communication and Technology (ICT). We can’t think a single moment without technology. From morning to night, we need help of the technology. This is the revolutionary time of computer technology. Most of the works depends on web application. For this reason, anytime, anywhere, anyone can access a website by internet at low cost and we can find our expectable and most update information from website. At present information is one the most valuable resource of the current world. We have developed our project so that we can aware the people. The online news portal has been developed to override the problems prevailing in the practicing manual system. The main purpose of the project is intended to develop a portal for management of Web based news. The portal provides a suitable and easy display for which large population around the world can learn or will have the knowledge about the world. No formal knowledge is needed to use this portal. The portal has basically two user parts where one is user who can view, add comment, can have subscribe the newsletters or games and another is administrator who will manage or control the website and other user can only view, search and can add comments if name and email is given, but with the approval of administrator. The website consists of basic pages from which the user can view and know the relevant information according to various categories which administrator given. In other case, the are many administrators if the main admin can give access, then they manage all the relevant actions for which the users can view properly and also make reports. 11 1.2 Historical Background 1.2.1 Earlier Research ➢ WordPress user authentication. ➢ WordPress default theme implementation. ➢ WordPress default admin Section. ➢ Database management. 1.2.2 Recent Research ➢ WordPress ColorMug Theme implementation. ➢ Elementor implementation for customize the theme ➢ ColorMug Theme related plugins implantation. ➢ WordPress connect with the MySQL database. 1.3. Goal and objectives of the project The main purpose of this project is to develop a web application for Online News Paper website that can aware the people. Some objectives are: ➢ The objective of this project is to provide the daily news. ➢ Those people who don’t have time to read the newspaper and always linked with internet can get more information. ➢ Anytime, anywhere, anyone can know about the news or information by internet at low cost. ➢ Dynamically provides facility. ➢ Once a news item is put on the internet, it becomes instantly available for use round the globe without additional variable cost. ➢ You don’t have to wait for newspaper in morning. ➢ Money and time will also save. The main reason for designing an Online News Paper website is managing the all-news easily. Some of the goals are: ➢ Building a Web News Portal. ➢ add any new information without any complexity. ➢ Tracking all the information of news category, comments, sports news etc. 12 ➢ Managing the information of news category. ➢ Collecting user data. 1.4. Literature Review A lot of project work has carried on Online News Portal System. At the present time, Online News Portal websites are available. But most of this website is static and traditional. There is no feature that can make people awareness. This is why we have done this project. Our project has many features that can aware the people. By using this website one can get more and more information that helps the people in their daily life. 1.5 Organization of the Project In this project we have develop an Online News Portal website. It is a dynamic system. It can be maintained and changed easily because it is based on database. It’s contained web pages that are generated in real-time. These pages include Web Application WordPress and scripting code, such as PHP. It is fully secured from unauthorized access. In a word it can say that our Online News Portal website is a completely dynamic website. To create the software, we have worked on all possible types of basic codes used for principal design based on mainly on WordPress using ColorMug Theme. PHP, CSS and HTML code automatic generate when the theme customized. Here we have used incremental model to create the software. We have collected all kinds of information related to this software from the demo Website Prothom Alo. Actually, it is one kind of Customized software products. The project background model specially designed on the basis of WordPress (certain web programming language like PHP, MYSQL, JAVASCRIPT, CSS etc. are auto generated). In extreme case need any special requirements the it can add external web programming language like PHP, MYSQL, JAVASCRIPT, CSS etc. In following section here, we are going to give a brief description about this language in this project. 13 CHAPTER 2: SYSTEM ANALYSIS 14 2.1 Overview System analysis is the process of collecting and interpreting facts, diagnosing problems and using data to recommend system development. System analysis is a problem-solving task that requires in-depth communication between system users and system developers. System analysis or study is an important part of any system development process. The system is considered complete, inputs are identified and the system is considered to close the survey to identify problem areas. Solutions are offered as a suggestion. The suggestion is reviewed at the user's request and appropriate changes are made. This opens as soon as the user is satisfied with the suggestion. 2.2 Existing System System Analysis is a detailed study of the various operations performed by a system and their relationships within and outside of the system. Though this is a demo website so it is established site. But in this system analysis can be categorized into four parts. ➢ System planning and initial investigation. ➢ Information Gathering. ➢ Applying analysis tools for structured analysis. ➢ Feasibility study. 2.3 Proposed System In the proposed system maximum think are same with the existing system. But we can try to add some additional facilities in this system that helps the admin to manage the system. This project is several advantages: ➢ User friendly interface for user and admin also. ➢ Fast access to database ➢ No extra charge levied 15 ➢ Less error ➢ More storage capacity ➢ Search facility ➢ Look and feel environment ➢ Quick transaction 2.4 Feasibility Analysis Whether we think need not be feasible. It is wise to think about the feasibility of any problem we undertake. Feasibility is the study of impact, which happens in the organization by the development of a system. The impact can be either positive or negative. When the positives nominate the negatives, then the system is considered feasible. Here the feasibility study can be performed in three such as technical feasibility, Economical feasibility and operational feasibility. 2.4.1 Technical Feasibility We can strongly say that it is technically feasible, science there will not be much difficulty in getting required resources for the development and maintaining the system as well. All the resources needed for the development of the software as well as the maintenance of the same is available in the organization here we are utilizing the resources which are available already. 2.4.2 Economical Feasibility Development of this application is highly economically feasible. The economic feasibility step of business development is that period during which a break-even financial model of the business venture is developed based on all costs associated with taking the product from idea to market and achieving sales sufficient to satisfy debt or investment requirements. 2.4.3 Operational Feasibility No doubt the proposed system is fully GUI based is very user friendly and all inputs to be taken all self-explanatory even to a layman. Besides, a proper training has been conducted to let know the essence of the system to the user so that they feel comfortable with new system. As far our 16 study is concerned the clients are comfortable and happy as the system has cut down their loads and doing. 17 CHAPTER 3: SYSTEM FEATURES 18 3.1 User-End 3.1.1 User Login Description of feature: This is the feature that the user uses to sign in to the system. The user must log in with their username and password in the system after registration. If this method is invalid, the user is not allowed to enter the system. Functional Activities: ➢ Username and password will be provided after user registration is confirmed. ➢ The password should be hidden from others while you type it in the field. 3.1.2 User Registration Description of feature: The new user will have to sign up for the system by providing important information to view system products. 3.1.3 User Viewport Description of feature: ➢ A user can sign up for a profile if he/she doesn’t have one already. ➢ The user can view the different news. ➢ The user can read a particular news in detail by clicking on the news link. ➢ The user has options to post comments. ➢ The user has options to search the news based on subcategory or words in the search box. ➢ The user can change his/her password. ➢ The user has the option to get the password if he/she forgets her password. Functional Activities: ➢ The system must ensure that only a registered users get extra features. 19 3.2 Admin-End 3.2.1 Manage User Description of feature: ➢ Administrator can add user, remove user, view user. 3.2.2 Administrator Description of feature: ➢ Administrator can add/ modify/ delete category details. ➢ Administrator can add/ modify/ delete sub category detail. ➢ Administrator can add/ modify/ delete post/news details. ➢ Administrator can approve/disapprove the comments entered by the users. ➢ Administrator can add/ modify/ delete the images in the gallery. ➢ Administrator can change his/her password. ➢ Admin can give the particular access for any other administrator if he connects with the system. Functional Activities: ➢ The system must indicate the administrator login. ➢ Admin account must be protected so that only the owner of the news portal can access that account. 3.3 Guest-End 3.3.1 Guest Viewport Description of feature: ➢ The guest can view the different news. ➢ The guest can read a particular news in detail by clicking on the news link. Functional Activities: 20 ➢ No need to create account to view the portal. 3.4 Use Case Diagram In the Unified Modeling Language (UML), a use case diagram can summarize the details of your system's users (also known as actors) and their interactions with the system. To build one, you'll use a set of specialized symbols and connectors. USER Figure 1: Use Case for User ADMIN 21 Figure 2: Use Case for Admin GUEST Figure 3: Use Case for Guest 22 3.5 E-R Diagram ER diagrams help to explain the logical structure of databases. ER diagrams are created based on three basic concepts: entities, attributes and relationships.ER Diagrams contain different symbols that use rectangles to represent entities, ovals to define attributes and diamond shapes to represent relationships. Figure 4: ER Diagram for Online News Portal 23 CHAPTER 4: SYSTEM DESIGN 24 4.1 Overview System design is the solution for building a new system. This section focuses on the detailed implementation of the program. It focuses on the translation of the application specification details. The design of the system has two stages of development ➢ Logical Design ➢ Physical Design Body structure logical design phase the analyst describes inputs (sources), outputs (locations), data details (data wounds) and processes (data flow) all in a format that meets the needs of the user. The analyst also clarifies user needs at a level that determines the flow of information within and outside the system and data resources. Logical design is done with data flow diagrams and information formats. Visual design is followed by physical design or coding. Body design produces a functional plan by defining the design details, specifying exactly what the candidate's plan should do. 4.2 Input and Output Design 4.2.1 Input Design Input design is a link that binds the information system in the world of its users. Input design includes input data validation, minimizing data input and providing space for multiple users. Inaccurate inputs are the most common cause of data usage errors. Errors inserted in data entry operators can be controlled by input build. User input is converted to a computer-based format in the input build. Input data is collected and organized into groups of similar data. Once displayed, the appropriate input media is selected for processing All input data is verified and if any data violates any conditions, the user is alerted with a message. If the data satisfies all the conditions, it is transferred to the appropriate tables in the database. For this project student details will be included during registration. The page is designed for this purpose that is easy to use and easy to use. The design is so optimized that users get the right messages in case something different happens. 25 4.2.2 Output Design Computer output is a very important and direct source of information for the user. The design of the output is a very important phase because the output needs to be efficient. An effective and intuitive output design enhances system-user relationships and assists decision-making. Allowing the user to view a screen sample is important because the user is the best output quality judge. The output module of this program is the notifications selected. 4.3 Database Database Design Databases are data repositories used in software applications. The data is stored in tables within the database. Several tables are for the use of system information. Two important database settings are ➢ Primary Key: A separate field for all record operations. ➢ Foreign Key: The field used to set the relationship between the tables. Normalization is a technique to avoid redundancy in the tables. Figure 5: Database 26 4.4 System Tools The various planning tools used to create both the front and back end of the project are discussed in this chapter. 4.5 Before Start Design To make web application for Online News Paper website it is need to select a standard PC that can support XAMPP. 4.5.1 Hardware Requirements ➢ Processor: Intel core 2 Duo or above ➢ Memory: 2 GB RAM or above ➢ Cache Memory: 128 KB or above ➢ Hard Disk: 30 GB or above [at least 3 MB free space required] 4.5.1 Software Requirements ➢ Software Used: WordPress ➢ Database: MySQL ➢ User Interface Design: WordPress Theme: ColorMug ❖ Front End: HTML, CSS, Bootstrap, jQuery, JavaScript (Automatic done by the theme can be customized). ❖ Back End: Using PHP, Elementor, Plugins ➢ Web Browser: Google chrome, Mozilla Firefox, Opera, Microsoft Edge ➢ Server: XAMPP Server 4.6 Front End WordPress are utilized to implement the frontend. It including COLORMUG Theme. HTML, CSS, Bootstrap, jQuery, JavaScript Automatic done by the theme customized. WORDPRESS: WordPress is the simplest, most popular way to create your own website or blog. In fact, WordPress powers over 43.0% of all the websites on the Internet. Yes – more than one in four websites that you visit are likely powered by WordPress. On a slightly more technical level, 27 WordPress is an open-source content management system licensed under GPLv2, which means that anyone can use or modify the WordPress software for free. A content management system is basically a tool that makes it easy to manage important aspects of your website – like content – without needing to know anything about programming. The end result is that WordPress makes building a website accessible to anyone – even people who aren’t developers. COLORMUG THEME: The ColorMag WordPress theme is a free theme designed for news, magazines and other online publications but can also be used as a multi-purpose theme. The ColorMag theme is the brainchild of Theme Grill designers and founder Sanjip Shah and Rabin Shrestha. Since the start of ThemeGrill, this duo has created over 15 different Free and Pro versions of their WordPress themes. Including the other widely popular Spacious theme, which is ideal for any type of business (especially SaaS businesses). The features of the ColorMag WordPress theme are great for a free theme. So, we’re going to take a look at the few that are at the core of this article-driven free WordPress theme. HTML: Hypertext Markup Language (HTML) is the standard language for marking texts designed to be displayed in a web browser. HTML is the standard markup language for creating Web pages. ➢ HTML stands for Hyper Text Markup Language ➢ HTML describes the structure of Web pages using markup ➢ HTML elements are the building blocks of HTML pages ➢ HTML elements are represented by tags ➢ HTML tags label pieces of content such as "heading", "paragraph", "table", and so on ➢ Browsers do not display the HTML tags, but use them to render the content of the page CSS: Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable. CSS handles the look and feel part of a web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, what 28 background images or colors are used, layout designs, and variations in display for different devices and screen sizes as well as a variety of other effects. CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML document. Most commonly, CSS is combined with the markup languages HTML or XHTML. JAVA SCRIPT: JavaScript (JS) is a structured language that is lightweight, translated, or up-to-date with first-class tasks. Although it is widely known as the writing language of Web pages, many non-browser sites also use it, such as Node.js, Apache Couch DB and Adobe Acrobat. jQuery: jQuery is a lightweight, "write less, do more", JavaScript library. The purpose of jQuery is to make it much easier to use JavaScript on your website. jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code. jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation. The jQuery library contains the following features: ➢ HTML/DOM manipulation ➢ CSS manipulation ➢ HTML event methods ➢ Effects and animations ➢ AJAX ➢ Utilities Bootstrap: Bootstrap is a large collection of usable, usable codes written in HTML, CSS, and JavaScript. There are also prior developments framework that enables developers & designers to quickly build fully responsive websites. 4.7 Back End 29 PHP: ➢ PHP stands for PHP: Hypertext Preprocessor ➢ PHP is a server-side scripting language, like ASP ➢ PHP scripts are executed on the server ➢ PHP supports many databases (MYSQL, Informix, Oracle, Sybase, Solid, Generic ODBC, etc.) ➢ PHP is an open-source software ➢ PHP is free to download and use Plugins: Ultimate Dashboard: Ultimate Dashboard allows you to create a custom WordPress dashboard for you and your clients. Replace the default WordPress dashboard widgets with your own and give the WordPress dashboard a more meaningful use. Ultimate Dashboard is a clean & lightweight plugin that was made to optimize the user experience for clients inside the WordPress admin area. Classic Editor: Classic Editor is an official plugin maintained by the WordPress team that restores the previous (“classic”) WordPress editor and the “Edit Post” screen. It makes it possible to use plugins that extend that screen, add old-style meta boxes, or otherwise depend on the previous editor. Hide Admin Bar Based on User Roles: WordPress allows each user to disable the admin bar by simply editing their user profile. As a site owner, you can also edit other user’s profiles and disable the admin bar for them. If you want to disable the admin bar for any particular user in WordPress, you’ll need to edit their user profile. Simply go to the Users » All Users page and then click on the ‘edit’ link for any user you want to disable the admin bar for. 30 Figure 6: Hide Admin Bar Login Logout Register Menu: Login Logout Menu plugin will help you to add the dynamic login and logout menu to any menu of your WordPress website. You can also set the Login Page URL, Login redirect URL, and logout redirect URL. The menu item will change based on the current user status (Login or Logout). You can use the following plugin short codes to display the Login, Logout, Register, Password reset, Username and Profile links on your website pages. ➢ login_logout_menu__login_link ➢ login_logout_menu__logout_link ➢ login_logout_menu__profile_link ➢ login_logout_menu__register_link ➢ login_logout_menu__username_link ➢ login_logout_menu__reset_pass_link ➢ login_logout_menu__login_logout_link Elementor: Elementor is a visual WordPress website builder that replaces the basic WordPress editor with a live frontend editor, so you can create complex layouts visually, and design your website live, without having to switch between the editor and the preview mode. With Elementor, you can create beautiful and functional designs without needing to use code or CSS, and without relying on developers for help. The designs that you create are responsive by default, which means they’ll automatically look great on desktop, tablet, and mobile. Sina Extension for Elementor: This is an extension or addon for Elementor page builder. It will extend the Elementor and increase web page building experience. It has 38 useful & high-quality 31 widgets or addon and 2 creative extenders. Which may use for easy & fast make the page & display the content far better way. Bangla Date Display Plugin: Displays Bangla, Gregorian and Hijri date, Archive Calendar, time, name of the day, name of the current season of Bangladesh etc. in Bangla language! Options available for displaying post/page’s default (English) time, date, comment count, numbers etc. in Bangla language! 4.8 Database MySQL: ➢ MYSQL is a database server ➢ MYSQL is ideal for both small and large applications ➢ MYSQL supports standard SQL ➢ MYSQL compiles on a number of platforms ➢ MYSQL is free to download and use LOCAL SERVER: Local Server means a computer server used by Customers to host one or more Customer Sites. XAMPP: XAMPP is a completely free, easy-to-install Apache distribution containing MariaDB, PHP, and Perl. 32 CHAPTER 5: METHODOLOGY 33 5.1: Methodology We have used incremental method on the proposed system. Incremental Model is a process of software development where requirements are broken down into multiple standalone modules of software development cycle. Incremental development is done in steps from analysis design, implementation, testing/verification, maintenance. 5.1.1 Characteristics of an Incremental module includes ➢ System development is broken down into many mini development projects ➢ Partial systems are successively built to produce a final total system ➢ Highest priority requirement is tackled first ➢ Once the requirement is developed, requirement for that increment is frozen Figure 7: Methodology Plan 34 5.2 Project Structure: Before we start building, let’s take a look at the basic structure of this project. Templates: This project will focus on 4 main templates, assets, scope app and views. Figure 8: Project Structure 35 CHAPTER 6: SCREENSHOT WITH PROJECT DETAIL 36 6.1 Main Interface Figure 9: Main Interface 37 6.2 Menu Bar and Footer Interface Figure 10: Menu Bar Interface Figure 11: Footer Interface 38 6.3: Different Category view Interface Figure 12: Latest News Interface Figure 13: Special News Interface 39 Figure 14: Sport Interface 6.4 User Logout Interface Figure 15: User Logout Interface 40 6.5: Admin Login Interface Figure 16: Admin Login Interface 6.6: Admin Dashboard Interface Figure 17: Admin Dashboard Interface 41 6.7 Admin Edit Category Interface Figure 18: Admin Edit Category Interface 6.8: Manage All Post Interface Figure 19: Manage All Post Interface 42 6.9: Add New Post Interface Figure 19: Add New Post Interface 43 CHAPTER 7: FUTURE PLAN AND CONCLUSION 44 7.1 Future Plan ➢ Want to expand the facilities of this project. ➢ Work with large number of source and large data sets. ➢ Make video conferencing system. ➢ Manage news reporting system. ➢ Update our database and sensibility level could add be added. 7.2 Conclusion In our project work, an attempt has been made to develop a News or information-based web site. We develop this project that helps the people and make them aware so that they can know any news. To establish this website, we use various methodologies. To develop this project, we have faced many problems but we hardly tried to develop this project. Our supervisor helps us by giving his valuable opinion, decision and time. 45 REFERENCE: [1] WordPress, [Online]. Available: https://wordpress.com/create/?aff=15767&cid=1654213&cmp_id=11549382845&adg_id =111353876614&kwd=wordpress&device=c) [2] ColorMug Theme, [Online]. Available: https://wordpress.org/themes/colormag/ [3] https://wordpress.org/plugins/ [4] https://cutt.ly/iOcoKuB [5] https://elementor.com/blog/what-is-elementor-for-wordpress/ [6] https://www.lucidchart.com/pages/ [7] https://awesomeopensource.com/project/DigitalKwarts/classy 46