HTML

ABRALYN LINWAN DAPHNE

MEMBINA LAMAN WEB
MUDAH DENGAN
MENGGUNAKAN HTML
Paparan pada laman web lebih bersifat statik. Laman
web
http://www.telegraph.co.uk/technology/6125914/How-2
0-popular-websites-looked-when-they-launched.html
ada menyediakan paparan laman web pada awal
pelancarannya.

8/ 06/ 20 XX PIT CH DECK

8/ 06/ 20 XX PIT CH DECK
8/ 06/ 20 XX PIT CH DECK
8/ 06/ 20 XX PIT CH DECK
 Click to add photo

A PA K A H H T M L ?
Setiap laman web ialah fail teks yang ditulis
menggunakan Hypertext Markup Language atau
HTML. Markup Language ialah Bahasa yang
menghuraikan kandungan dan stuktur dokumen. Anda
boleh mengandaikan HTML sebagai rangka yang
memandu kepada stuktur setiap lama web.

8/ 06/ 20 XX PIT CH DECK

 E L E M E N D A N A RT I B U T D A L A M H T M L
MARKET GAP CUSTOMERS FINANCIALS
New businesses need 10% increase of task Purchases of task
organizational tools, but are management tools proves management software was
using old or outdated that there's consumer interest up by $2 million in 2019 
products for more simple management
tools and technology

COSTS
Loss of sales by not offering
easier management tools
that push teams to the finish
line
USABILITY
Customers want something
that’s easy to adopt and
simple to use

8/ 06/ 20 XX PIT CH DECK

 CLOSE THE GAP
Our product makes managing tasks
easier, and no other product on the
market offers the same benefits
SOLUTION
C O S T S AV I N G S
Reduce costs for client by helping
project managers stay on target
within deadlines
8/ 06/ 20 XX PIT CH DECK
TA R G E T A U D I E N C E
Gen Z (18-25 years old)
EASY TO USE
A simple product that gives
businesses the information they need
in order to complete projects on
time
 P R O D U C T O V E RV I E W

UNIQUE FIRST TO MARKET TESTED AUTHENTIC

Only product specifically First beautifully Conducted testing with start Designed with the help and
dedicated to task management​ designed product that's both ups in the area input of software experts
stylish and functional

8/ 06/ 20 XX PIT CH DECK

 PRODUCT BENEFITS
Simple and efficient to use​

Quick customer service assistance ​

Free 90-day trial for new customers ​

8/ 06/ 20 XX PIT CH DECK

COMPANY OVERVIEW
BUSINESS MODEL
RESEARCH​
We based our research on market trends and software
sales ​

ABSTRACT​
We believe people need new management tools to help
businesses achieve their OKRs​

DESIGN​
Minimalist design and easy to use ​

8/ 06/ 20 XX PIT CH DECK

M A R K E T O V E RV I E W

$3 B $ 2B $1 B
Opportunity to build​ Freedom to invent​ Few competitors​
Fully inclusive market ​ Selectively inclusive market​ Specifically targeted market ​
Total addressable market ​ Serviceable available market​ Serviceable obtainable market ​
​ ​

8/ 06/ 20 XX PIT CH DECK

 M A R K E T C O M PA R I S O N

Opportunity to build​
Fully inclusive market ​
Total addressable market ​

Freedom to invent​
Selectively inclusive market ​
Serviceable available market​
​

Few competitors​
Specifically targeted market​
Serviceable obtainable market ​
​

8/ 06/ 20 XX PIT CH DECK

 OUR COMPETITION

CONTOSO​ COMPETITORS​
Our product is priced below that  of other Company A​
task management tools on the market​ Product is more expensive​

Simple and easy to use app and website, Companies B & C ​

compared to the complex tools of our Product is expensive and inconvenient to
competitors​ use​

Affordability is the main draw for our Companies D & E​

consumers to our product​ Product is affordable, but inconvenient to
use

8/ 06/ 20 XX PIT CH DECK

COMPETITION

CONVENIENT

A CONTOSO

EXPENSIVE​ AFFORDABLE

B
E
D
C

INCONVENIENT​

8/ 06/ 20 XX PIT CH DECK

 G R O W T H S T R AT E G Y
How we’ll scale in the future ​

FEB 20XX M AY 2 0 X X OCT 20XX

Distribute the app to local start Release the app to the general Gather feedback from the start up
ups to help establish the product public and monitor press and community to expand availability
regional market trends of the product

8/ 06/ 20 XX PIT CH DECK

 TRACTION
Forecasting for success​

KEY METRICS REVENUE BY YEAR

$40,000
GROSS NET
CLIENTS ORDERS
AV E N U E REVENUE

$30,000
20XX​ 10​ 1100​ $10,000​ $7,000​

20XX​ 20​ 200​ $20,000​ $16,000​ $20,000

20XX​ 30​ 300​ $30,000​ $25,000​

$10,000

20XX​ 40​ 400​ $40,000​ $30,000

