Program Design

Methodology
Program Design Methodology

01 Procedure-Driven

02 Event-Driven

03 Data-Driven
1. Procedure-Driven Program
Design
-Based on the idea that the most important feature
of a program is what it does

-Data into and out of each process is considered

and a strategy is developed to break each function
into smaller and more specific flow of data
2. Event-Driven Program Design

-Based on the idea that an event or interaction with

the outside world can cause a program to change
from one known state to another.
3. Data-Driven Program Design

-Based on the idea that the data in the program is

more stable than the process involved.
Target audience

Lorem ipsum dolor sit amet, consectetur

adipiscing elit. Curabitur eleifend a diam quis
suscipit. Fusce venenatis nunc ut lectus convallis,
sit amet egestas mi rutrum. Maecenas molestie
ultricies euismod. Morbi a rutrum nisl. Vestibulum
laoreet enim id sem fermentum, sed aliquam arcu
dictum. Donec ultrices diam sagittis nibh
pellentesque eleifend.
Persona 01

Wendy Writer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eleifend a
diam quis suscipit. Fusce venenatis nunc ut lectus convallis, sit amet egestas
mi rutrum. Maecenas molestie ultricies euismod.

75% 83% 42% 17%

Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum

Persona 02

Berry Books
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eleifend a
diam quis suscipit. Fusce venenatis nunc ut lectus convallis, sit amet egestas
mi rutrum. Maecenas molestie ultricies euismod.

75% 83% 42% 17%

Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum

Market trends

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eleifend a diam quis suscipit.
Fusce venenatis nunc ut lectus convallis, sit amet egestas mi rutrum. Maecenas molestie
ultricies euismod. Morbi a rutrum nisl. Vestibulum laoreet enim id sem fermentum, sed aliquam
arcu dictum. Donec ultrices diam sagittis nibh pellentesque eleifend.

100% 100% 100%

80% 80% 80%

60% 60% 60%

40% 40% 40%

20% 20% 20%

0% 0% 0%

Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4

2015 2016 2017

 Cycle diagram

04
Prototype Refine
Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet,
consectetur adipiscing. consectetur adipiscing.

01 03

Share Get feedback

Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet,
consectetur adipiscing. consectetur adipiscing.
02
Introducing: Lorem ipsum
Showcase how your tools work across different devices

Lorem ipsum dolor sit

amet, consectetur QUICK TIP
adipiscing elit. Curabitur Try right clicking on a photo and
using "Replace Image" to
eleifend a diam quis demonstrate your prototype.

suscipit. Fusce
venenatis nunc ut lectus
convallis, sit amet
egestas mi rutrum.
 Spotlight on desktop
Lorem ipsum
dolor sit
consectetur amet
adipiscing donec
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Curabitur eleifend a diam quis
suscipit. Fusce venenatis nunc ut
lectus convallis, sit amet egestas mi
rutrum. Maecenas molestie
ultricies euismod.
 Spotlight on mobile

Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur eleifend a diam
consectetur amet quis suscipit. Fusce venenatis nunc ut lectus
convallis, sit amet egestas mi rutrum.
adipiscing donec Maecenas molestie ultricies euismod.
 Spotlight on landscape view on mobile

Lorem ipsum dolor sit

consectetur amet
adipiscing donec

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Curabitur eleifend a diam quis suscipit. Fusce venenatis
nunc ut lectus convallis, sit amet egestas mi rutrum.
Maecenas molestie ultricies euismod.
Spotlight on wearables

Lorem ipsum dolor

sit consectetur amet
adipiscing donec

Lorem ipsum dolor sit amet, consectetur

adipiscing elit. Curabitur eleifend a diam quis
suscipit. Fusce venenatis nunc ut lectus
convallis, sit amet egestas mi rutrum.
Maecenas molestie ultricies euismod.
 Spotlight on tablet

Lorem ipsum Lorem ipsum dolor sit amet,

consectetur adipiscing elit.
dolor sit Curabitur eleifend a diam quis
suscipit. Fusce venenatis nunc ut
consectetur amet lectus convallis, sit amet egestas mi
adipiscing donec rutrum. Maecenas molestie
ultricies euismod.
 Spotlight on landscape view on tablet

Lorem ipsum dolor sit

consectetur amet
adipiscing donec

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Curabitur eleifend a diam quis suscipit. Fusce venenatis
nunc ut lectus convallis, sit amet egestas mi rutrum.
Maecenas molestie ultricies euismod.
 Spotlight on wearables
Lorem ipsum
dolor sit
consectetur amet
adipiscing donec
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Curabitur eleifend a diam quis
suscipit. Fusce venenatis nunc ut
lectus convallis, sit amet egestas mi
rutrum. Maecenas molestie
ultricies euismod.
 Spotlight on wearables
Lorem ipsum
dolor sit
consectetur amet
adipiscing donec
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Curabitur eleifend a diam quis
suscipit. Fusce venenatis nunc ut
lectus convallis, sit amet egestas mi
rutrum. Maecenas molestie
ultricies euismod.
 Project timeline

JAN FEB MAR APR MAY JUN

Lorem Ipsum Sit Amet Donec Ultrices Litora Quis Diam Dolor Lorem

Lorem ipsum dolor sit Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor
amet, consectetur sit amet, consectetur sit amet, consectetur sit amet, consectetur sit amet, consectetur sit amet, consectetur
adipiscing. adipiscing. adipiscing. adipiscing. adipiscing. adipiscing.
Thank you!

Lorem ipsum dolor sit amet,

consectetur adipiscing elit. Curabitur
eleifend a diam quis suscipit.