website genrator

1. WEBSITE
GENERATOR
Supervisor :
◆ Dr. Nada Ghneim - Eng. Massa Baali

2. Team Members
Sabrin Alhariri Ibrahem Said
Mohammad Daaboul Basel Basher
AI AI
AI SW

3. OutLine
01
02
Objectives of the project .
03
04
Related Works.
05
Domain specific language (DSL).
Use Case Diagram.
Timeline Schedule.
06 Difficulties

4. PROJECT IDEA
The Idea behind our project is to develop an
AI-based application to help Web-developer
to generate a website from Sketch using
deep learning algorithm
4

5. THE PROJECT GOALS
1. Process automation.
2. Execution speed.
3. Save time and effort.
5

6. Microsoft
Sketch 2 Code
An AI to convert hand-
written drawings to
working HTML prototypes.
Designers share ideas on a
whiteboard, then changes
are shown in the browser
instantly.
Similar App

7. Reference Study
Published in 2017 by Uizard
Technologies, develop a model
to Generate html code
form GUI Image
PIX2CODE

8. Dataset
To build our model we need two main feature
an image or sketch for a website and
corresponds HTML code, but html code is
too hard to preprocess and time consuming,
so here come the role of DSL, that can
tokenize a large HTML tag to
a DSL token.

9. Dataset (cont.)

10. Dataset (cont.)

11. Use Case Diagram

12. TimeLine
Research
Analysis &
Design
60%
Build Dataset
Models
training & testing
10%
100%
25%

13. Report &
presentation
10%
Web development
70%

14. Difficulties
DATASET
….
….
D 1
D 2
D 3

15. THANK
You