iae SI 2020 A

105
WEB MANAGEMENT @kratiroff

Transcript of iae SI 2020 A

Page 1: iae SI 2020 A

WEB MANAGEMENT

@kratiroff

Page 2: iae SI 2020 A

DNVB

Digital Native Vertical Brand

Page 3: iae SI 2020 A

ALAN / FITPAY typology / made. le slip français warby parker veja jimmy fairly maison standard she inside = SHEIN tediber / casper Michel Augustin bergamotte Dollar Save sézane glossier

Page 4: iae SI 2020 A
Page 5: iae SI 2020 A
Page 6: iae SI 2020 A
Page 7: iae SI 2020 A

RIEN À PERDRE TOUT À GAGNER RÉSISTE À TOUT ATTAQUE TOUT RISQUE IMMENSE POUR

LES RENTIERS

Page 8: iae SI 2020 A
Page 9: iae SI 2020 A

DATA NOT BIG NOT SMART NOT SMALL … JUST DATA TO BE ANALYSED TO IMPACT A BUSINESS

= BI

Page 10: iae SI 2020 A

BIG DATA DATADRIVENWORLD

Page 11: iae SI 2020 A

5 ÉLÉMENTS À GÉRER : HARDWARE SOFTWARE DATA PEOPLE PROCESS

Page 12: iae SI 2020 A

? IAAS SAAS PAAS (X2)

Page 13: iae SI 2020 A

informatique hybride

Page 14: iae SI 2020 A

informatique hybride

Page 15: iae SI 2020 A
Page 16: iae SI 2020 A

disruption servicisation uberisation

plateformisation

Page 17: iae SI 2020 A

plateform economy

APP SOFT USER ADV TRUST DATA

Page 18: iae SI 2020 A

2012-2014 Peter Thiel

PayPal FB, spaceX, LinkedIn

Page 19: iae SI 2020 A

Les 3 étapes de toute Innovation / rupture / revolution Utopiste / étrange / ridicule Impossible / dangereux Évident / simple

Thiel / Aberkane

1

321

3

Page 20: iae SI 2020 A
Page 21: iae SI 2020 A

SOCIAL MOBILE ANALYTIC CLOUD

RSE YouTube Linkedin

Vidéo RA

TAG Lake

APP Collaboratif

+ Sécurité / RGPD

Page 22: iae SI 2020 A

5 ÉLÉMENTS À GÉRER : HARDWARE SOFTWARE DATA PEOPLE PROCESS

Page 23: iae SI 2020 A

Web Management

InsideWeb : Back Office du web Niveau technique minimum pour dialoguer avec une web agency (DSI : Programmeur → Développeur → DEV) « Master du Web » pas WebMaster

programmateur (sonnette)

Page 24: iae SI 2020 A

CMS, serveur, DNS, IP, DHCP, registrar, TLD FTP, SMTP, IMAP, POP, SMTP, DOM UI, UxD, SSL, https, HASH, sha256, Merkel Programmation, dev, code, html, CSS, js, json, sql GitHub ≠ GIT, CLI, GUI Sauvegarde incrementielle, navigateur IAAS, SAAS, PAAS

Page 25: iae SI 2020 A

Définition Acronyme

Sémantique

Page 26: iae SI 2020 A

numerique digital

Page 27: iae SI 2020 A

Numérique techno, electro, computer, R&D enable companies to do things greater

Digital the way from finding clients to earn income change business model, process, objective

Cyber security, resilience … bureau des légendes

numérique digital

Page 28: iae SI 2020 A

Digital Numérique

Cybernétique Technologies

= DATA contrôle

= INDIVIDUEL personalisation

= Éthique politique

Page 29: iae SI 2020 A

INTERNET

INTRANET

WWW WEB

NetWork / réseau DNS TLD

TCP/IP v4 v6 MAIL SMTP POP

FTP DataBase SSL

HARD DOD/ Arpanet

Vint Cerf

CLOUD DATA SOFT

SAAS

HTTP URL CLOUD / SOFT

HTML DOM APACHE CERN

Tim Berners

Lee

DEEP DARK WEB TOR

<html> <head> <body> css .js

SQL / Postgres Oracle select from where group having order

APP SOFTWARE

NODE.js vue.js

react / angular JS

GIT (hub lab)

Page 30: iae SI 2020 A
Page 31: iae SI 2020 A
Page 33: iae SI 2020 A