$0
20XX 20XX 20XX 20XX

8/ 06/ 20 XX PIT CH DECK

 TWO-YEAR ACTION PLAN

Supply Run focus Gather

volunteers​ groups​ feedback​

20XX
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec

Test with start Regional Deliver to

ups​ launch​ consumers​

20XX
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec

8/ 06/ 20 XX PIT CH DECK

FINANCIALS
YEAR 1 YEAR 2 YEAR 3

Detailers​ 5,000​ 40,000​ 160,000​ ​

Users​ 50,000​ 400,000​ 1,600,000​ ​

Sales​ 500,000​ 4,000,000​ 16,000,000​ ​

Average Price per Sale​ 75​ 80​ 90​ ​

Revenue @ 15%​ 5,625,000​ 48,000,000​ 216,000,000​ ​

GROSS PROFIT​ 5,625,000​ 48,000,000​ 216,000,000​ ​

Expenses​ ​ ​ ​ ​

Sales & Marketing​ 5,062,500​ 38,400,000​ 151,200,000​ ​

Customer Service​ 1,687,500​ 9,600,000​ 21,600,000​ 70%​

Product Development​ 562,500​ 2,400,000​ 10,800,000​ 10%​

Research​ 281,250​ 2,400,000​ 4,320,000​ 5%​

T O TA L
7,593,750​ 52,800,000​ 187,920,000​ 2%​
EXPENSES​

8/ 06/ 20 XX PIT CH DECK

 MEET THE TEAM

TAKUMA HAYASHI​​ MIRJAM NILSSON​​ FLORA BERGGREN​​ RAJESH SANTOSHI​​

President ​ Chief Executive Officer ​ Chief Operations Officer ​ VP Marketing​

8/ 06/ 20 XX PIT CH DECK

 THE FULL TEAM

TAKUMA HAYASHI​ MIRJAM NILSSON​​ FLORA BERGGREN​​ RAJESH SANTOSHI​​

President ​ Chief Executive Officer ​ Chief Operations Officer ​ VP Marketing ​

GRAHAM BARNES​ ROWAN MURPHY​ ELIZABETH MOORE​ ROBIN KLINE​

VP Product​ SEO Strategist ​ Product Designer ​ Content Developer​

8/ 06/ 20 XX PIT CH DECK

FUNDING

$12K $14K $32K $82K

ANGEL
C A M PA I G N S INVESTMENTS CASH SHARES
Revenue obtained from Amount obtained Liquid cash we have Number of shares
online campaigns and through other investors​ on hand​ converted into USD​
reorders

8/ 06/ 20 XX PIT CH DECK

S U M M A RY
At Contoso, we believe in giving 110%. By
closing the loop on task management and using the
latest technology, we help businesses grow  and
nurture a consumer-first mindset. We thrive because
of our market knowledge and a great team behind
our product. As our CEO says, "Efficiencies will
come from proactively transforming how we
do business."

8/ 06/ 20 XX PIT CH DECK

 E L E M E N D A N AT R I B U T D A L A M H T M L

Bagi menulis dokumen HTML, satu program yang dikenali sebagai HTML editor digunakan.
Salah satu HTML editor yang digunakan bagi menulis elemen atau tag HTML ialah text
editor. HTML text editor yang biasa digunakan adalah seperti Notepad.

Dokumen HTML adalah mengenai konsep bagaimana dokumen dipaparkan. Untuk

menerangkan struktur bagi setiap laman web, kod HTML atau elemen HTML digunakan.
Elemen biasanya terdiri daripada dua tag yang berpasangan iaitu, start tag dan close tag.
S TA RT TA G
C L O S E TA G
KANDUNGAN WEB
N O C L O S E TA G
Terdapat juga elemen HTML yang hanya
mempunyai start tag sahaja. Elemen ini dikenali
sebagai empty element. Antara contoh empty
element adalah seperti yang berikut:

<br> <img>
 CONTOH PENGGUNAAN
ELEMEN HEADING DALAM
HTML
Elemen heading ialah elemen yang digunakan bagi
mentakrifkan "tajuk dalam laman web. Terdapat enam
peringkat heading yang ditakrifkan dalam HTML, iaitu
bermula daripada "<h1>" digunakan bagi tajuk besar atau
penting hingga "<h6>" untuk tajuk kecil atau kurang penting.
SIZE OF TEXT
<hr>
Rajah menunjukkan elemen <header> digunakan untuk
memaparkan pengenalan kandungan bagi suatu laman web .
Elemen <header> biasanya mengandungi:

• Satu atau lebih elemen <heading> (<h1>-<h6>)

• logo atau ikon
• maklumat pengarang
OUTPUT
HTML
Contoh Penggunaan Elemen
Paragraph dalam HTML

OUTPUT
 THANK YOU
Mirjam Nilsson​​

206-555-0146​

mirjam@contoso.com​

www.contoso.com​

8/ 06/ 20 XX PIT CH DECK