Hvordan lage en World Clock App

Slike er karakteren til min rolle som jeg finner meg selv arbeider ikke bare med kolleger i Storbritannia, men med de i Australia, Europa og USA. Disse flere tidssonene kan enkelt hindre planleggingen av konferansesamtaler; Jeg trenger en måte å finne ut en praktisk tid for et lag å komme sammen på en Skype-samtale.

I denne veiledningen viser jeg deg hvordan du lager et Dock-ikon som gir deg klar tilgang til tidssonene som er viktige for deg - og mer i tillegg. Selv om det finnes menyvalgsprogrammer som gjør dette, i Mac App Store, unngår min metode å legge til et annet ikon i menyelinjen (allerede overfylt), og det koster ingenting.


Før vi begynner

Før vi begynner, må vi sørge for at vi har følgende:

  • En internettforbindelse for tilgang til time.is via en nettleser
  • Et passende klokkeikon på 512x512px, eller 1024x1024px for HiDPI (retina) skjermer
  • Væskeapp

Hvordan vi lager vår verdensklokke "App"

Å lage og tilpasse våre tidszoner er veldig grei. Dette er prosessen:

  1. Vi skal bruke et nettsted som heter Time.Is hvor vi vil tilpasse en nettside for våre egne personlige krav.
  2. Vi vil opprette et egendefinert klokkeikon.
  3. Vi vil da opprette en "app", for OS X, ved hjelp av et praktisk lite verktøy som heter Fluid app.
  4. Vi finner vår nye app i Dock.

1. Opprette og tilpasse våre tidssoner

Denne delen av prosessen er ganske enkel, og involverer lite mer enn å besøke et nettsted og tilpasse det til dine spesifikke krav.

Trinn 1. Besøk Time.Is

Gå til nettsiden time.is, i en nettleser du velger, og time.is vil standard til gjeldende tid i tidszonen din.


Time.is nettsiden

Trinn 2. Fjerne tidssoner

I tillegg til din nåværende tidszone, vises tiden i store bokstaver, vil tid.is-nettsiden også vise tiden i noen andre tidssoner. Hvis de foreslåtte tidssonene ikke oppfyller dine krav, klikker du på den du vil fjerne for å endre den tiden, og klikker deretter på koblingen Fjern fra favorittsteder. Gjenta denne prosessen for alle tidssoner du vil fjerne.


Fjerner tidssoner

Trinn 3. Legge til Timezones

Envato har sitt hovedkontor i Melbourne, Australia. Jeg trenger ofte å vite hvilken tid det er, ned under, så dette vil bli den første tidssonen jeg må legge til.

Å legge tidssoner er veldig enkelt. Bruk søkefeltet øverst på nettsiden, og skriv inn byen du trenger å kjenne tiden til. Når du skriver, vil time.is foreslå byer og vil begrense disse nedene mens du fortsetter å skrive.

Velg den riktige byen, og klikk deretter Legg til i favorittstedslinken. Gjenta denne prosessen for alle stedene du trenger å vite tiden. Hver gang du legger til en by til favorittsteder, blir en liten boks med plass og tid lagt til på din nettside.


Legge til tidszoner

Trinn 4. Tilpasse den viste informasjonen

Gitt at jeg er i Storbritannia, vil måten vi viser våre datoer og tider være annerledes enn den måten som en amerikansk ville være kjent med. Time.is-nettstedet angir et format som er kjent for mine amerikanske kolleger, men jeg vil gjerne anglicisere det litt.

For å gjøre dette, klikk på Mer >> lenke øverst på siden for å avsløre en utvidet meny og velg deretter Tilpass for å vise innstillingene som kan endres.

En av de første tingene jeg skal gjøre er å rette stavemåten ved å velge britisk engelsk. Jeg tilpasser nå ting.


Tilpasse den viste informasjonen

Jeg kan fortsette å endre måten datoen vises på den ganske mer logiske DD-MM-YY. Europeiske brukere kan ønske å velge, enda mer logisk, ISO-format for YY-MM-DD. Du kan velge hvilken som passer best for deg, eller bare holde deg til det vanlige amerikanske MM-DD-YY-formatet.

Velg om du vil beholde de sosiale knappene, og om du ønsker å invertere fargen til hvit på svart. Når du er fornøyd med dine tilpasninger, høyreklikk på lenken som sier høyreklikk på denne lenken og kopier det til utklippstavlen din (CMD C). Du kan ønske å lime inn din tilpassede lenke i et tekstdokument for oppbevaring. Når det er sagt, så lenge du tillater nettleserkakene (som er standard oppførselen til alle de store nettleserne), blir innstillingene dine lagret for neste gang du besøker time.is websiden.


