1. COMUNICARE
ONLINE
DALLES
GO
29/05/2013
–
Bucures0
CURS
II
Prof.
Bogdana
Butnar

2. 1
>>
CE
O
SA
FACEM
ASTAZI?
ADMINISTRATIVE
• Programare
cursuri
pe
saptamanile
care
urmeaza:
va
rog
sa
verifica5
pagina
de
FB
si
Grupul
Google
ptr
a
vota
ptr
zilele
de
sambata
propuse
• Recapitulare:
• Tema
de
data
trecuta:
va
rog
sa
verifica5
lista
de
nume
ca
sa
vede5
cine
a
primit
punctele
pentru
implicare
• Feedback
pe
comunicarea
de
pe
pagina
de
Facebook
si
grupul
de
Google
CURS
• Produc5a
unei
des5na5i
online
–
concepte
de
baza
• Tipologii
• Diferente/
asemanari
• Obiec5ve
• Cateva
lucruri
esen5ale
despre
programare/limbaje
de
programare/
plaEorme
etc

3. 1
>>
DETALII
ADMINISTRATIVE
• Cursul
dureaza
intre
2:00
–
2:30
• Luam
o
pauza
de
10
minute
pentru
relaxare/fumat
dupa
prima
ora
+30min
• Pagina
de
Facebook
à
GO
Comunicare
Online
• Grup
de
mailing
à
Google
Groups
• Intrebari,
teme,
exerci5i
– Intrebarile
sunt
permise
in
orice
moment
al
cursului
– Fiecare
curs
are
la
final
o
tema
care
este
“due”
pana
in
dimineata
zilei
ANTERIOARE
cursului
– Fiecare
curs
are
un
studiu
de
caz
– Studiile
de
caz
prega5te
VOLUNTAR
de
studen5
se
premiaza
cu
car5
de
la
Editura
Curtea
Veche

4. 1
>>
DETALII
ADMINISTRATIVE
GAMIFICATION
à
PBL
system
• Points
– 1
good
ques5on
=
1
point
– 1
good
homework
=
10
points
– 1
interes5ng
helpful
fact
=
3
points
– 1
spoed
=
5
points
– 1
good
ar5cle
shared
=
8
points
• Bagdes
=
car9!
• Leaderboards
–
publicat
saptamanal
pe
pagina
de
facebook
– based
on
points/
ongoing

5. 1
>>
SAPTAMANILE
CE
URMEAZA
Iunie
Iulie
August
w1
w2
w3
w4
w1
w2
w3
w4
w1
w2
w3
w4
w5
L
3
10
17
24
1
8
15
22
29
5
12
19
26
M
4
11
18
25
2
9
16
23
30
6
13
20
27
M
5
12
19
26
3
10
17
24
31
7
14
21
28
J
6
13
20
27
4
11
18
25
1
8
15
22
29
V
7
14
21
28
5
12
19
26
2
9
16
23
30
S
8
15
22
29
6
13
20
27
3
10
17
24
D
9
16
23
30
7
14
21
28
4
11
18
25
NUME
8
iunie
22
iunie
29
iunie
20
iulie

6. 1
>>
TEMA
DE
DATA
TRECUTA

7. 1
>>
CARTEA
SAPTAMANII

8. INTRODUCERE
IN
COMUNICARE
ONLINE
CURS
II

9. 1
>>
ENUMERATI
CATEVA
LOCATII
ONLINE
• Site
-­‐
hp://en.wikipedia.org/wiki/Website
• Microsite
-­‐
hp://en.wikipedia.org/wiki/Microsite
• Blog
-­‐
hp://en.wikipedia.org/wiki/Blog
• Vlog
-­‐
hp://en.wikipedia.org/wiki/Vlog
• Wiki
-­‐
hp://en.wikipedia.org/wiki/Wiki
• Forum
-­‐
hp://en.wikipedia.org/wiki/Internet_forum
• Facebook
•
altele
…

10. 1
>>
CE
ESTE
UN
SITE?
• de
ce
avem
nevoie
de
un
site
pentru
comunicare
online?
– Un
site
func5oneaza
ca
un
showroom
sau
un
magazin;
este
locul
unde
consumatorii
ajung
(sau
“aterizeaza”
de
unde
si
termenul
de
landing
page
pentru
pagina
unde
ajung
in
urma
unui
curs)
• ce
intelegem
prin
[web]site?
– Vezi
pagina
anterioara
• alte
concepte
esen5ale:
website,
web
domain,
URL,
DNS
– hp://en.wikipedia.org/wiki/Web_page
– hp://en.wikipedia.org/wiki/Uniform_Resource_Locator
– hp://en.wikipedia.org/wiki/Web_domain
– hp://en.wikipedia.org/wiki/Domain_Name_System

11. 1
>>
Web
domain,
dns,
url…

