Week 2: Research and Development Stage I

-


First Webpage Design

First Back-End Processing Results: Webpage content from a Wikipedia page on heaven


Result of First IO Stream Implementation


After dividing the roles for each group member, we started doing some research on what was required to develop our respective parts (If only we had an app such as ours to help with the tedious task!) and made early implantations.


Team 1: User-Interface Development

Went through HTML tutorials on w3schools.com and began the design of the webpage. The results are shown above, and the first implementation is shown below. 

The first design of the webpage has a good essence of what we want to achieve. A dark theme is present with two user inputs. However, some areas which could be further developed are as follows: a background for the heading and a synopsis of what the website does. 

Initial Webpage implementation

Team 2: Back-End Processing Development

Went through programming and computer science forums on Stack Exchange and Quora related to web scrapping (extracting webpage content) and DOM (Document Object Model) manipulation to devise a plan to implement algorithms for extracting and modifying webpage content. The devised plan was successfully implemented as shown below and the results are shown above.

The first implementation achieved what was desired: the extraction of text from a webpage and its modification, areas to be improved on are its output format (should output to a html file rather than the system console).

Initial Implementation of Application

Team 3: IO (Input/Output) Development

From the knowledge provided by online forums and YouTube tutorials, the following implementation was devised: create a server instance on a local machine and use response handling to provide the user with the required service: depending on the type of response received from the user; a "get webpage" response or an application-input response, the server would respond with a webpage or the output from the app respectively.

The first implementation achieved what was needed: the ability to display a webpage when a client connects, obtain user input from the webpage, pass it to the Back-End processor and return its output to the webpage. Although, the implementation was finicky and worked only on Windows computers.

First Implementation of IO Stream




Comments

Post a Comment

Popular posts from this blog

Introduction

-
Image
     Welcome to our project blog!   About the Project We developed a web app which removes content from webpages (whose URLs are provided by the user) unrelated to a keyword (also provided by the user), we developed this with the aim of improving the ease with which research can be carried out on the internet as users will not have to waste time going through irrelevant information.      Meet the Team I think an introduction to the team members is in order. Team 1: User-Interface Development The user-interface of the web app is a webpage which was developed by Abubaker Iqbal and Inifome Eleluwor. Abubaker Iqbal Inifome Eleluwor Team 2: Back-End Processing Development This is the part of the application which implements the filtering algorithm (the most important part! Haha just kidding), it was developed by Wellington Okotobei. Wellington Okotobei Team 3: IO (Input/Output) Stream Development This component is responsible for the communication betw...
Read more

Week 3: Research and Development Stage II

-
Image
Second Webpage Design Result of Desktop-Interfaced Back-End Processing Further improvements were made to the previous implementations. Team 1: User-Interface Development Made improvements to the webpage's initial layout, the new implementation is shown below, and the new webpage layout is shown above. This second webpage design still has some issues: the dimensions of the webpage are too small, and all the information is clustered together.  Second Webpage Implementation Team 2: Back-End Processing Development Replaced the original method for extracting content from the webpage with a more powerful one, but was too complex to accommodate, so decided to keep the first implementation. Changed the first implementation to output to a html file and open it rather than print its text to a system console as shown in the previous week's result. Made a desktop interface for the app as there was a concern that the IO Stream would not be developed in-time, i.e. the web app would now be a ...
Read more

Week 4 and 5: Research and Development Stage III

-
Image
Final Webpage Design Result of the final implementation of the IO Stream and Back-End Processing Final improvements were made to the previous implementations. Team 1: User-Interface Development Made last improvements to the webpage's second layout, the final implementation is shown below and the new webpage layout is shown above. This new layout is much closer to our original design specifications. It consists of two user inputs that are clear to the user. The theme of the webpage is dark with a clear heading, all of which compliments our initial thoughts of a simple design.    Final Webpage Implementation Team 3 and Team 2: IO (Input/Output) Development and Back-End Processing Development Coupled the Back-End processing module with the IO Stream module and finalized the code. Issue of IO Stream functioning only on Windows persists, but there was not enough time to fix it. The final implementation now displays the correct webpage and opens a new webpage in the browser upon rec...
Read more