Hur man skapar en världsklockapp

Sådan är min roll som jag tycker att jag inte bara arbetar med kollegor i Storbritannien, utan även i Australien, Europa och USA. Dessa flera tidszoner kan enkelt hindra planeringen av konferenssamtal. Jag behöver ett sätt att träna en bekväm tid för att ett lag ska kunna samlas på ett Skype-samtal.

I den här handledningen visar jag dig hur du skapar en Dock-ikon som ger dig tillgång till de tidszoner som är viktiga för dig - och mer. Även om det finns menyradeapplikationer som gör det i Mac App Store, undviker min metod att lägga till en annan ikon i menyfältet (redan ihopfyllt) men det kostar inte något.


Innan vi börjar

Innan vi börjar måste vi se till att vi har följande:

  • En internetuppkoppling för att komma åt time.is via en webbläsare
  • En lämplig klockikon på 512x512px eller 1024x1024px för HiDPI (näthinnan) visar
  • Vätskeapp

Hur vi skapar vårt världsklocka "App"

Att skapa och anpassa våra tidszoner är väldigt enkelt. Detta är processen:

  1. Vi ska använda en webbplats som heter Time.Is där vi kommer att anpassa en webbsida för våra egna personliga krav.
  2. Vi kommer att skapa en anpassad klockikon.
  3. Vi kommer då att skapa en "app", för OS X, med hjälp av ett praktiskt litet verktyg som heter Fluid app.
  4. Vi hittar vår nya app i Dock.

1. Skapa och anpassa våra tidszoner

Denna del av processen är ganska enkel, med lite mer än att besöka en webbplats och anpassa den till dina specifika krav.

Steg 1. Besök Time.Is

Besök tidwebbsidan, i en webbläsare du väljer, och time.is kommer som standard till den aktuella tiden i din tidszon.


Time.is hemsida

Steg 2. Ta bort tidszoner

Förutom din nuvarande tidszon, tiden visas i stora bokstäver, kommer tidwebbsidan också att visa tiden i några andra tidszoner. Om de föreslagna tidszoner inte uppfyller dina krav, klicka på den du vill ta bort för att ändra till den tiden och klicka sedan på länken Ta bort från favoritplatser. Upprepa denna process för alla tidszoner som du vill ta bort.


Ta bort tidszoner

Steg 3. Lägga till tidszoner

Envato har huvudkontor i Melbourne, Australien. Jag behöver ofta veta vilken tid det är, ner under, så det här blir den första tidszonen som jag behöver lägga till.

Att lägga till tidszoner är väldigt enkelt. Använd sökrutan högst upp på webbsidan och skriv in den stad som du behöver känna till tiden. När du skriver skriver time.time städer och kommer att begränsa dessa när du fortsätter skriva.

Välj rätt stad och klicka sedan på länken Lägg till favoritlänkar. Upprepa denna process för alla platser du behöver veta tiden. Varje gång du lägger till en stad till favoritplatser kommer en liten låda med plats och tid att läggas till på din webbsida.


Lägga till tidszoner

Steg 4. Anpassa den visade informationen

Med tanke på att jag är i Förenade kungariket kommer sättet att visa våra datum och tider att vara annorlunda än det sätt på vilket en amerikansk skulle vara bekant. Time.is-webbplatsen standardiserar ett format som är bekant för mina amerikanska kollegor, men jag skulle vilja anglicisera det lite.

För att göra detta klickar du på Mer >> länka längst upp på sidan för att visa en utökad meny och välj sedan Anpassa för att visa de inställningar som kan ändras.

En av de första sakerna jag ska göra är att stava rätten genom att välja brittisk engelska. Jag anpassar nu saker.


Anpassa den visade informationen

Jag kan fortsätta att ändra hur datumet visas till det ganska mer logiska DD-MM-YY. Europeiska användare kan önska att välja det, ännu mer logiska, ISO-formatet av YY-MM-DD. Du kan välja vilken som passar dig bäst, eller bara hålla med det vanliga amerikanska MM-DD-YY-formatet.

Välj om du vill behålla de sociala knapparna och om du vill invertera färgen till vit på svart. När du är nöjd med dina anpassningar högerklickar du på länken som säger högerklicka på den här länken och kopiera det till ditt urklipp (CMD C). Du kanske vill klistra in din anpassade länk i ett textdokument för förvaring. Med det sagt, så länge du tillåter webbläsarkakor (vilket är standardbeteendet hos alla större webbläsare) kommer dina inställningar att sparas för nästa gång du besöker webbläsarens webbsida.


