Etienne BAUDOUX

Forum sur les projets de Etienne BAUDOUX


[TUTORIEL] Création d'un WebOS !

Partagez

Sondage

A part le soucis de sons et de la vidéo, comment trouvez vous le concept et le tuto ?

[ 2 ]
100% [100%] 
[ 0 ]
0% [0%] 
[ 0 ]
0% [0%] 
[ 0 ]
0% [0%] 

Total des votes: 2
avatar
Blackorion35
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 2567
Age : 27
Localisation : Rouen
Emploi/loisirs : Dirigeant société informatique déclaré/Informaticien au CNED
Humeur : En forme !
Date d'inscription : 19/03/2013

[TUTORIEL] Création d'un WebOS !

Message par Blackorion35 le Mar 6 Juin 2017 - 15:43

Bonjour à tous Smile

Aujourd'hui je vais vous apprendre de zéro comment créer un WebOS rapidement et simplement en utilisant un kernel (moteur) PHP 5 conçu par notre entreprise AlgoStep Company ainsi que le WebOS lui-même !

Vous devrez, pour des questions de rapidité (et pour les débutants en dev web), utiliser un logiciel payant par contre pour la création même du WebOS !

A la suite de ce tutoriel votre WebOS final pourra fonctionner sur :

- Un moteur PHP 5 (Wamp, Lamp, IIS, etc)
- Linux
- Windows
- MAC OSX
- Android
- iOS
- Unix format IUG

Prêt-requis :

- Recommandé : Windows 10 (32 ou 64 bits), fonctionne bien sous Windows 8 aussi mais le tutoriel s'effectuera sous Windows 10 uniquement !
- Notre Kernel PHP 5 spécial WebOS développé par notre équipe ; à télécharger ici : http://rynnawebos.fr/kernelwebos.zip
- Achat du logiciel WYSIWYG Web Builder 12 (45€ environ) OU utilisez la version démo 30 jours du logiciel (dispo sur le site) : https://www.wysiwygwebbuilder.com/purchase.html

- Java à jour sur votre PC (pour les applications)
- Pack d'images pour créer le WebOS téléchargeable ici : http://rynnawebos.fr/junior/packimages.zip
- Adobe Flash Player installé sur votre PC (pour lire les SWF)
- Wamp Server (pour Windows) installer sur votre PC. Vous pouvez télécharger Wamp Server ici : http://www.wampserver.com/  (ATTENTION à la version 32 ou 64 bits !)
- Lecteur PDF installé sur votre PC (type Adobe Reader DC)
- Un navigateur internet puissant type Google Chrome ou Mozilla Firefox (tout deux gratuits)
- Plusieurs heures devant vous pour créer et finaliser votre WebOS...

Nous allons ici vous présenter une des milles façons de concevoir un WebOS.
La barre de tâches du WebOS sera donc en haut (plus simple à développer) et nous utiliserons un style professionnel de couleur bleu foncé/gris foncé pour un rendu graphique grandiose.
Nous utiliserons le même type de menu (mais en plus pro et design) que Rynna WebOS ou WebOS Zator.
Les images sont réutilisables.
Enfin les sites internet seront tous pointer sur des sites fonctionnant sous interface IFRAME soit Qwant (moteur de recherche), etc
Seul quelques applications de bases seront conçus avec vous Wink
Enfin ce WebOS, totalement réutilisable (code source) et que l'on vous montrera durant ce tutoriel, sera appelé "JUNIOR". Ce nom n'est PAS réservé ; vous pourrez donc en faire ce que vous souhaitez Wink 

Pour ce tutoriel nous allons utiliser un WebOS avec plusieurs pages :
- index.php : qui analysera votre résolution d'écran, vérifiera si vous êtes sur un mobile, permet de protéger votre WebOS
- login.php : qui sera votre écran de connexion pour les utilisateurs
- session.php : qui sera la session principale sécurisé de vos utilisateurs (multi tâches)
- logout.php : qui sera utilisé comme page d'attente pour la déconnexion et la sauvegarde du compte utilisateur, avec une auto-redirection sur login.php
- error.php : qui sera utilisé en cas de crash du WebOS avec une auto-redirection sur session.php
- juniorbdd.php : qui contiendra tout les comptes et e-mail des utilisateurs du WebOS

Ensuite il ne vous reste plus qu'a installer WYSIWYG Web Builder 12 sur votre ordinateur.
VOUS POUVEZ UTILISER LA VERSION DEMO DU LOGICIEL au pire des cas Wink !


Et maintenant ?


