PROJEKTAS

Faviconų generatoriaus žiniatinklio įrankis kūrėjams ir dizaineriams

Techninės specifikacijos rengimas, UI/UX dizainas, Vaizdų apdorojimo įgyvendinimas, HTML/CSS/JS priekinės dalies kūrimas, PHP vidinės dalies kūrimas, Faviconų ir manifesto generavimas, Testavimas ir optimizavimas, Administratoriaus konfigūracijos nustatymas, Konsultacijos dėl talpinimo ir pagalba diegiant

  • Sritis: Žiniatinklio kūrimo paslaugos
  • Latvija Vieta: Latvija
  • Pristatymo laikas: 6 savaitės
  • Technologijos: PHP, JavaScript
  • Įvertinimas: 5/5
2 mėnesiai

Projekto apžvalga

Projekto tikslas buvo sukurti savo struktūra į realfavicongenerator.net panašų žiniatinklio įrankį, leidžiantį naudotojams iš įkeltų vaizdų (PNG, JPEG, SVG ir kt.) generuoti faviconas. Naudotojai galėjo peržiūrėti ir pritaikyti faviconas skirtingoms platformoms (iOS, Android, Windows, macOS) bei atsisiųsti sugeneruotus išteklius su HTML įterpimo kodu.

Įrankyje įdiegtos pažangios funkcijos, tokios kaip apkarpymas, glaudinimas, pasirinktinės paraštės ir automatinis sugeneruotų failų išvalymas.

Pagrindinės funkcijos: vaizdų įkėlimas vilkiant, patvirtinimo modalinis langas su vaizdo matmenimis, ne kvadratinių vaizdų apkarpymo įrankis, kelių platformų (darbalaukio, iOS, Android ir kt.) peržiūrų simuliacija ir tinkinimo nustatymai (fonas, paraštė, glaudinimas, versijavimas). Taip pat buvo galima atsisiųsti visą favicon paketą ir HTML kodą ZIP faile, apdoroti SVG failus su atsarginiu konvertavimu į PNG, administruoti konfigūraciją per JSON (be vidinės valdymo panelės), automatiškai ištrinti sugeneruotus duomenis ir naudotis kelių žingsnių sąsaja pagal RFG struktūrą.

Klientas liko patenkintas kūrimo procesu ir lanksčiu bendradarbiavimu, pabrėždamas minimalistinio požiūrio ir kūrybinės laisvės išsaugojimo svarbą. Nors kilo techninių problemų, 2410 išliko operatyvi ir greitai įgyvendino atsiliepimus bei atnaujinimus. Klientas įvertino tvirtą sistemos pagrindą, aiškią komunikaciją ir galiausiai pristatytą veikiantį įrankį, kurį jų komanda galėjo toliau tobulinti.

- Gennady, SIA Webby

Įgyvendintos pagrindinės funkcijos

  • Vaizdų įkėlimas vilkiant
  • Patvirtinimo modalinis langas su vaizdo matmenimis
  • Ne kvadratinių vaizdų apkarpymo įrankis
  • Kelių platformų (darbalaukio, iOS, Android ir kt.) peržiūrų simuliacija
  • Tinkinimo nustatymai (fonas, paraštė, glaudinimas, versijavimas)
  • ZIP atsisiuntimas su visu favicon paketu ir HTML kodu
  • SVG apdorojimas su atsarginiu konvertavimu į PNG
  • Administratoriaus konfigūracija per JSON (be vidinės valdymo panelės)
  • Sugeneruotų duomenų automatinio ištrynimo funkcija
  • Kelių žingsnių sąsaja pagal RFG struktūrą

Ekrano nuotraukos

Pagrindinis faviconų generatoriaus puslapis su vaizdų įkėlimu vilkiant ir platformų bei naršyklių palaikymo apžvalga.

Pagrindinis faviconų generatoriaus puslapis su vaizdų įkėlimu vilkiant ir platformų bei naršyklių palaikymo apžvalga.

Rezultatų puslapis, kuriame rodomos kelių raiškų faviconų peržiūros ir tiesioginė peržiūra iOS sistemoje.

Rezultatų puslapis, kuriame rodomos kelių raiškų faviconų peržiūros ir tiesioginė peržiūra iOS sistemoje.

Technologijų paketas

PHP
JavaScript
jQuery
Cropper.js
Imagick
Responsive web design
JSON config-based admin