IIITD Speaks

Our Team:

Anannya Uberoi Front End, Website Design & Layout, Wiki Page
Divyanshu Talwar Front End, Website Design & Layout, Wiki Page
Lamha Goel Back End, Website Design & Layout, Wiki Page
Mrinal Abrol Back End, Website Design & Layout, Wiki Page

Acknowledgement:

We would like to thank Mrs. Jyoti Sinha for providing us the opportunity to work on a group project that involves designing a blogging website using various utilities available on the internet. This has helped us explore the domain of website designing deeper.

Area and Initial Planning:

IIITD Speaks started with the idea of a blogging website intended to capture the wide diversity of interests shared by the students of IIIT Delhi which contributes to its colourful campus culture. We planned to divide the team and develop the two facets separately, the frontend managed using HTML accompanied by CSS, the backend using extensive Django.

pic1.JPG

Tools, Languages, Platform used for:

Developing-

  1. HTML: Hypertext Markup Language is a computer language devised to aid website creation. Hypertext is the way one navigates through the web- by using special text called hyperlinks which bring us from one page to another. Markup is what HTML tags do to the text inside them.
  1. Cascading Style Sheets: CSS lends more control over page layout and display than HTML offers. While HTML provides the basic structure of the website, CSS defines its appearance. Through CSS, one can highlight single words, entire paragraphs, headings or even individual letters with different background colors, background images, text colors and fonts.
  1. Django: Django is a free and open source web application framework, written in Python. A web framework is a set of components that helps one develop websites faster and easier. HTML can only be used to create static websites; Django can be used to create dynamic high-security web applications.

Hosting-

We are hosting the website on localhost.

The Learning Journey:

Familiarisation with the Front End:

We created templates in HTML and CSS for designing the front view of the website. These include addblog, feed, first_page, hot-topics, login, most-viewed and signup, corresponding to the various webpages we have used for the purpose.

The following are snippets of code in CSS and JavaScript used for the frontend:

css.png
jss.png

Here are the snapshots of the website:

Main page:

mainpage.png

Sign Up Page:

signuppage.png

Login Page:

loginpage.png

Add a Post:

addapost.png

All Posts:

allposts.png

This page displays all the posts by a particular user.

Familiarisation with the Back End:

We used Django version 1.8.5 to design the framework of the website. Django enabled us to handle the database using Sqlite. The project directory contains files like init.py, manage.py, settings.py and urls.py. We used Ubuntu for convenience. The project name as indicated is “blog”.

django%20settings.png

A settings file is just a Python module with module-level variables.

django%20urls.png

Adding namespaces to the root URLconf lets Django know which app view to create for a url. This is included in the urls.py file.

Django implements user interface via the MTV pattern, inspired by the MVC pattern.

Model : The data-access portion
Views : The portion that selects which data to display and how to display it
Controller : The portion that selects a view depending on user input

The “Controller” is handled by the framework itself and most of the work in Django happens in models, templates and views,so Django is referred to as an MTV framework.
Model - The data access layer
Template- The presentation layer
View - The business logic layer

These have been handled by the following python modules using django : forms, models, views.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License