Interactive E-Learning for Digital Image Processing

DOI : 10.17577/IJERTCONV5IS01010

Download Full-Text PDF Cite this Publication

Text Only Version

Interactive E-Learning for Digital Image Processing

Ajitha Nair1, Milouni Desai2, Purnima Hebbagil3,


Electronics, Atharva College of Engineering, Mumbai, India 1, 2, 3

Namrata Lade4

Assistant Professor,

Electronics, Atharva College of Engineering, Mumbai, India 4

Abstract: E-learning is a neoteric and intuitive way of ed- ucation. It is one of the most commodious technologies, which is based on the internet. Due to advancements in technology, people now a day aspire to gain knowledge at their own pace and in their own time. E-learning provides a global platform for the collaboration of such educators and knowledge seekers. This system has been developed to learn and understand some basic concepts of Digital Image Processing through an interac- tive website. Digital Image Processing is an approach of apply- ing different techniques, protocols and algorithms to transform and enhance the image. Digital Image Processing is a technique which can be best understood when visualised. The main ob- jective of this system is to perceive the concepts of Digital Image Processing in a preferable way. This system has been built by using various front-end and back-end technologies as well as database.

Keywords: E-Learning, Digital Image Processing, Web- site, Front-end technology, Back-end technology, Data- base


    Interactive e-learning for Digital Image Processing is a tech- nique which can be widely used to study, understand and visualize the concepts of Digital Image Processing. How- ever, the traditional learning methods using books now seems dull and unexciting. This project proposes a technique wherein a website can be used by knowledge enthusiasts to learn Digital Image Processing in an alluring way. It is cost effective compared to traditional learning [1].


    Dr.P.Nagarajan and Dr.G.Wiselin Jiji [1] proposed that the sinuous edifice of online educational system consist of three ethics which are Design, Implementation and proper Post Implementation Assessment. The knowledge and experi- ence in those facets are lacking. For productive execution of these three pursuits, the requirement of design and educa- tional models are necessary to gain the time and cost effi- ciency along with improved academic quality. They imple- mented a universal formulation of models and also a frame- work for finding patterns which improves online educational system for both knowledge seekers and givers which brings effective evaluation of learning process. Nguyen Huu Phuoc Dai, Duong Van Thinh, Rajnai Zoltán [2] proposed that e- learning is an impactful method of learning which super- sedes the traditional learning method. Their survey results of

    the students response towards e-learning showed that Viet- namese students were pleased with e-learning method. Also in their research they recognised that Vietnamese students needed e- learning for their full-time training courses and also for their part-time courses.


    The proposed system revolves around a 4 layered hierar- chical structure.

    1. User Here, a user is a knowledge seeker who desires to learn Digital Image Processing with the help of the website. The user will be identified by the system with users user name and password.

    2. Client-side Interface (Web Browser) In this system, the web browser is simply a platform provided for the user to retrieve the required information.

    3. Server-side Processor It is the link between the user and data source. It passes on the results of the requested infor- mation by the user, to the web browser which is ultimately displayed to the user.

    4. Data Source It is simply the source of the data. Here it is a database on a Database Management System.

    Implementation steps:

    The implementation steps are shown in Fig 1. It shows the User Interface (UI) process that takes place within a website. The steps can be summarised as explained below.

    1. User defines a query.

      User will login to the website using their username and password and will request for access of required infor- mation.

    2. Query is sent.

      Users Query is passed on to the Server-side agent by the web browser.

    3. Response of server-side agent.

      Server-side agent processes the Query and asks the Data Source for the required information.

    4. Data Source returns Query results

      In response to the Server-side agents Query, Data Source will forward the required results.

    5. Server-side agent returns Query results.

    The results are eventually displayed to the user on the web-browser.

    1. HTML5

      Fig 1: UI Process



    Interactive e-Learning for Digital Image Processing is a so- lution to restraint the various inconveniences in the tradi- tional learning approach. This project has employed various technologies and their optimisations to achieve this goal. Learners can also test their knowledge by attempting the tests and quizzes provided in the website. Through this pro- ject, the aim is to make studying Digital Image Processing respite and easy to perceive.

    HTML is a mark-up language used for building web pages and web applications.


      Used to provide interactivity to website


      It is a simple methodology for adding style like fonts, colours, spacing etc. to Web documents.


      Structured query language is a domain specific language which is used to send queries to database and access it.

    4. MySQL

      It is an open source relational database management sys- tem. It is reliable, fast and easy to use and uses standard SQL.


    A Common Gateway Interface (CGI) and basic-level server API programming such as NSAPI (Netscape) and ISAPI (Microsoft) is also known as servlets or server- side applets.


In this project, a website will be developed for learning digital image processing. It will include various modules and will contain quizzes for each module to test if the concepts are cleared. It will also contain online MATLAB compiler to compile MATLAB codes for digital image processing online. Interactivity to learn concepts will be included.


  1. Video Sessions Learning can be made more com- prehensible by including various video sessions by educators all over the world.

  2. Android Application The system can be developed on an android platform where instant push notifica- tions can be given.

  3. Online Certified Courses – Studying for a certifica- tion raises the conceptual understanding of the tech- nology.

  4. Live Tutorial Sessions Introducing live tutorials would help in quick responses for learners doubts regarding the subject.


We would like to express our sincere thanks to our guide Mrs. Namrata Lade for taking time from her busy schedule to provide us with great deal of help, support and encouraged us to work diligently at every aspects of our project. Her views have always been equitable providing a perfect bal- ance between encouragement and constructive criticism. Her tips and suggestions helped us to decide the correct ap- proach to the project. We are thankful to our college Princi- pal Dr. S. P. Kallurkar, ELEX HOD Mrs. Disha Bhosale, and all staff members of Electronicsdepartment who have provided us various facilities and have guided us whenever required. We attempted to find help from variety of individ- uals at various stages of the project. We would like to thank everyone for their guidance. Finally we would like to thank our parents and our friends for constantly supporting and en- couraging our efforts.

Fig 2: Flow chart of the expected result

The expected flow of the process in the website is shown in the Fig 2.


  1. Dr.P.Nagarajan, Dr.G.Wiselin Jiji , Online Education System (e- learning), International Journal of u- International Journal of u-and e-Service, Science and Technology Service, Science and Technology Service, Science and Technology Vol. 3, December No. 4

  2. Nguyen Huu Phuoc Dai, Duong Van Thinh, Rajnai Zoltán, Learn- ing Attitude In XXI Century, IEEE 14th International Symposium on Applied Machine Intelligence and Informatics, January 21-23, 2016

  3. Natnicha Suthumchai, Sirin Thongsukh, Pacharamai Yusuksataporn, Songsri Tangsripairoj Food ForCare: An Android Application for Self-Care with Healthy Food, 2016 Fifth ICT International Student Project Conference (ICT-ISPC)

  4. Thomas A. Powell, The Complete Reference: HTML & CSS, 5th ed., Tata McGraw Hill

  5. Marty Matthews, Web Technologies: A Begineers Guide, Indian ed., McGraw Hill

  6. Rafael C. Gonzalez, Richard E. Woods, Digital Image Processing, 3rd ed., Pearson Education


Leave a Reply