{} - Contributions de l’utilisateur [fr]

Utilisateur:Violette

2020-05-28T10:50:54Z

Violette :

=Writing bot, Under the Simflouz tree=

[[Fichier:sim1.png]]

Le simflouz tree est un arbre qui donne de l'argent quand on l'arrose dans les Sims 2. Ce bot pourrait récupérer des tweets qui contiennent l'expression "sous l'abre" et la remplacer par "under the simflouz tree".

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")

print (tweetText)
</syntaxhighlight>

le bot twitter poste le message modifié et cite le compte initial
abonnez vous à moi : https://twitter.com/SimflouzT

Maintenant il faut trouver le moyen pour que le bot, à chaque fois qu'il soit lancé, passe en revue tout les tweets concernés, classe ceux qu'il a déjà traité et éxécute le programme pour les autres, de manière à ce qu'il soit autonome.

==05.03, ==
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
#api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

Maintenant il faut le faire tourner tout seul régulièrement sans que je sois là

==23.04 ==

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
==04.05 ==
j'ai rajouté un import from datetime import datetime.
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

==07.05 ==
j'ai modifié la partie qui permet de rentrer une date selon un format spécifique grâce au code de Zoé. Mais nouveau problème avec le date time : "AttributeError: type object 'datetime.datetime' has no attribute 'datetime'"
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_1-moment_2
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_2-moment_1
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

==réactions au bot ==
[[Fichier:sim4.png]]

En général, les gens aiment ou retweetent. J'ai été bloquée une fois

[[Fichier:sim2.png]]

[[Fichier:sim3.png]]

=programme de poète loup garou=

Un programme qui

- demande le nom de l'utilisateur qui sera enregistré comme nom de poète

- rajoute aouuuu quand il y a a lettre a

- rajoute grrrrrrrrrr quand il y a la lettre g

résolution de l'énoncé de Gesine

<syntaxhighlight lang="python">

with open('poetry','r') as lecture:
poyeme = lecture.read()

poyeme = poyeme.replace("o", "0")
poyeme = poyeme.replace ("i", "1")

print(poyeme)

</syntaxhighlight>

<syntaxhighlight lang="python">
#!/usr/bin/env python
#coding: utf-8
'''Un programme qui
- demande le nom de l'utilisateur qui sera enregistré comme nom de poète
- rajoute aouuuu quand il y a a lettre a
- rajoute grrrrrrrrrr quand il y a la lettre g '''

print("Quel est ton nom, poète.esse ?")
nom = raw_input()

import re

f= open("poeme.txt", "r+")

poeme = f.read()

#poeme = re.sub('a', "aouuuu", poeme)
poeme = re.sub('([aA])', r"\1ouuuu", poeme)
poeme = re.sub('([gG])', r"\1rrrrrrrrrr", poeme)

nom = re.sub('([aA])', r"\1ouuuu", nom)
nom = re.sub('([gG])', r"\1rrrrrrrrrr", nom)
print(poeme)
print("Signé, " + nom + " le loup grrrrrrrrrraouuuurou")

f.close()

</syntaxhighlight>

Utilisateur:Violette

2020-05-28T10:48:44Z

Violette :

=Writing bot, Under the Simflouz tree=

[[Fichier:sim1.png]]

Le simflouz tree est un arbre qui donne de l'argent quand on l'arrose dans les Sims 2. Ce bot pourrait récupérer des tweets qui contiennent l'expression "sous l'abre" et la remplacer par "under the simflouz tree".

[[Fichier:sim4.png]]

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")

print (tweetText)
</syntaxhighlight>

le bot twitter poste le message modifié et cite le compte initial
abonnez vous à moi : https://twitter.com/SimflouzT

Maintenant il faut trouver le moyen pour que le bot, à chaque fois qu'il soit lancé, passe en revue tout les tweets concernés, classe ceux qu'il a déjà traité et éxécute le programme pour les autres, de manière à ce qu'il soit autonome.

==05.03, ==
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
#api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

Maintenant il faut le faire tourner tout seul régulièrement sans que je sois là

==23.04 ==

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
==04.05 ==
j'ai rajouté un import from datetime import datetime.
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

==07.05 ==
j'ai modifié la partie qui permet de rentrer une date selon un format spécifique grâce au code de Zoé. Mais nouveau problème avec le date time : "AttributeError: type object 'datetime.datetime' has no attribute 'datetime'"
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_1-moment_2
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_2-moment_1
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

=programme de poète loup garou=

Un programme qui

- demande le nom de l'utilisateur qui sera enregistré comme nom de poète

- rajoute aouuuu quand il y a a lettre a

- rajoute grrrrrrrrrr quand il y a la lettre g

résolution de l'énoncé de Gesine

<syntaxhighlight lang="python">

with open('poetry','r') as lecture:
poyeme = lecture.read()

poyeme = poyeme.replace("o", "0")
poyeme = poyeme.replace ("i", "1")

print(poyeme)

</syntaxhighlight>

<syntaxhighlight lang="python">
#!/usr/bin/env python
#coding: utf-8
'''Un programme qui
- demande le nom de l'utilisateur qui sera enregistré comme nom de poète
- rajoute aouuuu quand il y a a lettre a
- rajoute grrrrrrrrrr quand il y a la lettre g '''

print("Quel est ton nom, poète.esse ?")
nom = raw_input()

import re

f= open("poeme.txt", "r+")

poeme = f.read()

#poeme = re.sub('a', "aouuuu", poeme)
poeme = re.sub('([aA])', r"\1ouuuu", poeme)
poeme = re.sub('([gG])', r"\1rrrrrrrrrr", poeme)

nom = re.sub('([aA])', r"\1ouuuu", nom)
nom = re.sub('([gG])', r"\1rrrrrrrrrr", nom)
print(poeme)
print("Signé, " + nom + " le loup grrrrrrrrrraouuuurou")

f.close()

</syntaxhighlight>

==réactions au bot ==
[[Fichier:sim4.png]]
La plupart du temps les gens aiment ou retwteent. J'ai été bloquée une fois

[[Fichier:sim2.png]]

[[Fichier:sim3.png]]

Fichier:Sim4.png

2020-05-27T13:26:52Z

Violette :

Utilisateur:Violette

2020-05-27T13:26:28Z

Violette : /* Writing bot, Under the Simflouz tree */

=Writing bot, Under the Simflouz tree=

[[Fichier:sim1.png]]

La plupart du temps les gens aiment ou retwteent, j'ai été bloquée une fois

[[Fichier:sim2.png]]

[[Fichier:sim3.png]]

C'est un bot qui fait des phrases avec le simflouz tree. C'est un arbre qui donne de l'argent quand on l'arrose dans les sims 2. Il pourrait récupérer des tweets qui contiennent l'expression "sous l'abre" et la remplacer par under the simflouz tree.

[[Fichier:sim4.png]]

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")

print (tweetText)
</syntaxhighlight>

le bot twitter poste le message modifié et cite le compte initial
abonnez vous à moi : https://twitter.com/SimflouzT

Maintenant il faut trouver le moyen pour que le bot, à chaque fois qu'il soit lancé, passe en revue tout les tweets concernés, classe ceux qu'il a déjà traité et éxécute le programme pour les autres, de manière à ce qu'il soit autonome.

==05.03, ==
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
#api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

Maintenant il faut le faire tourner tout seul régulièrement sans que je sois là

==23.04 ==

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
==04.05 ==
j'ai rajouté un import from datetime import datetime.
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

==07.05 ==
j'ai modifié la partie qui permet de rentrer une date selon un format spécifique grâce au code de Zoé. Mais nouveau problème avec le date time : "AttributeError: type object 'datetime.datetime' has no attribute 'datetime'"
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_1-moment_2
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_2-moment_1
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

=programme de poète loup garou=

Un programme qui

- demande le nom de l'utilisateur qui sera enregistré comme nom de poète

- rajoute aouuuu quand il y a a lettre a

- rajoute grrrrrrrrrr quand il y a la lettre g

résolution de l'énoncé de Gesine

<syntaxhighlight lang="python">

with open('poetry','r') as lecture:
poyeme = lecture.read()

poyeme = poyeme.replace("o", "0")
poyeme = poyeme.replace ("i", "1")

print(poyeme)

</syntaxhighlight>

<syntaxhighlight lang="python">
#!/usr/bin/env python
#coding: utf-8
'''Un programme qui
- demande le nom de l'utilisateur qui sera enregistré comme nom de poète
- rajoute aouuuu quand il y a a lettre a
- rajoute grrrrrrrrrr quand il y a la lettre g '''

print("Quel est ton nom, poète.esse ?")
nom = raw_input()

import re

f= open("poeme.txt", "r+")

poeme = f.read()

#poeme = re.sub('a', "aouuuu", poeme)
poeme = re.sub('([aA])', r"\1ouuuu", poeme)
poeme = re.sub('([gG])', r"\1rrrrrrrrrr", poeme)

nom = re.sub('([aA])', r"\1ouuuu", nom)
nom = re.sub('([gG])', r"\1rrrrrrrrrr", nom)
print(poeme)
print("Signé, " + nom + " le loup grrrrrrrrrraouuuurou")

f.close()

</syntaxhighlight>

==réactions au bot ==

Fichier:Sim3.png

2020-05-27T13:22:27Z

Violette :

Fichier:Sim2.png

2020-05-27T13:22:05Z

Violette :

Utilisateur:Violette

2020-05-27T13:21:49Z

Violette :

=Writing bot, Under the Simflouz tree=

[[Fichier:sim1.png]]

[[Fichier:sim2.png]]

[[Fichier:sim3.png]]

C'est un bot qui fait des phrases avec le simflouz tree. C'est un arbre qui donne de l'argent quand on l'arrose dans les sims 2. Il pourrait récupérer des tweets qui contiennent l'expression "sous l'abre" et la remplacer par under the simflouz tree.

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")

print (tweetText)
</syntaxhighlight>

le bot twitter poste le message modifié et cite le compte initial
abonnez vous à moi : https://twitter.com/SimflouzT

Maintenant il faut trouver le moyen pour que le bot, à chaque fois qu'il soit lancé, passe en revue tout les tweets concernés, classe ceux qu'il a déjà traité et éxécute le programme pour les autres, de manière à ce qu'il soit autonome.

==05.03, ==
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
#api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

Maintenant il faut le faire tourner tout seul régulièrement sans que je sois là

==23.04 ==

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
==04.05 ==
j'ai rajouté un import from datetime import datetime.
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

==07.05 ==
j'ai modifié la partie qui permet de rentrer une date selon un format spécifique grâce au code de Zoé. Mais nouveau problème avec le date time : "AttributeError: type object 'datetime.datetime' has no attribute 'datetime'"
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_1-moment_2
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_2-moment_1
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

=programme de poète loup garou=

Un programme qui

- demande le nom de l'utilisateur qui sera enregistré comme nom de poète

- rajoute aouuuu quand il y a a lettre a

- rajoute grrrrrrrrrr quand il y a la lettre g

résolution de l'énoncé de Gesine

<syntaxhighlight lang="python">

with open('poetry','r') as lecture:
poyeme = lecture.read()

poyeme = poyeme.replace("o", "0")
poyeme = poyeme.replace ("i", "1")

print(poyeme)

</syntaxhighlight>

<syntaxhighlight lang="python">
#!/usr/bin/env python
#coding: utf-8
'''Un programme qui
- demande le nom de l'utilisateur qui sera enregistré comme nom de poète
- rajoute aouuuu quand il y a a lettre a
- rajoute grrrrrrrrrr quand il y a la lettre g '''

print("Quel est ton nom, poète.esse ?")
nom = raw_input()

import re

f= open("poeme.txt", "r+")

poeme = f.read()

#poeme = re.sub('a', "aouuuu", poeme)
poeme = re.sub('([aA])', r"\1ouuuu", poeme)
poeme = re.sub('([gG])', r"\1rrrrrrrrrr", poeme)

nom = re.sub('([aA])', r"\1ouuuu", nom)
nom = re.sub('([gG])', r"\1rrrrrrrrrr", nom)
print(poeme)
print("Signé, " + nom + " le loup grrrrrrrrrraouuuurou")

f.close()

</syntaxhighlight>

==réactions au bot ==

Fichier:Sim1.png

2020-05-27T13:17:34Z

Violette :

Utilisateur:Violette

2020-05-27T13:14:24Z

Violette : /* Writing bot */

=programme de poète loup garou=

Un programme qui

- demande le nom de l'utilisateur qui sera enregistré comme nom de poète

- rajoute aouuuu quand il y a a lettre a

- rajoute grrrrrrrrrr quand il y a la lettre g

résolution de l'énoncé de Gesine

<syntaxhighlight lang="python">

with open('poetry','r') as lecture:
poyeme = lecture.read()

poyeme = poyeme.replace("o", "0")
poyeme = poyeme.replace ("i", "1")

print(poyeme)

</syntaxhighlight>

<syntaxhighlight lang="python">
#!/usr/bin/env python
#coding: utf-8
'''Un programme qui
- demande le nom de l'utilisateur qui sera enregistré comme nom de poète
- rajoute aouuuu quand il y a a lettre a
- rajoute grrrrrrrrrr quand il y a la lettre g '''

print("Quel est ton nom, poète.esse ?")
nom = raw_input()

import re

f= open("poeme.txt", "r+")

poeme = f.read()

#poeme = re.sub('a', "aouuuu", poeme)
poeme = re.sub('([aA])', r"\1ouuuu", poeme)
poeme = re.sub('([gG])', r"\1rrrrrrrrrr", poeme)

nom = re.sub('([aA])', r"\1ouuuu", nom)
nom = re.sub('([gG])', r"\1rrrrrrrrrr", nom)
print(poeme)
print("Signé, " + nom + " le loup grrrrrrrrrraouuuurou")

f.close()

</syntaxhighlight>
=Writing bot=

C'est bot qui fait des phrases avec le simflouz tree. C'est un arbre qui donne de l'argent quand on l'arrose dans les sims 2

il pourrait récupérer des tweets qui contiennent l'expression "sous l'abre" et la remplacer par under the simflouz tree.
Voici des captures d'écran du type d'interaction que le bot a crée : [[Fichier:sim1.png]]

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")

print (tweetText)
</syntaxhighlight>

le bot twitter poste le message modifié et cite le compte initial
abonnez vous à moi : https://twitter.com/SimflouzT

Maintenant il faut trouver le moyen pour que le bot, à chaque fois qu'il soit lancé, passe en revue tout les tweets concernés, classe ceux qu'il a déjà traité et éxécute le programme pour les autres, de manière à ce qu'il soit autonome.

==05.03, ==
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
#api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

Maintenant il faut le faire tourner tout seul régulièrement sans que je sois là

==23.04 ==

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
==04.05 ==
j'ai rajouté un import from datetime import datetime.
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

==07.05 ==
j'ai modifié la partie qui permet de rentrer une date selon un format spécifique grâce au code de Zoé. Mais nouveau problème avec le date time : "AttributeError: type object 'datetime.datetime' has no attribute 'datetime'"
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_1-moment_2
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_2-moment_1
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

Utilisateur:Violette

2020-05-07T07:58:00Z

Violette :

=programme de poète loup garou=

Un programme qui

- demande le nom de l'utilisateur qui sera enregistré comme nom de poète

- rajoute aouuuu quand il y a a lettre a

- rajoute grrrrrrrrrr quand il y a la lettre g

résolution de l'énoncé de Gesine

<syntaxhighlight lang="python">

with open('poetry','r') as lecture:
poyeme = lecture.read()

poyeme = poyeme.replace("o", "0")
poyeme = poyeme.replace ("i", "1")

print(poyeme)

</syntaxhighlight>

<syntaxhighlight lang="python">
#!/usr/bin/env python
#coding: utf-8
'''Un programme qui
- demande le nom de l'utilisateur qui sera enregistré comme nom de poète
- rajoute aouuuu quand il y a a lettre a
- rajoute grrrrrrrrrr quand il y a la lettre g '''

print("Quel est ton nom, poète.esse ?")
nom = raw_input()

import re

f= open("poeme.txt", "r+")

poeme = f.read()

#poeme = re.sub('a', "aouuuu", poeme)
poeme = re.sub('([aA])', r"\1ouuuu", poeme)
poeme = re.sub('([gG])', r"\1rrrrrrrrrr", poeme)

nom = re.sub('([aA])', r"\1ouuuu", nom)
nom = re.sub('([gG])', r"\1rrrrrrrrrr", nom)
print(poeme)
print("Signé, " + nom + " le loup grrrrrrrrrraouuuurou")

f.close()

</syntaxhighlight>
=Writing bot=

un bot qui fait des phrases avec le simflouz tree. C'est un arbre qui donne de l'argent quand on l'arrose dans les sims 2

il pourrait récupérer des tweets qui contiennent l'expression "sous l'abre" et la remplacer par under the simflouz tree

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")

print (tweetText)
</syntaxhighlight>

le bot twitter poste le message modifié et cite le compte initial
abonnez vous à moi : https://twitter.com/SimflouzT

Maintenant il faut trouver le moyen pour que le bot, à chaque fois qu'il soit lancé, passe en revue tout les tweets concernés, classe ceux qu'il a déjà traité et éxécute le programme pour les autres, de manière à ce qu'il soit autonome.

==05.03, ==
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
#api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

Maintenant il faut le faire tourner tout seul régulièrement sans que je sois là

==23.04 ==

<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>
==04.05 ==
j'ai rajouté un import from datetime import datetime.
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment1 = datetime.strptime(derniere_execution, '%Y-%m-%d %H-%M-%S.%f')
moment2 = datetime.datetime.now()
print(moment1)

delai = moment2-moment1
print(delai.total_seconds())

if delai.total_seconds() > 86400:
print('ok')
file = open ("frequence.txt", "w")

file.write(moment2)
file.close()

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

==07.05 ==
j'ai modifié la partie qui permet de rentrer une date selon un format spécifique grâce au code de Zoé. Mais nouveau problème avec le date time : "AttributeError: type object 'datetime.datetime' has no attribute 'datetime'"
<syntaxhighlight lang="python">
from acces import *
import tweepy
import time
import json
import datetime
import time
from datetime import datetime

def simflouzTree(tweeet):

if hasattr(tweeet, 'retweeted_status'):
tweetText = tweeet.retweeted_status.full_text
else:
tweetText = tweeet.full_text

username = tweeet.user.screen_name

tweetText = tweetText.replace("sous l’arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous l'arbre", "under the simflouz tree")
tweetText = tweetText.replace("sous un arbre", "under the simflouz tree")
tweetText = tweetText.replace("Sous l'arbre", "Under the simflouz tree")
tweetText = tweetText.replace("Sous un arbre", "Under the simflouz tree")

print (tweetText)
#api.update_status(status='@' + username + ' ' + tweetText)
api.update_status(status=tweetText + ' ' + '@' + username)

auth = tweepy.OAuthHandler(consumer_key, consumer_secret)
auth.set_access_token(access_token, access_token_secret)

api = tweepy.API(auth)

file = open("frequence.txt", "r")
derniere_execution = file.read()

moment_2 = datetime.datetime.now()

if derniere_execution != '':
moment_1 = datetime.datetime.strptime(derniere_execution, '%Y-%m-%d %H:%M:%S.%f')
delai = moment_1-moment_2
delai = delai.total_seconds()
else:
delai = 0

if delai > 86400 or delai == 0 :

file = open("frequence.txt", "w")
file.write(moment_2.strftime('%Y-%m-%d %H:%M:%S.%f'))
file.close

file = open("dejatraite.json", "r")
txt = file.read()

ids = json.loads(txt)

tweets = tweepy.Cursor(api.search, q='"sous l\'arbre" OR "sous un arbre"', tweet_mode='extended').items(1)
tweeet = ''

for tweet in tweets:
tweeet = tweet

tweetID = tweeet.id

if tweetID in ids:
print (tweetID)
print (tweetText)

if tweetID not in ids:
print('pas là')
simflouzTree(tweeet)
file = open ("dejatraite.json", "w")
ids.append(tweetID)

