PROJEKT

Spletno orodje za ustvarjanje faviconov za razvijalce in oblikovalce

Razvoj tehnične specifikacije, Oblikovanje UI/UX, Implementacija obdelave slik, Razvoj sprednjega dela v HTML/CSS/JS, Razvoj zalednega dela v PHP, Ustvarjanje faviconov in manifesta, Testiranje in optimizacija, Vzpostavitev skrbniške konfiguracije, Svetovanje glede gostovanja in podpora pri namestitvi

  • Panoga: Storitve spletnega razvoja
  • Latvija Lokacija: Latvija
  • Čas izvedbe: 6 tednov
  • Tehnologije: PHP, JavaScript
  • Ocena: 5/5
2 mesecev

Pregled projekta

Cilj projekta je bil ustvariti spletno orodje s strukturo, podobno strani realfavicongenerator.net, ki uporabnikom omogoča ustvarjanje faviconov iz naloženih slik (PNG, JPEG, SVG itd.). Uporabniki so lahko predogledali in prilagodili favicone za različne platforme (iOS, Android, Windows, macOS) ter prenesli ustvarjene datoteke s kodo HTML za vdelavo.

Orodje vključuje napredne funkcije, kot so obrezovanje, stiskanje, prilagajanje robov in samodejno čiščenje ustvarjenih datotek.

Ključne funkcije vključujejo nalaganje slik s funkcijo povleci in spusti, potrditveno modalno okno z dimenzijami slike, orodje za obrezovanje nesorazmernih slik, simulacijske predoglede za več platform (namizje, iOS, Android itd.) ter nastavitve prilagajanja (ozadje, rob, stiskanje, različice). Poleg tega je orodje omogočalo prenos ZIP-arhiva s celotnim paketom faviconov in kodo HTML, obdelavo SVG z nadomestno pretvorbo v PNG, skrbniško konfiguracijo prek JSON-a (brez zaledne nadzorne plošče), samodejni izbris ustvarjenih podatkov in večstopenjski vmesnik po strukturi RFG.

Naročnik je izrazil zadovoljstvo z razvojnim procesom in prilagodljivostjo sodelovanja ter poudaril potrebo po minimalističnem pristopu in ohranjanju ustvarjalne svobode. Čeprav so se pojavile tehnične težave, se je 2410 hitro odzival ter hitro uvajal povratne informacije in posodobitve. Naročnik je cenil trdno "jedro" sistema, jasno komunikacijo in končno dostavo funkcionalnega orodja, pripravljenega na nadaljnje izboljšave z njihove strani.

- Gennady, SIA Webby

Izvedene ključne funkcije

  • Nalaganje slik s povleci in spusti
  • Potrditveno modalno okno z dimenzijami slike
  • Orodje za obrezovanje nesorazmernih slik
  • Simulacijski predogledi za več platform (namizje, iOS, Android itd.)
  • Nastavitve prilagajanja (ozadje, rob, stiskanje, različice)
  • Prenos ZIP-arhiva s celotnim paketom faviconov in kodo HTML
  • Obdelava SVG z nadomestno pretvorbo v PNG
  • Skrbniška konfiguracija prek JSON-a (brez zaledne nadzorne plošče)
  • Funkcija samodejnega brisanja ustvarjenih podatkov
  • Večstopenjski vmesnik po strukturi RFG

Posnetki zaslona

Glavna stran generatorja faviconov z nalaganjem slik s povleci in spusti ter pregledom podpore za platforme in brskalnike.

Glavna stran generatorja faviconov z nalaganjem slik s povleci in spusti ter pregledom podpore za platforme in brskalnike.

Stran z rezultati, ki prikazuje predoglede faviconov v več ločljivostih in predogled v živo na sistemu iOS.

Stran z rezultati, ki prikazuje predoglede faviconov v več ločljivostih in predogled v živo na sistemu iOS.

Tehnološki sklad

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