Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Botiga on-line

No description
by

Daniel Escofet

on 11 December 2018

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Botiga on-line

Formes de vendre on-line
Instal·lar
Wordpress

WP
Administració

Capçalera
Temes
https://wordpress.org/themes
A Internet
Com vendre productes a Internet
Daniel Escofet
daniel@somiador.com
@danielescofet
Introducció
Software
Privat
LLiure
Màxim benefici Econòmic.
Control total del sistema.
Sistemes Anti-copia.
Només els autoritzats
poden desenvolupar.
Llibertat per modificar
Llibertat per distribuir
Llibertat per executar
Llibertat per copiar
Llibertat per estudiar
Wordpress
Software lliure - GPL
General Public License
Internet
Tecnologia
Web
Tim Berners-Lee
Creador del Wold Wide Web
6 d'agost 1991 la primera web amb HTML. (Hipertext)
60 anys - 2015
Compartir documents entre investigadors al CERN
Tipus de pàgines
Estàtiques
Dinàmiques
PHP
Html
PHP
Html
MYSQL
Caracteristiques
Funcions Bàsiques
Crear
una pàgina web
Manteniment:
Modificar, Actualitzar, eliminar
Gestionar Usuaris:
Administradors, registrats,etc
Afegir Extencions:
Noves funionalitats
Disseny / Contingut
Independència entre el
contingut
i el
disseny
Permet treball en paral·lel "
programadors
i

disenyadors
"
Podem canviar el disseny en qualsevol moment.
CMS
Gestor de contingut
Content Management System
Genèrics:
Qualsevol tipus de web.
Blogs:
Creació de pàgines personals.
Fòrums:
Debats i discussions.
Wikis:
Enciclopèdies online.
E-Learning:
Portals d'educació a distància
E-Commerce:
Comerç electrònic o botigues virtuals
Publicacions digitals:
Creació de diaris i revistes online
Contingut multimèdia:
Galeries d’imatges, vídeos, àudios..
Solucions empresarials:
Control de processos, ventes,etc
2 Interficies Separades.
Publica:
Web que poden veure tots els usuaris.
Privada:
Panell d’administració que ens permet modificar la nostra web.
Front-end
Back-end
No requereixen grans coneixements previs.
Facilita la generació de contingut a persones que
no saben programar.
Coherència en l'estructura:
segueixen unes estructures definides, facilitant la compatibilitat entre diferents dissenys.
Ofereixen
navegacions fàcils d'entendre
per l'usuari final.
Triar allotjament.
1
Requisits minims:
PHP
- Verisó 5.6 o superior
PHP
Html
PHP
Html
MYSQL
MYSQL
- Verisó 5.0 o superior
Servidor recomanat
Linux
FTP
- Protocol de transferncia de fitxers
Instal·lar Wordpress.org
3
Descarreguem la versió
Desitjada
http://wordpress.org
http://es.wordpress.org
http://ca.wordpress.org
Preparar el Hosting
2
Configurar el FTP
Host
- Servidor al qual ens connectem
Port
- Canal de connexió
Usuari
i
contrasenya
Carpeta arrel
- On estarà ubicada la web
Configurar la Base De Dades
Host
- Servidor on hi ha la base de dades.
Nom BBDD
- Nom de la Base de dades
Usuari:
Autoritzat per la Base de dades
Permisos
- Assignació dels privilegis a la base de dades
Descàrrega:
Pujar a l'allotjament:
Descomprimim el fitxer
wordpress_4-2.zip
Nostre ordinador
Servidor web
FTP
Obrir un navegador i escriure el nom de domini i seguir els passos.
Procés d'instal·lació
Procés d'instal·lació
Procés d'instal·lació
"Organització d'internet"
.com
.es
.net
.org
.cat
.info
.fr
.eu
.ad
Categories
.com
Companyies / empreses
.net
Negoci - digital
.info
informació
.org
Organització
Països
.es
Espanya
.fr
França
.ad
Andorra
.eu
Europa
.cat
Catalunya
Empreses / companyies
.com
.com
.com
www.
http://
Nivell
Nivell
Nivell
World Wide Web
Xarxa Informàtica Mundial
Hypertext Transfer Protocol
Protocol de transferència d'hipertext
Llenguatge informàtic que ens permet
veure les pàgines WEBS.
formacio
.
somiador
.
com
Ftp://
File Transfer Protocol
Canal de transferència de fitxers.
"La porta del darrere de les webs.."
Tecnologies que hauríem de conèixer
DNS
Domain Name System
Cada domini correspon a una adreça IP.
Escriure una seqüencia de números IP, cada vegada que volem accedir a una WEB, és força complicat.
El
Sistema de Noms de domini
ens permet associar un nom a cada numero IP.
TCP/IP
Transmision Control Protocol / Internet Protocol
El sistema que possibilita la lliure circulació d'informació a internet. Protocol que utilitzen tots els dispositius que estan connectats per comunicar-se i intercanviar informació.
Sistema client servidor
Servidor
Allotjament-hosting
Clients
Qualsevol dispositiu
Wordpress - Webs dinàmiques
Menú d'accés ràpid,
Ens permet canviar
del
Front-End
al
Back-end.
Informació sobre
notificacions web.
Afegir
Nova Entrada
Fitxer Media
Nova pàgina
Nou usuari
Mostrar o ocultar
atributs de la pàgina
Mòduls,
Autor
Resum
etc..
Personalitzar el teu perfil
d'usuari
http://el-teu-domini/
wp-admin

Menú principal
Pàgines
Distribució de totes les pàgines