txt = json.dumps(ids)

file.write(txt)
file.close()
</syntaxhighlight>

Utilisateur:Violette

2020-05-04T15:35:25Z

Violette : /* Writing bot */

Utilisateur:Violette

2020-04-23T08:03:10Z

Violette : /* Writing bot */

Utilisateur:Violette

2020-03-05T10:53:47Z

Violette : /* Writing bot */

Utilisateur:Violette

2020-03-05T09:07:19Z

Violette :

Utilisateur:Violette

2020-02-06T09:57:28Z

Violette : /* Writing bot */

Utilisateur:Violette

2020-02-06T09:40:26Z

Violette :

Utilisateur:Violette

2020-02-06T09:39:58Z

Violette :

Utilisateur:Violette

2020-02-06T09:38:44Z

Violette :

programme de poète loup garou

Un programme qui

- demande le nom de l'utilisateur qui sera enregistré comme nom de poète

- rajoute aouuuu quand il y a a lettre a

- rajoute grrrrrrrrrr quand il y a la lettre g

résolution de l'énoncé de Gesine

<syntaxhighlight lang="python">

with open('poetry','r') as lecture:
poyeme = lecture.read()

poyeme = poyeme.replace("o", "0")
poyeme = poyeme.replace ("i", "1")

print(poyeme)

</syntaxhighlight>

<syntaxhighlight lang="python">
#!/usr/bin/env python
#coding: utf-8
'''Un programme qui
- demande le nom de l'utilisateur qui sera enregistré comme nom de poète
- rajoute aouuuu quand il y a a lettre a
- rajoute grrrrrrrrrr quand il y a la lettre g '''

print("Quel est ton nom, poète.esse ?")
nom = raw_input()

import re

f= open("poeme.txt", "r+")

poeme = f.read()

#poeme = re.sub('a', "aouuuu", poeme)
poeme = re.sub('([aA])', r"\1ouuuu", poeme)
poeme = re.sub('([gG])', r"\1rrrrrrrrrr", poeme)

nom = re.sub('([aA])', r"\1ouuuu", nom)
nom = re.sub('([gG])', r"\1rrrrrrrrrr", nom)
print(poeme)
print("Signé, " + nom + " le loup grrrrrrrrrraouuuurou")

f.close()

</syntaxhighlight>

un bot qui fait des phrases avec le simflouz tree. C'est un arbre qui donne de l'argent quand on l'arrose dans les sims 2

Utilisateur:Violette

2019-10-17T10:06:25Z

Violette :

Utilisateur:Violette

2019-10-10T08:55:59Z

Violette :

Utilisateur:Violette

2019-10-10T08:53:30Z

Violette : Page créée avec « programme de poète loup garou Un programme qui - demande le nom de l'utilisateur qui sera enregistré comme nom de poète - rajoute aouuuu quand il y a a lettre a - rajo... »

ERG::interactivenarration

2019-05-13T07:53:27Z

Violette :

==premiere sess==
Histoire choix entre différentes propositions prédéfinies à l'avance.
Générer une narration à l'aide d'une banque d'images (PNG) pour illustrer les choix fait parmi différentes propositions établies à l'avance.

Page type simplifiée:
Phrase à trou ex : "Le.... (choix entre 5 propositions) prend une douche".