Lagrer dine tilpasninger

2. Lag et tilpasset klokkeikon

Det er ikke avgjørende at du utfører dette stadiet, men hvis du har tenkt å sette et ikon på kaien, vil du kanskje at den skal passe også estetisk.

For å lage mitt ikon tok jeg et skjermbilde av Mondaine Swiss Clock-ikonet i iPad Clock-appen. Jeg overførte dette skjermbildet til min Mac.

Å åpne skjermbildet i Pixelmator (du kan bruke en annen grafisk redigeringsapp), trimmet jeg ned skjermbildet til et passende bilde for et ikon. Med hensyn til OS X må ikonet være 512 x 512 piksler, eller 1024 x 1024 piksler for en netthinnen.

Eksporter ditt endelige bilde som en .png (Portable Network Graphic) -fil, slik at den har en gjennomsiktig bakgrunn. Legg merke til stedet du eksporterte det nyopprettede ikonet til.

Bruk Pixelmator til å lage appikonet

Tips: Hvis du ikke har tid eller tilbøyelighet til å lage ditt eget klokkeikon, kan du gjerne bruke Mondaine-klokken som jeg opprettet for denne opplæringen.


3. Opprett en "App" Med Fluid App

Deretter skal vi bringe vår tilpassede nettside og vårt tilpassede ikon sammen til en "app" som vi vil lage ved hjelp av en praktisk app kalt Fluid, fra Celestial Teapot Software.

Væske gir oss mulighet til å lage en Mac-app ved å snu vår nettside til et OS X-skrivebordsprogram.

Trinn 1. Opprette din egendefinerte app

Last ned og åpne Fluid app. Finn den tilpassede URL-strengen du lagret fra trinn 4, ved å tilpasse time.is-nettsiden.

Skriv inn din tilpassede nettadresse og et passende navn for appen din.

Angir kriteriene for å lage en app

Trinn 2. Legg til ditt egendefinerte ikon

Hvis du vil opprette appen din med egendefinert ikon, velger du Annen i Ikon feltet og bla til stedet der ditt egendefinerte ikon er lagret.

Oppretter appen

Trinn 3. Lag din app

Når du har angitt den nødvendige informasjonen, klikker du på Skape knappen og deretter Start nå.


Word Time-appen i Dock

Appen din vil bli opprettet, plassert i Programmer-mappen. Et ikon vil bli opprettet på Dock, og appen vil starte.

Du kan dra appikonet til hvor du vil at den skal være plassert i Dock. Du kan til og med trekke den fra Dock hvis du foretrekker det ikke å bo der. Hvis du vil beholde tidsappen din i Dock, høyreklikker du og kontrollerer at den er festet til Dock (dette bør være standardadferansen).


Holde appen i Dock

Bruk din egendefinerte app

Du har nå klar tilgang til din tilpassede tid. App gir deg gjeldende tider i forskjellige tidszoner av interesse. Å vite om det er greit å ringe til Skype-kolleger i Melbourne, er Mammoth Lakes eller Manchester nå bare ett klikk unna.

Enten du velger å finne tidsappen din i Dock, eller ikke, er det opp til deg. Uansett, husk at du kan starte det veldig fort hvis du bruker Spotlight eller Alfred. Bruk henholdsvis CMD mellomromstasten eller Alternativ mellomromstasten, for å starte disse appene. En flott løsning for folk som finner tastaturet mer produktivt.


Sluttresultatet. (Merk, du kan fortsette å tilpasse "appen din" på samme måte som beskrevet i avsnitt 1, trinn 4)

Ferdig!

Ja, det er apps der ute som gjør en lignende ting ved å sette tilgang til globale tidssoner i menylinjen, men de koster vanligvis penger og hvor er det moro i det? Væskeapp er mye mer fleksibel, så hvorfor ikke konfigurere de globale tidssonene dine, og dessuten, og støtte Fluid app ved å kjøpe en lisens, hvis dette fungerer for deg.

I denne opplæringen har jeg vist hvordan jeg tilpasser en webapp og lager en "app" i OS X, ved hjelp av et verktøy som heter Fluid, for å gi rask og enkel tilgang til tidssoneinformasjon fra Dock. Min tilnærming frigjør menylinjen fra ekstra ikonrør, og det krever ikke engang at du finner appen i kaien - du kan bruke din favoritt hurtigstarter for å slå opp tilgangen til globale tidssoner når du trenger å vite hvilken tid det er et annet sted.

Gi oss beskjed, i kommentarene nedenfor, hvordan du konfigurerer tidssonene dine, eller hvis du har andre tips eller triks.