Suivez le tutoriel en vidéo ci-dessous Very Happy Tout est indiqué (de la préparation à la création jusqu'au test final du WebOS !)  Wink
NOUS VOUS DÉCONSEILLONS d'utiliser le code source du WebOS "Junior" fournis après la vidéo ; si vous voulez apprendre par vous même essayez de ne pas regarder la source du WebOS (que en cas de pépin amusé )

Votre WebOS vous aura coûter 45€ euros en tout seulement (prix du logiciel de développement expert internet) Wink C'est un prix à mettre pour se faire plaisir Razz !

VIDEO TUTORIEL COMPLET :

Lien direct : https://youtu.be/M_JzAolHVU0



TELECHARGER LE WebOS PRESENT DANS CETTE DEMO VIDEO :

Code source complet (incluant la source fonctionnant sous Wysiwyg Web Builder 12) : http://rynnawebos.fr/junior/Junior-WebOS(demo).zip

Bon développement à tous Very Happy !



Le site officiel de notre société : http://algostep-company.fr
Notre WebOS "Rynna" en développement : http://rynnawebos.fr/login
Le WebOS "Zator" conçu pour le forum et ses membres dispo en test ici :
http://algostep-company.fr/WebOS-Zator-Test1/
---------------------------------------------------------
avatar
Blackorion35
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 2567
Age : 27
Localisation : Rouen
Emploi/loisirs : Dirigeant société informatique déclaré/Informaticien au CNED
Humeur : En forme !
Date d'inscription : 19/03/2013

Re: [TUTORIEL] Création d'un WebOS !

Message par Blackorion35 le Mar 6 Juin 2017 - 22:30

Hello Smile

Tuto disponible Smile !
Malheureusement après 1H40 de captures réparties sur 7 prises vidéos le sons est décalé dès quelques minutes... Sad
Mais le tuto peut être suivis grâce au images et à la demo amusé


Bon développement de votre propre WebOS pour ceux qui aime ce genre de système en ligne Very Happy !

Bonne soirée à tous !



Le site officiel de notre société : http://algostep-company.fr
Notre WebOS "Rynna" en développement : http://rynnawebos.fr/login
Le WebOS "Zator" conçu pour le forum et ses membres dispo en test ici :
http://algostep-company.fr/WebOS-Zator-Test1/
---------------------------------------------------------
avatar
polien


Masculin Nombre de messages : 2871
Age : 21
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTORIEL] Création d'un WebOS !

Message par polien le Ven 9 Juin 2017 - 13:26

Hola,

J'ai pas de projet de webOS en cours mais ton tuto est très bien fait. Super (peut-être le son qui est un peu faible mais comme tout est décalé... amusé ).



Cordialement,
Polien.

You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
Blackorion35
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 2567
Age : 27
Localisation : Rouen
Emploi/loisirs : Dirigeant société informatique déclaré/Informaticien au CNED
Humeur : En forme !
Date d'inscription : 19/03/2013

Re: [TUTORIEL] Création d'un WebOS !

Message par Blackorion35 le Ven 9 Juin 2017 - 15:48

Hello,

Merci Polien Very Happy !



Le site officiel de notre société : http://algostep-company.fr
Notre WebOS "Rynna" en développement : http://rynnawebos.fr/login
Le WebOS "Zator" conçu pour le forum et ses membres dispo en test ici :
http://algostep-company.fr/WebOS-Zator-Test1/
---------------------------------------------------------
avatar
Blackorion35
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 2567
Age : 27
Localisation : Rouen
Emploi/loisirs : Dirigeant société informatique déclaré/Informaticien au CNED
Humeur : En forme !
Date d'inscription : 19/03/2013

Re: [TUTORIEL] Création d'un WebOS !

Message par Blackorion35 le Ven 9 Juin 2017 - 15:54

Re Polien Smile

Tiens regarde une petite démo que je me suis amusé à faire lol Pour le tripe mdr
Seul Edge est disponible ; j'ai pas fait le reste loool
http://rynnawebos.fr/windows10/
ID : administrateur
MDP : password

C'était un test pour voir si je pouvais reproduire W10 amusé
(avec mes compétences ; c'est à dire avec ce que je sais faire uniquement lol )



Le site officiel de notre société : http://algostep-company.fr
Notre WebOS "Rynna" en développement : http://rynnawebos.fr/login
Le WebOS "Zator" conçu pour le forum et ses membres dispo en test ici :
http://algostep-company.fr/WebOS-Zator-Test1/
---------------------------------------------------------
avatar
polien


Masculin Nombre de messages : 2871
Age : 21
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTORIEL] Création d'un WebOS !

Message par polien le Sam 10 Juin 2017 - 14:29

re,

Pas mal Cool ! Même si on a l'impression d'interagir avec une copie d'écran lol ...



Cordialement,
Polien.

You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
Blackorion35
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 2567
Age : 27
Localisation : Rouen
Emploi/loisirs : Dirigeant société informatique déclaré/Informaticien au CNED
Humeur : En forme !
Date d'inscription : 19/03/2013

Re: [TUTORIEL] Création d'un WebOS !

Message par Blackorion35 le Sam 10 Juin 2017 - 17:24

Re Smile

Ahah j'avou lol !!!!



Le site officiel de notre société : http://algostep-company.fr
Notre WebOS "Rynna" en développement : http://rynnawebos.fr/login
Le WebOS "Zator" conçu pour le forum et ses membres dispo en test ici :
http://algostep-company.fr/WebOS-Zator-Test1/
---------------------------------------------------------

Contenu sponsorisé

Re: [TUTORIEL] Création d'un WebOS !

Message par Contenu sponsorisé


    La date/heure actuelle est Mar 17 Oct 2017 - 18:44