Application mobile : Ionizer – Modèle et exemple d’application Ionic, AngularJS et Cordova

0
156

Voir la démoAcheter $19

Télécharger le script

Suivez-nous sur CodeCanyon

Suivez-nous sur Twitter

Suis nous sur Facebook

Mise à jour version 3.1 – 21 juillet 2015 !!

  • Nouveau: Application de boutique Ionizer WooCommerce avec les fonctionnalités suivantes

    • Intégration Woocommerce
    • Parcourir les produits de votre site Woocommerce
    • Panier
    • Checkout intégré à WordPress Woocommerce
    • Essayez-le sur apps.interfeis.com

\

Ionizer est un modèle d’application Web mobile natif avec des exemples de travail pour créer des applications hybrides. L’ioniseur lui-même est alimenté par Cordova, AngularJS et Ionic. Le but de Ionizer est de vous aider à commencer tout de suite avec le développement d’application et à éviter d’écrire vos propres analyseurs JSON de retour API, services d’appel API, recherche de plugins Cordova, etc. Nous avons déployé beaucoup d’efforts pour obtenir Ionizer aussi facilement à utiliser que possible et sont désireux d’entendre vos commentaires sur la façon d’améliorer encore l’ioniseur.

Si vous souhaitez le tester avant d’acheter, voici le lien pour Ionizer Android APK

Caractéristiques principales:

Exemples de travail à modifier

Application de chat ioniseur avec les fonctionnalités suivantes

  • Intégration Firebase
  • Synchronisation du chat en temps réel
  • Photos de profil
  • Salons de discussion avec photos de profil
  • Connexions sociales

\

API YouTube v3 + OAuth

Exemple YouTube utilisant l’API YouTube v3 et la disposition de l’ioniseur avec fonction de recherche, OAuth 2.0 utilisant InAppBrowser

\

API JSON WordPress

Accédez à votre site WordPress en utilisant JSON

API Rottentomatoes

Voir les 10 meilleurs films de tomates pourries, rechercher des films et les ajouter à vos favoris

API FoodToFork

Regardez les recettes les plus populaires, recherchez par nom et ingrédients et ajoutez vos articles préférés à vos favoris

Plugins Cordova

  • AdMob: Le plug-in AdMob présente les annonces AdMob dans les applications / jeux mobiles de manière native à partir de JavaScript.
  • Écran de démarrage: Afficher ou masquer l’écran de démarrage.
  • Disponibilité de l’application: Le plugin AppAvailability vous permet de vérifier si une application est installée sur l’appareil de l’utilisateur.
  • Taux d’application: Le plugin AppRate permet d’inviter facilement l’utilisateur à évaluer votre application, que ce soit non ou plus tard, ou jamais.
  • Scanner de codes à barres: Le plugin Barcode Scanner ouvre une vue caméra et scanne automatiquement un code-barres, vous renvoyant les données.
  • Plus à venir bientôt!

UI (interface utilisateur) et UX (expérience utilisateur)

Introduction à l’application

Lors de sa première entrée dans l’application, l’utilisateur sera accueilli par une introduction de l’application. Cela peut être changé pour devenir un tutoriel rapide si vous le souhaitez. Il a également un bouton bascule pour enregistrer si l’introduction doit apparaître à nouveau la prochaine fois que les utilisateurs démarrent l’application.

\

Menu latéral gauche

Sur le côté gauche se trouve un menu latéral auquel vous pouvez accéder soit en cliquant sur le bouton de navigation dans le coin supérieur droit, soit en faisant glisser pour le révéler en dessous. Ce côté a un lien pour 2 exemples de travail et Welcome Massge avec Avatar pour l’utilisateur.

\

Menu de recherche droit

Sur le côté droit se trouve un menu latéral auquel vous pouvez accéder en cliquant sur le bouton de recherche dans le coin supérieur droit ou en le faisant glisser pour le révéler en dessous. Les données changeront dynamiquement en fonction de ce que vous mettez dans la zone de recherche.

\

Onglets

