Transcripción
Extracto de la transcripción automática del vídeo realizada por YouTube.
okay so hi everyone thank you to be here I'm Daniela I'm from the lenders comm if you don't know us first I think I don't have slides because I'm lazy no because I want to show some real-world situation so if something broke it's his
fault so I'm Daniel I work with Zoolander's comm which is a website that builds and sells custom do extensions together with median and a couple of other guys so what I want to do today is go through a process of creating a custom application for zoo
which can be done by any integrator you don't need to be a developer you just need to know XML and maybe a bit of a chat HTML so all the first part of the presentation will be achievable by any juvenile administrator or integrator while at the end maybe
I will do a couple of extra things for developers or designers if they want to go a bit further with that with the customization so I created a public repo on github so if you want to have the code I'll be using during the presentation it's all online
it's all downloadable and installable in your zoo site so please feel free to just go there and download so let's start first small survey integrators how many of you are integrators okay everyone designers so templates and something like that okay
and developers great so let's start we at Weber which is my Italian company which is part of vendors we do website for clients and 99% of them are built upon zu from catalogs to normal website to custom things we try to stick with the tools we use and
know best so we try to use do for nearly everything and what we do usually is download zoo install it and decide what the client needs for his website so it's a product catalog or a download download section in this website or a blog or whatever we don't
use any of these which is our if you use do you know that these are the pro application you find when you download zoo we always build a custom application which is not really custom it's just a copy of one of these but with a custom icon or a custom name
so when the client log is the logins into his website it has the feeling of something built just for him with the custom name custom icon and you can have it in the control panel you know here so it just locks in and find this or whatever and that helps with
the customization of the website and also because when when I update though I don't have the risk of having some custom modification I did for a template when go bad because an update to the layouts or something like that so we always do that so I want
to share with you my usual process what I think can be called the most secure way of doing custom application so instead of duplicating one of those I create one from scratch that it can use as a like a blank template for your application without having all
the extra files that come with the specific application that you download from the you theme website so let's go with step one step one is just a blank application so just custom name custom version information custom icon and that's it so no layouts
nothing it doesn't work it doesn't have any type but it's useful if you want to know what do requires to make a new zoo application so if you don't know to stores the application in its media folder so it's media zoo applications and when
you just add a new one there who will pick it up and show it in the backend and the configuration so let's our I don't know if you can read it okay it's demo application as in any template extension in Joomla the folder name is the name the alias
of the application and zoo to run needs there's a small readme here so if you go later on on on github you can still know about all these comments I do yeah so if this is the exact copy of the repo yeah for example it's all MD so if you browse here
step one is basic of structure and code blah blah blah and when you go inside I don't know if the network works so well yes all the steps and all the steps are also commented so when you go into each folder you ever read me with a cool presentation so
these are the files that are actually needed for zoo to pick it up pick up the new application so the PHP file is needed and the XML file it's needed plus the icon just for graphic cool thing so XML which is similar to any Joomla XML installation file
so name the group has to be as you see here as to be the folder name and then it's only description from descriptive information and then there is these sections which I will go in deeper later on but basically are the parameters for the entire application
so you can like customize the behavior of the entire application like items per page or I don't know how many columns for the for the categories page you have or actually anything you want to add as a parameter for your application you can add as many
as you want you can use them in your templates later and then you have the PHP file which is just an empty class with the name of the application it just needed for picking up so if I just install this I'm doing it with and so it's easier and going
to my back-end who will pick it up automatically without having to actually go through an installation process because it's all file based so it just browse through the folder and find it find a new application when I go inside obviously I don't have
any type because if I go into my applications the types folder is empty and I don't I could go in here and start using the zoo interface to build a new type and start working on my application so this is what I call the the blank state of the application
and I always start from this point so I first thing I do install the zoo and use this one and then I think what's the what the client needs for his website so for example in this case we'll use a t-shirt catalog as an example so the client needs to
display a list of t-shirts with the series of informations like image title description maybe under no the size or or the color of the t-shirt so what I will do now when I build a website is go through new create a type t-shirt t-shirt save it and then populate
the elements because I'm lazy I already did that and so when you actually go and refresh here I have the new type t-shirt and if you edit the elements I already inserted this which is an SKU so like just a code that the client can use with this I don't
know earpiece Eastham the image which I'm using image pro which is our element you can use the normal one from zoo we just like to use our own tools and description and this is my type so this is the next the next step I do so I like to a cup something
like a wireframe so I like as if I'm I would do a custom component I will say okay the types the class is the objects I need in my application our t-shirt class I don't know hat and related items and I will create the types that will that reflect that
behavior for the client website and then I think what kind of views are needed in the website so the tea if there is a teaser view so a list of all the products and if there is a full view so the view of a single product and if there are other views like I
don't know a special offer view page or listing page for all the esky all the codes or something like that so I can start building my layouts I always start from blank layout because we all we do always custom templates for the clients so we don't
[ ... ]
Nota: se han omitido las otras 3.737 palabras de la transcripción completa para cumplir con las normas de «uso razonable» de YouTube.