Design And Implementation Of Electrical / Electronics Department Website

Project and Seminar Material for Computer Science and Computer Engineering

Design And Implementation Of Electrical / Electronics Department Website


For a long time, the department of Electrical/Electronic of this college has not had a website with guaranteed continuity. Several students in past had made attempts to achieve this but all to no avail. Eventually, with the implementation of this project,the department now has a functional website.

The Website User Interface is designed using the elements of HTML,CSS and Bootstrap, while the functionality is done using PHP. The web application simply updates the database by uploading a formatted CSV file through querying of MYSQL. The website uses some special CSS features and jquery to achieve responsiveness. In addition, the web application obtains useful information from the commondata.

By the time it is fully implemented, it would have solved several problems and created a brand new tool for the Electrical department administration – Challenging student performance and progress with the EEEtop-up in place, getting more enlightened in the field through divers seminars presented in the past, seeing records of alumni and those who had performances worthy of emulation, all at the tap of a button.

Chapter One


1.1 Definition

Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production and graphic design. While the terms web design and web developments are often used interchangeably, web design is technically a subset of the broader category of web development. Websites are created using a markup language called HTML. Web designers build webpages using HTML tags that define the content and metadata of each page. The layout and appearance of the elements within a webpage are typically defined using CSS, or cascading style sheets. Therefore, most websites include a combination of HTML and CSS that defines how each page will appear in a browser. Some web designers prefer to hand code pages (typing HTML and CSS from scratch), while others use a “WYSIWYG” editor like Adobe Dreamweaver. This type of editor provides a visual interface for designing the webpage layout and the software automatically generates the corresponding HTML and CSS code. Another popular way to design websites is with a content management system like WordPress or Joomla. These services provide different website templates that can be used as a starting point for a new website. Webmasters can then add content and customize the layout using a web-based interface. While HTML and CSS are used to design the look and feel of a website, images must be created separately. Therefore, graphic design may overlap with web design, since graphic designers often create images for use on the Web. Some graphics programs like Adobe Photoshop even include a “Save for Web” option that provides an easy way to export images in a format optimized for web publishing. [1]

1.2 Types of Webdesign

  1. Static website-small websites
  2. Basic Brochure website
  3. Advanced static website
  4. Dynamic website Design- large/complex websites
  5. Content Management System(CMS) websites
  6. eCommerce website

1.3 Application of Webdesign

1.3.1 Static Website Design – Small Websites

A static website is one without any server-side functionality and has no database or interactive content. Static web design is appropriate for smaller websites that don’t need any complex features or content. Static websites can still be designed to look really good with stylish graphics and content, they just can’t do anything clever based upon any behind-the-scenes programming. The advantage is that a static website is easier, faster and cheaper to design and build but is still professional and stylish. [2]

1.3.2 Basic Brochure Website

For individuals and small businesses with a low budget; a simple but professional website that acts as a brochure or advert for you and your business. [2] Brochure websites can have as few as one or two pages (usually five or six) and typically follow a common format:

  1. Home Page – an eye-catching introduction to your business with clear summary information about what you do
  2. About / Philosophy – who you are, your credentials and your values
  3. Your Services – one page for each different service you offer
  4. Contact – a contact form, address/telephone/email, location map
  5.  Links
1.3.3 Advanced Static Website

For small/medium businesses: static websites can be enhanced with advanced web design features to make them slick, stylish and interesting including: [2]

  1. Drop-down navigation
  2. Animated jQuery (JavaScript) effects
  3. Flash content
  4. Multimedia (video/audio)
  5. News page
  6. Social Network plugins
  7. Image gallery
1.3.4 Dynamic Website Design – Large/Complex Websites

Dynamic websites make use of server-side programming and databases to store and deliver the content. This allows web pages to perform more complex functions and display complex data and interactive content. This is the standard way that larger websites are designed as it makes adding large numbers of pages based upon the same template very easy. The down side is that it requires more initial work than a static website so it isn’t economical for small sites. [2]

1.3.5 Content Management System (CMS) Website

For a firm who want to make frequent changes/updates or want full control over their website CMS is the ideal design for them. A CMS can be part of just about any kind of website. Depending on your needs this can be as simple as the ability to add new items to a news page or image gallery, or full what-you-see-is-what-you-get (WYSIWYG) control over the content of each page. [2]

1.3.6 eCommerce Websites

For businesses that make money through their website either by selling goods from an online shop or offering premium (paid for) online services. This can range from simple integration with PayPal to sell a small number of items in an online shop where PayPal handles the entire checkout and stock-management process to large, self-contained shops which securely process credit card payments for hundreds of items. eCommerce websites are (almost) always dynamic and database driven and usually have the provision for the client to add new items and update prices, descriptions, images and stock levels from a dedicated admin system. [2] Sometimes some of the features of an eCommerce website will be integrated into a different kind of website e.g. a

Band/Musician might have a website with images, news and information about their music but also has the ability to sell that music as a digital download.

1.4 Scope Of Project

The software environment in which the application will be deployed will comprises of

  1. Web server to host application
  2. Web browser (independent of OS) to access application
  3. Mobile application for android devices