En bas, il y a 3 onglets, chacun ayant son propre état, qui sont:

  • Ici, vous pouvez choisir d’afficher les données initiales (ex: informations sur le box-office de Movie API, les favoris du jour de Food API, le score du jour de l’API de football).

  • Recherche: ce menu permet à l’utilisateur de rechercher des données à l’aide de l’API.

  • Signet: Toutes les données enregistrées par l’utilisateur iront ici.

\

Page de détail

Cet état utilise 1 modèles et peut être utilisé pour tous les onglets, le but général est d’afficher le détail après avoir appuyé sur un élément des onglets (ex: détails d’un film, détails d’une recette, détails du score d’un match)

Tirer pour rafraîchir

La page d’accueil a implémenté Pull to Refresh, que vous pouvez également choisir d’utiliser sur d’autres pages

Défilement infini

La page de recherche est dotée d’un défilement infini, de sorte qu’une fois que l’utilisateur atteint le bas de la page, un nouvel ensemble de données sera chargé jusqu’à ce qu’il n’y ait plus de données disponibles.

Cartes réactives

Les données sont affichées sous forme de cartes, qui peuvent être personnalisées pour afficher des images, des icônes, etc. Ceci est également conçu pour être réactif pour afficher 1 carte sur un téléphone et 3 cartes sur une tablette ou un navigateur

\

Signet

Les données peuvent être enregistrées sur la page des signets en cliquant simplement sur la liste de contrôle

\

JavaScript derrière la porte

  • Créateur d’URL dynamique basé sur les paramètres définis par vous et capable d’utiliser des fonctions. (Comment utiliser ci-dessous)

  • Créateur de variable dynamique qui peut être utilisé dans chaque page pour afficher du texte, des images, etc. et capable d’utiliser la fonction. (Comment utiliser ci-dessous)

  • Une usine pour obtenir une partie d’un objet (ex: movies.image.detail)

  • Une fabrique pour enregistrer des objets dans $ window.localStorage

  • Une usine pour traiter toutes les données mises en signet

Changelog

Mise à jour version 3.1 – 21 juillet 2015

  • Nouveau: Application de boutique Ionizer WooCommerce avec les fonctionnalités suivantes

    • Intégration Woocommerce
    • Parcourir les produits de votre site Woocommerce
    • Panier
    • Checkout intégré à WordPress Woocommerce

Mise à jour version 3.0 – 19 avril 2015

  • Nouveau: Application de chat ioniseur avec les fonctionnalités suivantes

    • Intégration Firebase
    • Synchronisation du chat en temps réel
    • Photos de profil
    • Salons de discussion avec photos de profil
    • Connexions sociales

Mise à jour version 2.2 – 19 février 2015

  • Nouveau: API Youtube avec OAuth
  • Mettre à jour: ngCordova 0.1.12
  • Nouveau plugin: Oauth et InAppBrowser

Mise à jour version 2.1 – 5 janvier 2015

  • Nouveau: Intégration de l’API WordPress JSON
  • Mettre à jour: ngCordova 0.1.10

Version 2.0 – 31 décembre 2014

  • Nouveau: Vitrine des fonctionnalités des plugins ngCordova
  • Nouveau: Vitrine des fonctionnalités des exploits CSS d’Ionic (formulaires, grilles, cartes, listes, Ionicons).
  • Nouveau: Vitrine des fonctionnalités Javascript d’Ionic

Version 1.2 – 11 décembre 2014

  • Nouveau: Présentation / didacticiel de l’application des fonctionnalités

Version 1.1 – 19 novembre 2014

  • Nouveau: Menu latéral gauche pour la navigation
  • Nouveau: Menu de droite pour la recherche
  • Nouveau: 2 exemples de travail (API Rotten Tomatoes et API Food2Fork)

Version 1.0 – 3 novembre 2014

  • Première version

Besoin de soutien?

Si vous rencontrez des problèmes, essayez de lire d’abord notre documentation car de nombreuses questions liées au support sont traitées dans notre documentation.

Les demandes d’assistance peuvent être envoyées par e-mail à [email protected] Nous répondons généralement aux demandes d’assistance dans
48 heures en semaine, en fonction du nombre de demandes en file d’attente.

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici