Comment créer une application d'horloge mondiale

Telle est la nature de mon rôle, si bien que je travaille non seulement avec des collègues du Royaume-Uni, mais également avec ceux de l'Australie, de l'Europe et des États-Unis. Ces fuseaux horaires multiples pourraient facilement entraver la planification des conférences téléphoniques; J'ai besoin d'un moyen de trouver un moment opportun pour que toute équipe se réunisse lors d'un appel Skype.

Dans ce tutoriel, je vais vous montrer comment créer une icône de Dock qui vous donne un accès immédiat aux fuseaux horaires qui vous tiennent à cœur - et à bien d’autres encore. Tandis que certaines applications de la barre de menu le font, dans le Mac App Store, ma méthode évite d'ajouter une autre icône à la barre de menus (déjà encombrée) et cela ne coûte rien..


Avant que nous commencions

Avant de commencer, nous devrons nous assurer que nous disposons des éléments suivants:

  • Une connexion Internet pour accéder à time.is via un navigateur Web
  • Une icône d’horloge appropriée de 512x512px ou 1024x1024px pour les écrans HiDPI (rétine)
  • Application fluide

Comment nous créons notre horloge mondiale «App»

Créer et personnaliser nos fuseaux horaires est très simple. C'est le processus:

  1. Nous allons utiliser un site Web appelé Time. Nous allons personnaliser une page Web en fonction de vos besoins personnels..
  2. Nous allons créer une icône d'horloge personnalisée.
  3. Nous créerons ensuite une «application» pour OS X à l'aide d'un petit outil très pratique appelé Fluid app..
  4. Nous allons localiser notre nouvelle application dans le Dock.

1. Créer et personnaliser nos fuseaux horaires

Cette partie du processus est assez simple: vous devez vous rendre sur un site Web et le personnaliser selon vos besoins..

Étape 1. Visitez Time.Is

Visitez le site Web time.is dans le navigateur de votre choix. Time.is sera l'heure par défaut de votre fuseau horaire.


Le site web time.is

Étape 2. Suppression des fuseaux horaires

En plus de votre fuseau horaire actuel, l'heure étant affichée en grosses lettres, le site Web time.is affichera également l'heure dans d'autres fuseaux horaires. Si les fuseaux horaires suggérés ne répondent pas à vos exigences, cliquez sur celui que vous souhaitez supprimer pour passer à cette heure, puis cliquez sur le lien Supprimer des emplacements favoris. Répétez cette procédure pour tous les fuseaux horaires que vous souhaitez supprimer..


Supprimer les fuseaux horaires

Étape 3. Ajout de fuseaux horaires

Le siège social d’Envato est établi à Melbourne, en Australie. J'ai souvent besoin de savoir quelle heure il est, en dessous, ce sera donc le premier fuseau horaire à ajouter.

L'ajout de fuseaux horaires est très simple. Utilisez le champ de recherche en haut de la page Web et entrez la ville pour laquelle vous devez connaître l'heure. Au fur et à mesure que vous tapez, time..

Sélectionnez la ville appropriée, puis cliquez sur le lien Ajouter aux emplacements favoris. Répétez cette procédure pour tous les endroits où vous devez connaître l'heure. Chaque fois que vous ajoutez une ville à vos lieux favoris, une petite boîte indiquant le lieu et l'heure sera ajoutée à votre page Web..


Ajout de fuseaux horaires

Étape 4. Personnalisation des informations affichées

Étant donné que je suis au Royaume-Uni, la façon dont nous affichons nos dates et nos heures sera différente de la manière dont un Américain, par exemple, serait familier. Le site time.is utilise par défaut un format familier pour mes collègues américains, mais je voudrais un peu l’angliciser..

Pour ce faire, cliquez sur le bouton Plus >> Cliquez sur le lien en haut de la page pour afficher un menu étendu, puis sélectionnez Personnaliser pour afficher les paramètres pouvant être modifiés..

Une des premières choses que je vais faire est de corriger l’orthographe en sélectionnant l’anglais britannique. Je suis en train de personnaliser les choses.


Personnaliser les informations affichées

Je peux continuer à changer la façon dont la date est affichée au format plus logique JJ-MM-AA. Les utilisateurs européens souhaiteront peut-être choisir le format ISO, encore plus logique, AA-MM-JJ. Vous pouvez choisir celui qui vous convient le mieux ou simplement vous en tenir au format américain par défaut MM-DD-YY..

Choisissez si vous souhaitez conserver les boutons sociaux et si vous souhaitez inverser la couleur en blanc sur noir. Lorsque vous êtes satisfait de vos personnalisations, cliquez avec le bouton droit sur le lien indiquant clic droit sur ce lien et copiez-le dans votre presse-papiers (CMD C). Vous voudrez peut-être coller votre lien personnalisé dans un document texte pour le sauvegarder. Cela dit, tant que vous autorisez les cookies de navigateur (ce qui est le comportement par défaut de tous les principaux navigateurs Web), vos paramètres seront stockés pour la prochaine fois que vous visiterez la page Web time.is..