The application will be hosted on a web server. This is necessary because the administrative backend and the detailed application will be based on PHP. The administrative end will be accessed via a web browser on the PC. This will not be dependent on the OS since it is web based. The student end will run on Android OS.

The hardware environment in which the application will be deployed will consists

  • PC
  • Mobile devices and Tablets

The human environment on which it will be deployed will comprises of

  • Student
  • Returning students
  • Alumni
  • Staff
  • Lecturers
  • HOD
  • Admin
  • Maintenance and application manager
  • Developer

The updating and upload of data will be done on PCs. The administrative end is intended to be assessed from a PC. However, students who would like to see their information will be able to do that on their phones or other mobile devices compatible.

1.5 Aim and Objectives

1.5.1 Aim:

To design and implement a website for Electrical-Electronic Engineering Department.

1.5.2 Objectives:
  1. To design a responsive Website that will be active and durable, unlike the previous sites.
  2. To create and link Database of students both past and present.
  3. To connect the department to the World Wide Web, hence giving room for ample development yet to be conceived.
  4. To create a site where students can have access to seminar materials, information from lecturers and past questions of courses.
  5. To host the Site with the domain name “EEEOOUIBOGUN”

1.6 Justification

Ease of accessibility as far as technology is concerned, this in connection with stress-free dissemination of information and notification between students of the department and the staffs, and also a means of keeping the profile of the alumni for reference and recognition. In addition to the aforementioned points, the site is design to meet responsive specification at this it stands a chance of continuity as it can be accessed with all forms of gprs enabled devices without shrinking.

1.7 Specification

To design and implement a Responsive Website for the department of Electrical Electronics Engineering, with a hosting of one years

The Website will be able to perform the following functions;

  1. Download of Lecture notes by students.
  2. View best performance student in each course.
  3. Profile of Alumni and Current Student.

News alert and current trends of information accessible by the department to the student.
Upload and Download of seminars by lecturers and Students for reference and learning purpose by the Lecturers and Administrator.

Chapter Five

Conclusion and Recommendation

5.1 Conclusion

The Web took the world by storm, and as a result developed rapidly in many directions. However, it still exhibits many aspects of its early development, such as its visual and computer-screen orientation. But the Web is still developing rapidly: there are now more browsers on mobile telephones than on desktops, and there is a vast diversity in types of devices, types and orientations of screens, and sizes (in number of pixels), and resolutions (in dpi) of screens. It is with great excitement that we present this project. It makes use of technology to a large extent to propagate result information, draw relevant but obscure information from common data and help both students and the administration to see another medium of conversing and sharing of information.

Most web-based applications are developed on Open Source platforms. Open Source development frameworks are free pieces of software that are maintained and supported by online communities. The benefit of this at a business level is the cost effective solutions such platforms can provide. No longer do you have to pay for software licenses and support contracts – everything is free except for the development of the application itself.

Every web-based application is cross platform compatible. This means that they will run on any type of computer with any type of operating system providing the workstation has a compatible web browser installed. From a business point of view, you no longer have to worry about whether your Mac users can access your Windows applications or visa-versa.

With the introduction of SSL Certificates some time ago, web-based applications are now considered to be 100% secure. You do not have to worry about your company data getting into the wrong hands. Use of SSL Certificates will ensure that every piece of data sent via the Internet is encrypted from point to point.

5.2 Recommendation

Upon completion of this project, we hereby recommend the followings;

  1. The Android Application can be extended to incorporate the school management system
  2. The school should adopt the application
  3. Members of the teaching staff should disseminate information through it, this alone will ensure constant visit of the site amongst other reasons.
  4. HOD should appoint someone in respect of being in charge of the admin, who will be responsible for it being active.
  5. If eventually the system is adopted, it should be integrated with the existing school management system instead of being run as an independent application.

Project Material Download

5,000 5000

The Complete Material Will Be Sent to You in Just 2 Steps

Quick & Simple…

Step One Purchase

Make Payment (Through Transfer) of ₦5,000 to Any of the Account Below

Access Bank PlcAcc No: 0811003731
Samphina Academy
Current Account
Zenith BankAcc No: 1225513212
Samphina Academy
Current Account
PalmPay Main LogoAcc No: 8143831497
Samphina Academy
Digital Account

Or CLICK HERE To Pay With Debit Card

CLICK HERE To Purchase Material ($15)
Make Payment of 120 GHS to 0553978005 | Douglas Cloud Osabutey | MTN MoMo

Step Two Purchase

Send the Following Details on WhatsApp ( 08143831497) After Payment

  1. Payment Details

  2. TOPIC: Design And Implementation Of Electrical / Electronics Department Website

The Complete Material Will Be Sent To You On WhatsApp After Receiving Your Details
T & C Apply

  Contact Our Help Desk

Need a Different Topic? Perform a Quick Search

List of Related Works

Click on Any Topic to Preview the Content

Samphina Academy

Samphina Academy is an Online Educational Resource Center that is aimed at providing students with quality information and materials to aid them in succeeding in their academic pursuit.