Salut tout le monde !

Je suis en train de coder un site web en ce moment, je cartonne au niveau du design et tout, je m'applique bien ..

mais je voudrai que plus tard , ce site soit également une application Android et IOS.

Pour cela, il est conseillé de passer par AngularJS ou Cordova (ou un équivalent).
Bien évidement, je ne maitrise aucun framework..

Mon besoin :
Coder un site web avec un framework permettant de passer facilement vers une appli Android et IOS

Mes 2 questions sont alors :
1 - Quel framework me permettra-t-il de faire ça sans me limiter dans le design ?  donc compatible avec bootstrap par exemple.

2 - Pourrai-je continuer à coder mon site entièrement à base de (bootstrap/PHP/JS) et seulement à la fin du site lui ajouter un framework facilitant le passage vers une appli Android et IOS ?

Merci pour toute aide !

Hello,

Pour Android et Ios il faut coder dans leur langage natif ou utiliser un Framework comme Xamarin en C#.

Dans ton cas c'est de l'hybride, donc html/css et javascript côté client et du PHP ou autre côté serveur.

C'est donc différent, exemple: clic sur bouton, requête Ajax -> php interroge la base de données puis renvoies celles-ci au format Json, enfin tu formates et injectes le tout dans le document HTML. 

Donc non, pas de PHP dans tes fichiers, exit le index.php !

Après il existe l'encapsulation mais je ne connais pas, il faut posre cette question dans le forum Mobile.

Pour faire court, Angular est un framework JS, tu peux utiliser Bootstrap, Ionic , Titanium, et autres plugins JS/jQuery habituels. Cordova permet juste de construite le fichier pour chaque OS et d'utiliser leurs fonctionnalités comme la caméra, etc...

EX: Tu peux tester ton projet en branchant ton mobile via le port usb depuis Eclpise ou Android Studio après avoir fait la Build sous Cordova/Phonegap et charger le SDK (numéro api) correspondant.

tableau -> https://developer.android.com/guide/topics/manifest/uses-sdk-element.html 

Ne pas oublier que le survol (hover) n'existe pas sur les tactils, il faut donc intégrer les gestures (tap, dbtap, swipe, press, etc...) et avoir une ergonomie adaptée...

-
Edité par Lucky13 24 janvier 2017 à 11:57:19

Hola,

1 - Quel framework me permettra-t-il de faire ça sans me limiter dans le design ?  donc compatible avec bootstrap par exemple.

- Si tu veux faire une appli = React native, Nativescript, Angular, Meteor, la liste est longue.

- Si tu veux simplement faire un site web avec un graphisme adapté aux écrans de mobiles => Responsive desing

2 - Pourrai-je continuer à coder mon site entièrement à base de (bootstrap/PHP/JS) et seulement à la fin du site lui ajouter un framework facilitant le passage vers une appli Android et IOS ?

- Oui et non, Cordova/Phonegap te permettra de créer une appli a partir d'un code HTML/CSS/JS, via des moyens obscures. Sinon non, tu devra coder ton appli de A à Z avec un langage natif ou l'un des frameworks cités plus haut.

J'imagine qu'il y à d'autres solutions, moyennant des recherches approfondies, mais je ne connais que celle-ci pour l'instant m'étant déjà confronté au problème.

-
Edité par Dev-RC 24 janvier 2017 à 17:43:16

Déjà, Merci beaucoup à vous deux !

Lucky13 :

- Merci pour l'idée de l'encapsulation, je ne connaissais pas, je vais m'y renseigner plus là dessus !

- Concernant Cordova, puis-je avoir plus de détail, en gros Cordova peut intervenir tout à la fin du projet ou pas ? c'est à dire que je le code en HTML/CSS/PHP/JS et seulement à la fin, quand le site est tout près pour le net que Cordova intervient, c'est ça ?
 

Dev-RC :

- Merci pour les précisions, en fait mon site est déjà très responsive, mais j'ai pas commencé le développement back-end (PHP) justement parce que je souhaiterai le convertir en appli Android et IOS plus tard..

Justement, Cordova à l'air d'être la meilleurs solution (avec Phonegap) étant donnée quelle permet cela, mais à quelle moment intervient Cordova au juste ? au début ou à la fin du codage ?

Et le PHP dans tout ça, ça donne quoi ?

J'ai pu apprendre qu'un site fait à base d'AngularJS à été facilement réadapté pour Android, alors que choisir, AngularJS ou Cordova ?
car AngularJS à ma connaissance est adaptable à bootstrap 

Non, tu commences par créer la structure de dossier de travail, puis tu développes en local à partir de ce dossier :

Pour te faire une idée: -> https://www.grafikart.fr/tutoriels/cordova/cordova-angular-45 

-> https://www.tutorialspoint.com/cordova/index.htm  

-> http://imikado.developpez.com/tutoriels/androidCordova/ma-premier-application/ 

Tu remarqueras l'absence de PHP dans l'application, uniquement côté serveur et pour l'utiliser il te faudra un hébergement (mutualisé ou autre)

Très bien, c'est bon à savoir, je penses que je vais reprendre tranquillement depuis le début .

Merci pour les tutos,

Mais comment ça se passe coté serveur (et BDD) si je n'utilise pas PHP ? 

-
Edité par ikbel19 24 janvier 2017 à 17:21:02

Pourquoi ne pas essayer Ratchet ou Fries??

-->http://goratchet.com/

-->http://jaunesarmiento.me/fries/

-
Edité par Faymon 24 janvier 2017 à 18:25:47

Ou le wordpress du mobile -> https://keosu.com/ 

Côté serveur, n'importe quel langage et DB, c'est surtout une question de charge en ressources et de facilité d'hébergement.

Merci MateoMercier , goratchet est super bien pensé ! Je vais le tester pour voir si je peux de la même façon y mettre mon site, sinon il pourra tjr servir pour un projet de plus petite envergure.

Merci a toi aussi Lucky13 pour ces info. Je penses pour le coup que je vais rester sur Cordova qui à l'air de répondre au mieux à mes besoins qui sont :

Le maintient de mon site (car front-end déjà fait).

Et rester sur un code facile : JS/PHP .

La que j'y penses, Lucky13 tu m'avais proposer Cordova et Phonegap, quel est le meilleur selon toi 

C'est quasi la même chose mais je ne connais pas trop Phonegap.L'un et l'autre répond à la demande, il n'y a donc pas de meilleure 

Par contre l'installation est simple mais demande pas mal de chose à charger et à modifier, trouve un tuto qui te correspond et vas-y pas à pas, c'est un conseil.

Notamment sur les variables d'environnement, fais une copie des anciennes valeurs. Pour les nouvelles, fais le sous notepad (n'oublies pas les";"  points-virgules, s'il en manque un alors ça ne marchera pas) puis tu auras juste à la copier et appliquer.

j'avais utilisé ce tuto vidéo, il est un peu ancien mais l'installation reste la même :

-> https://www.grafikart.fr/tutoriels/cordova 

Pour les autres questions, un exemple : développer ton projet avec le Framework Angular (version 1 ou 2) + Ionic ou Bootstrap + Cordova/Phonegap pour la build (compiler le fichier au format de l'OS ciblé)

juste au cas ou, même vidéo pour Titanium qui est basé lui aussi sur Cordova pour faire les Builds -> https://www.grafikart.fr/tutoriels/titanium

-
Edité par Lucky13 24 janvier 2017 à 21:08:18

Très bien, merci.

Pour moi quasi tout est clair !