Créer une page incluant une molécule
3D et un script
|
Projet et cahier des charges :
On propose de créer une page (au format HTML) permettant la visualisation
dynamique du complexe enzyme-substrat de la carboxypeptidase. La
visualisation sera activée grâce à un script assurant
la coloration du site catalytique, en particulier :
-
l'enzyme devra s'afficher en squelette carboné,
-
le substrat (une glycine (GLY1) et une tyrosine (TYR2)) sera représenté
en "fil de fer" (wireframe) rouge,
-
le site catalytique sera précisé :
-
l'atome de Zinc sera affiché en sphère (spacefill)
de couleur mauve,
-
le site catalytique (His69, Glu72, His196) sera représenté
en "fil de fer" jaune,
-
le site de fixation (Arg145, Tyr248 et Glu270) en "fil de fer" bleu.
-
les éléments affichés seront légendés.
-
pour terminer le script contrôlera un zoom sur le site catalytique.
Démonstration :
Déroulement :
Première étape, insérer la molécule 3D
dans une page HTML
-
Télécharger le fichier correspondant au complexe enzyme substrat
de la carboxypeptidase (tp4.zip)
-
Décompacter ce fichier
-
Ouvrir une nouvelle page blanche à partir de votre navigateur, pour
cela sélectionner le menu déroulant Fichier
puis
Nouveau puis l'option Page vierge,
-
Créer un titre (Visualisation dynamique du site catalytique de la
carboxypeptidase) et le centrer ,
-
Insérer la fenêtre d'affichage de la molécule 3D, pour
cela sélectionner dans le menu déroulant l'option Insérer
puis Etiquette HTML,
-
Renseigner les Propriétés de l'étiquette HTML
:
-
Respecter la syntaxe comme sur l'exemple :
-
Enregistrer votre fichier sous cpa.htm et tester le.
-
Comparer votre travail avec l'exemple présenté ci-contre
:
Deuxième étape, écrire le script et l'insérer
dans la page contenant la molécule
-
Démarrer l'éditeur de texte (BlocNotes par exemple
Rédiger votre script
et enregistrer le sous : cpa.scr
Insérer votre script dans la page cpa.htm, pour cela placer le curseur
à l'endroit souhaité, sélectionner l'option Insérer
puis Etiquette HTML
Renseigner les propriétés de l'étiquette Html :
<EMBED type="application/x-spt" width=12 height=12 button=push
script="script 'cpa.scr'">
Enregistrer votre travail et le texter .
Comparer avec l'exemple ci-contre :