Sauvegarder vos personnalisations

2. Créer une icône d'horloge personnalisée

Il n’est pas impératif que vous exécutiez cette étape, mais si votre intention est de placer une icône sur le quai, vous voudrez peut-être qu’elle s’intègre également de manière esthétique..

Afin de créer mon icône, j'ai pris une capture d'écran de l'icône d'horloge suisse Mondaine dans l'application iPad Clock. J'ai ensuite transféré cette capture d'écran sur mon Mac.

En ouvrant la capture d'écran dans Pixelmator (vous pouvez utiliser une application d'édition graphique différente), j'ai découpé la capture d'écran en une image appropriée pour une icône. Pour les besoins de OS X, votre icône devra être de 512x512 pixels ou de 1024x1024 pixels pour un affichage rétinien..

Exportez votre image finale sous forme de fichier .png (Portable Network Graphic), en veillant à ce qu’elle ait un arrière-plan transparent. Notez l'emplacement vers lequel vous avez exporté votre nouvelle icône..

Utiliser Pixelmator pour créer l'icône de l'application

Pointe: Si vous n'avez ni le temps ni l'envie de créer votre propre icône d'horloge personnalisée, n'hésitez pas à utiliser l'horloge Mondaine que j'ai créée pour ce tutoriel..


3. Créer une «application» avec l'application fluide

Ensuite, nous allons rassembler notre page Web personnalisée et notre icône personnalisée dans une «application» que nous créerons à l'aide d'une application pratique appelée Fluid, de Celestial Teapot Software..

Fluid nous permet de créer une application Mac en transformant notre site Web en une application de bureau OS X.

Étape 1. Création de votre application personnalisée

Téléchargez et ouvrez l'application Fluid. Recherchez la chaîne d'URL personnalisée que vous avez enregistrée à l'étape 4 dans la personnalisation du site Web time.is..

Entrez votre URL personnalisée et un nom approprié pour votre application..

Saisie des critères pour créer une application

Étape 2. Attachez votre icône personnalisée

Pour créer votre application avec votre icône personnalisée, sélectionnez Autre dans le Icône champ et accédez à l'emplacement où votre icône personnalisée est enregistrée.

Créer l'application

Étape 3. Créez votre application

Lorsque vous avez entré les informations requises, cliquez sur le bouton Créer bouton puis Lancer maintenant.


L'application Word Time dans le Dock

Votre application sera créée et placée dans le dossier Applications. Une icône sera créée sur le Dock et l'application se lancera..

Vous pouvez faire glisser l’icône de l’application où vous le souhaitez dans le Dock. Vous pouvez même le faire glisser du Dock si vous préférez ne pas y résider. Si vous souhaitez conserver votre application temporelle dans le Dock, cliquez avec le bouton droit de la souris et vérifiez qu'elle est épinglée au Dock (il devrait s'agir du comportement par défaut)..


Garder l'application dans le Dock

Utilisation de votre application personnalisée

Vous avez maintenant accès à votre application personnalisée time.is qui vous donne l'heure actuelle dans différents fuseaux horaires qui vous intéressent. Il n’est plus qu’à un clic de savoir s'il est acceptable d'appeler Skype à des collègues à Melbourne, Mammoth Lakes ou Manchester..

Que vous choisissiez ou non de localiser votre application dans le Dock, c'est à vous de décider. Quoi qu'il en soit, souvenez-vous que vous pouvez le lancer très rapidement si vous utilisez Spotlight ou Alfred. Utilisez les touches Barre d'espace CMD ou Option, respectivement, pour lancer ces applications. Une excellente solution pour les personnes qui trouvent le clavier plus productif.


Le résultat final (Notez que vous pouvez continuer à personnaliser votre "application" de la manière décrite à la section 1, étape 4)

Terminé!

Oui, il existe des applications qui font la même chose en donnant accès à des fuseaux horaires globaux dans votre barre de menus, mais elles coûtent généralement de l'argent et où est le plaisir? L'application fluide est beaucoup plus flexible, alors pourquoi ne pas configurer vos fuseaux horaires globaux, et plus encore, et soutenir l'application fluide en achetant une licence, si cela vous convient.

Dans ce tutoriel, nous avons montré comment personnaliser une application Web et créer une "application" sous OS X, à l'aide d'un outil appelé Fluid, pour permettre un accès rapide et facile aux informations de fuseau horaire du Dock. Mon approche libère votre barre de menus de tout encombrement d'icônes et ne vous oblige même pas à localiser l'application dans le dock. Vous pouvez utiliser votre programme de lancement rapide favori pour activer l'accès aux fuseaux horaires globaux lorsque vous avez besoin de savoir quelle heure il est ailleurs..

Faites-nous savoir, dans les commentaires ci-dessous, comment vous avez configuré votre fuseau horaire ou si vous avez d'autres conseils ou astuces..