Essential Development Tools Overview
Translated by
ScribdTranslationsEssential Development Tools Overview
Translated by
ScribdTranslations● ● ●
CHAPTER 1
● ● ●
Development Tools
Introduction
In this chapter, we will talk about development tools such as languages, the
Framework, the API, the libraries and also the IDE. Then, we will see examples.
and explanations about the application and the website as well as the database.
1 Development Tools
1.1 The Languages
1.1.1 Dart :
Dart is a programming language developed by the Google community. The first version
dated 2011. The purpose of developing this language is to replace Javascript in order to avoid the limitations of
performance of the latter. Moreover, Dart can also be used for server programming as well as the
mobile development with the Flutter framework.
[Link] The Main Reasons to Use Dart:
This language was created mainly for building large web apps. Here is the essential point of this technique.
Solve performance issues of Web Apps.
Very high productivity rate compared to other technologies.
The ease of learning and above all, no unpleasant surprises.
A platform and a fairly coherent system.
Provide best practices and detailed explanations
A complete documentation.
An object-oriented language based on classes, single inheritance, optionally typed.
1.1.2 PHP (HyperText Pre-processor) :
PHP is a server-side scripting language used to develop dynamic websites.
complexes).
Note: PHP scripts can only be interpreted on a server where PHP is installed.
Scripting language: A scripting language is a language that interprets scripts at runtime.
scripts generally aim to improve performance or perform routine tasks for a
application.
1.1.3 MySQL :
This is called a DBMS (a database management system), its role is to record
The data is organized in a way that allows for easy retrieval later. The data is stored.
in tables. The tables are connected by defined relationships, which make it possible to combine data
between several tables during a query. The language that allows communication with the database
is called SQL.
1.1.4 HTML (Hypertext Markup Language) :
His role is to manage and organize the content, And what you write in HTML is what it should be
displayed on the page: text, lines, images...
[Link] The Versions of HTML:
Il y a cinq versions d’HTML (HTML1, HTML2, HTML3, HTML4, HTML5), Dans notre projet en doit
use HTML 5.
HTML5: This is the latest version. Increasingly widespread, it is more improved as it makes it easier to include
a video, a better arrangement of content with new features...
1.1.5 CSS (Cascading Style Sheets) :
The role of CSS is to manage the appearance of the web page (layout, positioning, decoration,
colors, text size…). And it completes the HTML.[1]
[Link] The Versions of CSS:
There are three versions of CSS (CSS1, CSS2, CSS3), and in our website, we must work with.
CSS3
CSS3 :This is the latest version, which brings particularly anticipated features such as the
rounded borders, gradients, shadows, etc.
1.1.6 JavaScript
JavaScript is a programming language that is mainly used in web pages.
interactives. It allows you to energize a web page by adding interactions with the user, animations,
help with navigation...etc. It has become essential in any web development project.
1.2 The Frameworks
1.2.1 Flutter :
Flutter is an open-source mobile SDK (Software Development Kit) that was created by Google that you
you can use to develop native-looking Android and iOS applications from the same code.
[Link] The Strengths of Flutter:
Rapid Development:
Flutter Hot Reload allows you to experiment, build
user interfaces, to add features and to quickly and easily fix bugs.
Native Performance:
Flutter widgets integrate all the critical platform differences such as
scrolling, Navigation, Icons and fonts to provide full native performance on iOS and
Android.
Beautiful and Expressive UIs:
Graphical interfaces and animations in Flutter are very powerful and easy to manipulate.
with several widgets and packages integrated into the Flutter SDK
1.2.2 Bootstrap :
Bootstrap is a collection of tools useful for creating design (graphics, animation, and interactions
with the page in the browser ...etc.) of websites and web applications. It is a set that contains codes
HTML and CSS, forms, buttons, navigation tools, and other interactive elements, as well as
JavaScript extensions optional.
1.3 Baas (Backend as a service)
1.3.1 Firebase:
Google Firebase is an application development platform for the web or for mobile.
provides tools in the form of services for mobile application development, the technology used is the
real-time database (Realtime DataBase).
1.4 Libraries
1.4.1 JQuery :
jQuery is a free and cross-platform JavaScript library created to facilitate script writing.
client side in the HTML code of web pages. It is used by several frameworks such as Bootstrap and
AngularJS.
1.5 APIs
Google Maps JavaScript API
This API allows you to display a geographic map on a web page, customize it, and control it.
behavior towards the user.
1.5.2 Google Maps ANDROID and IOS API:
This API allows you to integrate a map into an ANDROID and IOS mobile application. It offers the
same features as the previously mentioned API.
1.6 The IDEs
1.6.1 Android Studio :
Android Studio is the official integrated development environment (IDE) for development
Android applications, based on IntelliJ IDEA.
1.6.2 VSCode :
Microsoft Visual Studio is an 'integrated development environment' (IDE). It is used for
develop computer programs, as well as websites, web applications, web services and
mobile applications. Visual Studio uses Microsoft software development platforms. It can
produce native code and managed code.
1.6.3 Adobe XD :
Adobe XD is Adobe's prototyping tool for user experience and interaction designers.
The features of Adobe XD are used to create wireframes, prototypes, and designs.
screen for digital products such as websites and mobile applications.
Application Architect
3 The Database
The Mobile Application and the Website
4.1 The Mobile Application
4.1.1 Home page:
- The warning is addressed to users if they wish to use the application without logging in.
4.1.2 Registration and identification page:
Identification page Registration page
4.1.3 Main Page:
4.1.4 The Research Pages:
- When we press the search icon, a small screen appears to insert the two stations.
the way you are looking for
4.2 The Website