Comentaris
Escrits que realitzen els nostres visitants
Tauler
Pantalla d'inici personalitzada a gust de l'usuari.
Gestor d'actualitzacions. .
Entrades
Gestió i organització del contingut de la web.
Articles
que formen part de grups anomenats
Categories.
Els articles també es poden classificar amb diferents
Etiquetes.

Aparença
Tot el que està relacionat amb l'aspecte visual de la Web.
Temes, Ginys, menús, Capçalera, Font, Editor HTML
Mèdia
Espai on es concentra tot el material multimèdia del contingut web.
Àrea de treball
Espai de creació i configuració
Extensions
Funcionalitats per adaptar la web a un propòsit específic.
Usuaris
Creació i gestió dels diferents usuaris que poden registrar-se.
Rols:
Subscriptor, Col·laborador, Autor, Editor, Administrador
Eines
Importació Exportació de dades
.

Paràmetres
Opcions de configuració General de Wordpress.
Panells de configuració de les extensions que anem instal·lant al projecte web.
Un projecte
Web
Dissenyador
Programador
Continguts
Un projecte pluridisciplinari.
Costa molt trobar aquestes qualitats a una persona.
Estem parlant d'una tecnologia molt recent, on encara no hi ha una metodologia laboral definida
Els rols s'estan creant, sovint canvien i es transformen.
Metodologies Agils
Gestors de projectes basats en mini objectius, sense perdre de vista el propòsit final del projecte.
Scrum
El projecte web
What , Why , Who, How, Where, When
Que volem fer?

Perquè volem una web?

A quin públic va dirigit?

Qui ho pot fer, amb quines eines?

On l'allotjaré, quin nom utilitzaré?

Quan ho tindrem?
Projectes interactius
Cada tema es gestiona amb un menú de configuració propi.
Elements bàsics d'una pàgina
Migració Wordpress
Canviar de Hosting
Procés manual
Realitzar una còpia de seguretat dels Fitxers i la Base de dades
Allotjament actual
Allotjament futur
PC del tècnic
Fitxers web
Base Dades
Còpia de tota la web mitjançant
un client FTP
Exportació
Importació
Fitxer de configuració
wp-config.php
define('DB_NAME', 'nova_base_dades');
define('DB_USER, 'nou_usuari');
define('DB_PASSWORD, 'nova_contrasenya');
define('DB_HOST, 'nou_servidor');
Head
Body
Footer
Head
Títol i descripció del lloc web
Footer
Body
Informació i menús que apareixen a totes les pàgines
Contingut i disseny de tota la pàgina

HEADER:
Espai superior, fotografies, etc
MENU
: Línia que ens permet navegar pel conjunt de pàgines principals.
CONTENT:
Espai central. Pot estar distribuït per columnes.
Procés automàtic
Instal·lem l'extensió
1, Creem la còpia
Allotjament actual
Allotjament futur
PC del tècnic
Guardem una còpia
de la web
Al servidor destí
Creem la Base de dades
Configurem la connexió FTP
Seguim l'assistent amb les noves
dades del servidor.
Pujem els 2 fitxers
Instaler.php
lamevaweb_wordpress.zip
1
3
2
Duplicator
Rols
Usuaris
Gratuïts i de pagament
SEO
consells pel nostre blog
Text.
Enllaços WEB.
Imatges.
Vídeos
Search Engine Optimization
SEO
Text
La posició és important.
Formes gramaticals correctes.
Expressions davant paraules aïllades
Títols, encapçalaments
Text en Negreta - cursiva o subratllat
Keywords en noms de fitxers i domini.
Keywords als vincles.
SEO
Imatges
Title
Alt
Especifica el grandària (Width i heigh)
No escalar - Adaptar la grandària de la imatge
Imatge optimitzada a la web.
Selecciona un bon nom de fitxer.
Imatges de qualitat.
Google considera que les pàgines que tenen entre
100 i 300 paraules
, són les més valorades pels usuaris.
SEO
Eines d'ajuda
Escollir bé les paraules clau
https://adwords.google.com/ko/KeywordPlanner
Competència - Google Adwords

Tendències - Google Trends
http://www.google.com/trends/
Denistat
http://www.internetmarketingninjas.com/seo-tools/keyword-density/
Detectar i eliminar els enllaços trencats
https://www.google.com/webmasters
SEO
Alta buscadors
Alta a Cercadors i directoris.
Google

Bing / Yahoo
Directoris
http://www.portal-seo.com/listado-directorios-web.php
www.google.es/addurl
http://www.bing.com/toolbox/submit-site-url



http://www.guiadewebs.net/agregar-sitio/

Subscriptor
Col·laborador
Autor
Administrador
Editor
Complements
SEO-Vídeos - Xarxes Socials
Youtube
Afegir el frame directament des del portal
SEO
WordPress SEO by Yoast
Xarxes Socials
Simple Share Buttons Adder
Registre usuaris
Cookie Facebook - HEAD
<meta property="og:site_name" content="LLoc" />
<meta property="og:title" content="Contigut" />
<meta property="og:image" content="ruta i nom de la foto" />
<meta property='og:description' content="Descripció de la pàgina"/>



<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
Facebook
Actualitzar Meta-dades (Compartir)
https://developers.facebook.com/tools/debug/og/object
Afegir "like" - Compartir - Comentaris
https://developers.facebook.com/docs/plugins/
<div class="fb-comments" data-href="http://facebook.com/XXXXX/" data-numposts="5"></div>
COMENTARIS
<div class="fb-like" data-href="http://www.begues.hol.es/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
Like
Hostings
Portals de venta
Portals de botiga on-line
Botiga on-line
Necessites Domini
Allotjament web
Full transcript