SMARTKID (--PEF--)

• Project Context.

• The Idea of the Application.

• Objective and Motivation.

• Application Features.

  • External Login (Facebook, Twitter and Google).
  • Contacts.
  • SignUp / SignIn.
  • Manipulate Files.

• Conception.

  • Introduction.
  • MCD.
  • MLD.

• Technologies and Environment:

  • Introduction.
  • Hardware Environment
  • Software Environment
  • Technologies (Back-End)
  • Libraries (Front-End)

• Realization (Screenshots):

  • First Interface (Home Page).
  • SignIn Page.
  • Contact Page.
  • Inscription Page.
  • Responsive Design.

---

Project Context

     As part of the Studies to get the diploma of “Technicien spécialisé” it was necessary to create an App based on what we have learned in the institution and it’s a good way to improve the knowledge about how Apps works on the other side and learn how to face the problems during the production process and the ability to describe the application in a report. Besides that, learning the future technologies and getting used to it, by making this project with one of the most recent technology of Microsoft ASP.NET Core.

The Idea of the Application

     The purpose of this type of website is to uphold the overall brand of the kindergarten or school. A higher education website contains a great deal of important information for parents, school and staff. Additionally, it’s a way of representing the environment culture for prospective parents. This website will help parents to register their children, also can pay their monthly fees. In addition, they could stay in touch with teachers and watchers so they get to know if their children are safe or got a bad habit.

Objective and Motivation

Objective

My objective was to practice C# programming language and get a clear about vision Microsoft technologies, also prepare myself for being a Web Developer.

Motivation

I was motivated at the first place because of the diploma program which it contains C# with .NET Framework, so I started learning it for that. Later I discovered my passion and ambition for more and new things about how Web Apps work. Then it ends up developing this website and looking forward to improve it more with new features and publish it or give it a real kindergarten.

Application Features

External Login (Facebook, Twitter and Google)

External Login allows you to login to your website site using an External Database instead of your database. This means if you already have a login system you can integrate that into your website site. The External Database that you would like to use does not have to be a website database.

Contacts

System to listen to customers and parents their needs and try to implement it in the next updates. Also help those who needs it to choose a good program for them and their children.

SignUp/SignIn

The website also provides a way to keep in touch with the teachers and watchers for staying up to date children conditions and needs.

Manipulate Files

In addition to login system in the previous aspects, also we upload pictures and files to our server so we can confirm the inscription after the guardians comes to us in order to validate it and pay their inscription fees.

Conception

Introduction

Conception is a preliminary and essential stage that must precede the development stage of any IT application. To describe the design of our website we will use MERISE which is a method of Conception, development and realization of IT projects databases.

MCD

In The MCD is a high-level graphical representation that allows easy and simple to understand how the various elements are interconnected using coded diagrams with the following part: - Entities (1 rectangle = 1 object). - Properties (the list of entity data). - Cardinalities.

MLD

Uses the content of the previous MCD, but specifies the volume, structure and organization of the data as they can be implemented. For example, at this stage, it is possible to know the exhaustive list of tables that will be created in a relational database.

Technologies and Environment

Introduction

To be able to develop a Web Application, it is necessary to choose technologies that make it possible to simplify its implementation. For that, after having completed the conceptual study, we will approach the implementation part in what follows. We start by presenting the hardware and software environment, and then the implementation status

Hardware Environment

For the realization of the application I used PC:

- Intel Core i5/5th Generation 2.30 GHz. 
- 8 Go RAM.
- Windows 10 - 64 bits.

Software Environment

1. Visual Studio Community 2019.
2. Visual Studio Code
3. SQL Server 2019.
4. Notepad++.

Technologies (Back-End)

1. ASP.NET CORE (MVC Pattern).
2. ASP.NET CORE IDENTITY.
3. ENTITY FRAMEWORK Core (Code First Approach).
4. NLog Web:
   • In real world applications a proper error logging mechanism is essential to track and troubleshoot the unexpected behavior of the application.

Libraries (Front-End)

1. JQuery:
2. Owl Carousel:
3. Bootstrap 4:
4. Fontawesome 5 (Free Edition):
5. Isotope:

Realization

First Interface (Home Page)

This interface is the home page of the site containing in the middle a "Carousel" which displays photos related to the absence, there is also a bar at the top of the page which contains a series of links among them, Link to Home Page which is used to return to the home page, Contact Link which takes the user to the contact page and lastly SignIn which takes the user to the authentication page and also link to Inscription page.

SignIn Page

Allows you to sign in with your account.

Contact Page

Allows you to send feedback to website owner.

Inscription Page

Allows you to register a child in the school.

Responsive Design

Some pages from the website and what it looks in the mobile phone.