Internet Numérique vs. WEB

Digital

Page 34: iae SI 2020 A

ÉCOLE DE LA FINANCE 2 JUILLET 2018 183

Page 35: iae SI 2020 A
Page 36: iae SI 2020 A
Page 37: iae SI 2020 A
Page 38: iae SI 2020 A

PASSWD = mot de passe howsecureismypassword.net haveibeenpwned.com 123456phrase! AMAZONphr4s3!

La faille de sécurité, c’est le PFH (Hubert Reeves) Voir rapport risque 2020 du WEF

Page 39: iae SI 2020 A

1anatomie d’une recherche

Page 40: iae SI 2020 A

SEARCH ENGINEGoogle Bing Yahoo Qwant .fr Baidu .cn Yandex .ru Naver .kr ≠ metamoteur (metasearch engine / aggregator)

Page 41: iae SI 2020 A

Agenda

1/ le mécanisme d’une recherche : anatomie d’une recherche

Un utilisateur saisi un ou plusieurs mots clés dans l’omnibox de recherche (différent de barre url) Pendant la saisie le moteur propose des termes proches correspondant aux recherches déjà effectuées par d’autres utilisateurs

Page 42: iae SI 2020 A

Agenda

1/ le mécanisme d’une recherche : anatomie d’une recherche

Le moteur recherche dans ses propres bases de données les résultats correspondant au mot clé ainsi qu’à l’heure, localisation, device, habitude, méthode de connexion : contextualisation Le moteur recherche dans les achats de mots clés par les marques ceux qui correspondent à la saisie en fonction des filtres choisi par la marque (horaire, région, montant de l’enchère, capping…)

Page 43: iae SI 2020 A

Agenda

1/ le mécanisme d’une recherche : anatomie d’une recherche

Le moteur fabrique son knowledge graph, snippet Le moteur répond à la recherche par une SERP qui peut comprendre plusieurs centaines de pages Le moteur enregistre les liens sur lesquels l’utilisateur clique comme étant d’une qualité supérieur et en améliore le pagerank

Page 44: iae SI 2020 A
Page 45: iae SI 2020 A
Page 46: iae SI 2020 A

Quelques méthodes

filetype:pdf site:www.abc.xyz related:www.xxxxxx.com

Page 47: iae SI 2020 A

Facebook Timeline EdgeRank

Page 48: iae SI 2020 A

SURVIVAL KIT [email protected]

@kratiroff

Page 49: iae SI 2020 A

Minimum site

index.html (sublimetexte) image (unsplash) form (typeform) ESP (mailchimp)

Page 50: iae SI 2020 A
Page 51: iae SI 2020 A

HTML CSS

JS

Page 52: iae SI 2020 A

MaBonneidéeàMoi

Plateforme technique

Page 53: iae SI 2020 A
Page 54: iae SI 2020 A

www.mabonneideeàMOI.wix.com

Plateforme technique

Page 55: iae SI 2020 A

REGISTRAR

Plateforme technique

Page 56: iae SI 2020 A
Page 57: iae SI 2020 A
Page 58: iae SI 2020 A

Cours de marketing kratiroff

WhoIs

Plateforme technique

Page 59: iae SI 2020 A
Page 60: iae SI 2020 A
Page 61: iae SI 2020 A
Page 62: iae SI 2020 A
Page 63: iae SI 2020 A
Page 64: iae SI 2020 A

Cours de marketing kratiroff

NOM D’URL Signes interdits Sous Domaine

(subsite)

Exact match Domain (EMD)

Plateforme technique

Page 65: iae SI 2020 A

TLD Top Level Domaine

.fr .com .ca .it .co .org .io .me .ee .tk

Plateforme technique

Page 66: iae SI 2020 A

TLD

website.com website.fr website.xyz

Page 67: iae SI 2020 A
Page 68: iae SI 2020 A
Page 69: iae SI 2020 A
Page 70: iae SI 2020 A
Page 71: iae SI 2020 A

CMS content management system

WordPress Joomla! SPIP Drupal Wiki / eZ publish

Prestashop Magento Os-commerce DemandeWare

EDITION e-commerce

Éducation : MOODLE CRM / SCM / EDI /

Page 72: iae SI 2020 A

CMS content management system

Open Source Communauté Modèle économique

