P7 IOT 2018 - Historique des versions

Acroce : /* Fichiers Rendus */

2019-01-21T17:47:49Z

‎Fichiers Rendus

Acroce : /* Séance 6 */

2019-01-21T17:36:41Z

‎Séance 6

Acroce : /* Séance 4 */

2019-01-21T17:35:51Z

‎Séance 4

Acroce : /* Séance 4 */

2019-01-21T17:35:29Z

‎Séance 4

Acroce : /* Séance 4 */

2019-01-21T17:35:16Z

‎Séance 4

Acroce : /* Choix techniques : matériel et logiciel */

2019-01-21T17:34:42Z

‎Choix techniques : matériel et logiciel

Acroce : /* Choix techniques : matériel et logiciel */

2019-01-21T17:34:11Z

‎Choix techniques : matériel et logiciel

Acroce : /* Choix techniques : matériel et logiciel */

2019-01-21T17:32:28Z

‎Choix techniques : matériel et logiciel

Acroce : /* Fichiers Rendus */

2019-01-21T17:02:54Z

‎Fichiers Rendus

Acroce : /* Poster */

2019-01-21T16:44:21Z

‎Poster

← Version précédente		Version du 21 janvier 2019 à 17:47
Ligne 100 :		Ligne 100 :

	[[Fichier:posterBeatGlove.jpg\|600px\|vignette\|centré]]		[[Fichier:posterBeatGlove.jpg\|600px\|vignette\|centré]]
		+
		+
		+	=== Code de l'application ===
		+
		+	'''Page d'accueil de l'application'''
		+
		+	export default class HomeScreen extends React.Component {
		+	static navigationOptions = {
		+	header: null,
		+	};
		+
		+	render() {
		+	console.log(drumkit[1]);
		+	return (
		+	<View style={styles.container}>
		+	<ScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
		+	<View>
		+	<SoundKit sounds={drumkit}></SoundKit>
		+	</View>
		+	</ScrollView>
		+	</View>
		+	);
		+	}
		+	}
		+
		+
		+
		+	'''Composant qui charge les 5 sons du kit et les affiche à l'écran'''
		+
		+
		+	import React,{Component} from 'react';
		+	import {View} from 'react-native';
		+	import SoundBit from './SoundBit';
		+
		+	class SoundKit extends Component {
		+
		+	constructor(props){
		+	super(props);
		+	this.sounds = [];
		+	}
		+
		+	componentDidMount(){
		+	this.props.sounds.map((item,index) => {
		+	var soundPromise = new Promise(async(resolve, reject) => {
		+	var soundObject = new Expo.Audio.Sound();
		+	soundObject = await soundObject.loadAsync(this.props.sounds[index]);
		+	resolve(soundObject);
		+	}, 2000);
		+	soundPromise.then((soundObject) => {
		+	console.log(soundObject);
		+	soundObject.playAsync();
		+	this.sounds[index] = soundObject;
		+	});
		+	})
		+	}
		+
		+	renderRow(index){
		+	console.log('Rendered it');
		+	return (
		+	<View key={index} style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>
		+	<View style={{ flex: 1, alignSelf: 'stretch' }}>
		+	<SoundBit index={index} soundObject={this.sounds[index]}></SoundBit>
		+	</View>
		+	</View>
		+	)
		+	}
		+
		+	render() {
		+	const sounds = this.props.sounds;
		+	return (
		+	<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
		+	{
		+	sounds.map((key, index) => {
		+	console.log(key);
		+	this.renderRow(index);
		+	})
		+	}
		+	</View>
		+	);
		+	}
		+	}
		+
		+	export default SoundKit;
		+
		+
		+	'''Composant qui permet de jouer un son'''
		+
		+	import React, { Component, PropTypes } from 'react';
		+	import {View, Button} from 'react-native';
		+
		+	export default class SoundBit extends Component {
		+	constructor(props) {
		+	super(props);
		+	this.state = {
		+	isPlaying: false,
		+	};
		+	this._playSound = this._playSound.bind(this);
		+	}
		+
		+	_playSound(){
		+	this.setState({ isPlaying: true });
		+	this.props.soundObject.playAsync();
		+	this.setState({isPlaying: false});
		+	this.props.soundObject.stopAsync();
		+	}
		+
		+	render() {
		+	console.log(this.props.soundObject)
		+	return (
		+	<View>
		+	<Button title={this.props.index + 1 + 'button'} onPress={this._playSound}> </Button>
		+	</View>
		+	);
		+	}
		+	}
		+
		+
		+
		+	'''Import des sons'''
		+
		+
		+	var kick = require('../assets/sounds/kick.wav');
		+	var snare = require('../assets/sounds/snare.wav');
		+	var hihat = require('../assets/sounds/hihat.wav');
		+	var openhat = require('../assets/sounds/openhat.wav');
		+	var tink = require('../assets/sounds/tink.wav');
		+
		+	export var drumkit = [kick, snare, hihat, openhat, tink];

