design, development, and deployment of an educational learning platform

PowerPoint Presentation

Submitted in fulfilment of the requirements for the degree of Computer Science Engineer

Graduation Project

Academic year 2014-20151

Presented By :Mhamdi Intissar Supervised by :Mr.Youssef BOUMAIZA Mr.Mohamed Mozoughi Design, development, and deployment of an educational learning platform

2

2

Project Frame

PlanIssuesIssues

Functional Branch

Technical Branch

Design

Realization

Proposed Solution

3

3

The host organizationProject Frame

4

Exenon is a market leader in software development and IT consulting Company.

Microsoft certified Partner

created on 1993

4

IntroductionProject Frame

5RETHINKING EDUCATION IN THE AGE OF TECHNOLOGYEducation is the most powerful weapon which you can use to change the world.Nelson Mandela

There is hope for a change for the better by powering learning with technology.

I choose to start my talk with this quote :Education is the most powerful weapon which you can use to change the world.

Education is about knowledge, personal growth and development. But like any other field, education is an ever changing area. To accommodate with the technological change taking places in every single in our lives, it is imperative to integrate technology in our educational system.

The importance of education cannot be stated enough .. the more we get knowledge, we grow and develop more in life.As every section ofour modern life. Education system is changing; new requirements are needed these days. To meet these needs, we must RETHINKING EDUCATION IN THE AGE OF TECHNOLOGY

5

IssuesProject Frame

6

less engaged less motivated

fall into a passive role

lack of parents involvement

constraint of resources circumstances time

A handful of obstacles prevent Tunisian education system from embracing innovation :

Traditional methods leave Student less engaged and less motivated

Low parental involvement can lead to negative developmental and learning consequences.

Teachers are very likely to be constrained by resources ,circumstances, and time.

Students do not perceive the classroom climate as supportive.so it's easy for them to fall into a passive role

6

SolutionProject Frame

7we aim to establish collaborative and an educational platform.

Improve academic outcomes .

This platform is set out to make learning easier for both teachers and students in order to improve academic outcomes

7

Project Goal Project Frame

8

Bringing knowledge closer and making it more accessible to students.

Making study a more enjoyable and exciting activity.

Giving parents the opportunity to maximize their involvement and collaboration.

Allowing parents to monitor their children's schooling

Enable teachers to create and share learning programs

Strengthen the collaboration between teachers

The Goal of this learning platform

Teachers : so they can grapple with a problem or develop a solution together

8

MethodologyProposed solution

Functional BranchRealizationTechnical BranchTwo Tracks Unified Process

Why 2TUP ? 2TUP places strong emphasis on technology.

2TUP aims at respondingtochangingconstraints.

9

This process implements theUnified Process. it offersa development cycle in the shape ofY, separates the technical aspects from the functional aspects.

we opted for the Two Tracks Unified Process for multiple reasons :

1. This criterion is so important because we are dealingwith new technologies and tools like Office 365 and SharePoint 2013.

2. Both technical and functional branches that can be operated separately and reintegrated into the project easily

9

Functional BranchProposed solution

10

Capture of business requirementsAnalysis

Functional Branch

First were going to look at the Functional branch wich capture the functional requirements10

Actors11Fonctional Branch

StudentTeacher

Administrator

We distinguish between 3 actors The admin has the responsibility of managing the platform and its members. This platform offer the teacher a space where he can share resources and conduct discussions.And offer Students the possibility to search , consult and download those resources

11

Use Case Diagram12Fonctional Branch

Search ManualsSearch numeric resourceManage numeric resourceSearch VideosManage ManualsManage VideosManage CommentManage UsersLog inManage Forums

>>>>>>

TeacherStudentAdministrator

12

Refinement :Search Numeric Resource13Fonctional Branch

In order to perform a search a student select at least one of the following criteria: Section, Chapter, Level, Material, or Cycle. 13

Conceptual Data model Functional Branch

14

This diagram describes entities and the relationships between them. Numercis resources contains section , chapter

User can manage Manuals , videos , groups , discussion

14

Sequence Diagram Fonctional Branch

15

