IBM lansert Maqetta denne uken, en åpen kildekode innholdsrike forfattermiljøet designet for å gjøre utviklings HTML5-applikasjoner og nettsteder som enkelt som utvikler seg i Adobes Flash. Opprinnelig utviklet in-house, ble Maqetta overlevert til Dojo Foundation for å videreutvikle det som et kommunalt prosjekt. Selv om det er noen uferdige stykker, er det allerede en kraftfull design og utviklingsverktøy – . særlig for sparsom HTML5-redigering plass
I hovedsak ønsker Maqetta å være for HTML 5 hva Adobes " Flash Professional " Produktet er for Flash: en innholds skapelsen suite som designere kan bruke til å visuelt legge ut et interaktivt nettsted, og utviklere (muligens andre individer, men muligens designerne i tillegg) kan bygge inn fullt fungerende kode. Selv om HTML5, CSS3, og mange åpen kildekode Javascript-biblioteker kan Maqetta er (naturligvis) en web app selv; det krever Firefox 3.5+ (selv om 4 anbefales), en nylig Google Chrome eller Safari 5 for å få tilgang til redaktøren grensesnittet. Serveren komponent kan kjøres lokalt eller over nettverket – instruksjoner er lagt ut på Maqetta nettstedet. Hvis du bare er interessert i å teste, men er en offentlig test-drive versjon vert på stedet, selv om det ikke vil lagre arbeidet ditt når du lukker økten. Ved hjelp Maqetta, et grensesnitt designer kan bygge en søknad skjelett i det visuelle editor komponent. Begge grunn HTML5 elementer og widgets som tilbys av Javascript-biblioteker er tilgjengelige i en dra-og-slipp-verktøykasse. Designeren kan legge ut på siden ved hjelp av absolutt eller væske layout, og redigere element attributter på skjermen. Fordi Maqetta dypt integrerer HTML-elementer og Javascript widgets med redaktøren, vil den resulterende siden " arbeid " i en interaktiv mock-up forstand selv om de underliggende funksjonene er bare stubber. Teorien er at designeren kan planlegge ut søknaden, og utbygger kan koble inn og kjøtt den ut med levende kode, alle i samme sett med filer. Den uttalte målet med denne utviklingsmodellen er å bevare " visuelle eiendeler " . gjennom hele utviklingsprosessen, i kraft fjerne frakobling mellom modellen og implementeringsfasen Det visuelle editor komponenten er den grunnleggende layout verktøy – den har standard redigering konvensjoner som klipp /kopier /lim inn, forhåndsvisning-in-browser, med muligheten til å dele tiden mellom visuell layout og kilde layout-modus. Men det er mer til designprosessen, spesielt hvis en interaktiv applikasjon er målet. Maqetta har også en " state redaktør " som gjør at designeren å utforme grunnleggende programlandene som separate sider i samme prosjekt, og designe dem selv før koden er skrevet. Du kan koble statene til å bli utløst av bestemte hendelser, igjen uten å bli tvunget til å skrive hele programmet koden først. Selv om grunnleggende layout er mulig med den visuelle editor, forsøker Maqetta å følge HTML5 anbefalinger og la det meste av utseendet styling til CSS. Dermed programmet gir en egen " tema redaktør " for å opprettholde og tilpasse CSS temaer. Redaktøren sport " live " visninger av alle de installerte UI elementer og en grunnleggende egenskap-redigering grensesnitt, slik at designeren kan foreta justeringer og bygge hele temaet i én visning. Temaet redaktør støtter programland, så widgets kan tilpasses forskjellig utseende basert på staten de vises. For å støtte iterativ design, bruker-til-bruker merknader og kommenteringsverktøy er innebygd. Designere, utviklere og brukere kan legge til tekst notater som overlegg eller tegne på et overlegg lerret (for eksempel å sirkle problematiske sideelementer) med former og linjer. Når det gjelder tid til å levere det endelige produktet, Maqetta tilbyr flere formater med ulike alternativer for å koble inn eller bunting Javascript-biblioteker. De grunnleggende interaktive HTML5 og CSS3 er stor, men for seriøse programutvikling er det eksterne Javascript-biblioteker og deres tilknyttede widget sett som gir avansert funksjonalitet. For øyeblikket støtter Maqetta Dojo biblioteket, som dekker AJAX, objekt butikken, events, spørring, og et sett av rike UI widgets for skjemaer, layout, verktøylinjer, dialogbokser, og mye mer. Planen er å inkludere støtte for flere eksterne biblioteker i fremtidige utgivelser, men ikke alle utvidelses kroker til redaktøren er på plass ennå. Administratorer kan legge til andre bibliotek i Maqetta, men å gjøre det i dag krever å redigere kildekoden. Prosjektets mål er å støtte bibliotekene som holder seg til den Openajax metadata format (som angir et standardisert sett med egenskaper), så noen Openajax-kompatibel bibliotek skal være kompatible. På den annen side er Maqetta tema redaktør ment å tillate designere til hovedprosjektuavhengige CSS styling temaer, og det er ingen tilsvarende ekstern tema standard, så teamet definert sin egen. Dessverre gjør temaet metadata format ikke vises i gjeldende dokumentasjon, men Maqetta skip med to komplette temaer (Dojo-inspirerte " Claro " tema og blyant-skisse-lignende " Sketch " tema), som du kan klone og deretter endre til din hjertens lyst i editoren Til slutt, er en av prosjektets uttalte mål å støtte utviklingen av en enkelt side eller app samtidig som det gir for ". flere leverings scenarier " – betyr nettlesere, mobile nettlesere og mobile ". installerte apps " Akkurat nå mobilforfatterverktøy er fortsatt i utvikling. Du kan få tilgang til mobile enhet " silhuetter " å teste gjengi design i en rekke mobile nettleser formfaktorer, men støtte for dojox.mobile widget sett er fremdeles et arbeid som pågår. Jeg testet Maqetta ved å jobbe min vei gjennom elektronisk opplæring, ved hjelp av vert demoversjon av redaktøren. Hvis du ønsker å sette redigering suite gjennom sine skritt, er at et godt sted å begynne. Får taket på " statene " er lettere i opplæringen enn når du leser dokumentasjonen – selv om dette er delvis et resultat av manglende dokumenter. Of course, arbeider gjennom tutorials selv, at du ikke får en følelse for annotasjonsverktøyene eller hvor godt programmet vil arbeide i et team programmeringsmodell, men det visuelle redaktør og tema redaktør definitivt gjøre kort prosess med å designe interaktive grensesnitt. Når det gjelder hvorvidt reelle utviklere vil finne Maqetta en killer app, som gjenstår å se. Mozilla presser HTML5 som et spill-og-app-utviklingsplattform hardt; det kan være verdt å se på nettleser-maker neste designutfordring å se om Maqetta gjør en opptreden. En ting er sikkert, men: det er ingen stor konkurranse om Maqetta i HTML5 redigering suite rase, særlig i åpen kildekode. Gjør et raskt Google for " HTML5 redigeringsverktøy " og du vil finne det har blitt harped på som en kritisk manglende brikken i puslespillet for år Hvis du tilbringer mesteparten av din tid til å lese gratis programvare nettsteder som Linux.com, oddsen er at du ikke støter på langt nær så mange Flash-baserte nettsteder som gjennomsnittlig Web borger. Gjør deg selv en rask tjeneste, dreier av mot corporate nettsteder og massemedia gang og se hvor mange er fortsatt bygget med Flash – selv om alle de tilbyr som et resultat er enkle animasjons og overgangseffekter (holder nesen hvis du må). Disse områdene er mål nummer én. De interaktive spill og web-applikasjoner som benytter Flash er mål nummer to. Med en god sett med forfatterverktøy, vil vi få drastisk nærmere banke dem begge ned – og Maqetta har potensial til å være så bra. Anmeldelser
implementere de samme interaktive sported av den proprietære Flash, tenker man seg, det er ikke et egnet utviklingsmiljø for enten designere eller webutviklere. Anmeldelser The Maqetta Arbeidsflyt
Funksjonalitet og standarder Support
Running With It
.