*1 -Determination du sujet (personnage, taille/couleur/forme/...) les mots clés detrminent l'avatar
*2 -Exposition/Contexte ( décor, environnement,...)
*3 -élément perturbateur (problème/rencontre/découverte/...)
*4 -quête (série d'obstacles)
*5 -résolution

forme finale:
- Navigation de page en page avec prise en compte des choix
-constituion d'une nouvelle image style cadavre exquis
-Une page qui s'anime en temps réel en fonction des choix faits.

CyberBotanica Raphaël Bergère
Still Moving Maurice Benayoun
Jeu vidéo; façade.
[http://tecfa.unige.ch/tecfa/maltt/memoire/Maurin2017.pdf]

==Session du 01/10==
violette&louisa

Le but c'est pas de montrer de l'image sur un support numérique et juste de cliquer sur page suivante

Ce n'est pas non plus de mettre au point une narration de A à Z mais plutôt explorer de manière de faire de la narration interactive ( des concepts )

[Examples]

Anthony Rageul "''Prise de tête'' une bande dessinée numérique explorant différentes possibilités d’interaction http://www.prisedetete.net/pdt/[[prisedetete]]

son mémoire "BANDE DESSINEE INTERACTIVE : COMMENT RACONTER UNE HISTOIRE ? " [http://www.prisedetete.net/fr/memoire.html memoire]

"The Boat" animation/BB [http://www.sbs.com.au/theboat/]

The Guardian - Digital deadly sins [http://digital-deadly-sins.theguardian.com/#/Grid]

[http://www.http://mouchette.org/to/you/only/private.html mouchette] des interfaces où on peut écrire des trucs, et on clique sur un lien , on atterrit ailleurs. créer de la narration sous ce genre de format http://mouchette.org/to/you/only/private.html

"Hans Hoogerbrugge - Hotel" [http://hotel.submarinechannel.com/splash.html]

==Session du 08/10==
violette&louisa&laura

PROJET

C'est une plateforme, avec une navigation de pages en pages ( on ne clique pas sur suivant)

La navigation est permise par : des cases à cocher, des liens surs lesquels cliquer

Les manières d'évoluer comptent aussi des inputs d'images, de son, de texte qui réapparaitront plusieurs pages plus tard, soit en générant de la causalité, soit non

Ceci est au service d'une narration qui reprend les grandes étapes de la narration concentrée (exposition, élément déclencheur, péripéties ).

Il y a le caractère principal qui a un rêve à poursuivre, un adjuvant et un opposant
Page 1 :on définit le perso principal avec des traits de caractère

Prototype:
comment encoder les personnages avec des traits de caractère
comment utiliser les traits pour faire varier l'action sur une page 2

--> langage coté serveur
php ou python

[[Fichier:schemalh.jpg]]

==Session du 15/10==
violette&matthias

Voici une base de codage, vue au cours du 15/10
/!\ il faut aller dans l'onglet modifer pour copier/coller le code tel qu'il est écrit, car le site interprète déjà certains signes et certains mots /!\
(il serait plus efficace de faire un drive pour se partager les fichiers)

-code html

----
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="habillage.css"> 

</head>
<body>
<section>
<article>
<header>
</header>
<div></div>
</article>
<form action="traitement.php" method="post"> 
<p><strong>prénom</strong></p>
<input type="text" name="prénom">
<p><strong>nom</strong></p>
<input type="text" name="nom">
<p><strong>age</strong></p>
<input type="number" name="age">
<p><strong>ton histoire personelle</strong></p>
<textarea name="bio"></textarea>

<p><strong>pilosité</strong></p>
<ul>
<li><input type="radio" value="barbu" name="pilosité"> barbu</li>

<li><input type="radio" value="imberbe" name="pilosité"> imberbe</li>
<li><input type="radio" value="moustachu" name="pilosité"> moustachu</li>
</ul>
<p><strong>personnalité</strong></p>
<ul> 
<li> <input type="radio" value="téméraire" name="personnalité"> téméraire </li>

<li><input type="radio" value="réfléchi" name="personnalité"> réfléchi </li>
<li><input type="radio" value="débile profond" name="personnalité"> débile profond </li>
</ul>
<p><strong>morphologie</strong></p>
<ul>
<li><input type="radio" value="gros" name="morphologie"> gros </li>
<li><input type="radio" value="maigre" name="morphologie"> maigre </li>
<li><input type="radio" value="non mais oh !" name="morphologie"> non mais oh !</li>
</ul>

<input type="submit" value="envoyer">
</form>
</section>
</body>
</html>

----

code php

----

<?php
echo "hello world" ;

echo '<p>'.$_POST['prénom'].'</p>' ;/* $_POST plus discret que $_GET */
echo '<p>'.$_POST['nom'].'</p>' ;/* . sers à joindre une instruction à interpréter et du texte brut = la concaténation */
echo '<p>'.$_POST['age'].'</p>' ;
echo '<p>'.$_POST['pilosité'].'</p>' ;
echo '<p>'.$_POST['personnalité'].'</p>' ;
echo '<p>'.$_POST['morphologie'].'</p>' ;

?>

==Session du 22/10==
violette

les deux pages de la dernière fois , modifiées .
le html
<syntaxhighlight lang="html">
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> </header>

</article>
<form action="traitement.php" method="post" >

prénom

<input type="text" name="prénom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<textarea name="bio"></textarea>

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

<a href="page2.php">
<h1>
le contexte
</h1>
</a>

</body> </html>
</syntaxhighlight>

ET LE PHP
<syntaxhighlight lang="html">
<?php echo "hello world" ;
echo '

'.$_POST['prénom'].'
' ;/* $_POST plus discret que $_GET */ echo '

'.$_POST['nom'].'
' ;/* . sert à joindre une instruction à interpréter et du texte brut = la concaténation */ echo '

'.$_POST['pilosite'].'
' ; echo '

'.$_POST['morphologie'].'
' ;

if($_POST['pilosite'] == 'barbu'){
$variable='rasoir';
echo "tu es ".$_POST['pilosite']." tu as besoin d'un ".$variable;
}else if($_POST['pilosite'] == 'imberbe'){
echo 'ta peau est douce';

}

?>
</syntaxhighlight>

et là un essai d'une page mais ça marche pas
<syntaxhighlight lang="html">
<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>

<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life

<?php

if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'debile profond') ){

echo "tu es ".$_POST['personnalite']." tu as trop peur pour le sauver "
}else if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'temeraire') ){
echo 'ok go';

}

?>

</body>
</html>

</syntaxhighlight>

==session du 5/11==
nouveau schéma de fonctionnement :
index.php ( renseigne toutes les infos ) -----> page2.php ( partie traitement = transforme les variables POST en SESSION ; partie formulaire renseigne la variable action)---->page3.php ( partie traitement = transforme les variables POST en SESSION ; partie affichage echo 2 phrases différentes pour deux combinaisons débile profond/ rescue, et téméraire/rescue )

==bilan quadri==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages. Ca fonctionne avec php , les input radio influent la narration mais on aimerait bien trouver d'autres formes d'interactivité.
Les informations rentrées par le spectateur influent plus tard dans la narration, par exemple la biographie renseignée au début apparait sur la tombe dans le cas de mort.
Pour l'instant, les moments narratifs de base sont :
-à la page 2 il y a possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée
-la rencontre de l'adjuvant puis d'un super super-adjuvant
-La détermination de l'objet de quête page 6

Par ailleurs, on est en train de faire en sorte de créer une jauge, alimentée par la force, ou l'intégrité
[[Fichier:schemanarration.png]]

code actuel
'''INDEX''' : détermination de personnage

<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['force'] = 0;
$_SESSION['integrite'] = 0;
$_SESSION['score'] = $_SESSION['force']+$_SESSION['integrite'];
?>

<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> merci de bien rensigner toutes les infos</header>

</article>
<form action="page2.php" method="post" >

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle


<input type="text" name="bio">

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

</body> </html>
</syntaxhighlight>

'''PAGE 2 : l'élément déclencheur'''
<syntaxhighlight lang="html">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['morphologie'] = $_POST['morphologie'];
$_SESSION['bio'] = $_POST['bio'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>
<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>

</body>
</html>
<!doctype html>

</syntaxhighlight>

'''PAGE 3 : réaction au choix, soit poursuite de l'aventure, soit mort car combinaison d'incapacité physique et rescue, soit refus d'entrer dans la narration donc blocage'''
<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['action'] = $_POST['action'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'debile profond'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">retour à la case départ bolosse";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'|| $_SESSION['personnalite'] == 'reflechi'){
echo 'ok go';
echo "<a href=\"page4.php\">l'aventure continue";
//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "ok ma caille";
echo "<a href=\"exposition.php\">les péripéties c est pas pour maintenant";

}

?>

</body>
</html>
</syntaxhighlight>

'''PAGE 4 : les péripéties commencent'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
// $_SESSION['prenom'] = $_POST['prenom'];
//$_SESSION['nom'] = $_POST['nom'];
// $_SESSION['age'] = $_POST['age'];
// $_SESSION['pilosite'] = $_POST['pilosite'];
//$_SESSION['personnalite'] = $_POST['personnalite'];
//$_SESSION['morphologie'] = $_POST['morphologie'];

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
ça bouge avec l'enfant, tac tac tac le bruit des semelles sur le béton armé, par terre tu vois un paquet de biscuits

<p>quand tu le prend une souris en sort, mais tu as très faim</p>
<form action="page5.php" method="post">
<input type="radio" value="mange" name="action2"> j'en mange un et lui donne le reste du paquet"
<input type="radio" value="mangetout" name="action2"> MIAM MIAM J AI TROP FAIM JE MANGE TOUT
<input type="radio" value="beurk" name="action2"> je lui donne tout, je suis trop quelqu'un de bien
<input type='submit' value="envoyer">
</form>

</body>
</html>
</syntaxhighlight>

'''PAGE 5 : l'enfant devient ( éventuellement )un adjuvant'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
$_SESSION['action2'] = $_POST['action2'];
//$_SESSION['prenom'] = $_POST['prenom'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action2'] == 'mange'){
echo "tu as un peu faim mais ce n'est rien comparé à la lueur de remerciement dans les yeux de l'enfant, +1 force +4 intégrité ";

}else if($_SESSION['action2'] == 'mangetout' ){
echo "oula j ai le bidou tout rempli, +2 force";

//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "bon, cet enfant te doit la vie mais tu as toujours très faim, +5 intégrité ";}

echo "tu as .... GAGNE MA CONFIANCE ".$_SESSION['prenom'] ;
echo "<a href=\"coach.php\"> je vais te faire rencontrer mon coach ";

?>

</body>
</html>
</syntaxhighlight>
'''PAGE COACH : le coach s'avère être le destinataire de l'objet de la quête'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

je suis coach en dévellopement personnel, je suis sévère mais juste, attention aux pervers narcissiques

<img id="coach" src="coach.jpg">
<p> ENFANT dit : c'est le super adjuvant</p>

<p>COACH dit : je suis l'adjuvant ultime oui, quel est l'objet de ta quête ?</p>

<p>ma quête</p>
<form action="page6.php" method="post">
<input type="radio" value="survivre" name="quete"> survivre
<input type="radio" value="fort" name="quete"> devenir le plus fort
<input type="radio" value="7" name="quete"> découvrir mes 7 blessures de l'âme

</form>

</body>
</html>
</syntaxhighlight>

==schéma actuel de la narration==
[[Fichier:chema2.png]]
==le projet de violette==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages.

Ca fonctionne avec php. En transformant des variables SESSION en variables POST, toutes les informations données par l'utilisateur sont enregistrées et permettent dêtre ré expoitées plus tard.
Ce qui fait une bonne narration entre autres c'est comment on va au au bout de ce qu 'on peut exploiter avec les éléments qu'on a mis en place.
[[Fichier:PAGE1.png]]

''code index''

<syntaxhighlight lang="html4strict">

<!doctype html>
<html>
<head>
<title> caractérisation </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>

<header> merci de bien rensigner toutes les infos EN MAJUSCULES</header>

<form action="page2.php" method="post" >
<div class="col1">

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<input type="text" name="bio">
<div class="choix">
<h1>style</h1>
<input type="radio" value="emo" name="pilosite"> émo
<input type="radio" value="celtique" name="pilosite"> celtique
<input type="radio" value="mental" name="pilosite"> mental
</div>
<div class="choix">
<h1>personnalité</h1>

<input type="radio" value="temeraire" name="personnalite"> téméraire

<input type="radio" value="tout mou" name="personnalite"> tout mou
</div>
<div class="choix">
<h1>IMC</h1>

<input type="radio" value="treslourd" name="imc"> très lourd
<input type="radio" value="maigre" name="imc"> maigre
</div>

<p>écrire une voix off à la troisième personne pour accéder à ton intériorité
</p>

<input type="text" style="width: 500px; height: 15px;" id=txt1 name="voixoff">

<input type="text" style="width: 500px; height: 15px;" id=txt2 name="voixoff">

<input type="submit" value="envoyer">

</div>

<div class="col1">

<h1>avatar attitude</h1>


<input type="radio" value="test.bmp" name="avatar" id="i1" />
<label for="i1"><img src="test.bmp" alt="avatar1" /></label>

<input type="radio" value="coeurvide.jpg" name="avatar" id="i2" />
<label for="i2"><img src="armes%20flo%201.png" alt="avatar2" /></label>

<input type="radio" value="dents3.png" name="avatar" id="i3" />
<label for="i3"><img src="coeurvide.jpg" alt="avatar3" /></label>

</div>
</form>

</body> </html>

</syntaxhighlight>

La première page correspond à la caractérisation d'un personnage.Toutes les variables permettent une avancée du récit.Pour ce qui concerne la catégorie voix off, le but initial était de les générer (aléatoirement)durant la navigation. (en fait les moments dont déterminéset ils apparaissent parfois sous forme d'alert). Elle permet d'"accéder à l'intériorité du personnage", ainsi lorsque la dramaturgie mise en place, donc tout l'extime tout ce qui se voit en acte (comme un dialogue) , n'est pas suffisant pour cerner la situation, on peut y avoir accès à travers l'intime. donc c'est un peu pour cuourt circuiter
La catégorie bio se retrouve sur une tombe en cas d'échec.

''code page 2''

<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['imc'] = $_POST['imc'];
$_SESSION['bio'] = $_POST['bio'];
$_SESSION['voixoff'] = $_POST['voixoff'];
$_SESSION['avatar'] = $_POST['avatar'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<?php
echo '<script type="text/javascript">alert('.json_encode($_SESSION['voixoff']).');</script>';
?>

</head>

<body>

<div class="col1">
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>des créatures malmènent un enfant</p>

<div class="choix">
<h1>réaction</h1>

<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>
</div>
</div>

<div class="col2">

<img id="enfant" src="enfant.bmp">
<h1>l'enfant</h1>
<img id="monstre" src="AILES.png">
<h1>une créature</h1>

</div>

</body>
</html>
</syntaxhighlight>

La page 2 est l'élément déclencheur. Il existe plusieurs solutions pour la page 3 par rapport aux caractère choisi à l'index.
Avec la combinaison téméraire/lui sauver la vie. Le personnage rentre dans les péripéties. Si on a choisi la personnalité tout mou, on est trop faible pour ce monde et l'on est renvoyé à la page mort.
il y a aussi la possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée et l'impossibilité d'en sortir sinon la mort
[[Fichier:expo.png]]
''code page 3''

<syntaxhighlight lang="html4strict">

<?php
session_start();
$_SESSION['action'] = $_POST['action'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="exposition2" src="exposition2.jpg">

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'tout mou'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">tu es peut être juste trop faible pour ce monde";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'){
echo 'très téméraire';
echo "<a href=\"page4.php\">l'aventure continue";

}else {
echo "ok comme tu veux ...";
echo "<a href=\"exposition.php\">pas de péripéties";

}

?>

</div>
</body>
</html>
</syntaxhighlight>

A la page 4, les 3 réactions renvoie aux caractère choisi. L'option soin ou le fait de faire matcher le caractère choisi page 1 et la réaction permet de poursuivre la navigation, et de faire de l'enfant recontré un adjuvant puisqu'il va ensuite présenter le super adjuvant , le coach

''Code page 4''

<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
cet enfant a été profondemment mordu par le monstre

<h2>réaction </h2>
<form action="page5.php" method="post">
<input type="radio" value="pleurer" name="action2"> je pleure
<input type="radio" value="soigner" name="action2"> je le soigne avec de la magie
<input type="radio" value="reflechir" name="action2"> je réfléchis à une solution
<input type='submit' value="envoyer">
</form>
</div>

</body>
</html>

</syntaxhighlight>

''code page 5''

<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['action2'] = $_POST['action2'];

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="enfant2" src="enfant2.bmp">

<?php

if($_SESSION['action2'] == 'soigner'){

echo "tu as .... GAGNE MA CONFIANCE ".$_SESSION['prenom'] ;
echo "<a href=\"coach.php\"> je vais te faire rencontrer mon coach ";

}
else if($_SESSION['action2'] == 'reflechir' && $_SESSION['pilosite'] == 'mental'){
echo "je comprend tu es très quelqu'un de très mental";
echo "<a href=\"coach.php\"> je vais quand même te faire rencontrer mon coach ";

}else if($_SESSION['action2'] == 'pleurer' && $_SESSION['pilosite'] == 'emo'){
echo "je comprend tu es très quelqu'un de très émotif, ";
echo "<a href=\"coach.php\"> je vais quand même te faire rencontrer mon coach ";}

else{
echo "<a href=\"dead.php\"> il est déjà trop tard ";}

?>
</div>
</body>
</html>
</syntaxhighlight>

''code page coach''

<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="coach" src="coach.jpg">
<p>je suis coach en dévellopement personnel, je suis sévère mais juste, attention aux pervers narcissiques</p>

</div>
<div class="col1">

<p> ENFANT dit : c'est le super adjuvant</p>

<p>COACH dit : je suis l'adjuvant ultime oui, quel est l'objet de ta quête ?</p>

<p>ma quête</p>
<form action="page6.php" method="post">
<input type="radio" value="survivre" name="quete"> survivre
<input type="radio" value="fort" name="quete"> devenir le plus fort
<input type="radio" value="7" name="quete"> découvrir mes 7 blessures de l'âme

<input type='submit' value="envoyer">

</form>

</div>
</body>
</html>
</syntaxhighlight>

Le coach s'avère être également le destinataire de notre quête. On a par contre le choix de ce qu'elle est . Puisqu'il est coach en dévellopement personnel, une des réponses emmène vers une vidéo youtube pour soigner les 7 blessures de l'âme. Sinon on peut choisir les autres propositions pour continuer l'histoire. Quand on peut commencer à se battre c'est le début du conflit ce qui a souvent comme effet de faire monter la tension du récit et provoquer de l'empathie pour le personnage

''code page 6''
<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['quete'] = $_POST['quete'];

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">

<?php

if($_SESSION['quete'] == '7'){
echo "https://www.youtube.com/watch?v=zkxablHOBU8 ";

}else if($_SESSION['quete'] == 'fort' ){
echo "COACH accepte de te former à sa salle de boxe dans la catégorie POIDS LOURD";
echo "<a href=\"page7.php\"> Se qualifier/ Décider / Réussir ";

}else {
echo "COACH accepte de te former à sa salle de boxe dans la catégorie POIDS SURVIE ";
echo "<a href=\"page7.php\"> Se qualifier/ Décider / Réussir ";}

?>

</div>
</body>
</html>
</syntaxhighlight>

''code page7''
<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>

<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<p>
<?php
echo $_SESSION['prenom'].$_SESSION['nom']."= nouveau cambattant du coach";
?></p>
<p>
<?php
echo "Son IMC est ".$_SESSION['imc'];
?>
</p>
<p>
<?php
if($_SESSION['action2'] == 'pleurer'){
echo " pleure parfois";
}
else if($_SESSION['action2'] == 'soigner'){
echo " sait soigner"; }
else if ($_SESSION['action2'] == 'reflechir') {
echo " réfléchit beaucoup"; }
?>
</p>

<p>
<?php
echo $_SESSION['voixoff'];

?>
</p>
</div>

<div class="col1">
<h1><a href="combat.php">faire un combat </a></h1>
<input type="radio" name="combat" id="i1" />
<label for="i1"><img src="COMBAT.jpg" alt="avatar1" /></label>

<h1><a href="entrainement.php">faire un entraînement </a></h1>
<input type="radio" name="entrainement" id="i1" />
<label for="i1"><img src="7.bmp" alt="avatar1" /></label>

</div>

</body>
</html>
</syntaxhighlight>
''CODE PAGE ENTRAINEMENT''
<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="coach" src="coach.jpg">

<p>COACH dit : tu t'es assez entraîné, tu t'es perfectionné, je t'ai vu.e grandir devant mes yeux
mais maintenant il faut aller faire le truc à fond</p>
</div>
<div class="col1">
<h1><a href="combat.php">aller péter les chevilles </a></h1>
<input type="radio" name="avatar" id="i1" />
<label for="i1"><img src="COMBAT.jpg" alt="avatar1" /></label>
</div>
</syntaxhighlight>
''CODE PAGE COMABT''
<syntaxhighlight lang="html4strict">
?php
session_start();

$chiffre = 18;

?>

<!doctype html>
<html>

<head>
<title>COMBAT
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<?php

if($_SESSION['age'] < $chiffre ){

echo "COACH dit : tu as ".$_SESSION['age']." ans tu es trop jeune pour te battre, mais je ne vai rien faire pour t'en empêcher car je suis le plus utlime des adjuvants ";
}

?>

<p>la situation est très conflictuelle. Nul tout doute que ceci mène inévitablement à faire </p>

<form action="page8.php" method="post">
<input type="radio" value="INTEnse" name="quete"> exploser l'intensité du moment
<input type="radio" value="empathie" name="quete"> nous rendre tout empathique quand à toi
</form>

</div>
<div class="col1">
<?php

print '<img src="'.$_SESSION['avatar'].'">';
?>
<p>VERSUS </p>
<img id="combattant" src="VERSUS.jpg">

</div>

</body>
</html>

</syntaxhighlight>

Fichier:Expo.png

2019-05-13T06:19:48Z

Violette :

Fichier:Exposition.jpg

2019-05-13T06:19:11Z

Violette :

ERG::interactivenarration

2019-05-13T06:18:29Z

Violette :

==premiere sess==
Histoire choix entre différentes propositions prédéfinies à l'avance.
Générer une narration à l'aide d'une banque d'images (PNG) pour illustrer les choix fait parmi différentes propositions établies à l'avance.

Page type simplifiée:
Phrase à trou ex : "Le.... (choix entre 5 propositions) prend une douche".

*1 -Determination du sujet (personnage, taille/couleur/forme/...) les mots clés detrminent l'avatar
*2 -Exposition/Contexte ( décor, environnement,...)
*3 -élément perturbateur (problème/rencontre/découverte/...)
*4 -quête (série d'obstacles)
*5 -résolution

forme finale:
- Navigation de page en page avec prise en compte des choix
-constituion d'une nouvelle image style cadavre exquis
-Une page qui s'anime en temps réel en fonction des choix faits.

CyberBotanica Raphaël Bergère
Still Moving Maurice Benayoun
Jeu vidéo; façade.
[http://tecfa.unige.ch/tecfa/maltt/memoire/Maurin2017.pdf]

==Session du 01/10==
violette&louisa

Le but c'est pas de montrer de l'image sur un support numérique et juste de cliquer sur page suivante

Ce n'est pas non plus de mettre au point une narration de A à Z mais plutôt explorer de manière de faire de la narration interactive ( des concepts )

[Examples]

Anthony Rageul "''Prise de tête'' une bande dessinée numérique explorant différentes possibilités d’interaction http://www.prisedetete.net/pdt/[[prisedetete]]

son mémoire "BANDE DESSINEE INTERACTIVE : COMMENT RACONTER UNE HISTOIRE ? " [http://www.prisedetete.net/fr/memoire.html memoire]

"The Boat" animation/BB [http://www.sbs.com.au/theboat/]

The Guardian - Digital deadly sins [http://digital-deadly-sins.theguardian.com/#/Grid]

[http://www.http://mouchette.org/to/you/only/private.html mouchette] des interfaces où on peut écrire des trucs, et on clique sur un lien , on atterrit ailleurs. créer de la narration sous ce genre de format http://mouchette.org/to/you/only/private.html

"Hans Hoogerbrugge - Hotel" [http://hotel.submarinechannel.com/splash.html]

==Session du 08/10==
violette&louisa&laura

PROJET

C'est une plateforme, avec une navigation de pages en pages ( on ne clique pas sur suivant)

La navigation est permise par : des cases à cocher, des liens surs lesquels cliquer

Les manières d'évoluer comptent aussi des inputs d'images, de son, de texte qui réapparaitront plusieurs pages plus tard, soit en générant de la causalité, soit non

Ceci est au service d'une narration qui reprend les grandes étapes de la narration concentrée (exposition, élément déclencheur, péripéties ).

Il y a le caractère principal qui a un rêve à poursuivre, un adjuvant et un opposant
Page 1 :on définit le perso principal avec des traits de caractère

Prototype:
comment encoder les personnages avec des traits de caractère
comment utiliser les traits pour faire varier l'action sur une page 2

--> langage coté serveur
php ou python

[[Fichier:schemalh.jpg]]

==Session du 15/10==
violette&matthias

Voici une base de codage, vue au cours du 15/10
/!\ il faut aller dans l'onglet modifer pour copier/coller le code tel qu'il est écrit, car le site interprète déjà certains signes et certains mots /!\
(il serait plus efficace de faire un drive pour se partager les fichiers)

-code html

----
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="habillage.css"> 

</head>
<body>
<section>
<article>
<header>
</header>
<div></div>
</article>
<form action="traitement.php" method="post"> 
<p><strong>prénom</strong></p>
<input type="text" name="prénom">
<p><strong>nom</strong></p>
<input type="text" name="nom">
<p><strong>age</strong></p>
<input type="number" name="age">
<p><strong>ton histoire personelle</strong></p>
<textarea name="bio"></textarea>

<p><strong>pilosité</strong></p>
<ul>
<li><input type="radio" value="barbu" name="pilosité"> barbu</li>

<li><input type="radio" value="imberbe" name="pilosité"> imberbe</li>
<li><input type="radio" value="moustachu" name="pilosité"> moustachu</li>
</ul>
<p><strong>personnalité</strong></p>
<ul> 
<li> <input type="radio" value="téméraire" name="personnalité"> téméraire </li>

<li><input type="radio" value="réfléchi" name="personnalité"> réfléchi </li>
<li><input type="radio" value="débile profond" name="personnalité"> débile profond </li>
</ul>
<p><strong>morphologie</strong></p>
<ul>
<li><input type="radio" value="gros" name="morphologie"> gros </li>
<li><input type="radio" value="maigre" name="morphologie"> maigre </li>
<li><input type="radio" value="non mais oh !" name="morphologie"> non mais oh !</li>
</ul>

<input type="submit" value="envoyer">
</form>
</section>
</body>
</html>

----

code php

----

<?php
echo "hello world" ;

echo '<p>'.$_POST['prénom'].'</p>' ;/* $_POST plus discret que $_GET */
echo '<p>'.$_POST['nom'].'</p>' ;/* . sers à joindre une instruction à interpréter et du texte brut = la concaténation */
echo '<p>'.$_POST['age'].'</p>' ;
echo '<p>'.$_POST['pilosité'].'</p>' ;
echo '<p>'.$_POST['personnalité'].'</p>' ;
echo '<p>'.$_POST['morphologie'].'</p>' ;

?>

==Session du 22/10==
violette

les deux pages de la dernière fois , modifiées .
le html
<syntaxhighlight lang="html">
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> </header>

</article>
<form action="traitement.php" method="post" >

prénom

<input type="text" name="prénom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<textarea name="bio"></textarea>

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

<a href="page2.php">
<h1>
le contexte
</h1>
</a>

</body> </html>
</syntaxhighlight>

ET LE PHP
<syntaxhighlight lang="html">
<?php echo "hello world" ;
echo '

'.$_POST['prénom'].'
' ;/* $_POST plus discret que $_GET */ echo '

'.$_POST['nom'].'
' ;/* . sert à joindre une instruction à interpréter et du texte brut = la concaténation */ echo '

'.$_POST['pilosite'].'
' ; echo '

'.$_POST['morphologie'].'
' ;

if($_POST['pilosite'] == 'barbu'){
$variable='rasoir';
echo "tu es ".$_POST['pilosite']." tu as besoin d'un ".$variable;
}else if($_POST['pilosite'] == 'imberbe'){
echo 'ta peau est douce';

}

?>
</syntaxhighlight>

et là un essai d'une page mais ça marche pas
<syntaxhighlight lang="html">
<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>

<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life

<?php

if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'debile profond') ){

echo "tu es ".$_POST['personnalite']." tu as trop peur pour le sauver "
}else if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'temeraire') ){
echo 'ok go';

}

?>

</body>
</html>

</syntaxhighlight>

==session du 5/11==
nouveau schéma de fonctionnement :
index.php ( renseigne toutes les infos ) -----> page2.php ( partie traitement = transforme les variables POST en SESSION ; partie formulaire renseigne la variable action)---->page3.php ( partie traitement = transforme les variables POST en SESSION ; partie affichage echo 2 phrases différentes pour deux combinaisons débile profond/ rescue, et téméraire/rescue )

==bilan quadri==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages. Ca fonctionne avec php , les input radio influent la narration mais on aimerait bien trouver d'autres formes d'interactivité.
Les informations rentrées par le spectateur influent plus tard dans la narration, par exemple la biographie renseignée au début apparait sur la tombe dans le cas de mort.
Pour l'instant, les moments narratifs de base sont :
-à la page 2 il y a possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée
-la rencontre de l'adjuvant puis d'un super super-adjuvant
-La détermination de l'objet de quête page 6

Par ailleurs, on est en train de faire en sorte de créer une jauge, alimentée par la force, ou l'intégrité
[[Fichier:schemanarration.png]]

code actuel
'''INDEX''' : détermination de personnage

<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['force'] = 0;
$_SESSION['integrite'] = 0;
$_SESSION['score'] = $_SESSION['force']+$_SESSION['integrite'];
?>

<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> merci de bien rensigner toutes les infos</header>

</article>
<form action="page2.php" method="post" >

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle


<input type="text" name="bio">

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

</body> </html>
</syntaxhighlight>

'''PAGE 2 : l'élément déclencheur'''
<syntaxhighlight lang="html">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['morphologie'] = $_POST['morphologie'];
$_SESSION['bio'] = $_POST['bio'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>
<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>

</body>
</html>
<!doctype html>

</syntaxhighlight>

'''PAGE 3 : réaction au choix, soit poursuite de l'aventure, soit mort car combinaison d'incapacité physique et rescue, soit refus d'entrer dans la narration donc blocage'''
<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['action'] = $_POST['action'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'debile profond'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">retour à la case départ bolosse";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'|| $_SESSION['personnalite'] == 'reflechi'){
echo 'ok go';
echo "<a href=\"page4.php\">l'aventure continue";
//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "ok ma caille";
echo "<a href=\"exposition.php\">les péripéties c est pas pour maintenant";

}

?>

</body>
</html>
</syntaxhighlight>

'''PAGE 4 : les péripéties commencent'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
// $_SESSION['prenom'] = $_POST['prenom'];
//$_SESSION['nom'] = $_POST['nom'];
// $_SESSION['age'] = $_POST['age'];
// $_SESSION['pilosite'] = $_POST['pilosite'];
//$_SESSION['personnalite'] = $_POST['personnalite'];
//$_SESSION['morphologie'] = $_POST['morphologie'];

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
ça bouge avec l'enfant, tac tac tac le bruit des semelles sur le béton armé, par terre tu vois un paquet de biscuits

<p>quand tu le prend une souris en sort, mais tu as très faim</p>
<form action="page5.php" method="post">
<input type="radio" value="mange" name="action2"> j'en mange un et lui donne le reste du paquet"
<input type="radio" value="mangetout" name="action2"> MIAM MIAM J AI TROP FAIM JE MANGE TOUT
<input type="radio" value="beurk" name="action2"> je lui donne tout, je suis trop quelqu'un de bien
<input type='submit' value="envoyer">
</form>

</body>
</html>
</syntaxhighlight>

'''PAGE 5 : l'enfant devient ( éventuellement )un adjuvant'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
$_SESSION['action2'] = $_POST['action2'];
//$_SESSION['prenom'] = $_POST['prenom'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action2'] == 'mange'){
echo "tu as un peu faim mais ce n'est rien comparé à la lueur de remerciement dans les yeux de l'enfant, +1 force +4 intégrité ";

}else if($_SESSION['action2'] == 'mangetout' ){
echo "oula j ai le bidou tout rempli, +2 force";

//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "bon, cet enfant te doit la vie mais tu as toujours très faim, +5 intégrité ";}

echo "tu as .... GAGNE MA CONFIANCE ".$_SESSION['prenom'] ;
echo "<a href=\"coach.php\"> je vais te faire rencontrer mon coach ";

?>

</body>
</html>
</syntaxhighlight>
'''PAGE COACH : le coach s'avère être le destinataire de l'objet de la quête'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

je suis coach en dévellopement personnel, je suis sévère mais juste, attention aux pervers narcissiques

<img id="coach" src="coach.jpg">
<p> ENFANT dit : c'est le super adjuvant</p>

<p>COACH dit : je suis l'adjuvant ultime oui, quel est l'objet de ta quête ?</p>

<p>ma quête</p>
<form action="page6.php" method="post">
<input type="radio" value="survivre" name="quete"> survivre
<input type="radio" value="fort" name="quete"> devenir le plus fort
<input type="radio" value="7" name="quete"> découvrir mes 7 blessures de l'âme

</form>

</body>
</html>
</syntaxhighlight>

==schéma actuel de la narration==
[[Fichier:chema2.png]]
==le projet de violette==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages.

Ca fonctionne avec php. En transformant des variables SESSION en variables POST, toutes les informations données par l'utilisateur sont enregistrées et permettent dêtre ré expoitées plus tard.
Ce qui fait une bonne narration entre autres c'est comment on va au au bout de ce qu 'on peut exploiter avec les éléments qu'on a mis en place.
[[Fichier:PAGE1.png]]

''code index''

<syntaxhighlight lang="html4strict">

<!doctype html>
<html>
<head>
<title> caractérisation </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>

<header> merci de bien rensigner toutes les infos EN MAJUSCULES</header>

<form action="page2.php" method="post" >
<div class="col1">

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<input type="text" name="bio">
<div class="choix">
<h1>style</h1>
<input type="radio" value="emo" name="pilosite"> émo
<input type="radio" value="celtique" name="pilosite"> celtique
<input type="radio" value="mental" name="pilosite"> mental
</div>
<div class="choix">
<h1>personnalité</h1>

<input type="radio" value="temeraire" name="personnalite"> téméraire

<input type="radio" value="tout mou" name="personnalite"> tout mou
</div>
<div class="choix">
<h1>IMC</h1>

<input type="radio" value="treslourd" name="imc"> très lourd
<input type="radio" value="maigre" name="imc"> maigre
</div>

<p>écrire une voix off à la troisième personne pour accéder à ton intériorité
</p>

<input type="text" style="width: 500px; height: 15px;" id=txt1 name="voixoff">

<input type="text" style="width: 500px; height: 15px;" id=txt2 name="voixoff">

<input type="submit" value="envoyer">

</div>

<div class="col1">

<h1>avatar attitude</h1>


<input type="radio" value="test.bmp" name="avatar" id="i1" />
<label for="i1"><img src="test.bmp" alt="avatar1" /></label>

<input type="radio" value="coeurvide.jpg" name="avatar" id="i2" />
<label for="i2"><img src="armes%20flo%201.png" alt="avatar2" /></label>

<input type="radio" value="dents3.png" name="avatar" id="i3" />
<label for="i3"><img src="coeurvide.jpg" alt="avatar3" /></label>

</div>
</form>

</body> </html>

</syntaxhighlight>

La première page correspond à la caractérisation d'un personnage.Toutes les variables permettent une avancée du récit.Pour ce qui concerne la catégorie voix off, le but initial était de les générer (aléatoirement)durant la navigation. (en fait les moments dont déterminéset ils apparaissent parfois sous forme d'alert). Elle permet d'"accéder à l'intériorité du personnage", ainsi lorsque la dramaturgie mise en place, donc tout l'extime tout ce qui se voit en acte (comme un dialogue) , n'est pas suffisant pour cerner la situation, on peut y avoir accès à travers l'intime. donc c'est un peu pour cuourt circuiter
La catégorie bio se retrouve sur une tombe en cas d'échec.

''code page 2''

<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['imc'] = $_POST['imc'];
$_SESSION['bio'] = $_POST['bio'];
$_SESSION['voixoff'] = $_POST['voixoff'];
$_SESSION['avatar'] = $_POST['avatar'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<?php
echo '<script type="text/javascript">alert('.json_encode($_SESSION['voixoff']).');</script>';
?>

</head>

<body>

<div class="col1">
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>des créatures malmènent un enfant</p>

<div class="choix">
<h1>réaction</h1>

<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>
</div>
</div>

<div class="col2">

<img id="enfant" src="enfant.bmp">
<h1>l'enfant</h1>
<img id="monstre" src="AILES.png">
<h1>une créature</h1>

</div>

</body>
</html>
</syntaxhighlight>

La page 2 est l'élément déclencheur. Il existe plusieurs solutions pour la page 3 par rapport aux caractère choisi à l'index.
Avec la combinaison téméraire/lui sauver la vie. Le personnage rentre dans les péripéties. Si on a choisi la personnalité tout mou, on est trop faible pour ce monde et l'on est renvoyé à la page mort.
il y a aussi la possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée et l'impossibilité d'en sortir sinon la mort
[[Fichier:expo.png]]
''code page 3''

<syntaxhighlight lang="html4strict">

<?php
session_start();
$_SESSION['action'] = $_POST['action'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="exposition2" src="exposition2.jpg">

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'tout mou'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">tu es peut être juste trop faible pour ce monde";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'){
echo 'très téméraire';
echo "<a href=\"page4.php\">l'aventure continue";

}else {
echo "ok comme tu veux ...";
echo "<a href=\"exposition.php\">pas de péripéties";

}

?>

</div>
</body>
</html>
</syntaxhighlight>

A la page 4, les 3 réactions renvoie aux caractère choisi. L'option soin ou le fait de faire matcher le caractère choisi page 1 et la réaction permet de poursuivre la navigation, et de faire de l'enfant recontré un adjuvant puisqu'il va ensuite présenter le super adjuvant , le coach

''Code page 4''

<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
cet enfant a été profondemment mordu par le monstre

<h2>réaction </h2>
<form action="page5.php" method="post">
<input type="radio" value="pleurer" name="action2"> je pleure
<input type="radio" value="soigner" name="action2"> je le soigne avec de la magie
<input type="radio" value="reflechir" name="action2"> je réfléchis à une solution
<input type='submit' value="envoyer">
</form>
</div>

</body>
</html>

</syntaxhighlight>

''code page 5''

<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['action2'] = $_POST['action2'];

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="enfant2" src="enfant2.bmp">

<?php

if($_SESSION['action2'] == 'soigner'){

echo "tu as .... GAGNE MA CONFIANCE ".$_SESSION['prenom'] ;
echo "<a href=\"coach.php\"> je vais te faire rencontrer mon coach ";

}
else if($_SESSION['action2'] == 'reflechir' && $_SESSION['pilosite'] == 'mental'){
echo "je comprend tu es très quelqu'un de très mental";
echo "<a href=\"coach.php\"> je vais quand même te faire rencontrer mon coach ";

}else if($_SESSION['action2'] == 'pleurer' && $_SESSION['pilosite'] == 'emo'){
echo "je comprend tu es très quelqu'un de très émotif, ";
echo "<a href=\"coach.php\"> je vais quand même te faire rencontrer mon coach ";}

else{
echo "<a href=\"dead.php\"> il est déjà trop tard ";}

?>
</div>
</body>
</html>
</syntaxhighlight>

''code page coach''

<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="coach" src="coach.jpg">
<p>je suis coach en dévellopement personnel, je suis sévère mais juste, attention aux pervers narcissiques</p>

</div>
<div class="col1">

<p> ENFANT dit : c'est le super adjuvant</p>

<p>COACH dit : je suis l'adjuvant ultime oui, quel est l'objet de ta quête ?</p>

<p>ma quête</p>
<form action="page6.php" method="post">
<input type="radio" value="survivre" name="quete"> survivre
<input type="radio" value="fort" name="quete"> devenir le plus fort
<input type="radio" value="7" name="quete"> découvrir mes 7 blessures de l'âme

<input type='submit' value="envoyer">

</form>

</div>
</body>
</html>
</syntaxhighlight>

Le coach s'avère être également le destinataire de notre quête. On a par contre le choix de ce qu'elle est . Puisqu'il est coach en dévellopement personnel, une des réponses emmène vers une vidéo youtube pour soigner les 7 blessures de l'âme. Sinon on peut choisir les autres propositions pour continuer l'histoire. Quand on peut commencer à se battre c'est le début du conflit ce qui a souvent comme effet de faire monter la tension du récit et provoquer de l'empathie pour le personnage

''code page 6''
<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['quete'] = $_POST['quete'];

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">

<?php

if($_SESSION['quete'] == '7'){
echo "https://www.youtube.com/watch?v=zkxablHOBU8 ";

}else if($_SESSION['quete'] == 'fort' ){
echo "COACH accepte de te former à sa salle de boxe dans la catégorie POIDS LOURD";
echo "<a href=\"page7.php\"> Se qualifier/ Décider / Réussir ";

}else {
echo "COACH accepte de te former à sa salle de boxe dans la catégorie POIDS SURVIE ";
echo "<a href=\"page7.php\"> Se qualifier/ Décider / Réussir ";}

?>

</div>
</body>
</html>
</syntaxhighlight>

''code page7''
<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>

<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<p>
<?php
echo $_SESSION['prenom'].$_SESSION['nom']."= nouveau cambattant du coach";
?></p>
<p>
<?php
echo "Son IMC est ".$_SESSION['imc'];
?>
</p>
<p>
<?php
if($_SESSION['action2'] == 'pleurer'){
echo " pleure parfois";
}
else if($_SESSION['action2'] == 'soigner'){
echo " sait soigner"; }
else if ($_SESSION['action2'] == 'reflechir') {
echo " réfléchit beaucoup"; }
?>
</p>

<p>
<?php
echo $_SESSION['voixoff'];

?>
</p>
</div>

<div class="col1">
<h1><a href="combat.php">faire un combat </a></h1>
<input type="radio" name="combat" id="i1" />
<label for="i1"><img src="COMBAT.jpg" alt="avatar1" /></label>

<h1><a href="entrainement.php">faire un entraînement </a></h1>
<input type="radio" name="entrainement" id="i1" />
<label for="i1"><img src="7.bmp" alt="avatar1" /></label>

</div>

</body>
</html>
</syntaxhighlight>
''Texte italique''
<syntaxhighlight lang="html4strict">

</syntaxhighlight>

ERG::interactivenarration

2019-05-13T06:15:36Z

Violette :

==premiere sess==
Histoire choix entre différentes propositions prédéfinies à l'avance.
Générer une narration à l'aide d'une banque d'images (PNG) pour illustrer les choix fait parmi différentes propositions établies à l'avance.

Page type simplifiée:
Phrase à trou ex : "Le.... (choix entre 5 propositions) prend une douche".

*1 -Determination du sujet (personnage, taille/couleur/forme/...) les mots clés detrminent l'avatar
*2 -Exposition/Contexte ( décor, environnement,...)
*3 -élément perturbateur (problème/rencontre/découverte/...)
*4 -quête (série d'obstacles)
*5 -résolution

forme finale:
- Navigation de page en page avec prise en compte des choix
-constituion d'une nouvelle image style cadavre exquis
-Une page qui s'anime en temps réel en fonction des choix faits.

CyberBotanica Raphaël Bergère
Still Moving Maurice Benayoun
Jeu vidéo; façade.
[http://tecfa.unige.ch/tecfa/maltt/memoire/Maurin2017.pdf]

==Session du 01/10==
violette&louisa

Le but c'est pas de montrer de l'image sur un support numérique et juste de cliquer sur page suivante

Ce n'est pas non plus de mettre au point une narration de A à Z mais plutôt explorer de manière de faire de la narration interactive ( des concepts )

[Examples]

Anthony Rageul "''Prise de tête'' une bande dessinée numérique explorant différentes possibilités d’interaction http://www.prisedetete.net/pdt/[[prisedetete]]

son mémoire "BANDE DESSINEE INTERACTIVE : COMMENT RACONTER UNE HISTOIRE ? " [http://www.prisedetete.net/fr/memoire.html memoire]

"The Boat" animation/BB [http://www.sbs.com.au/theboat/]

The Guardian - Digital deadly sins [http://digital-deadly-sins.theguardian.com/#/Grid]

[http://www.http://mouchette.org/to/you/only/private.html mouchette] des interfaces où on peut écrire des trucs, et on clique sur un lien , on atterrit ailleurs. créer de la narration sous ce genre de format http://mouchette.org/to/you/only/private.html

"Hans Hoogerbrugge - Hotel" [http://hotel.submarinechannel.com/splash.html]

==Session du 08/10==
violette&louisa&laura

PROJET

C'est une plateforme, avec une navigation de pages en pages ( on ne clique pas sur suivant)

La navigation est permise par : des cases à cocher, des liens surs lesquels cliquer

Les manières d'évoluer comptent aussi des inputs d'images, de son, de texte qui réapparaitront plusieurs pages plus tard, soit en générant de la causalité, soit non

Ceci est au service d'une narration qui reprend les grandes étapes de la narration concentrée (exposition, élément déclencheur, péripéties ).

Il y a le caractère principal qui a un rêve à poursuivre, un adjuvant et un opposant
Page 1 :on définit le perso principal avec des traits de caractère

Prototype:
comment encoder les personnages avec des traits de caractère
comment utiliser les traits pour faire varier l'action sur une page 2

--> langage coté serveur
php ou python

[[Fichier:schemalh.jpg]]

==Session du 15/10==
violette&matthias

Voici une base de codage, vue au cours du 15/10
/!\ il faut aller dans l'onglet modifer pour copier/coller le code tel qu'il est écrit, car le site interprète déjà certains signes et certains mots /!\
(il serait plus efficace de faire un drive pour se partager les fichiers)

-code html

----
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="habillage.css"> 

</head>
<body>
<section>
<article>
<header>
</header>
<div></div>
</article>
<form action="traitement.php" method="post"> 
<p><strong>prénom</strong></p>
<input type="text" name="prénom">
<p><strong>nom</strong></p>
<input type="text" name="nom">
<p><strong>age</strong></p>
<input type="number" name="age">
<p><strong>ton histoire personelle</strong></p>
<textarea name="bio"></textarea>

<p><strong>pilosité</strong></p>
<ul>
<li><input type="radio" value="barbu" name="pilosité"> barbu</li>

<li><input type="radio" value="imberbe" name="pilosité"> imberbe</li>
<li><input type="radio" value="moustachu" name="pilosité"> moustachu</li>
</ul>
<p><strong>personnalité</strong></p>
<ul> 
<li> <input type="radio" value="téméraire" name="personnalité"> téméraire </li>

<li><input type="radio" value="réfléchi" name="personnalité"> réfléchi </li>
<li><input type="radio" value="débile profond" name="personnalité"> débile profond </li>
</ul>
<p><strong>morphologie</strong></p>
<ul>
<li><input type="radio" value="gros" name="morphologie"> gros </li>
<li><input type="radio" value="maigre" name="morphologie"> maigre </li>
<li><input type="radio" value="non mais oh !" name="morphologie"> non mais oh !</li>
</ul>

<input type="submit" value="envoyer">
</form>
</section>
</body>
</html>

----

code php

----

<?php
echo "hello world" ;

echo '<p>'.$_POST['prénom'].'</p>' ;/* $_POST plus discret que $_GET */
echo '<p>'.$_POST['nom'].'</p>' ;/* . sers à joindre une instruction à interpréter et du texte brut = la concaténation */
echo '<p>'.$_POST['age'].'</p>' ;
echo '<p>'.$_POST['pilosité'].'</p>' ;
echo '<p>'.$_POST['personnalité'].'</p>' ;
echo '<p>'.$_POST['morphologie'].'</p>' ;

?>

==Session du 22/10==
violette

les deux pages de la dernière fois , modifiées .
le html
<syntaxhighlight lang="html">
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> </header>

</article>
<form action="traitement.php" method="post" >

prénom

<input type="text" name="prénom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<textarea name="bio"></textarea>

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

<a href="page2.php">
<h1>
le contexte
</h1>
</a>

</body> </html>
</syntaxhighlight>

ET LE PHP
<syntaxhighlight lang="html">
<?php echo "hello world" ;
echo '

'.$_POST['prénom'].'
' ;/* $_POST plus discret que $_GET */ echo '

'.$_POST['nom'].'
' ;/* . sert à joindre une instruction à interpréter et du texte brut = la concaténation */ echo '

'.$_POST['pilosite'].'
' ; echo '

'.$_POST['morphologie'].'
' ;

if($_POST['pilosite'] == 'barbu'){
$variable='rasoir';
echo "tu es ".$_POST['pilosite']." tu as besoin d'un ".$variable;
}else if($_POST['pilosite'] == 'imberbe'){
echo 'ta peau est douce';

}

?>
</syntaxhighlight>

et là un essai d'une page mais ça marche pas
<syntaxhighlight lang="html">
<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>

<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life

<?php

if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'debile profond') ){

echo "tu es ".$_POST['personnalite']." tu as trop peur pour le sauver "
}else if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'temeraire') ){
echo 'ok go';

}

?>

</body>
</html>

</syntaxhighlight>

==session du 5/11==
nouveau schéma de fonctionnement :
index.php ( renseigne toutes les infos ) -----> page2.php ( partie traitement = transforme les variables POST en SESSION ; partie formulaire renseigne la variable action)---->page3.php ( partie traitement = transforme les variables POST en SESSION ; partie affichage echo 2 phrases différentes pour deux combinaisons débile profond/ rescue, et téméraire/rescue )

==bilan quadri==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages. Ca fonctionne avec php , les input radio influent la narration mais on aimerait bien trouver d'autres formes d'interactivité.
Les informations rentrées par le spectateur influent plus tard dans la narration, par exemple la biographie renseignée au début apparait sur la tombe dans le cas de mort.
Pour l'instant, les moments narratifs de base sont :
-à la page 2 il y a possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée
-la rencontre de l'adjuvant puis d'un super super-adjuvant
-La détermination de l'objet de quête page 6

Par ailleurs, on est en train de faire en sorte de créer une jauge, alimentée par la force, ou l'intégrité
[[Fichier:schemanarration.png]]

code actuel
'''INDEX''' : détermination de personnage

<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['force'] = 0;
$_SESSION['integrite'] = 0;
$_SESSION['score'] = $_SESSION['force']+$_SESSION['integrite'];
?>

<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> merci de bien rensigner toutes les infos</header>

</article>
<form action="page2.php" method="post" >

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle


<input type="text" name="bio">

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

</body> </html>
</syntaxhighlight>

'''PAGE 2 : l'élément déclencheur'''
<syntaxhighlight lang="html">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['morphologie'] = $_POST['morphologie'];
$_SESSION['bio'] = $_POST['bio'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>
<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>

</body>
</html>
<!doctype html>

</syntaxhighlight>

'''PAGE 3 : réaction au choix, soit poursuite de l'aventure, soit mort car combinaison d'incapacité physique et rescue, soit refus d'entrer dans la narration donc blocage'''
<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['action'] = $_POST['action'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'debile profond'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">retour à la case départ bolosse";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'|| $_SESSION['personnalite'] == 'reflechi'){
echo 'ok go';
echo "<a href=\"page4.php\">l'aventure continue";
//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "ok ma caille";
echo "<a href=\"exposition.php\">les péripéties c est pas pour maintenant";

}

?>

</body>
</html>
</syntaxhighlight>

'''PAGE 4 : les péripéties commencent'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
// $_SESSION['prenom'] = $_POST['prenom'];
//$_SESSION['nom'] = $_POST['nom'];
// $_SESSION['age'] = $_POST['age'];
// $_SESSION['pilosite'] = $_POST['pilosite'];
//$_SESSION['personnalite'] = $_POST['personnalite'];
//$_SESSION['morphologie'] = $_POST['morphologie'];

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
ça bouge avec l'enfant, tac tac tac le bruit des semelles sur le béton armé, par terre tu vois un paquet de biscuits

<p>quand tu le prend une souris en sort, mais tu as très faim</p>
<form action="page5.php" method="post">
<input type="radio" value="mange" name="action2"> j'en mange un et lui donne le reste du paquet"
<input type="radio" value="mangetout" name="action2"> MIAM MIAM J AI TROP FAIM JE MANGE TOUT
<input type="radio" value="beurk" name="action2"> je lui donne tout, je suis trop quelqu'un de bien
<input type='submit' value="envoyer">
</form>

</body>
</html>
</syntaxhighlight>

'''PAGE 5 : l'enfant devient ( éventuellement )un adjuvant'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
$_SESSION['action2'] = $_POST['action2'];
//$_SESSION['prenom'] = $_POST['prenom'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action2'] == 'mange'){
echo "tu as un peu faim mais ce n'est rien comparé à la lueur de remerciement dans les yeux de l'enfant, +1 force +4 intégrité ";

}else if($_SESSION['action2'] == 'mangetout' ){
echo "oula j ai le bidou tout rempli, +2 force";

//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "bon, cet enfant te doit la vie mais tu as toujours très faim, +5 intégrité ";}

echo "tu as .... GAGNE MA CONFIANCE ".$_SESSION['prenom'] ;
echo "<a href=\"coach.php\"> je vais te faire rencontrer mon coach ";

?>

</body>
</html>
</syntaxhighlight>
'''PAGE COACH : le coach s'avère être le destinataire de l'objet de la quête'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

je suis coach en dévellopement personnel, je suis sévère mais juste, attention aux pervers narcissiques

<img id="coach" src="coach.jpg">
<p> ENFANT dit : c'est le super adjuvant</p>

<p>COACH dit : je suis l'adjuvant ultime oui, quel est l'objet de ta quête ?</p>

<p>ma quête</p>
<form action="page6.php" method="post">
<input type="radio" value="survivre" name="quete"> survivre
<input type="radio" value="fort" name="quete"> devenir le plus fort
<input type="radio" value="7" name="quete"> découvrir mes 7 blessures de l'âme

</form>

</body>
</html>
</syntaxhighlight>

==schéma actuel de la narration==
[[Fichier:chema2.png]]
==le projet de violette==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages.

Ca fonctionne avec php. En transformant des variables SESSION en variables POST, toutes les informations données par l'utilisateur sont enregistrées et permettent dêtre ré expoitées plus tard.
Ce qui fait une bonne narration entre autres c'est comment on va au au bout de ce qu 'on peut exploiter avec les éléments qu'on a mis en place.
[[Fichier:PAGE1.png]]

''code index''

<syntaxhighlight lang="html4strict">

<!doctype html>
<html>
<head>
<title> caractérisation </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>

<header> merci de bien rensigner toutes les infos EN MAJUSCULES</header>

<form action="page2.php" method="post" >
<div class="col1">

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<input type="text" name="bio">
<div class="choix">
<h1>style</h1>
<input type="radio" value="emo" name="pilosite"> émo
<input type="radio" value="celtique" name="pilosite"> celtique
<input type="radio" value="mental" name="pilosite"> mental
</div>
<div class="choix">
<h1>personnalité</h1>

<input type="radio" value="temeraire" name="personnalite"> téméraire

<input type="radio" value="tout mou" name="personnalite"> tout mou
</div>
<div class="choix">
<h1>IMC</h1>

<input type="radio" value="treslourd" name="imc"> très lourd
<input type="radio" value="maigre" name="imc"> maigre
</div>

<p>écrire une voix off à la troisième personne pour accéder à ton intériorité
</p>

<input type="text" style="width: 500px; height: 15px;" id=txt1 name="voixoff">

<input type="text" style="width: 500px; height: 15px;" id=txt2 name="voixoff">

<input type="submit" value="envoyer">

</div>

<div class="col1">

<h1>avatar attitude</h1>


<input type="radio" value="test.bmp" name="avatar" id="i1" />
<label for="i1"><img src="test.bmp" alt="avatar1" /></label>

<input type="radio" value="coeurvide.jpg" name="avatar" id="i2" />
<label for="i2"><img src="armes%20flo%201.png" alt="avatar2" /></label>

<input type="radio" value="dents3.png" name="avatar" id="i3" />
<label for="i3"><img src="coeurvide.jpg" alt="avatar3" /></label>

</div>
</form>

</body> </html>

</syntaxhighlight>

La première page correspond à la caractérisation d'un personnage.Toutes les variables permettent une avancée du récit.Pour ce qui concerne la catégorie voix off, le but initial était de les générer (aléatoirement)durant la navigation. (en fait les moments dont déterminéset ils apparaissent parfois sous forme d'alert). Elle permet d'"accéder à l'intériorité du personnage", ainsi lorsque la dramaturgie mise en place, donc tout l'extime tout ce qui se voit en acte (comme un dialogue) , n'est pas suffisant pour cerner la situation, on peut y avoir accès à travers l'intime. donc c'est un peu pour cuourt circuiter
La catégorie bio se retrouve sur une tombe en cas d'échec.

''code page 2''

<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['imc'] = $_POST['imc'];
$_SESSION['bio'] = $_POST['bio'];
$_SESSION['voixoff'] = $_POST['voixoff'];
$_SESSION['avatar'] = $_POST['avatar'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<?php
echo '<script type="text/javascript">alert('.json_encode($_SESSION['voixoff']).');</script>';
?>

</head>

<body>

<div class="col1">
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>des créatures malmènent un enfant</p>

<div class="choix">
<h1>réaction</h1>

<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>
</div>
</div>

<div class="col2">

<img id="enfant" src="enfant.bmp">
<h1>l'enfant</h1>
<img id="monstre" src="AILES.png">
<h1>une créature</h1>

</div>

</body>
</html>
<syntaxhighlight>

La page 2 est l'élément déclencheur. Il existe plusieurs solutions pour la page 3 par rapport aux caractère choisi à l'index.
Avec la combinaison téméraire/lui sauver la vie. Le personnage rentre dans les péripéties. Si on a choisi la personnalité tout mou, on est trop faible pour ce monde et l'on est renvoyé à la page mort.
il y a aussi la possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée et l'impossibilité d'en sortir sinon la mort
[[Fichier:expo.png]]
''code page 3''

<syntaxhighlight lang="html4strict">

<?php
session_start();
$_SESSION['action'] = $_POST['action'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="exposition2" src="exposition2.jpg">

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'tout mou'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">tu es peut être juste trop faible pour ce monde";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'){
echo 'très téméraire';
echo "<a href=\"page4.php\">l'aventure continue";

}else {
echo "ok comme tu veux ...";
echo "<a href=\"exposition.php\">pas de péripéties";

}

?>

</div>
</body>
</html>
</syntaxhighlight>

A la page 4, les 3 réactions renvoie aux caractère choisi. L'option soin ou le fait de faire matcher le caractère choisi page 1 et la réaction permet de poursuivre la navigation, et de faire de l'enfant recontré un adjuvant puisqu'il va ensuite présenter le super adjuvant , le coach

''Code page 4''

<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
cet enfant a été profondemment mordu par le monstre

<h2>réaction </h2>
<form action="page5.php" method="post">
<input type="radio" value="pleurer" name="action2"> je pleure
<input type="radio" value="soigner" name="action2"> je le soigne avec de la magie
<input type="radio" value="reflechir" name="action2"> je réfléchis à une solution
<input type='submit' value="envoyer">
</form>
</div>

</body>
</html>

</syntaxhighlight>

''code page 5''

<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['action2'] = $_POST['action2'];

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="enfant2" src="enfant2.bmp">

<?php

if($_SESSION['action2'] == 'soigner'){

echo "tu as .... GAGNE MA CONFIANCE ".$_SESSION['prenom'] ;
echo "<a href=\"coach.php\"> je vais te faire rencontrer mon coach ";

}
else if($_SESSION['action2'] == 'reflechir' && $_SESSION['pilosite'] == 'mental'){
echo "je comprend tu es très quelqu'un de très mental";
echo "<a href=\"coach.php\"> je vais quand même te faire rencontrer mon coach ";

}else if($_SESSION['action2'] == 'pleurer' && $_SESSION['pilosite'] == 'emo'){
echo "je comprend tu es très quelqu'un de très émotif, ";
echo "<a href=\"coach.php\"> je vais quand même te faire rencontrer mon coach ";}

else{
echo "<a href=\"dead.php\"> il est déjà trop tard ";}

?>
</div>
</body>
</html>
</syntaxhighlight>

''code page coach''

<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="coach" src="coach.jpg">
<p>je suis coach en dévellopement personnel, je suis sévère mais juste, attention aux pervers narcissiques</p>

</div>
<div class="col1">

<p> ENFANT dit : c'est le super adjuvant</p>

<p>COACH dit : je suis l'adjuvant ultime oui, quel est l'objet de ta quête ?</p>

<p>ma quête</p>
<form action="page6.php" method="post">
<input type="radio" value="survivre" name="quete"> survivre
<input type="radio" value="fort" name="quete"> devenir le plus fort
<input type="radio" value="7" name="quete"> découvrir mes 7 blessures de l'âme

<input type='submit' value="envoyer">

</form>

</div>
</body>
</html>
</syntaxhighlight>

Le coach s'avère être également le destinataire de notre quête. On a par contre le choix de ce qu'elle est . Puisqu'il est coach en dévellopement personnel, une des réponses emmène vers une vidéo youtube pour soigner les 7 blessures de l'âme. Sinon on peut choisir les autres propositions pour continuer l'histoire. Quand on peut commencer à se battre c'est le début du conflit ce qui a souvent comme effet de faire monter la tension du récit et provoquer de l'empathie pour le personnage

''code page 6''
<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['quete'] = $_POST['quete'];

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">

<?php

if($_SESSION['quete'] == '7'){
echo "https://www.youtube.com/watch?v=zkxablHOBU8 ";

}else if($_SESSION['quete'] == 'fort' ){
echo "COACH accepte de te former à sa salle de boxe dans la catégorie POIDS LOURD";
echo "<a href=\"page7.php\"> Se qualifier/ Décider / Réussir ";

}else {
echo "COACH accepte de te former à sa salle de boxe dans la catégorie POIDS SURVIE ";
echo "<a href=\"page7.php\"> Se qualifier/ Décider / Réussir ";}

?>

</div>
</body>
</html>
</syntaxhighlight>

''code page7''
<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>

<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<p>
<?php
echo $_SESSION['prenom'].$_SESSION['nom']."= nouveau cambattant du coach";
?></p>
<p>
<?php
echo "Son IMC est ".$_SESSION['imc'];
?>
</p>
<p>
<?php
if($_SESSION['action2'] == 'pleurer'){
echo " pleure parfois";
}
else if($_SESSION['action2'] == 'soigner'){
echo " sait soigner"; }
else if ($_SESSION['action2'] == 'reflechir') {
echo " réfléchit beaucoup"; }
?>
</p>

<p>
<?php
echo $_SESSION['voixoff'];

?>
</p>
</div>

<div class="col1">
<h1><a href="combat.php">faire un combat </a></h1>
<input type="radio" name="combat" id="i1" />
<label for="i1"><img src="COMBAT.jpg" alt="avatar1" /></label>

<h1><a href="entrainement.php">faire un entraînement </a></h1>
<input type="radio" name="entrainement" id="i1" />
<label for="i1"><img src="7.bmp" alt="avatar1" /></label>

</div>

</body>
</html>
</syntaxhighlight>
''Texte italique''
<syntaxhighlight lang="html4strict">

</syntaxhighlight>

ERG::interactivenarration

2019-05-12T21:40:58Z

Violette :

==premiere sess==
Histoire choix entre différentes propositions prédéfinies à l'avance.
Générer une narration à l'aide d'une banque d'images (PNG) pour illustrer les choix fait parmi différentes propositions établies à l'avance.

Page type simplifiée:
Phrase à trou ex : "Le.... (choix entre 5 propositions) prend une douche".

*1 -Determination du sujet (personnage, taille/couleur/forme/...) les mots clés detrminent l'avatar
*2 -Exposition/Contexte ( décor, environnement,...)
*3 -élément perturbateur (problème/rencontre/découverte/...)
*4 -quête (série d'obstacles)
*5 -résolution

forme finale:
- Navigation de page en page avec prise en compte des choix
-constituion d'une nouvelle image style cadavre exquis
-Une page qui s'anime en temps réel en fonction des choix faits.

CyberBotanica Raphaël Bergère
Still Moving Maurice Benayoun
Jeu vidéo; façade.
[http://tecfa.unige.ch/tecfa/maltt/memoire/Maurin2017.pdf]

==Session du 01/10==
violette&louisa

Le but c'est pas de montrer de l'image sur un support numérique et juste de cliquer sur page suivante

Ce n'est pas non plus de mettre au point une narration de A à Z mais plutôt explorer de manière de faire de la narration interactive ( des concepts )

[Examples]

Anthony Rageul "''Prise de tête'' une bande dessinée numérique explorant différentes possibilités d’interaction http://www.prisedetete.net/pdt/[[prisedetete]]

son mémoire "BANDE DESSINEE INTERACTIVE : COMMENT RACONTER UNE HISTOIRE ? " [http://www.prisedetete.net/fr/memoire.html memoire]

"The Boat" animation/BB [http://www.sbs.com.au/theboat/]

The Guardian - Digital deadly sins [http://digital-deadly-sins.theguardian.com/#/Grid]

[http://www.http://mouchette.org/to/you/only/private.html mouchette] des interfaces où on peut écrire des trucs, et on clique sur un lien , on atterrit ailleurs. créer de la narration sous ce genre de format http://mouchette.org/to/you/only/private.html

"Hans Hoogerbrugge - Hotel" [http://hotel.submarinechannel.com/splash.html]

==Session du 08/10==
violette&louisa&laura

PROJET

C'est une plateforme, avec une navigation de pages en pages ( on ne clique pas sur suivant)

La navigation est permise par : des cases à cocher, des liens surs lesquels cliquer

Les manières d'évoluer comptent aussi des inputs d'images, de son, de texte qui réapparaitront plusieurs pages plus tard, soit en générant de la causalité, soit non

Ceci est au service d'une narration qui reprend les grandes étapes de la narration concentrée (exposition, élément déclencheur, péripéties ).

Il y a le caractère principal qui a un rêve à poursuivre, un adjuvant et un opposant
Page 1 :on définit le perso principal avec des traits de caractère

Prototype:
comment encoder les personnages avec des traits de caractère
comment utiliser les traits pour faire varier l'action sur une page 2

--> langage coté serveur
php ou python

[[Fichier:schemalh.jpg]]

==Session du 15/10==
violette&matthias

Voici une base de codage, vue au cours du 15/10
/!\ il faut aller dans l'onglet modifer pour copier/coller le code tel qu'il est écrit, car le site interprète déjà certains signes et certains mots /!\
(il serait plus efficace de faire un drive pour se partager les fichiers)

-code html

----
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="habillage.css"> 

</head>
<body>
<section>
<article>
<header>
</header>
<div></div>
</article>
<form action="traitement.php" method="post"> 
<p><strong>prénom</strong></p>
<input type="text" name="prénom">
<p><strong>nom</strong></p>
<input type="text" name="nom">
<p><strong>age</strong></p>
<input type="number" name="age">
<p><strong>ton histoire personelle</strong></p>
<textarea name="bio"></textarea>

<p><strong>pilosité</strong></p>
<ul>
<li><input type="radio" value="barbu" name="pilosité"> barbu</li>

<li><input type="radio" value="imberbe" name="pilosité"> imberbe</li>
<li><input type="radio" value="moustachu" name="pilosité"> moustachu</li>
</ul>
<p><strong>personnalité</strong></p>
<ul> 
<li> <input type="radio" value="téméraire" name="personnalité"> téméraire </li>

<li><input type="radio" value="réfléchi" name="personnalité"> réfléchi </li>
<li><input type="radio" value="débile profond" name="personnalité"> débile profond </li>
</ul>
<p><strong>morphologie</strong></p>
<ul>
<li><input type="radio" value="gros" name="morphologie"> gros </li>
<li><input type="radio" value="maigre" name="morphologie"> maigre </li>
<li><input type="radio" value="non mais oh !" name="morphologie"> non mais oh !</li>
</ul>

<input type="submit" value="envoyer">
</form>
</section>
</body>
</html>

----

code php

----

<?php
echo "hello world" ;

echo '<p>'.$_POST['prénom'].'</p>' ;/* $_POST plus discret que $_GET */
echo '<p>'.$_POST['nom'].'</p>' ;/* . sers à joindre une instruction à interpréter et du texte brut = la concaténation */
echo '<p>'.$_POST['age'].'</p>' ;
echo '<p>'.$_POST['pilosité'].'</p>' ;
echo '<p>'.$_POST['personnalité'].'</p>' ;
echo '<p>'.$_POST['morphologie'].'</p>' ;

?>

==Session du 22/10==
violette

les deux pages de la dernière fois , modifiées .
le html
<syntaxhighlight lang="html">
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> </header>

</article>
<form action="traitement.php" method="post" >

prénom

<input type="text" name="prénom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<textarea name="bio"></textarea>

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

<a href="page2.php">
<h1>
le contexte
</h1>
</a>

</body> </html>
</syntaxhighlight>

ET LE PHP
<syntaxhighlight lang="html">
<?php echo "hello world" ;
echo '

'.$_POST['prénom'].'
' ;/* $_POST plus discret que $_GET */ echo '

'.$_POST['nom'].'
' ;/* . sert à joindre une instruction à interpréter et du texte brut = la concaténation */ echo '

'.$_POST['pilosite'].'
' ; echo '

'.$_POST['morphologie'].'
' ;

if($_POST['pilosite'] == 'barbu'){
$variable='rasoir';
echo "tu es ".$_POST['pilosite']." tu as besoin d'un ".$variable;
}else if($_POST['pilosite'] == 'imberbe'){
echo 'ta peau est douce';

}

?>
</syntaxhighlight>

et là un essai d'une page mais ça marche pas
<syntaxhighlight lang="html">
<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>

<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life

<?php

if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'debile profond') ){

echo "tu es ".$_POST['personnalite']." tu as trop peur pour le sauver "
}else if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'temeraire') ){
echo 'ok go';

}

?>

</body>
</html>

</syntaxhighlight>

==session du 5/11==
nouveau schéma de fonctionnement :
index.php ( renseigne toutes les infos ) -----> page2.php ( partie traitement = transforme les variables POST en SESSION ; partie formulaire renseigne la variable action)---->page3.php ( partie traitement = transforme les variables POST en SESSION ; partie affichage echo 2 phrases différentes pour deux combinaisons débile profond/ rescue, et téméraire/rescue )

==bilan quadri==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages. Ca fonctionne avec php , les input radio influent la narration mais on aimerait bien trouver d'autres formes d'interactivité.
Les informations rentrées par le spectateur influent plus tard dans la narration, par exemple la biographie renseignée au début apparait sur la tombe dans le cas de mort.
Pour l'instant, les moments narratifs de base sont :
-à la page 2 il y a possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée
-la rencontre de l'adjuvant puis d'un super super-adjuvant
-La détermination de l'objet de quête page 6

Par ailleurs, on est en train de faire en sorte de créer une jauge, alimentée par la force, ou l'intégrité
[[Fichier:schemanarration.png]]

code actuel
'''INDEX''' : détermination de personnage

<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['force'] = 0;
$_SESSION['integrite'] = 0;
$_SESSION['score'] = $_SESSION['force']+$_SESSION['integrite'];
?>

<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> merci de bien rensigner toutes les infos</header>

</article>
<form action="page2.php" method="post" >

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle


<input type="text" name="bio">

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

</body> </html>
</syntaxhighlight>

'''PAGE 2 : l'élément déclencheur'''
<syntaxhighlight lang="html">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['morphologie'] = $_POST['morphologie'];
$_SESSION['bio'] = $_POST['bio'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>
<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>

</body>
</html>
<!doctype html>

</syntaxhighlight>

'''PAGE 3 : réaction au choix, soit poursuite de l'aventure, soit mort car combinaison d'incapacité physique et rescue, soit refus d'entrer dans la narration donc blocage'''
<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['action'] = $_POST['action'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'debile profond'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">retour à la case départ bolosse";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'|| $_SESSION['personnalite'] == 'reflechi'){
echo 'ok go';
echo "<a href=\"page4.php\">l'aventure continue";
//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "ok ma caille";
echo "<a href=\"exposition.php\">les péripéties c est pas pour maintenant";

}

?>

</body>
</html>
</syntaxhighlight>

'''PAGE 4 : les péripéties commencent'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
// $_SESSION['prenom'] = $_POST['prenom'];
//$_SESSION['nom'] = $_POST['nom'];
// $_SESSION['age'] = $_POST['age'];
// $_SESSION['pilosite'] = $_POST['pilosite'];
//$_SESSION['personnalite'] = $_POST['personnalite'];
//$_SESSION['morphologie'] = $_POST['morphologie'];

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
ça bouge avec l'enfant, tac tac tac le bruit des semelles sur le béton armé, par terre tu vois un paquet de biscuits

<p>quand tu le prend une souris en sort, mais tu as très faim</p>
<form action="page5.php" method="post">
<input type="radio" value="mange" name="action2"> j'en mange un et lui donne le reste du paquet"
<input type="radio" value="mangetout" name="action2"> MIAM MIAM J AI TROP FAIM JE MANGE TOUT
<input type="radio" value="beurk" name="action2"> je lui donne tout, je suis trop quelqu'un de bien
<input type='submit' value="envoyer">
</form>

</body>
</html>
</syntaxhighlight>

'''PAGE 5 : l'enfant devient ( éventuellement )un adjuvant'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
$_SESSION['action2'] = $_POST['action2'];
//$_SESSION['prenom'] = $_POST['prenom'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action2'] == 'mange'){
echo "tu as un peu faim mais ce n'est rien comparé à la lueur de remerciement dans les yeux de l'enfant, +1 force +4 intégrité ";

}else if($_SESSION['action2'] == 'mangetout' ){
echo "oula j ai le bidou tout rempli, +2 force";

//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "bon, cet enfant te doit la vie mais tu as toujours très faim, +5 intégrité ";}

echo "tu as .... GAGNE MA CONFIANCE ".$_SESSION['prenom'] ;
echo "<a href=\"coach.php\"> je vais te faire rencontrer mon coach ";

?>

</body>
</html>
</syntaxhighlight>
'''PAGE COACH : le coach s'avère être le destinataire de l'objet de la quête'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

je suis coach en dévellopement personnel, je suis sévère mais juste, attention aux pervers narcissiques

<img id="coach" src="coach.jpg">
<p> ENFANT dit : c'est le super adjuvant</p>

<p>COACH dit : je suis l'adjuvant ultime oui, quel est l'objet de ta quête ?</p>

<p>ma quête</p>
<form action="page6.php" method="post">
<input type="radio" value="survivre" name="quete"> survivre
<input type="radio" value="fort" name="quete"> devenir le plus fort
<input type="radio" value="7" name="quete"> découvrir mes 7 blessures de l'âme

</form>

</body>
</html>
</syntaxhighlight>

==schéma actuel de la narration==
[[Fichier:chema2.png]]
==le projet de violette==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages.

Ca fonctionne avec php. En transformant des variables SESSION en variables POST, toutes les informations données par l'utilisateur sont enregistrées et permettent dêtre ré expoitées plus tard.
Ce qui fait une bonne narration entre autres c'est comment on va au au bout de ce qu 'on peut exploiter avec les éléments qu'on a mis en place.
[[Fichier:PAGE1.png]]

''code index''

<syntaxhighlight lang="html4strict">

<!doctype html>
<html>
<head>
<title> caractérisation </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>

<header> merci de bien rensigner toutes les infos EN MAJUSCULES</header>

<form action="page2.php" method="post" >
<div class="col1">

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<input type="text" name="bio">
<div class="choix">
<h1>style</h1>
<input type="radio" value="emo" name="pilosite"> émo
<input type="radio" value="celtique" name="pilosite"> celtique
<input type="radio" value="mental" name="pilosite"> mental
</div>
<div class="choix">
<h1>personnalité</h1>

<input type="radio" value="temeraire" name="personnalite"> téméraire

<input type="radio" value="tout mou" name="personnalite"> tout mou
</div>
<div class="choix">
<h1>IMC</h1>

<input type="radio" value="treslourd" name="imc"> très lourd
<input type="radio" value="maigre" name="imc"> maigre
</div>

<p>écrire une voix off à la troisième personne pour accéder à ton intériorité
</p>

<input type="text" style="width: 500px; height: 15px;" id=txt1 name="voixoff">

<input type="text" style="width: 500px; height: 15px;" id=txt2 name="voixoff">

<input type="submit" value="envoyer">

</div>

<div class="col1">

<h1>avatar attitude</h1>


<input type="radio" value="test.bmp" name="avatar" id="i1" />
<label for="i1"><img src="test.bmp" alt="avatar1" /></label>

<input type="radio" value="coeurvide.jpg" name="avatar" id="i2" />
<label for="i2"><img src="armes%20flo%201.png" alt="avatar2" /></label>

<input type="radio" value="dents3.png" name="avatar" id="i3" />
<label for="i3"><img src="coeurvide.jpg" alt="avatar3" /></label>

</div>
</form>

</body> </html>

</syntaxhighlight>

La première page correspond à la caractérisation d'un personnage.Toutes les variables permettent une avancée du récit.Pour ce qui concerne la catégorie voix off, le but initial était de les générer (aléatoirement)durant la navigation. (en fait les moments dont déterminéset ils apparaissent parfois sous forme d'alert). Elle permet d'"accéder à l'intériorité du personnage", ainsi lorsque la dramaturgie mise en place, donc tout l'extime tout ce qui se voit en acte (comme un dialogue) , n'est pas suffisant pour cerner la situation, on peut y avoir accès à travers l'intime.
La catégorie bio se retrouve sur une tombe en cas d'échec.

''code page 2''

<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['imc'] = $_POST['imc'];
$_SESSION['bio'] = $_POST['bio'];
$_SESSION['voixoff'] = $_POST['voixoff'];
$_SESSION['avatar'] = $_POST['avatar'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<?php
echo '<script type="text/javascript">alert('.json_encode($_SESSION['voixoff']).');</script>';
?>

</head>

<body>

<div class="col1">
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>des créatures malmènent un enfant</p>

<div class="choix">
<h1>réaction</h1>

<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>
</div>
</div>

<div class="col2">

<img id="enfant" src="enfant.bmp">
<h1>l'enfant</h1>
<img id="monstre" src="AILES.png">
<h1>une créature</h1>

</div>

</body>
</html>

La page 2 est l'élément déclencheur. Il existe plusieurs solutions pour la page 3 par rapport aux caractère choisi à l'index.
Avec la combinaison téméraire/lui sauver la vie. Le personnage rentre dans les péripéties. Si on a choisi la personnalité tout mou, on est trop faible pour ce monde et l'on est renvoyé à la page mort.
il y a aussi la possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée et l'impossibilité d'en sortir sinon la mort

''code page 3''

<syntaxhighlight lang="html4strict">

<?php
session_start();
$_SESSION['action'] = $_POST['action'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="exposition2" src="exposition2.jpg">

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'tout mou'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">tu es peut être juste trop faible pour ce monde";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'){
echo 'très téméraire';
echo "<a href=\"page4.php\">l'aventure continue";

}else {
echo "ok comme tu veux ...";
echo "<a href=\"exposition.php\">pas de péripéties";

}

?>

</div>
</body>
</html>
</syntaxhighlight>

A la page 4, les 3 réactions renvoie aux caractère choisi. L'option soin ou le fait de faire matcher le caractère choisi page 1 et la réaction permet de poursuivre la navigation, et de faire de l'enfant recontré un adjuvant puisqu'il va ensuite présenter le super adjuvant , le coach

''Code page 4''

<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
cet enfant a été profondemment mordu par le monstre

<h2>réaction </h2>
<form action="page5.php" method="post">
<input type="radio" value="pleurer" name="action2"> je pleure
<input type="radio" value="soigner" name="action2"> je le soigne avec de la magie
<input type="radio" value="reflechir" name="action2"> je réfléchis à une solution
<input type='submit' value="envoyer">
</form>
</div>

</body>
</html>

</syntaxhighlight>

''code page 5''

<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['action2'] = $_POST['action2'];

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="enfant2" src="enfant2.bmp">

<?php

if($_SESSION['action2'] == 'soigner'){

echo "tu as .... GAGNE MA CONFIANCE ".$_SESSION['prenom'] ;
echo "<a href=\"coach.php\"> je vais te faire rencontrer mon coach ";

}
else if($_SESSION['action2'] == 'reflechir' && $_SESSION['pilosite'] == 'mental'){
echo "je comprend tu es très quelqu'un de très mental";
echo "<a href=\"coach.php\"> je vais quand même te faire rencontrer mon coach ";

}else if($_SESSION['action2'] == 'pleurer' && $_SESSION['pilosite'] == 'emo'){
echo "je comprend tu es très quelqu'un de très émotif, ";
echo "<a href=\"coach.php\"> je vais quand même te faire rencontrer mon coach ";}

else{
echo "<a href=\"dead.php\"> il est déjà trop tard ";}

?>
</div>
</body>
</html>
</syntaxhighlight>

''code page coach''

<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="coach" src="coach.jpg">
<p>je suis coach en dévellopement personnel, je suis sévère mais juste, attention aux pervers narcissiques</p>

</div>
<div class="col1">

<p> ENFANT dit : c'est le super adjuvant</p>

<p>COACH dit : je suis l'adjuvant ultime oui, quel est l'objet de ta quête ?</p>

<p>ma quête</p>
<form action="page6.php" method="post">
<input type="radio" value="survivre" name="quete"> survivre
<input type="radio" value="fort" name="quete"> devenir le plus fort
<input type="radio" value="7" name="quete"> découvrir mes 7 blessures de l'âme

<input type='submit' value="envoyer">

</form>

</div>
</body>
</html>
</syntaxhighlight>

Le coach s'avère être également le destinataire de notre quête. On a par contre le choix de ce qu'elle est . Puisqu'il est coach en dévellopement personnel, une des réponses emmène vers une vidéo youtube pour soigner les 7 blessures de l'âme. Sinon on peut choisir les autres propositions pour continuer l'histoire. Quand on peut commencer à se battre c'est le début du conflit ce qui a souvent comme effet de faire monter la tension du récit et provoquer de l'empathie pour le personnage

''code page 6''
<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['quete'] = $_POST['quete'];

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">

<?php

if($_SESSION['quete'] == '7'){
echo "https://www.youtube.com/watch?v=zkxablHOBU8 ";

}else if($_SESSION['quete'] == 'fort' ){
echo "COACH accepte de te former à sa salle de boxe dans la catégorie POIDS LOURD";
echo "<a href=\"page7.php\"> Se qualifier/ Décider / Réussir ";

}else {
echo "COACH accepte de te former à sa salle de boxe dans la catégorie POIDS SURVIE ";
echo "<a href=\"page7.php\"> Se qualifier/ Décider / Réussir ";}

?>

</div>
</body>
</html>
</syntaxhighlight>

''code page7''
<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>

<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<p>
<?php
echo $_SESSION['prenom'].$_SESSION['nom']."= nouveau cambattant du coach";
?></p>
<p>
<?php
echo "Son IMC est ".$_SESSION['imc'];
?>
</p>
<p>
<?php
if($_SESSION['action2'] == 'pleurer'){
echo " pleure parfois";
}
else if($_SESSION['action2'] == 'soigner'){
echo " sait soigner"; }
else if ($_SESSION['action2'] == 'reflechir') {
echo " réfléchit beaucoup"; }
?>
</p>

<p>
<?php
echo $_SESSION['voixoff'];

?>
</p>
</div>

<div class="col1">
<h1><a href="combat.php">faire un combat </a></h1>
<input type="radio" name="combat" id="i1" />
<label for="i1"><img src="COMBAT.jpg" alt="avatar1" /></label>

<h1><a href="entrainement.php">faire un entraînement </a></h1>
<input type="radio" name="entrainement" id="i1" />
<label for="i1"><img src="7.bmp" alt="avatar1" /></label>

</div>

</body>
</html>
</syntaxhighlight>
''Texte italique''
<syntaxhighlight lang="html4strict">

</syntaxhighlight>

ERG::interactivenarration

2019-05-12T21:33:39Z

Violette : /* le projet de violette */

==premiere sess==
Histoire choix entre différentes propositions prédéfinies à l'avance.
Générer une narration à l'aide d'une banque d'images (PNG) pour illustrer les choix fait parmi différentes propositions établies à l'avance.

Page type simplifiée:
Phrase à trou ex : "Le.... (choix entre 5 propositions) prend une douche".

*1 -Determination du sujet (personnage, taille/couleur/forme/...) les mots clés detrminent l'avatar
*2 -Exposition/Contexte ( décor, environnement,...)
*3 -élément perturbateur (problème/rencontre/découverte/...)
*4 -quête (série d'obstacles)
*5 -résolution

forme finale:
- Navigation de page en page avec prise en compte des choix
-constituion d'une nouvelle image style cadavre exquis
-Une page qui s'anime en temps réel en fonction des choix faits.

CyberBotanica Raphaël Bergère
Still Moving Maurice Benayoun
Jeu vidéo; façade.
[http://tecfa.unige.ch/tecfa/maltt/memoire/Maurin2017.pdf]

==Session du 01/10==
violette&louisa

Le but c'est pas de montrer de l'image sur un support numérique et juste de cliquer sur page suivante

Ce n'est pas non plus de mettre au point une narration de A à Z mais plutôt explorer de manière de faire de la narration interactive ( des concepts )

[Examples]

Anthony Rageul "''Prise de tête'' une bande dessinée numérique explorant différentes possibilités d’interaction http://www.prisedetete.net/pdt/[[prisedetete]]

son mémoire "BANDE DESSINEE INTERACTIVE : COMMENT RACONTER UNE HISTOIRE ? " [http://www.prisedetete.net/fr/memoire.html memoire]

"The Boat" animation/BB [http://www.sbs.com.au/theboat/]

The Guardian - Digital deadly sins [http://digital-deadly-sins.theguardian.com/#/Grid]

[http://www.http://mouchette.org/to/you/only/private.html mouchette] des interfaces où on peut écrire des trucs, et on clique sur un lien , on atterrit ailleurs. créer de la narration sous ce genre de format http://mouchette.org/to/you/only/private.html

"Hans Hoogerbrugge - Hotel" [http://hotel.submarinechannel.com/splash.html]

==Session du 08/10==
violette&louisa&laura

PROJET

C'est une plateforme, avec une navigation de pages en pages ( on ne clique pas sur suivant)

La navigation est permise par : des cases à cocher, des liens surs lesquels cliquer

Les manières d'évoluer comptent aussi des inputs d'images, de son, de texte qui réapparaitront plusieurs pages plus tard, soit en générant de la causalité, soit non

Ceci est au service d'une narration qui reprend les grandes étapes de la narration concentrée (exposition, élément déclencheur, péripéties ).

Il y a le caractère principal qui a un rêve à poursuivre, un adjuvant et un opposant
Page 1 :on définit le perso principal avec des traits de caractère

Prototype:
comment encoder les personnages avec des traits de caractère
comment utiliser les traits pour faire varier l'action sur une page 2

--> langage coté serveur
php ou python

[[Fichier:schemalh.jpg]]

==Session du 15/10==
violette&matthias

Voici une base de codage, vue au cours du 15/10
/!\ il faut aller dans l'onglet modifer pour copier/coller le code tel qu'il est écrit, car le site interprète déjà certains signes et certains mots /!\
(il serait plus efficace de faire un drive pour se partager les fichiers)

-code html

----
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="habillage.css"> 

</head>
<body>
<section>
<article>
<header>
</header>
<div></div>
</article>
<form action="traitement.php" method="post"> 
<p><strong>prénom</strong></p>
<input type="text" name="prénom">
<p><strong>nom</strong></p>
<input type="text" name="nom">
<p><strong>age</strong></p>
<input type="number" name="age">
<p><strong>ton histoire personelle</strong></p>
<textarea name="bio"></textarea>

<p><strong>pilosité</strong></p>
<ul>
<li><input type="radio" value="barbu" name="pilosité"> barbu</li>

<li><input type="radio" value="imberbe" name="pilosité"> imberbe</li>
<li><input type="radio" value="moustachu" name="pilosité"> moustachu</li>
</ul>
<p><strong>personnalité</strong></p>
<ul> 
<li> <input type="radio" value="téméraire" name="personnalité"> téméraire </li>

<li><input type="radio" value="réfléchi" name="personnalité"> réfléchi </li>
<li><input type="radio" value="débile profond" name="personnalité"> débile profond </li>
</ul>
<p><strong>morphologie</strong></p>
<ul>
<li><input type="radio" value="gros" name="morphologie"> gros </li>
<li><input type="radio" value="maigre" name="morphologie"> maigre </li>
<li><input type="radio" value="non mais oh !" name="morphologie"> non mais oh !</li>
</ul>

<input type="submit" value="envoyer">
</form>
</section>
</body>
</html>

----

code php

----

<?php
echo "hello world" ;

echo '<p>'.$_POST['prénom'].'</p>' ;/* $_POST plus discret que $_GET */
echo '<p>'.$_POST['nom'].'</p>' ;/* . sers à joindre une instruction à interpréter et du texte brut = la concaténation */
echo '<p>'.$_POST['age'].'</p>' ;
echo '<p>'.$_POST['pilosité'].'</p>' ;
echo '<p>'.$_POST['personnalité'].'</p>' ;
echo '<p>'.$_POST['morphologie'].'</p>' ;

?>

==Session du 22/10==
violette

les deux pages de la dernière fois , modifiées .
le html
<syntaxhighlight lang="html">
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> </header>

</article>
<form action="traitement.php" method="post" >

prénom

<input type="text" name="prénom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<textarea name="bio"></textarea>

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

<a href="page2.php">
<h1>
le contexte
</h1>
</a>

</body> </html>
</syntaxhighlight>

ET LE PHP
<syntaxhighlight lang="html">
<?php echo "hello world" ;
echo '

'.$_POST['prénom'].'
' ;/* $_POST plus discret que $_GET */ echo '

'.$_POST['nom'].'
' ;/* . sert à joindre une instruction à interpréter et du texte brut = la concaténation */ echo '

'.$_POST['pilosite'].'
' ; echo '

'.$_POST['morphologie'].'
' ;

if($_POST['pilosite'] == 'barbu'){
$variable='rasoir';
echo "tu es ".$_POST['pilosite']." tu as besoin d'un ".$variable;
}else if($_POST['pilosite'] == 'imberbe'){
echo 'ta peau est douce';

}

?>
</syntaxhighlight>

et là un essai d'une page mais ça marche pas
<syntaxhighlight lang="html">
<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>

<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life

<?php

if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'debile profond') ){

echo "tu es ".$_POST['personnalite']." tu as trop peur pour le sauver "
}else if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'temeraire') ){
echo 'ok go';

}

?>

</body>
</html>

</syntaxhighlight>

==session du 5/11==
nouveau schéma de fonctionnement :
index.php ( renseigne toutes les infos ) -----> page2.php ( partie traitement = transforme les variables POST en SESSION ; partie formulaire renseigne la variable action)---->page3.php ( partie traitement = transforme les variables POST en SESSION ; partie affichage echo 2 phrases différentes pour deux combinaisons débile profond/ rescue, et téméraire/rescue )

==bilan quadri==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages. Ca fonctionne avec php , les input radio influent la narration mais on aimerait bien trouver d'autres formes d'interactivité.
Les informations rentrées par le spectateur influent plus tard dans la narration, par exemple la biographie renseignée au début apparait sur la tombe dans le cas de mort.
Pour l'instant, les moments narratifs de base sont :
-à la page 2 il y a possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée
-la rencontre de l'adjuvant puis d'un super super-adjuvant
-La détermination de l'objet de quête page 6

Par ailleurs, on est en train de faire en sorte de créer une jauge, alimentée par la force, ou l'intégrité
[[Fichier:schemanarration.png]]

code actuel
'''INDEX''' : détermination de personnage

<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['force'] = 0;
$_SESSION['integrite'] = 0;
$_SESSION['score'] = $_SESSION['force']+$_SESSION['integrite'];
?>

<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> merci de bien rensigner toutes les infos</header>

</article>
<form action="page2.php" method="post" >

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle


<input type="text" name="bio">

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

</body> </html>
</syntaxhighlight>

'''PAGE 2 : l'élément déclencheur'''
<syntaxhighlight lang="html">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['morphologie'] = $_POST['morphologie'];
$_SESSION['bio'] = $_POST['bio'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>
<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>

</body>
</html>
<!doctype html>

</syntaxhighlight>

'''PAGE 3 : réaction au choix, soit poursuite de l'aventure, soit mort car combinaison d'incapacité physique et rescue, soit refus d'entrer dans la narration donc blocage'''
<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['action'] = $_POST['action'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'debile profond'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">retour à la case départ bolosse";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'|| $_SESSION['personnalite'] == 'reflechi'){
echo 'ok go';
echo "<a href=\"page4.php\">l'aventure continue";
//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "ok ma caille";
echo "<a href=\"exposition.php\">les péripéties c est pas pour maintenant";

}

?>

</body>
</html>
</syntaxhighlight>

'''PAGE 4 : les péripéties commencent'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
// $_SESSION['prenom'] = $_POST['prenom'];
//$_SESSION['nom'] = $_POST['nom'];
// $_SESSION['age'] = $_POST['age'];
// $_SESSION['pilosite'] = $_POST['pilosite'];
//$_SESSION['personnalite'] = $_POST['personnalite'];
//$_SESSION['morphologie'] = $_POST['morphologie'];

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
ça bouge avec l'enfant, tac tac tac le bruit des semelles sur le béton armé, par terre tu vois un paquet de biscuits

<p>quand tu le prend une souris en sort, mais tu as très faim</p>
<form action="page5.php" method="post">
<input type="radio" value="mange" name="action2"> j'en mange un et lui donne le reste du paquet"
<input type="radio" value="mangetout" name="action2"> MIAM MIAM J AI TROP FAIM JE MANGE TOUT
<input type="radio" value="beurk" name="action2"> je lui donne tout, je suis trop quelqu'un de bien
<input type='submit' value="envoyer">
</form>

</body>
</html>
</syntaxhighlight>

'''PAGE 5 : l'enfant devient ( éventuellement )un adjuvant'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
$_SESSION['action2'] = $_POST['action2'];
//$_SESSION['prenom'] = $_POST['prenom'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action2'] == 'mange'){
echo "tu as un peu faim mais ce n'est rien comparé à la lueur de remerciement dans les yeux de l'enfant, +1 force +4 intégrité ";

}else if($_SESSION['action2'] == 'mangetout' ){
echo "oula j ai le bidou tout rempli, +2 force";

//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "bon, cet enfant te doit la vie mais tu as toujours très faim, +5 intégrité ";}

echo "tu as .... GAGNE MA CONFIANCE ".$_SESSION['prenom'] ;
echo "<a href=\"coach.php\"> je vais te faire rencontrer mon coach ";

?>

</body>
</html>
</syntaxhighlight>
'''PAGE COACH : le coach s'avère être le destinataire de l'objet de la quête'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

je suis coach en dévellopement personnel, je suis sévère mais juste, attention aux pervers narcissiques

<img id="coach" src="coach.jpg">
<p> ENFANT dit : c'est le super adjuvant</p>

<p>COACH dit : je suis l'adjuvant ultime oui, quel est l'objet de ta quête ?</p>

<p>ma quête</p>
<form action="page6.php" method="post">
<input type="radio" value="survivre" name="quete"> survivre
<input type="radio" value="fort" name="quete"> devenir le plus fort
<input type="radio" value="7" name="quete"> découvrir mes 7 blessures de l'âme

</form>

</body>
</html>
</syntaxhighlight>

==schéma actuel de la narration==
[[Fichier:chema2.png]]
==le projet de violette==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages.

Ca fonctionne avec php. En transformant des variables SESSION en variables POST, toutes les informations données par l'utilisateur sont enregistrées et permettent dêtre ré expoitées plus tard.
Ce qui fait une bonne narration entre autres c'est comment on va au au bout de ce qu 'on peut exploiter avec les éléments qu'on a mis en place.
[[Fichier:PAGE1.png]]
'''code index'''
<syntaxhighlight lang="html4strict">

<!doctype html>
<html>
<head>
<title> caractérisation </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>

<header> merci de bien rensigner toutes les infos EN MAJUSCULES</header>

<form action="page2.php" method="post" >
<div class="col1">

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<input type="text" name="bio">
<div class="choix">
<h1>style</h1>
<input type="radio" value="emo" name="pilosite"> émo
<input type="radio" value="celtique" name="pilosite"> celtique
<input type="radio" value="mental" name="pilosite"> mental
</div>
<div class="choix">
<h1>personnalité</h1>

<input type="radio" value="temeraire" name="personnalite"> téméraire

<input type="radio" value="tout mou" name="personnalite"> tout mou
</div>
<div class="choix">
<h1>IMC</h1>

<input type="radio" value="treslourd" name="imc"> très lourd
<input type="radio" value="maigre" name="imc"> maigre
</div>

<p>écrire une voix off à la troisième personne pour accéder à ton intériorité
</p>

<input type="text" style="width: 500px; height: 15px;" id=txt1 name="voixoff">

<input type="text" style="width: 500px; height: 15px;" id=txt2 name="voixoff">

<input type="submit" value="envoyer">

</div>

<div class="col1">

<h1>avatar attitude</h1>


<input type="radio" value="test.bmp" name="avatar" id="i1" />
<label for="i1"><img src="test.bmp" alt="avatar1" /></label>

<input type="radio" value="coeurvide.jpg" name="avatar" id="i2" />
<label for="i2"><img src="armes%20flo%201.png" alt="avatar2" /></label>

<input type="radio" value="dents3.png" name="avatar" id="i3" />
<label for="i3"><img src="coeurvide.jpg" alt="avatar3" /></label>

</div>
</form>

</body> </html>

</syntaxhighlight>

La première page correspond à la caractérisation d'un personnage.Toutes les variables permettent une avancée du récit.Pour ce qui concerne la catégorie voix off, le but initial était de les générer (aléatoirement)durant la navigation. (en fait les moments dont déterminéset ils apparaissent parfois sous forme d'alert). Elle permet d'"accéder à l'intériorité du personnage", ainsi lorsque la dramaturgie mise en place, donc tout l'extime tout ce qui se voit en acte (comme un dialogue) , n'est pas suffisant pour cerner la situation, on peut y avoir accès à travers l'intime.
La catégorie bio se retrouve sur une tombe en cas d'échec.
'''code page 2'''
<syntaxhighlight lang="html4strict">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['imc'] = $_POST['imc'];
$_SESSION['bio'] = $_POST['bio'];
$_SESSION['voixoff'] = $_POST['voixoff'];
$_SESSION['avatar'] = $_POST['avatar'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<?php
echo '<script type="text/javascript">alert('.json_encode($_SESSION['voixoff']).');</script>';
?>

</head>

<body>

<div class="col1">
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>des créatures malmènent un enfant</p>

<div class="choix">
<h1>réaction</h1>

<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>
</div>
</div>

<div class="col2">

<img id="enfant" src="enfant.bmp">
<h1>l'enfant</h1>
<img id="monstre" src="AILES.png">
<h1>une créature</h1>

</div>

</body>
</html>

La page 2 est l'élément déclencheur. Il existe plusieurs solutions pour la page 3 par rapport aux caractère choisi à l'index.
Avec la combinaison téméraire/lui sauver la vie. Le personnage rentre dans les péripéties. Si on a choisi la personnalité tout mou, on est trop faible pour ce monde et l'on est renvoyé à la page mort.
il y a aussi la possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée et l'impossibilité d'en sortir sinon la mort
'''code page 3'''
<syntaxhighlight lang="html4strict">

<?php
session_start();
$_SESSION['action'] = $_POST['action'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
<img id="exposition2" src="exposition2.jpg">

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'tout mou'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">tu es peut être juste trop faible pour ce monde";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'){
echo 'très téméraire';
echo "<a href=\"page4.php\">l'aventure continue";

}else {
echo "ok comme tu veux ...";
echo "<a href=\"exposition.php\">pas de péripéties";

}

?>

</div>
</body>
</html>
</syntaxhighlight>

A la page 4, les 3 réactions renvoie aux caractère choisi. L'option soin ou le fait de faire matcher le caractère choisi page 1 et la réaction permet de poursuivre la navigation, et de faire de l'enfant recontré un adjuvant puisqu'il va ensuite présenter le super adjuvant , le coach

'''code page4'''

<syntaxhighlight lang="html4strict">
<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="col1">
cet enfant a été profondemment mordu par le monstre

<h2>réaction </h2>
<form action="page5.php" method="post">
<input type="radio" value="pleurer" name="action2"> je pleure
<input type="radio" value="soigner" name="action2"> je le soigne avec de la magie
<input type="radio" value="reflechir" name="action2"> je réfléchis à une solution
<input type='submit' value="envoyer">
</form>
</div>

</body>
</html>

</syntaxhighlight>

Le coach s'avère être également le destinataire de notre quête. On a par contre le choix de ce qu'elle est . Puisqu'il est coach en dévellopement personnel, une des réponses emmène vers une vidéo youtube pour soigner les 7 blessures de l'âme. Sinon on peut choisir les autres propositions pour continuer l'histoire. Quand on peut commencer à se battre c'est le début du conflit ce qui a souvent comme effet de faire monter la tension du récit et provoquer de l'empathie pour le personnage

<syntaxhighlight lang="html4strict">

</syntaxhighlight>

ERG::interactivenarration

2019-05-12T21:17:29Z

Violette :

Fichier:PAGE1.png

2019-05-12T21:15:59Z

Violette :

ERG::interactivenarration

2019-05-12T21:14:41Z

Violette :

ERG::interactivenarration

2019-05-12T15:38:59Z

Violette :

ERG::interactivenarration

2019-05-06T09:46:59Z

Violette :

Fichier:Chema2.png

2019-02-25T08:35:00Z

Violette :

ERG::interactivenarration

2019-02-25T08:34:33Z

Violette :

le lien du drive avec les modifications du code ( ce qui suit n'est plus en vigueur ) : https://drive.google.com/drive/folders/1XSQhMwiNszfi0TzcNnsJlqS93_7S1l48

==premiere sess==
Histoire choix entre différentes propositions prédéfinies à l'avance.
Générer une narration à l'aide d'une banque d'images (PNG) pour illustrer les choix fait parmi différentes propositions établies à l'avance.

Page type simplifiée:
Phrase à trou ex : "Le.... (choix entre 5 propositions) prend une douche".

*1 -Determination du sujet (personnage, taille/couleur/forme/...) les mots clés detrminent l'avatar
*2 -Exposition/Contexte ( décor, environnement,...)
*3 -élément perturbateur (problème/rencontre/découverte/...)
*4 -quête (série d'obstacles)
*5 -résolution

forme finale:
- Navigation de page en page avec prise en compte des choix
-constituion d'une nouvelle image style cadavre exquis
-Une page qui s'anime en temps réel en fonction des choix faits.

CyberBotanica Raphaël Bergère
Still Moving Maurice Benayoun
Jeu vidéo; façade.
[http://tecfa.unige.ch/tecfa/maltt/memoire/Maurin2017.pdf]

==Session du 01/10==
violette&louisa

Le but c'est pas de montrer de l'image sur un support numérique et juste de cliquer sur page suivante

Ce n'est pas non plus de mettre au point une narration de A à Z mais plutôt explorer de manière de faire de la narration interactive ( des concepts )

[Examples]

Anthony Rageul "''Prise de tête'' une bande dessinée numérique explorant différentes possibilités d’interaction http://www.prisedetete.net/pdt/[[prisedetete]]

son mémoire "BANDE DESSINEE INTERACTIVE : COMMENT RACONTER UNE HISTOIRE ? " [http://www.prisedetete.net/fr/memoire.html memoire]

"The Boat" animation/BB [http://www.sbs.com.au/theboat/]

The Guardian - Digital deadly sins [http://digital-deadly-sins.theguardian.com/#/Grid]

[http://www.http://mouchette.org/to/you/only/private.html mouchette] des interfaces où on peut écrire des trucs, et on clique sur un lien , on atterrit ailleurs. créer de la narration sous ce genre de format http://mouchette.org/to/you/only/private.html

"Hans Hoogerbrugge - Hotel" [http://hotel.submarinechannel.com/splash.html]

==Session du 08/10==
violette&louisa&laura

PROJET

C'est une plateforme, avec une navigation de pages en pages ( on ne clique pas sur suivant)

La navigation est permise par : des cases à cocher, des liens surs lesquels cliquer

Les manières d'évoluer comptent aussi des inputs d'images, de son, de texte qui réapparaitront plusieurs pages plus tard, soit en générant de la causalité, soit non

Ceci est au service d'une narration qui reprend les grandes étapes de la narration concentrée (exposition, élément déclencheur, péripéties ).

Il y a le caractère principal qui a un rêve à poursuivre, un adjuvant et un opposant
Page 1 :on définit le perso principal avec des traits de caractère

Prototype:
comment encoder les personnages avec des traits de caractère
comment utiliser les traits pour faire varier l'action sur une page 2

--> langage coté serveur
php ou python

[[Fichier:schemalh.jpg]]

==Session du 15/10==
violette&matthias

Voici une base de codage, vue au cours du 15/10
/!\ il faut aller dans l'onglet modifer pour copier/coller le code tel qu'il est écrit, car le site interprète déjà certains signes et certains mots /!\
(il serait plus efficace de faire un drive pour se partager les fichiers)

-code html

----
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="habillage.css"> 

</head>
<body>
<section>
<article>
<header>
</header>
<div></div>
</article>
<form action="traitement.php" method="post"> 
<p><strong>prénom</strong></p>
<input type="text" name="prénom">
<p><strong>nom</strong></p>
<input type="text" name="nom">
<p><strong>age</strong></p>
<input type="number" name="age">
<p><strong>ton histoire personelle</strong></p>
<textarea name="bio"></textarea>

<p><strong>pilosité</strong></p>
<ul>
<li><input type="radio" value="barbu" name="pilosité"> barbu</li>

<li><input type="radio" value="imberbe" name="pilosité"> imberbe</li>
<li><input type="radio" value="moustachu" name="pilosité"> moustachu</li>
</ul>
<p><strong>personnalité</strong></p>
<ul> 
<li> <input type="radio" value="téméraire" name="personnalité"> téméraire </li>

<li><input type="radio" value="réfléchi" name="personnalité"> réfléchi </li>
<li><input type="radio" value="débile profond" name="personnalité"> débile profond </li>
</ul>
<p><strong>morphologie</strong></p>
<ul>
<li><input type="radio" value="gros" name="morphologie"> gros </li>
<li><input type="radio" value="maigre" name="morphologie"> maigre </li>
<li><input type="radio" value="non mais oh !" name="morphologie"> non mais oh !</li>
</ul>

<input type="submit" value="envoyer">
</form>
</section>
</body>
</html>

----

code php

----

<?php
echo "hello world" ;

echo '<p>'.$_POST['prénom'].'</p>' ;/* $_POST plus discret que $_GET */
echo '<p>'.$_POST['nom'].'</p>' ;/* . sers à joindre une instruction à interpréter et du texte brut = la concaténation */
echo '<p>'.$_POST['age'].'</p>' ;
echo '<p>'.$_POST['pilosité'].'</p>' ;
echo '<p>'.$_POST['personnalité'].'</p>' ;
echo '<p>'.$_POST['morphologie'].'</p>' ;

?>

==Session du 22/10==
violette

les deux pages de la dernière fois , modifiées .
le html
<syntaxhighlight lang="html">
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> </header>

</article>
<form action="traitement.php" method="post" >

prénom

<input type="text" name="prénom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<textarea name="bio"></textarea>

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

<a href="page2.php">
<h1>
le contexte
</h1>
</a>

</body> </html>
</syntaxhighlight>

ET LE PHP
<syntaxhighlight lang="html">
<?php echo "hello world" ;
echo '

'.$_POST['prénom'].'
' ;/* $_POST plus discret que $_GET */ echo '

'.$_POST['nom'].'
' ;/* . sert à joindre une instruction à interpréter et du texte brut = la concaténation */ echo '

'.$_POST['pilosite'].'
' ; echo '

'.$_POST['morphologie'].'
' ;

if($_POST['pilosite'] == 'barbu'){
$variable='rasoir';
echo "tu es ".$_POST['pilosite']." tu as besoin d'un ".$variable;
}else if($_POST['pilosite'] == 'imberbe'){
echo 'ta peau est douce';

}

?>
</syntaxhighlight>

et là un essai d'une page mais ça marche pas
<syntaxhighlight lang="html">
<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>

<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life

<?php

if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'debile profond') ){

echo "tu es ".$_POST['personnalite']." tu as trop peur pour le sauver "
}else if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'temeraire') ){
echo 'ok go';

}

?>

</body>
</html>

</syntaxhighlight>

==session du 5/11==
nouveau schéma de fonctionnement :
index.php ( renseigne toutes les infos ) -----> page2.php ( partie traitement = transforme les variables POST en SESSION ; partie formulaire renseigne la variable action)---->page3.php ( partie traitement = transforme les variables POST en SESSION ; partie affichage echo 2 phrases différentes pour deux combinaisons débile profond/ rescue, et téméraire/rescue )

==bilan quadri==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages. Ca fonctionne avec php , les input radio influent la narration mais on aimerait bien trouver d'autres formes d'interactivité.
Les informations rentrées par le spectateur influent plus tard dans la narration, par exemple la biographie renseignée au début apparait sur la tombe dans le cas de mort.
Pour l'instant, les moments narratifs de base sont :
-à la page 2 il y a possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée
-la rencontre de l'adjuvant puis d'un super super-adjuvant
-La détermination de l'objet de quête page 6

Par ailleurs, on est en train de faire en sorte de créer une jauge, alimentée par la force, ou l'intégrité
[[Fichier:schemanarration.png]]

code actuel
'''INDEX''' : détermination de personnage

<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['force'] = 0;
$_SESSION['integrite'] = 0;
$_SESSION['score'] = $_SESSION['force']+$_SESSION['integrite'];
?>

<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> merci de bien rensigner toutes les infos</header>

</article>
<form action="page2.php" method="post" >

prénom

<input type="text" name="prenom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle


<input type="text" name="bio">

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

</body> </html>
</syntaxhighlight>

'''PAGE 2 : l'élément déclencheur'''
<syntaxhighlight lang="html">
<?php
session_start();
$_SESSION['prenom'] = $_POST['prenom'];
$_SESSION['nom'] = $_POST['nom'];
$_SESSION['age'] = $_POST['age'];
$_SESSION['pilosite'] = $_POST['pilosite'];
$_SESSION['personnalite'] = $_POST['personnalite'];
$_SESSION['morphologie'] = $_POST['morphologie'];
$_SESSION['bio'] = $_POST['bio'];

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>
<form action="page3.php" method="post">
<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life
<input type='submit' value="envoyer">
</form>

</body>
</html>
<!doctype html>

</syntaxhighlight>

'''PAGE 3 : réaction au choix, soit poursuite de l'aventure, soit mort car combinaison d'incapacité physique et rescue, soit refus d'entrer dans la narration donc blocage'''
<syntaxhighlight lang="html">
<!doctype html>
<?php
session_start();
$_SESSION['action'] = $_POST['action'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'debile profond'){

echo "tu es ".$_SESSION['personnalite']." tu as trop peur pour le sauver ";
echo "<a href=\"dead.php\">retour à la case départ bolosse";
}else if($_SESSION['action'] == 'rescue' && $_SESSION['personnalite'] == 'temeraire'|| $_SESSION['personnalite'] == 'reflechi'){
echo 'ok go';
echo "<a href=\"page4.php\">l'aventure continue";
//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "ok ma caille";
echo "<a href=\"exposition.php\">les péripéties c est pas pour maintenant";

}

?>

</body>
</html>
</syntaxhighlight>

'''PAGE 4 : les péripéties commencent'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
// $_SESSION['prenom'] = $_POST['prenom'];
//$_SESSION['nom'] = $_POST['nom'];
// $_SESSION['age'] = $_POST['age'];
// $_SESSION['pilosite'] = $_POST['pilosite'];
//$_SESSION['personnalite'] = $_POST['personnalite'];
//$_SESSION['morphologie'] = $_POST['morphologie'];

?>

<!doctype html>
<html>

<head>
<title>contexte2
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
ça bouge avec l'enfant, tac tac tac le bruit des semelles sur le béton armé, par terre tu vois un paquet de biscuits

<p>quand tu le prend une souris en sort, mais tu as très faim</p>
<form action="page5.php" method="post">
<input type="radio" value="mange" name="action2"> j'en mange un et lui donne le reste du paquet"
<input type="radio" value="mangetout" name="action2"> MIAM MIAM J AI TROP FAIM JE MANGE TOUT
<input type="radio" value="beurk" name="action2"> je lui donne tout, je suis trop quelqu'un de bien
<input type='submit' value="envoyer">
</form>

</body>
</html>
</syntaxhighlight>

'''PAGE 5 : l'enfant devient ( éventuellement )un adjuvant'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();
$_SESSION['action2'] = $_POST['action2'];
//$_SESSION['prenom'] = $_POST['prenom'];
// print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>page5
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php

if($_SESSION['action2'] == 'mange'){
echo "tu as un peu faim mais ce n'est rien comparé à la lueur de remerciement dans les yeux de l'enfant, +1 force +4 intégrité ";

}else if($_SESSION['action2'] == 'mangetout' ){
echo "oula j ai le bidou tout rempli, +2 force";

//}else if($_SESSION['action'] == 'blc' && $_SESSION['personnalite'] == 'debile profond'{
// echo 'ouais normal';
}else {
echo "bon, cet enfant te doit la vie mais tu as toujours très faim, +5 intégrité ";}

echo "tu as .... GAGNE MA CONFIANCE ".$_SESSION['prenom'] ;
echo "<a href=\"coach.php\"> je vais te faire rencontrer mon coach ";

?>

</body>
</html>
</syntaxhighlight>
'''PAGE COACH : le coach s'avère être le destinataire de l'objet de la quête'''
<syntaxhighlight lang="html">
<!doctype html>

<?php
session_start();

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

je suis coach en dévellopement personnel, je suis sévère mais juste, attention aux pervers narcissiques

<img id="coach" src="coach.jpg">
<p> ENFANT dit : c'est le super adjuvant</p>

<p>COACH dit : je suis l'adjuvant ultime oui, quel est l'objet de ta quête ?</p>

<p>ma quête</p>
<form action="page6.php" method="post">
<input type="radio" value="survivre" name="quete"> survivre
<input type="radio" value="fort" name="quete"> devenir le plus fort
<input type="radio" value="7" name="quete"> découvrir mes 7 blessures de l'âme

</form>

</body>
</html>
</syntaxhighlight>

==schéma actuel de la narration==
[[Fichier:chema2.png]]

ERG::interactivenarration

2018-12-17T09:52:53Z

Violette :

ERG::interactivenarration

2018-12-17T09:48:29Z

Violette :

ERG::interactivenarration

2018-12-17T09:42:28Z

Violette :

ERG::interactivenarration

2018-12-17T09:31:02Z

Violette :

ERG::interactivenarration

2018-12-17T09:28:17Z

Violette :

ERG::interactivenarration

2018-12-17T09:27:11Z

Violette :

ERG::interactivenarration

2018-12-17T09:26:40Z

Violette :

le lien du drive avec les modifications du code ( ce qui suit n'est plus en vigueur ) : https://drive.google.com/drive/folders/1XSQhMwiNszfi0TzcNnsJlqS93_7S1l48

==premiere sess==
Histoire choix entre différentes propositions prédéfinies à l'avance.
Générer une narration à l'aide d'une banque d'images (PNG) pour illustrer les choix fait parmi différentes propositions établies à l'avance.

Page type simplifiée:
Phrase à trou ex : "Le.... (choix entre 5 propositions) prend une douche".

*1 -Determination du sujet (personnage, taille/couleur/forme/...) les mots clés detrminent l'avatar
*2 -Exposition/Contexte ( décor, environnement,...)
*3 -élément perturbateur (problème/rencontre/découverte/...)
*4 -quête (série d'obstacles)
*5 -résolution

forme finale:
- Navigation de page en page avec prise en compte des choix
-constituion d'une nouvelle image style cadavre exquis
-Une page qui s'anime en temps réel en fonction des choix faits.

CyberBotanica Raphaël Bergère
Still Moving Maurice Benayoun
Jeu vidéo; façade.
[http://tecfa.unige.ch/tecfa/maltt/memoire/Maurin2017.pdf]

==Session du 01/10==
violette&louisa

Le but c'est pas de montrer de l'image sur un support numérique et juste de cliquer sur page suivante

Ce n'est pas non plus de mettre au point une narration de A à Z mais plutôt explorer de manière de faire de la narration interactive ( des concepts )

[Examples]

Anthony Rageul "''Prise de tête'' une bande dessinée numérique explorant différentes possibilités d’interaction http://www.prisedetete.net/pdt/[[prisedetete]]

son mémoire "BANDE DESSINEE INTERACTIVE : COMMENT RACONTER UNE HISTOIRE ? " [http://www.prisedetete.net/fr/memoire.html memoire]

"The Boat" animation/BB [http://www.sbs.com.au/theboat/]

The Guardian - Digital deadly sins [http://digital-deadly-sins.theguardian.com/#/Grid]

[http://www.http://mouchette.org/to/you/only/private.html mouchette] des interfaces où on peut écrire des trucs, et on clique sur un lien , on atterrit ailleurs. créer de la narration sous ce genre de format http://mouchette.org/to/you/only/private.html

"Hans Hoogerbrugge - Hotel" [http://hotel.submarinechannel.com/splash.html]

==Session du 08/10==
violette&louisa&laura

PROJET

C'est une plateforme, avec une navigation de pages en pages ( on ne clique pas sur suivant)

La navigation est permise par : des cases à cocher, des liens surs lesquels cliquer

Les manières d'évoluer comptent aussi des inputs d'images, de son, de texte qui réapparaitront plusieurs pages plus tard, soit en générant de la causalité, soit non

Ceci est au service d'une narration qui reprend les grandes étapes de la narration concentrée (exposition, élément déclencheur, péripéties ).

Il y a le caractère principal qui a un rêve à poursuivre, un adjuvant et un opposant
Page 1 :on définit le perso principal avec des traits de caractère

Prototype:
comment encoder les personnages avec des traits de caractère
comment utiliser les traits pour faire varier l'action sur une page 2

--> langage coté serveur
php ou python

[[Fichier:schemalh.jpg]]

==Session du 15/10==
violette&matthias

Voici une base de codage, vue au cours du 15/10
/!\ il faut aller dans l'onglet modifer pour copier/coller le code tel qu'il est écrit, car le site interprète déjà certains signes et certains mots /!\
(il serait plus efficace de faire un drive pour se partager les fichiers)

-code html

----
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="habillage.css"> 

</head>
<body>
<section>
<article>
<header>
</header>
<div></div>
</article>
<form action="traitement.php" method="post"> 
<p><strong>prénom</strong></p>
<input type="text" name="prénom">
<p><strong>nom</strong></p>
<input type="text" name="nom">
<p><strong>age</strong></p>
<input type="number" name="age">
<p><strong>ton histoire personelle</strong></p>
<textarea name="bio"></textarea>

<p><strong>pilosité</strong></p>
<ul>
<li><input type="radio" value="barbu" name="pilosité"> barbu</li>

<li><input type="radio" value="imberbe" name="pilosité"> imberbe</li>
<li><input type="radio" value="moustachu" name="pilosité"> moustachu</li>
</ul>
<p><strong>personnalité</strong></p>
<ul> 
<li> <input type="radio" value="téméraire" name="personnalité"> téméraire </li>

<li><input type="radio" value="réfléchi" name="personnalité"> réfléchi </li>
<li><input type="radio" value="débile profond" name="personnalité"> débile profond </li>
</ul>
<p><strong>morphologie</strong></p>
<ul>
<li><input type="radio" value="gros" name="morphologie"> gros </li>
<li><input type="radio" value="maigre" name="morphologie"> maigre </li>
<li><input type="radio" value="non mais oh !" name="morphologie"> non mais oh !</li>
</ul>

<input type="submit" value="envoyer">
</form>
</section>
</body>
</html>

----

code php

----

<?php
echo "hello world" ;

echo '<p>'.$_POST['prénom'].'</p>' ;/* $_POST plus discret que $_GET */
echo '<p>'.$_POST['nom'].'</p>' ;/* . sers à joindre une instruction à interpréter et du texte brut = la concaténation */
echo '<p>'.$_POST['age'].'</p>' ;
echo '<p>'.$_POST['pilosité'].'</p>' ;
echo '<p>'.$_POST['personnalité'].'</p>' ;
echo '<p>'.$_POST['morphologie'].'</p>' ;

?>

==Session du 22/10==
violette

les deux pages de la dernière fois , modifiées .
le html
<syntaxhighlight lang="html">
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> </header>

</article>
<form action="traitement.php" method="post" >

prénom

<input type="text" name="prénom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<textarea name="bio"></textarea>

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

<a href="page2.php">
<h1>
le contexte
</h1>
</a>

</body> </html>
</syntaxhighlight>

ET LE PHP
<syntaxhighlight lang="html">
<?php echo "hello world" ;
echo '

'.$_POST['prénom'].'
' ;/* $_POST plus discret que $_GET */ echo '

'.$_POST['nom'].'
' ;/* . sert à joindre une instruction à interpréter et du texte brut = la concaténation */ echo '

'.$_POST['pilosite'].'
' ; echo '

'.$_POST['morphologie'].'
' ;

if($_POST['pilosite'] == 'barbu'){
$variable='rasoir';
echo "tu es ".$_POST['pilosite']." tu as besoin d'un ".$variable;
}else if($_POST['pilosite'] == 'imberbe'){
echo 'ta peau est douce';

}

?>
</syntaxhighlight>

et là un essai d'une page mais ça marche pas
<syntaxhighlight lang="html">
<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>

<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life

<?php

if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'debile profond') ){

echo "tu es ".$_POST['personnalite']." tu as trop peur pour le sauver "
}else if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'temeraire') ){
echo 'ok go';

}

?>

</body>
</html>

</syntaxhighlight>

==session du 5/11==
nouveau schéma de fonctionnement :
index.php ( renseigne toutes les infos ) -----> page2.php ( partie traitement = transforme les variables POST en SESSION ; partie formulaire renseigne la variable action)---->page3.php ( partie traitement = transforme les variables POST en SESSION ; partie affichage echo 2 phrases différentes pour deux combinaisons débile profond/ rescue, et téméraire/rescue )

==variante pour passer de page en page==
Afin de rendre la navigation moins redondante nous avons cherché différents moyens pour varier le passage d'une page à une autre. Exemples:
-utiliser différents inputs buttons pour inciter le "lecteur" a cliquer sur un, ce choix sera ensuite sauvegardé et réapparaîtra plus tard dans l'histoire et l'influencera.
-utiliser un mot de passe pour permettre le passage à une autre page.
-code html

----
<?php
session_start();
//print_r($_SESSION);

?>
<!doctype html>
<html>
<head>
<title>contexte</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<form action="page8L.php" method="post">
choix
<button type="button" onClick="clickMonBouton();"><img src="couteau.jpg" OnClick="window.location.href=\'http://localhost/wwwFlo/www/page8L.php"></button>
<button type="button" onClick="clickMonBouton();"><img src="bague.jpg" OnClick="window.location.href=\'http://localhost/wwwFlo/www/page8L.php"></button>
<button type="button" onClick="clickMonBouton();"><img src="rasoir.jpg" OnClick="window.location.href=\'http://localhost/wwwFlo/www/page8L.php"></button>

<input type="image" height="300" src="bague.jpg" alt="Submit button" name="objet" value="bague" />
<input type="hidden" name="objet" value="bague" />
<input type="image" height="300" src="rasoir.jpg" alt="Submit button" name="objet" value="rasoir" />
<input type="image" height="300" src="couteau.jpg" alt="Submit button" name="objet" value="couteau" />

</form>
</body>
</html>
----
<?php
session_start();

$_SESSION['objet'] = $_POST['objet'];
//print_r($_SESSION);

?>

<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>

<?php
echo "tu as ".$_SESSION['objet']." dans ton sac, garde le précieusement !";

if($_SESSION['objet'] == 'rasoir'){

}

?>

Tu es invité chez le coach, allons <a href="sdb.php">chez lui</a>;

?>

</body>
</html>

Pour la page concernant le mot de passe il en faut 2. Une qui sera vu par le lecteur, quis ervira d'interface pour qu'il puisse rentrer le mdp :
----

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Page protégée par mot de passe</title>
</head>
<body>
<p>Veuillez entrer le mot de passe pour continuer, et nous prouver que tu es quelqu'un d'attentif</p>
<form action="secret.php" method="post">
<p>
<input type="password" name="mot_de_passe" />
<input type="submit" value="Valider" />
</p>
</form>
<p>Si tu ne sais pas ce que c'est inutile d'insister, je te laisse quand mème '<a href="sdb.php">une seconde chance</a>'</p>
</body>
</html>
----
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Codes d'accès </title>
</head>
<body>

<?php
if (isset($_POST['mot_de_passe']) AND $_POST['mot_de_passe'] == "2342") // Si le mot de passe est bon
{

?>

<p>
C'est bien tu fais attention a ce qui t'entoure, cela t'aidera pour ta quète !<br />

</p>
<?php
}
else
{
echo '<p>Mot de passe incorrect</p>';
}
?>

</body>
</html>

==bilan quadri==
Le but c'est d'appliquer la trame narrative de base à une navigation de pages en pages. Ca fonctionne avec php , les input radio influent la narration mais on aimerait bien trouver d'autres formes d'interactivité.
Les informations rentrées par le spectateur influent plus tard dans la narration, par exemple la biographie renseignée au début apparait sur la tombe dans le cas de mort.
Pour l'instant, les moments narratifs de base sont :
-à la page 2 il y a possibilité de refuser de rentrer dans ce qui s'apparente aux péripéties ce qui bloque tout le processus narratif et bloque le personnage à une exposition illimitée
-la rencontre de l'adjuvant puis d'un super super-adjuvant
-La détermination de l'objet de quête page 6

Par ailleurs, on est en train de faire en sorte de créer une jauge, alimentée par la force, ou l'intégrité
[[Fichier:schemanarration.png]]

ERG::interactivenarration

2018-12-17T08:53:09Z

Violette :

ERG::interactivenarration

2018-12-17T08:42:09Z

Violette :

ERG::interactivenarration

2018-12-17T08:26:44Z

Violette :

Fichier:Schemanarration.png

2018-12-17T08:25:46Z

Violette :

ERG::interactivenarration

2018-12-10T09:59:17Z

Violette :

ERG::interactivenarration

2018-11-05T09:20:32Z

Violette :

ERG::interactivenarration

2018-11-05T09:13:48Z

Violette :

ERG::interactivenarration

2018-10-22T09:45:11Z

Violette :

Histoire choix entre différentes propositions prédéfinies à l'avance.
Générer une narration à l'aide d'une banque d'images (PNG) pour illustrer les choix fait parmi différentes propositions établies à l'avance.

Page type simplifiée:
Phrase à trou ex : "Le.... (choix entre 5 propositions) prend une douche".

*1 -Determination du sujet (personnage, taille/couleur/forme/...) les mots clés detrminent l'avatar
*2 -Exposition/Contexte ( décor, environnement,...)
*3 -élément perturbateur (problème/rencontre/découverte/...)
*4 -quête (série d'obstacles)
*5 -résolution

forme finale:
- Navigation de page en page avec prise en compte des choix
-constituion d'une nouvelle image style cadavre exquis
-Une page qui s'anime en temps réel en fonction des choix faits.

CyberBotanica Raphaël Bergère
Still Moving Maurice Benayoun
Jeu vidéo; façade.
[http://tecfa.unige.ch/tecfa/maltt/memoire/Maurin2017.pdf]

==Session du 01/10==
violette&louisa

Le but c'est pas de montrer de l'image sur un support numérique et juste de cliquer sur page suivante

Ce n'est pas non plus de mettre au point une narration de A à Z mais plutôt explorer de manière de faire de la narration interactive ( des concepts )

[Examples]

Anthony Rageul "''Prise de tête'' une bande dessinée numérique explorant différentes possibilités d’interaction http://www.prisedetete.net/pdt/[[prisedetete]]

son mémoire "BANDE DESSINEE INTERACTIVE : COMMENT RACONTER UNE HISTOIRE ? " [http://www.prisedetete.net/fr/memoire.html memoire]

"The Boat" animation/BB [http://www.sbs.com.au/theboat/]

The Guardian - Digital deadly sins [http://digital-deadly-sins.theguardian.com/#/Grid]

[http://www.http://mouchette.org/to/you/only/private.html mouchette] des interfaces où on peut écrire des trucs, et on clique sur un lien , on atterrit ailleurs. créer de la narration sous ce genre de format http://mouchette.org/to/you/only/private.html

"Hans Hoogerbrugge - Hotel" [http://hotel.submarinechannel.com/splash.html]

==Session du 08/10==
violette&louisa&laura

PROJET

C'est une plateforme, avec une navigation de pages en pages ( on ne clique pas sur suivant)

La navigation est permise par : des cases à cocher, des liens surs lesquels cliquer

Les manières d'évoluer comptent aussi des inputs d'images, de son, de texte qui réapparaitront plusieurs pages plus tard, soit en générant de la causalité, soit non

Ceci est au service d'une narration qui reprend les grandes étapes de la narration concentrée (exposition, élément déclencheur, péripéties ).

Il y a le caractère principal qui a un rêve à poursuivre, un adjuvant et un opposant
Page 1 :on définit le perso principal avec des traits de caractère

Prototype:
comment encoder les personnages avec des traits de caractère
comment utiliser les traits pour faire varier l'action sur une page 2

--> langage coté serveur
php ou python

[[Fichier:schemalh.jpg]]

==Session du 15/10==
violette&matthias

Voici une base de codage, vue au cours du 15/10
/!\ il faut aller dans l'onglet modifer pour copier/coller le code tel qu'il est écrit, car le site interprète déjà certains signes et certains mots /!\
(il serait plus efficace de faire un drive pour se partager les fichiers)

-code html

----
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="habillage.css"> 

</head>
<body>
<section>
<article>
<header>
</header>
<div></div>
</article>
<form action="traitement.php" method="post"> 
<p><strong>prénom</strong></p>
<input type="text" name="prénom">
<p><strong>nom</strong></p>
<input type="text" name="nom">
<p><strong>age</strong></p>
<input type="number" name="age">
<p><strong>ton histoire personelle</strong></p>
<textarea name="bio"></textarea>

<p><strong>pilosité</strong></p>
<ul>
<li><input type="radio" value="barbu" name="pilosité"> barbu</li>

<li><input type="radio" value="imberbe" name="pilosité"> imberbe</li>
<li><input type="radio" value="moustachu" name="pilosité"> moustachu</li>
</ul>
<p><strong>personnalité</strong></p>
<ul> 
<li> <input type="radio" value="téméraire" name="personnalité"> téméraire </li>

<li><input type="radio" value="réfléchi" name="personnalité"> réfléchi </li>
<li><input type="radio" value="débile profond" name="personnalité"> débile profond </li>
</ul>
<p><strong>morphologie</strong></p>
<ul>
<li><input type="radio" value="gros" name="morphologie"> gros </li>
<li><input type="radio" value="maigre" name="morphologie"> maigre </li>
<li><input type="radio" value="non mais oh !" name="morphologie"> non mais oh !</li>
</ul>

<input type="submit" value="envoyer">
</form>
</section>
</body>
</html>

----

code php

----

<?php
echo "hello world" ;

echo '<p>'.$_POST['prénom'].'</p>' ;/* $_POST plus discret que $_GET */
echo '<p>'.$_POST['nom'].'</p>' ;/* . sers à joindre une instruction à interpréter et du texte brut = la concaténation */
echo '<p>'.$_POST['age'].'</p>' ;
echo '<p>'.$_POST['pilosité'].'</p>' ;
echo '<p>'.$_POST['personnalité'].'</p>' ;
echo '<p>'.$_POST['morphologie'].'</p>' ;

?>

==Session du 22/10==
violette

les deux pages de la dernière fois , modifiées .
le html
<syntaxhighlight lang="html">
<!doctype html>
<html>
<head>
<title> Démo php </title>
<meta charset= "UTF-8">
<link rel="stylesheet" href="style.css" >

</head>
<body>
<section>
<article>
<header> </header>

</article>
<form action="traitement.php" method="post" >

prénom

<input type="text" name="prénom">

nom

<input type="text" name="nom">

age

<input type="number" name="age">

ton histoire personelle

<textarea name="bio"></textarea>

<p>pilosité</p>

<input type="radio" value="barbu" name="pilosite"> barbu
<input type="radio" value="imberbe" name="pilosite"> imberbe
<input type="radio" value="moustachu" name="pilosite"> moustachu

<p>personnalité</p>

<input type="radio" value="temeraire" name="personnalite"> téméraire
<input type="radio" value="refléchi" name="personnalite"> réfléchi
<input type="radio" value="debile profond" name="personnalite"> débile profond

<p>morphologie</p>

<input type="radio" value="gros" name="morphologie"> gros
<input type="radio" value="maigre" name="morphologie"> maigre
<input type="radio" value="non mais oh !" name="morphologie"> non mais oh !

<input type="submit" value="envoyer">
</form>
</section>

<a href="page2.php">
<h1>
le contexte
</h1>
</a>

</body> </html>
</syntaxhighlight>

ET LE PHP
<syntaxhighlight lang="html">
<?php echo "hello world" ;
echo '

'.$_POST['prénom'].'
' ;/* $_POST plus discret que $_GET */ echo '

'.$_POST['nom'].'
' ;/* . sert à joindre une instruction à interpréter et du texte brut = la concaténation */ echo '

'.$_POST['pilosite'].'
' ; echo '

'.$_POST['morphologie'].'
' ;

if($_POST['pilosite'] == 'barbu'){
$variable='rasoir';
echo "tu es ".$_POST['pilosite']." tu as besoin d'un ".$variable;
}else if($_POST['pilosite'] == 'imberbe'){
echo 'ta peau est douce';

}

?>
</syntaxhighlight>

et là un essai d'une page mais ça marche pas
<syntaxhighlight lang="html">
<!doctype html>
<html>

<head>
<title>contexte
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>

<body>
Nous sommes en 2030, depuis la faille temporelle tout le monde est mort

<p>il y a un enfant en train de se faire bully dans ton champ de vision</p>

<input type="radio" value="rescue" name="action"> je vais lui sauver la vie
<input type="radio" value="blc" name="action"> je continue ma life

<?php

if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'debile profond') ){

echo "tu es ".$_POST['personnalite']." tu as trop peur pour le sauver "
}else if($_POST['il y a un enfant en train de se faire bully dans ton champ de vision'] == 'rescue' && ['personnalite'] == 'temeraire') ){
echo 'ok go';

}

?>

</body>
</html>

</syntaxhighlight>