Spara dina anpassningar

2. Skapa en anpassad klockikon

Det är inte absolut nödvändigt att du utför detta skede, men om du har för avsikt att sätta en ikon på bryggan, kanske du vill att den också ska passa estetiskt.

För att skapa min ikon tog jag en skärmdump av Mondaine Swiss Clock-ikonen i iPad Clock app. Sedan överförde jag den här skärmdumpen till min Mac.

Öppnar skärmdumpen i Pixelmator (du kan använda en annan grafikredigeringsapp), trimmet ner skärmdumpen i en lämplig bild för en ikon. För OS X, måste din ikon vara 512x512 pixlar eller 1024x1024 pixlar för en näthinneskärm.

Exportera din slutliga bild som en .png-fil (Portable Network Graphic), så att den har en transparent bakgrund. Notera platsen till vilken du exporterade din nybildade ikon.

Använd Pixelmator för att skapa appikonen

Tips: Om du inte har tid, eller lutningen, för att skapa din egen anpassade klockikon, kan du gärna använda Mondaine Clock som jag skapade för denna handledning.


3. Skapa en "App" med Fluid App

Därefter kommer vi att föra vår anpassade webbsida och vår anpassade ikon tillsammans till en "app" som vi kommer att skapa med hjälp av en praktisk app som heter Fluid, från Celestial Theapot Software.

Fluid tillåter oss att skapa en Mac-app genom att göra vår webbplats till en OS X-skrivbordsapp.

Steg 1. Skapa din anpassade app

Ladda ner och öppna Fluid app. Leta reda på den anpassade URL-strängen som du sparade från steg 4 i anpassning av tid.is-webbplatsen.

Ange din anpassade URL och ett lämpligt namn för din app.

Ange kriterierna för att skapa en app

Steg 2. Fäst din anpassade ikon

Om du vill skapa din app med din anpassade ikon väljer du Andra i Ikon fält och bläddra till den plats där din anpassade ikon är sparad.

Skapa appen

Steg 3. Skapa din app

När du har angett den information du behöver klickar du på Skapa knappen och sedan Avfyra nu.


Applikationen Word Time i Dock

Din app kommer att skapas, placerad i mappen Program. En ikon kommer att skapas i Dock och appen startas.

Du kan dra appikonen till var du vill att den ska vara placerad i Dock. Du kan till och med dra den från Dock om du föredrar att du inte bor där. Om du vill behålla din app i dockan högerklickar du och kontrollerar att den är fastlåst i Dock (detta borde vara standardbeteendet).


Håller appen i Dock

Använda din anpassade app

Du har nu tillgång till din anpassade time.app som ger dig aktuella tider i olika tidszoner av intresse. Att veta om det är okej för Skype-samtalskollegor i Melbourne, Mammoth Lakes eller Manchester är nu bara ett klick bort.

Oavsett om du väljer att hitta din tidsapp i Dock, eller inte, är det upp till dig. Hur som helst, kom ihåg att du kan starta det mycket snabbt om du använder Spotlight eller Alfred. Använd menyerna för CMD-mellanslag eller alternativt mellanslag för att starta dessa appar. En bra lösning för personer som tycker att tangentbordet är mer produktivt.


Slutresultatet. (Obs! Du kan fortsätta att anpassa din "app" på samma sätt som beskrivs i avsnitt 1, steg 4)

Klart!

Ja, det finns appar där ute som gör en liknande sak genom att lägga till tillgång till globala tidszoner i menyraden, men de kostar vanligtvis pengar och var är det roligt i det? Fluid app är mycket mer flexibel, så varför inte ställa in dina globala tider zoner, och mer och stödja Fluid app genom att köpa en licens, om det här fungerar för dig.

I den här handledningen har jag visat hur man anpassar en webbapp och skapar en "app" i OS X, med hjälp av ett verktyg som heter Fluid, för att snabbt och enkelt få tillgång till tidszoninformation från Dock. Mitt tillvägagångssätt frigör din menyraden från extra ikonblock och det kräver inte ens att du hittar appen i dockan - du kan använda din favorit snabbstart för att avbryta tillgången till globala tidszoner när du behöver veta vilken tid det är någon annanstans.

Låt oss veta, i kommentarerna nedan, hur du ställer in dina tidszoner, eller om du har några andra tips eller tricks.