12. 1
>>
DE
CE
ESTE
IMPORTANT
SA
STIM
CATEVA
LUCRURI
DESPRE
COD/PROGRAMARE?
• Ce
inseamna
programare?
– hp://en.wikipedia.org/wiki/Computer_programming
• Ce
inseamna
limbaj
de
programare?
– hp://en.wikipedia.org/wiki/Programming_language
• Care
sunt
diferentele
intre
un
limbaj
si
un
framework?
• A
language
is
syntax,
grammar,
seman5cs
(and
perhaps
a
core
library)
that
implementers
are
required
to
support.
A
framework
is
a
cohesive
set
of
library
code
that
together
simplifies
programming
in
any
given
language.
– hp://stackoverflow.com/ques5ons/3763045/what-­‐is-­‐the-­‐difference-­‐between-­‐a-­‐
language-­‐and-­‐a-­‐framework
• Ce
inseamna
sistem
de
operare?
– hp://en.wikipedia.org/wiki/Opera5ng_system
• Ce
inseamna
browser?
– hp://en.wikipedia.org/wiki/Web_browser

13. 1
>>
DE
CE
ESTE
IMPORTANT
SA
STIM
CATEVA
LUCRURI
DESPRE
COD/PROGRAMARE?
• Ce
inseamna
programare?
– Scrierea
unei
liste
de
instruc5uni
care
permit
unui
browser
sa
decodeze
elementele
vizuale
si
textuale
ale
unui
pagini
web
• Ce
inseamna
limbaj
de
programare?
-­‐ Open
source
vs
proprietary
-­‐ Web
development
soqware
-­‐ Web
applica5ons
/
CMS
-­‐ Client
side
vs
server
side
• Care
sunt
diferentele
intre
un
limbaj
si
un
framework?
– PHP,
Java,
.net,
Flash
– Ruby
on
Rails,
Django,
Cake

14. 1
>>
+
COMPLICATIE

15. 1
>>
LA
CE
AJUTA
UN
SITE?

16. 1
>>
LA
CE
AJUTA
UN
SITE?
• Un
site
este
locul
unde
sunt
direc5ona5
consumatorii
unui
brand
atunci
cand
incearca
sa
afle
ceva
despre
acel
brand
• El
poate
fi
self-­‐standing
–
adica
avand
un
URL
unic,
sau
gazduit
de
o
plaEorma
mai
mare
cum
ar
fi
paginile
de
wordpress,
Facebook
etc
• Exista
si
numeroase
plaEorme
de
e-­‐commerce
care
sunt
considerate
“gazde”
pentru
magazine
online
cum
ar
fi
shopify
sau
VirtueMart
hp://
www.webappers.com/2010/07/09/15-­‐best-­‐free-­‐open-­‐source-­‐
ecommerce-­‐plaEorms/

17. 1
>>

18. 1
>>
LA
CE
AJUTA
UN
SITE?
• des5na5a
celor
interesa5
de
5ne,
brand,
produse
• locul
unde
se
acumuleaza
cea
mai
importanta
“istorie”
despre
brand
• locul
pe
care
il
evalueaza
motoarele
de
cautare
• locul
unde
se
pot
masura
rezultatele
(analy5cs)
• locul
unde
se
acumuleaza
informa5i
legate
de
browserele
u5lizatorilor
(cookies)

19. 1
>>
CE
“LOCATII”
POT
FUNCTIONA
CA
SITE
PENTRU
UN
BRAND?
• un
web
site
cu
un
web
domain
unic
• un
web
site
hostat
pe
un
web
domain
unic
DAR
construit
pe
o
plaEorma
preexistenta
• un
“site”
format
din
agregarea
de
con5nut
din
alte
surse
• o
pagina
de
blog
• o
pagina
de
microblog
• o
pagina
reprezenta5va
intr-­‐o
retea
de
socializare
• o
pagina
de
wiki
• o
pagina
de
forum

20. 1
>>
EXEMPLE

21. 1
>>
EXEMPLE

22. 1
>>
EXEMPLE

23. 1
>>
EXEMPLE

24. 1
>>
EXEMPLE

25. 1
>>
EXEMPLE

26. 1
>>
EXEMPLE

27. 1
>>
ESENTIALE
PENTRU
“SITE”
• Obiectul
sa
fie
potrivi
obiec5vului
• Mai
multe
“siteuri”
pentru
mai
multe
audiente
(sa
mergem
unde
sunt
ei)
• Locul
unde
se
intampla
“content
marke5ng”
• Analy5cs
[demo]

28. 1
>>
EXERCITIU
PRACTIC
• Producator
de
faianta

29. 1
>>
TEMA
CURSUL
2
• Va
rog
sa
va
face5
un
site

30. INTREBARI?
NE
VEDEM
SAPTAMANA
VIITOARE!