Web Development in the Facebook Era

TRADITIONAL WEB CREATION

in the Facebook Era

What is all this about?

•  A bit of Web history •  Impact of the Social Media •  Are websites still relevant?

• How to make a web for non-techies*

*almost

A bit of web history  

•  In  March  1989,  Tim  Berners-­‐Lee  invented  World  Wide  Web  at  CERN  

•  In  November  he  implemented  the  Hypertext  Transfer  Protocol  Protocol  of  communicaDon  HTTP.    –  First  web  (info  page  for  CERN)  –  First  Browser  WorldWideWeb  (CollaboraDve  

pholosophy,  like  wikipedia)        

http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html

A bit of web history  First website by Tim Berners-Lee in 1991

A bit of web history  Back when “to google” verb wasn’t invented yet we had Search Engines, several!

Usenet: Public list and threads of emails

Chatroom: Era pre-Trolls

The idea of the Social Media was there from the beginig.

A bit of web history  

(Funny thing: There are websites like this still out there)

A bit of web history  

First Google. Started in 1998 went public in 2004

A bit of web history  

Then  we  updated  to  Web  2.0  

A bit of web history  

Good  things  and  Bad  things:  Memes,  trolls,  spam,  cats,  bubbles…  

A bit of web history  

Impact of the social media���

•  Actually  is  more  like  this  

…

Impact of the social media���

•  People  spend  most  of  their  Dme  on  FB  •  Everythingis  moving  towards  Facebook  

– RegistraDon  in  other  services  – Retail  – Leisure  – ChariDes…  

Impact of the social media���

•  When  asked  about  making  a  website  I  recommend  starDng  with  a  facebook  page  and  a  twiTer  account:  Edenbee  case    

•  For  a  personal  page,  share  your  pictures,  or  a  online  CV  we  can  use  Facebook,  Flickr  and  Linkedin  

•  Even  small  business  short  Dme  and  low  budget:  Like  Lulabelle  Vintage,  Cupcakes  by  G)    

Impact of the social media���

Are websites still relevant?  

Yes!  There’s  sDll  plenty  of  room  for  “TradiDonal”  websites:  

• ArDst’s  online  presence,  artworks,  music,  videos  

• Some  hobby  or  interest,  (Kni]ng,  Soaps,  Photography)  

• Organizing  a  trip  or  living  abroad  • Teachers  page  in  school  or  School  or  (Literature  Teacher  anecdote)  College  (whereas  student  communicate  on  `)  

Are websites still relevant?  

Are websites still relevant?  

Are websites still relevant?  

Are websites still relevant?  

Reasons  of  having  a  website:  

•  Corporate  site  /  Business  card  (Nowadays  is  the  yellowpages  but  faster  and  with  map)    

•  Any  business  is  expected  to  have  one,  it  adds  credibility  to  your  business  

•  Your  website  is  available  24/7  from  everywhere  

•  SubstanDal  content,  maintained  and  owned  by  you    

Are websites still relevant?  

And  more…  

•  Flexible,  adapted  to  your  needs,  organize  your  own  informaDon,  faq,  catalog,  materials,  markeDng  campaigns  

•  Metrics  about  your  visitors  •  You  sDll  should  have  facebook  twiTer  and  any  other  tools  that  

add  value  to  your  project  

Are websites still relevant?  

How to make a web  

If  you  have  decided  your  project  needs  a  website  you  may  have  

     +                          +                                                                                                =  

                                   +                                                                                                  =                                                  (or                                )  

                                   +                                            +                                                    =  

How to make a web  

How  much  do  you  need?  

StarDng  with:      $70/year    

Open  source  tools  +  hard  work  +  paDence  Some  extra  €  can  get  you  quality  non-­‐exclusive  design  template,  adwords,  extra  services  

Plenty  of  free  material,  step  by  step  tutorials,  youtube  etc.  

Ingredients for a 3.0 website – Visual  Design.  Typography  – Code  (CMS)        

•  Front-­‐end  :  HTML  +  CSS  +  Jscript  •  Back-­‐end  :  MySQL  +  PHP  

– User  Experience  (It’s  only  logical)  – Content  Strategy  

•  Quality  and  Frequecy  

And  How  about  SEO?          See  above!    

How to make a web  

How to make a web  

Keywords: Progressive  enhancement,  Adap:ve  Design  

•  Step  1:  Buy*  a  domain…  

How to make a web  

https://www.iedr.ie/

(*Rent)

…and  hosDng  service  (preferable  together)  

How to make a web  

•  Step  2:  Pick  a  CMS  easy  to  use  +  Modern  Template      

How to make a web  

•  Step  3:  Install  a  web  server  on  your  computer  like    WAMP(PC)  or  MAMP  (Mac)  and  pracDce.  

•  Test  in  several  browsers,  also  with  users  

How to make a web  

•  Step  4:  Create  AnalyDcs  account  

How to make a web  

•  Step  5:  Download  an  FTP  program  to  upload  your  website  to  your  Web  Server  

How to make a web  

•  Configure  your  email  accounts  (HosDng  panel)  •  Promote  with  the  right  audiences    

– Facebook  account  – TwiTer  – Youtube  

•  It’s  a  job.  If  you  serious  about  your  project,  hire  community  manager  or  become  one.    

How to make a web  

Recap  • Step  1  :  Domain  and  HosDng  

• Step  2  :  CMS  +  Template/CustomizaDon  

• Step  3  :  Local  Server  to  pracDce  • Step  4  :  Google  AnalyDcs  account  • Step  5  :  FTP  to  upload  • Step  6  :  Email,  facebook,  twiTer  etc    

How to make a web  

Thank You

Questions?