Add Manual

After authentication the user can add manual He browse the manual page and click to add a manual if the groupe name of the user equal to teacher then he

Cho15

Activity Diagram Fonctional Branch

16Deletion impossible

Select Resource Deletion cancelled Delete ResourceResource Removed successfully

[Group Name != Teacher][User Name = Author][Group Name = Teacher][User Name != Author][User Clicked Cancel][User Clicked Ok][Show confirmation message for resource deletion ]

Resource deletion activity diagram

This diagram shows the Numeric Resource deletion process.In order to delete a resource the user should be a member of the Teacher groupIn addition, a Teacher can only delete resource that he had created so he cannot delete resources created by another member.

16

Technical BranchProposed solution

17

Capture of technical requirementsGeneric design

Technical Branch

-Technical branch lists the technical needs and proposes a generic design 17

Microsoft office 365 Technical Branch

18

=2013

Our project run in Microsoft Office 365.Office 365 is a SaaS , which provide an online version of MS office suite ,

It includes 4 separate applications: Ex: Cloud-based e-mail , calendar and contacts Of: includes the new office web apps Lync : cloud-based instant messaging Sharepoint

18

SharePoint Online Technical Branch

19Intranet Sites Team SitesWebsites

2013Online

SharePoint 2013 Features CollaborationPortal SearchContentBusinessBI

Whats Sharepoint ? Collaborative platform that Allows the building of internet, intranet and extranet portal environments,Manange and share personal documents Keep teams synchronized and manage important projectKeep updated with company information and newsMarket a website using sharepoint public site

19

Client Side Object ModelTechnical Branch

20Managed formUnmanaged form

Execute QueryClient Side Sever Side

API SharePoint Data . Net Library Silverlight Library JavaScript Library JSOMClient-side object model

Server-side object model

SharePoint has two frameworks for development :SSOM : used to run code on the serverCSOM : used to develop code that runs outside of SharePoint serverThere are two implementations of CSOM in SharePoint 2013:-Managed form -Unmanaged form In Order To retrieve, update, and manage data in our application. We have opted for theJavaScript implementation: JSOM.

20

JavaScript Object ModelTechnical Branch

21JavaScript Object Model : JSOM Introduced in 2010JSOM required Libraries : MicrosoftAjax,js Sp,runtime,jsSP,jsRequires CAML for queries

CAML : Collaborative MarkUp Language XML based query language supported by- SharePoint Web Services SharePoint Object Model.

AbbreviatedJ to JSOMThe JavaScript object model is an API used to integrate a JavaScript code inside a SharePoint web page. Introduced in SharePoint 2010 as one-third of the CSOM To work with JSOM we need to make sure to load 3 libraries

How does CAML query looks like? 21

Component Diagram

Design

22SharePoint Lists

22

Deployment DiagramDesign

23SharePoint Lists

23

Activity DiagramDesign

24SharePoint Lists

Search numeric resource

24

Development Tools Realization

25

SharePoint designer

Java Script

SharePoint 2013

Power amc

Caml Query

Office 365

Here we expose the tools Neededfor the realization of the project 25

Site StructureRealization

26

26

User Interfaces Realization

27

27


28

28

User Interface Realization

29

29


30

30


31

31

32

Making multilingual site (English , Arabic )Make the platform accessible via a mobile application

Prospects

Conclusion and prospects

ConclusionIntegration in the workplace and teamworkMastering a variety of new technologies (SharePoint, Office365,etc) Design, development and deployment of a Tunisian Digital School Space

During this project , we worked on the Design , development and deployment of a Tunisian Digital School Space dedicated to the students and tEACHERSWe also had the chance to be integrated in a dynamic team from and to master a variety of new technologies (SharePoint, Office365) etc.

Regarding prospects , we are thinking of extending the solution toward tablets and mobile applications and making the websitemultilingual32

Thanks for your attention

+55 32 3836 55 55 +55 32 9685 55 55Default address Avenue, 4214, Postal code 80.250-210 / Curitiba PR BR www.default.com_____________________________________________________

33

design, development, and deployment of an educational learning platform

Software