Tangalle Urban Council

• In this post,I'm going to share about the website that we developed for the SEP project.This is the official website for Tangalle Urban Council.
• We devoloped this website using Codeigniter framework.
• For the homepage design,we used bootstrap framework.Sliders are made by the carousel sliders in the bootstrap page.

  Carousel Sliders

  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

  <!-- Indicators -->

  <ol class="carousel-indicators">

  <li data-target="#carousel-example-generic" data-slide-to="0" class="active">
  </li>

  <li data-target="#carousel-example-generic" data-slide-to="1"></li>

  <li data-target="#carousel-example-generic" data-slide-to="2"></li>

  </ol>

  <!-- Wrapper for slides -->

  <div class="carousel-inner" role="listbox">

  <div class="item active">

  <img src="..." alt="...">

  <div class="carousel-caption">

        ...

  </div>

  </div>

  <div class="item">

  <img src="..." alt="...">

  <div class="carousel-caption">

        ...

  </div>

  </div>

    ...

  </div>

  <!-- Controls -->

  <a class="left carousel-control" href="#carousel-example-generic" role="button" 
  data-        slide="prev">

  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

  <span class="sr-only">Previous</span>

  </a>

  <a class="right carousel-control" href="#carousel-example-generic"
  role="button"  data-slide="next">

  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

  <span class="sr-only">Next</span>

  </a>

  </div>

My SEP Project

I would like to share my knowledge that I gain during my SEP project.Me and my group members developed a website for Tangalle Urban council, which was developed using Codeigniter and bootstrap frameworks.

Frameworks

Frameworks are of key importance for developing large-scale software systems.They promise higher productivity and shorter-time-to-market through design and code reuse.

Software frameworks include support programs,compilers,code libraries,tool sets and application programming interfaces(API) that bring together all the different components to enable development of a project or solution.

 1.CodeIgniter Framework

CodeIgniter is one of the most popular development framework those are built on PHP platform. 

Why we need CodeIgniter?

• It follows MVC design pattern: Current days, Model View Controller(MVC) is the most popular design pattern in  software development.
• Performance matters: It obtains better scores than other php based application frameworks like Cakephp, Zend etc in terms of loading speed / performance.
• Easy integration support: It gives a very easy way to integrate third-party tools as library/plugins.
• Easy Documentation: Their documentation are simply mind-blowing, actually best to me among all other documentation I have experienced till now.

 2.Bootstrap framework

Bootstrap is an open-source Javascript framework.It is a combination of HTML, CSS, and Javascript code designed to help build user interface components. Bootstrap was also programmed to support both HTML5 and CSS3. Also it is called Front-end-framework.

Why we need Bootstrap?

• Speed of development: Rather than coding from scratch, Bootstrap enables you to utilize ready made blocks of code to help you get started. 
• Responsiveness: Show a different view based on the size of their device.
• Consistency: Results are uniform across platforms so output remains the same whether you’re using Firefox, Chrome or Internet Explorer.
• Customizable:  Developers have the ability to pick and choose the features that are needed and the rest can be tossed. This is easily accomplished using the Bootstrap customize page.
• Support: Bootstrap has a huge support community behind it so you can usually get help when you run into issues.