Page 73: iae SI 2020 A
Page 74: iae SI 2020 A
Page 75: iae SI 2020 A

TEXT

Page 76: iae SI 2020 A

CMS vs. TemplateWordpress Drupal SPIP Prestashop

Non maîtrisable Non .com Installation dur

html CSS js 1000 sites dynamiques gratuits

Facile à maitriser No installation CODE !!!

Page 77: iae SI 2020 A
Page 78: iae SI 2020 A

OVH DigitalOcean

AWS HEROKU

Page 79: iae SI 2020 A
Page 80: iae SI 2020 A
Page 81: iae SI 2020 A

LIGHTSAIL https://lightsail.aws.amazon.com/ls/webapp/home/instances https://lightsail.aws.amazon.com/

Page 82: iae SI 2020 A
Page 83: iae SI 2020 A
Page 84: iae SI 2020 A
Page 85: iae SI 2020 A

TEXT

Page 86: iae SI 2020 A

API Interface entre applications (automatique) hyper utilisé à maitriser d’urgence !

Page 87: iae SI 2020 A

HASH SHA256 Secure Hash Algo 256 (2^8) = 64 caractères, non réversible, facile à calculer Principe d’une clé : facile à utiliser, complexe à reproduire

bf1db27f744f9c84f2f505c848202a126c96a73004f1d163bd77d1761d5236f8

bf1db27f744f9c84f2f505c848202a126c96a73004f1d163bd77d1761d5236f8

Hash de Hash = Merkel Tree = BlockChain

Page 88: iae SI 2020 A

BLOCKCHAIN Analogique : post-it

toutes les 30 secondes TimeStamp Horodatage preuve de travail : multiplication de deux nombres difficulté environ 3 secondes

enregistrement de : ???

Page 89: iae SI 2020 A

SELECT col1,col2 (UPDATE INSERT FROM table1 WHERE col1=A GROUP by HAVING ORDER BY

SQL : cheat sheetSQL / Postgres / Oracle

select from where group having order

Liste des formateurs (nom et prénom) triés par libellé des sports. SELECT LibelléSport, NomFormateur, PrénomFormateur FROM FORMATEUR, SPORT WHERE FORMATEUR.CodeSport = SPORT.CodeSport ORDER BY LibelléSport;

Liste des formateurs (numéro et nom) et du total de leur nombre d’heures d’intervention, à condition que ce total soit supérieur à 20. SELECT NumFormateur, NomFormateur, SUM(NBH) FROM FORMATEUR F, INTERVENIR I WHERE I.NumFormateur = F.NumFormateur GROUP BY F.NumFormateur, NomFormateur HAVING SUM(NBH) > 20;

Page 90: iae SI 2020 A

SQL

Page 91: iae SI 2020 A

Json { "items": [ { "title": "Roles", "liste": [

{ "term": "Scrum Master", "definition": "Schedules and leads the sprint meetings. Removes blockers. Keeps the team productive." },

{ "term": "Product Owner", "definition": "Represents the voice of the customer and the business. In charge of story prioritization." },

{ "term": "Software Engineer", "definition": "Builds new product features. Also in charge of writing unit tests." },

{ "term": "Quality Engineer", "definition": "In charge of quality assurance. Programmatically and manually tests new features." } ] }, { "title" :"Meetings", "liste": [

{ "term": "Backlog Grooming", "definition": "Occurs once per sprint. Add new user stories to the backlog, reprioritize stories." },

{ "term": "Planning Poker", "definition": "Occurs once per sprint. Software engineers collectively agree on the scope for every potential.} ] },

] }

Page 92: iae SI 2020 A

GIGO

GIGO Garbage In Garbage Out

Haig Peter IBM R&D

Page 93: iae SI 2020 A

AGILITÉ SCRUM

Méthodes

Page 94: iae SI 2020 A
Page 95: iae SI 2020 A

Les startups infusent le monde économique

Page 96: iae SI 2020 A
Page 97: iae SI 2020 A

AGILE

Page 98: iae SI 2020 A

PDCA cycle 1950

ADJUST

Page 99: iae SI 2020 A

agilemanifesto.org

Page 100: iae SI 2020 A
Page 101: iae SI 2020 A
Page 102: iae SI 2020 A
Page 103: iae SI 2020 A

SCRUM

Page 104: iae SI 2020 A
Page 105: iae SI 2020 A

TRELLO