@@ Ligne 86 : / Ligne 86 : @@
 Ensuite, nous avons fixé tout notre montage sur le gant, et testé qu'il fonctionne bien sans la connexion à l'ordinateur.
-Au niveau de l'application, nous n'aurons pas le temps de la finir pour la démonstration. Nous avions commencé à la développer en React Native et la librairie Expo, cependant Expo n'offre pas de fonctionnalité Bluetooth. Il aurait fallu tout recommencer sur Android Studio et utiliser d'autres librairies, mais nous l'avons appris trop tard et n'avons pas eu le temps de la finir.
+Au niveau de l'application, nous n'aurons pas le temps de la finir pour la démonstration. Nous avions commencé à la développer en React Native et la librairie Expo, cependant Expo n'offre pas de fonctionnalité Bluetooth. Il aurait fallu tout recommencer sur Android Studio et utiliser d'autres librairies externes, mais nous l'avons appris trop tard et n'avons pas eu le temps de la finir. Pour l'instant, notre application permet de jouer les sons des kits grâce à des boutons sur l'écran. L'idée était de remplacer par la suite l'évenement du bouton par une réception de signal BLE du RFduino. Chaque chiffre reçu correspondrait donc à un son différent.
 == Fichiers Rendus ==

@@ Ligne 69 : / Ligne 69 : @@
 [[Fichier:breadboard_chater_croce.png|300px|vignette|centré]]
-[[Fichier:circuit_chater_croce.png|300px|vignette|right]]
+[[Fichier:circuit_chater_croce.png|300px|vignette|centré]]
-[[Fichier:imprime_chater_croce.png|300px|vignette|right]]
+[[Fichier:imprime_chater_croce.png|300px|vignette|centré]]
 De plus, nous avons commencé à nous intéresser au développement de l'application et cherché quelle technologie serait la meilleure pour la réaliser. Nous pensons utiliser React Native.

@@ Ligne 69 : / Ligne 69 : @@
 [[Fichier:breadboard_chater_croce.png|300px|vignette|centré]]
-[[Fichier:circuit_chater_croce.png|300px|vignette|left]]
+[[Fichier:circuit_chater_croce.png|300px|vignette|right]]
 [[Fichier:imprime_chater_croce.png|300px|vignette|right]]

@@ Ligne 69 : / Ligne 69 : @@
 [[Fichier:breadboard_chater_croce.png|300px|vignette|centré]]
-[[Fichier:circuit_chater_croce.png|300px|vignette|centré]]
+[[Fichier:circuit_chater_croce.png|300px|vignette|left]]
-[[Fichier:imprime_chater_croce.png|300px|vignette|centré]]
+[[Fichier:imprime_chater_croce.png|300px|vignette|right]]
 De plus, nous avons commencé à nous intéresser au développement de l'application et cherché quelle technologie serait la meilleure pour la réaliser. Nous pensons utiliser React Native.

@@ Ligne 24 : / Ligne 24 : @@
 *React Native
 [[Fichier:Reactnative.png|300px|vignette|centré]]
-Nous avons choisi la technologie React Native car cela permet de coder en JavaScript et de voir en temps réel les effets des modifications apportées au code. C'est une solution rapide et pratique à mettre en place.
+Nous avons choisi la technologie React Native car cela permet de coder en JavaScript et de voir en temps réel les effets des modifications apportées au code. C'est une solution rapide et pratique à mettre en place qui est compatible avec Android et iOS.
 =Suivi de l'avancement du Projet=

← Version précédente		Version du 21 janvier 2019 à 17:02
Ligne 90 :		Ligne 90 :
	=== Vidéo de démonstration ===		=== Vidéo de démonstration ===
	vidéo de démonstration de transmission d'évènements à un téléphone via BLE		vidéo de démonstration de transmission d'évènements à un téléphone via BLE
		+
		+	[[Fichier:Demobeatglove.mp4\|600px\|vignette\|centré]]

← Version précédente		Version du 21 janvier 2019 à 16:44
Ligne 94 :		Ligne 94 :
	=== Poster ===		=== Poster ===
	Poster de présentation du BeatGlove		Poster de présentation du BeatGlove
		+
		+	[[Fichier:posterBeatGlove.jpg\|600px\|vignette\|centré]]