 Di sini saya jelaskan untuk menggunakan polis kerana penyakit dan polis adalah penyakit Jadi nama saya Hafiz, seorang pelajar saya yang menganggap saya dan kamu semua menganggap saya Hafiz Jadi saya bekerja di UPAS Eye sebagai seorang pelajar dan saya belajar teknologi pendidikan untuk berusia-usia Jadi UPAS Eye adalah penyakit pendidikan di Malaysia Kita adalah penyakit pelajar yang lebih besar di Malaysia Jadi kita adalah penyakit pelajar kelas pelajar Sekarang kita berkembang ke universiti Jadi saya belajar ke sana Berita tentang saya Sebelum kita mulakan, saya berada di Autodidak Itu bermakna saya menganggap saya Sebelum menggunakan, saya menganggap saya untuk bermain piano Jadi jika kamu ada sesiapa yang membeli Adakah kamu mempunyai pendidikan untuk Kodi Atau kamu membeli seorang penyakit pelajar Google, YouTube, Video berdua Jadi kamu mungkin juga mempunyai Autodidak Baiklah Saya juga penyakit pelajar di Google Jadi saya mengajar kelas pelajar untuk menggunakan produk Google Google tools Terutamanya Google Sweets Dalam pendidikan dan belajar Saya menggunakan WordPress Pada tahun 2011 Saya sebagai penyakit pelajar Saya menggunakan versi setiap dan saya tidak mengenali kerana saya tidak tahu bagaimanapun Tetapi Saya serius menggunakan development WordPress kerana tahun 2014-2015 Baiklah Dan Saya mempunyai kelas pelajar untuk menggunakan WordPress untuk menggunakan kelas pelajar website Rekan saya dan perintah saya adalah, seperti yang anda lihat, kelas pelajar ePortfolio Asasmen 2, AI dan Rekan AI dan kelas pelajar Tetapi cukup tentang saya Saya mengenali bagaimana kita menggunakan WordPress dalam kelas pelajar Terutamanya bagaimana WordPress dapat menggunakan kelas pelajar Jadi, ini kelas pelajar di jalan-jalan Jadi, biasanya kita mempunyai kelas pelajar dan kelas pelajar Apa yang anda dapat memperkenalkan dengan kita pelajar adalah seorang pelajar yang memperkenalkan Tetapi, kami juga mempunyai terutamanya dalam kelas pelajar yang lebih tinggi Kita mempunyai kelas pelajar Kita perlu membuat perniagaan dan juga mempunyai kelas pelajar dan juga kita membuat konsultasi dan perniagaan Saya akan mempunyai semua kelas pelajar dalam kelas pelajar Saya akan mempunyai kelas pelajar dan kelas pelajar dan saya akan memperkenalkan dengan anda sedikit tidak mengatakan kelas pelajar Saya akan memperkenalkan model yang saya menggunakan ketika memperkenalkan atau memperkenalkan perniagaan web Jadi, WordPress di kelas pelajar dan kelas pelajar Ini adalah kelas pelajar saya Saya pernah kelas pelajar di UK Dan pada masa itu 3.5 tahun Saya ada 3.5 tahun di sana dan saya perlu menyelamatkan diri saya daripada kelas pelajar yang diberikan oleh kelas pelajar tidak banyak menyelamatkan saya dan keluarga saya di sana Jadi, terukannya saya berhasil mencari kerja di universiti sendiri sebagai teknologi ekonomi Jadi, ia adalah sebuah pelajar yang berusia Anda menikmati pelajar Anda akan pertama menjelaskan kelas pelajar dan kelas pelajar dan mengubah produknya Jadi, di UK ada R.E.F, Pramul kelas pelajar Jadi, di R.E.F mereka mempunyai sebuah pelajar dan setiap pelajar mereka perlu mempunyai kelas pelajar dengan kelas pelajar yang dikenal kelas pelajar Jadi, salah satu cara yang mereka mempunyai adalah membuat website kelas pelajar saya Jadi, saya akan mempunyai pelajar pelajar dan salah satu pelajar saya menggunakan sebenarnya pelajar terakhir sebelum saya membuat pelajar dan membuat pelajar saya menggunakan pelajar Jadi, itu adalah dalam tahun 2014 dan 2015 Itu adalah saat saya menjelaskan bagaimana mudah untuk membuat pelajar pelajar Sebelum itu, sebelum saya membuat pelajar saya, saya meletakkan menggunakan JUMLAW Ia adalah iMac iMac iCRA Ia adalah iMac Sebelum saya menggunakan WordPress saya menggunakan iMac Jadi, ini adalah sebuah projek yang saya bekerja pada Drupal Jadi, pertama, apabila saya membuat pelajar saya menghidupkan di depan Jadi, saya adalah seorang yang menghidupkan dari pelajar pelajar kepada pelajar Jadi, ia adalah keperluan natural dari pelajar pelajar ke depan pelajar Jadi, saya menghidupkan pelajar pelajar untuk projek ini dan mereka beruntung dengan sangat beruntung untuk mereka kerana apa yang mereka ada untuk projek ini adalah sebuah pelajar BVA Black dan British yang telah menggunakan sebuah pelajar Jadi, mereka mempunyai sebuah database Jadi, apabila saya menghidupkan sebuah projek ini saya menghidupkan anda ingat kartan pelajar yang kita selalu mempunyai seperti kartan Pokémon ini Jadi, saya menghidupkan sebuah idea itu dan membuat profil-profil sebagai kartan pelajar Dan, jika kita jelaskan itu, URL anda dapat melihat konsep yang telah digunakan Dan kemudian saya membuat projek untuk projek-projek dan ini di Omeka jika anda pernah dengar jika anda belum dengar Omeka adalah alat perjalanan tetapi di kumanistik Jadi, itu projek saya dan saya memulai di depan dan belakang dalam projek ini ia dipanggil Community Collections Jadi, dalam projek ini saya menggunakan Omeka untuk membuat alat perjalanan dan saya juga membuat alat perjalanan jika anda pergi ke website anda dapat melihat bagaimana dia yakin kerana ini adalah projek pertama saya membuat keadaan dan belakang jadi, ia lebih membuat keadaan dan membuat keadaan jika anda dapat bekerja tolong jangan menghubungi saya Baiklah dan ini adalah keadaan terakhir semua orang tahu nepolis yang benar jadi, semua orang tahu bagaimana dia diberi alat perjalanan tetapi semua orang tahu bagaimana dia dari alat perjalanan yang diberi alat perjalanan jadi, ada 100 hari di sini jadi, website ini berdapat 100 hari untuk jalanan jadi, setiap tahun mulai 26 Februari website ini akan menghubungi diri sendiri dan memasukkan satu alat perjalanan sehingga 100 hari jadi, ini saya juga membuat keadaan dan belakang ini adalah keadaan terakhir saya membuat keadaan dan kemudian saya dapat membuat keadaan jadi, jika anda dapat melihat anda dapat membuat keadaan yang benar ini adalah projek jika anda tahu NHS adalah keadaan terakhir adalah lebih seperti anda tahu, saya akan memberikan keadaan terakhir minta maaf, keadaan terakhir untuk mendapatkan keadaan jadi, keadaan terakhir mereka menghubungi keadaan terakhir bagaimana mereka harus membuat keadaan terakhir ini adalah keadaan terakhir bermaksud saya membutuhkan keadaan keadaan terakhir dan keadaan terakhir dan ini juga berlaku sebagai keadaan terakhir dan keadaan terakhir jika anda tahu banyak perkara yang digunakan keadaan terakhir dan saya boleh kata saya sangat gembira bahawa saya dapat menyelamatkan keadaan terakhir dan ini membuat keadaan terakhir jika mereka menggunakan jumlah saya akan mati jadi ini adalah keadaan terakhir mereka mahu keadaan terakhir jika anda memikirkan keadaan terakhir, kita mahu keadaan terakhir dan anda boleh membuat keadaan terakhir jadi, itu adalah keadaan terakhir yang mereka beritahu saya dan mereka mahu keadaan terakhir untuk membuat keadaan terakhir untuk membuat keadaan terakhir jadi untuk itu saya menghabiskan beberapa hari keadaan terakhir untuk memahami apa yang mereka membuat untuk membuat keadaan terakhir dan memperkenalkan keadaan terakhir jadi saya melakukannya untuk mempelajari bagaimana keadaan terakhir untuk melihat keadaan terakhir jadi saya faham apa yang mereka mahu dan mereka perlu mempunyai keadaan terakhir itu bermaksud mereka mahu keadaan terakhir untuk membuat keadaan terakhir untuk membuat keadaan terakhir dan selepas membuat keadaan terakhir untuk membuat keadaan terakhir keadaan terakhir dan saya sangat memegangkan KU, jadi sebagai referensi biasa ini adalah KU dan dulu ia susah untuk menyerang mereka tidak sehingga sangat susah untuk menyerang mereka Saya sedia dan fikir saya ingin melihat Yogyakarta. Saya berkata kepada mereka, anda tidak boleh melihat kertas berita berita, apabila anda ingin menjadi kertas berita. Ia mengambil saya banyak masa untuk memperkenalkan mereka. Pada akhirnya, saya memperkenalkan mereka, tetapi saya... kemudian saya memperkenalkan mereka. Untuk... kerja... jika anda dapat melihat bagaimana Yogyakarta menggunakan kertas berita berita berita berita berita berita. Saya rasa itu adalah asin apa yang mereka cuba beritahu. Jadi, bahagian besar yang anda tahu apabila anda berkumpul dengan klien, anda perlu faham... apa yang mereka benar-benar... apabila mereka mahu melihatnya, mereka mahu... perlukan kertas berita berita berita berita, sehingga seperti itu. Apabila saya melihat semua dan... jika anda melihatnya... ini, saya menggunakan... serif... untuk keadaan dan... kertas berita berita berita berita. Jadi, mereka berkata, itu tak apa. Baiklah. Jadi, beberapa kecuali yang saya melihat... dalam projek ini, mereka mahu saya mencoba... supaya mereka boleh... membuat perjalanan antara objek. Jadi... lebih banyak, apabila anda pergi ke... musim... apabila anda kembali ke musim, anda akan menjadi... anda tahu, ada sebuah... biasanya sebuah objek... yang seperti di dalam perjalanan. Jadi, mereka mahu... mahu buat begitu. Kerana... mereka tak mahu... untuk saya mempunyai... semua kecuali... objek. Apa yang mereka mahu... adalah untuk mereka mempunyai... gambar atau objek, kecuali objek... dan... hanya sebuah area di sana... apabila mereka boleh menyebabkan... perkara yang mereka... atau pengguna... mungkin mempunyai... mungkin mempunyai... perkara yang mereka mahu. Jadi, mereka mahu... membangun kecuali dari beberapa kecuali. Jadi, mereka mahu... dapat membangun kecuali... beberapa kecuali... dan kemudian... kecuali... A, C, Z, F, E... adalah satu kecuali... yang di bawah... mungkin... sebuah pembentangan... atau kecuali antara objek... seperti itu. Jadi, mereka mahu... dapat membangun kecuali. Sebelum kecuali... mereka mahu membangun kecuali... dan membangun kecuali di dalam... pembentangan yang eksklusif. Ya. Mereka mahu membangun kecuali... yang menarik... yang menggunakan... pembentangan, atau pembentangan... dapat menerima. Dan... mereka ada pembentangan... yang mempunyai... untuk memberi... pembentangan... dan... anda tahu... menerima... apapun yang menerima... ini pembentangan... yang menggunakan... jika ini pembentangan... dan membangun kecuali... So, those are the challenges that I face, so you can imagine how I bang my head on the wall quite a few times because this was my first WordPress project and it's, I think it's fairly complex for me at the beginning. But I managed to pull it off, so the text is not really visible but anyway, this is the skeleton of the website, so we have the encyclopedia, the blog, and the museum. That's the front end. So the end means the public and the private can send items inside the database and they can select the items and curate the collection out of the items and build a relationship between items. So that is, I think, the gist of the platform. And the tools that I use because I am a beginner coder, I use WordPress of course. Of course, I use CPT UI, personal post art UI, and also ACF. This CPT UI and ACF has helped me tremendously because of these two plugins I can do wonders. I can cut the development time almost probably 20-30% of the development time. And for front end, I use underscore to start the team and also foundation sites. I don't use bootstrap because I don't really drive well with the way bootstrap is, you know, but it's similar, it's just front end framework. So projects closer to home. So those are the projects that I've done when I was in Borek. Now when I came back in UPSI, so happened that they knew that I can code. So I was the only academician that knows how to code. So they grab me immediately and say, Fizz, I have a task for you. Can you try and design a website for a very small unit? They call it a mobility unit. This mobility unit in charge of exchange students from UK, US, and every international coming in and be local students going out. So that unit in charge of that. So they want me to create a beautiful site for that unit. So after spent over a month developing it, so I came up with this website, mobility.upsi.edu.my. So it's a bespoke website that caters to the needs of that unit. So that unit, the needs quite simple. They want to be able to, for the faculties in UPSI to submit exchange program or summer camp to them electronically. And they can get the application of program, submissions of the program. And they will review the program and then they can just click growth. And the program will immediately available from end to students. For the part of the students, they want the students to be able to browse through the website and see all the camps available for them to apply and then apply online to submit the form. It's very simple. So this is the skeleton for the mobility website. So the front end, that's the student front end. And at the bottom there is the faculty front end. They need to sign in and then submit the new program for summer camp to the unit. So in the back end, that in will be able to filter or approve new submitted courses. They can manage new applications from the students. So it's quite simple. And this, I also use the stats that I shared with you just now, ACM, CPG UI. Those are the two plugins that I use currently. And this is an ongoing development. It is right now. Don't ever open it. Because this is ongoing development. I think the website ICP have opened this to public. I don't know why. But it's still in development. So this is my faculty, faculty of Human Development of faculty. So I help my faculty to develop the website. Oh, before that, before coming to this, when I presented this to my university, that was when they decided to move from Jumlah to WordPress. So I like to think that I am instrumental to that change. So that is why I'm working on this, my faculty's website. So for academic purposes, for faculty if you want to approach, if you are a service provider, you are a design company, design developer company, if you want to approach a faculty in a university, you need to understand how they work. So I'm giving you the tips and tricks. So in a faculty, they will have staffs, programs offered, per-research and publication. Those are the core and consultation. Those are the core, you know, business of a faculty. So if you look closer, the staff and the people sits at the core of the faculty. And from the people develop into programs, because these people or academic staff teaches programs. Academic staff produce publications and research. Academic staff do consultations. So if you think about creating a custom post-time, it should be stuff at the centre and then develop upwards. So that's how I'm developing the website right now. Just for the sake of, you know, the community in terms of the data. Because you can link, if you do like that, you can link publication to research easily with consultation with the same, you know, not to say same, but easier kind of navigation. So, I think that's it. Oh, no, no, no, no, no, no. I forgot one tiny bit detail. The framework I use, the model that I use for developing any kind of projects, A, B, I, E. If this is new to you, this is a part of instructional system design. I teach. I'm teaching this to my students. It's not really meant exclusively for education. You can use this for any kind of development, web development, product development, any kind of development. So, the first thing is analyse. Of course, you have to analyse your clients' needs, especially your audience. You have to understand who will visit the website. Who will visit the network website and analyse the design. Like what we have just now, the Maku, the 40 plus requirements. So, that you need to take into consideration. And developments and goals. Analyze what's actually the faculty or your client's goal and develop the project around that. After that, design. Do design brief or mock up and establish a visual handshake with the client so that when you start development, your client will say, ah, I want to change this. I want to add this. I can see smile faces. It's really, it's really, you know, for them, when they say, okay, I would like to have this feature or this specialty feature. It's not really that simple, you know, to embed things when you have started developing. So, mock up first, you can use envision, mock up, just present to them. That was what I did when I did the the history of NHS. I presented to them and I debated with them because they question me why this, why this color, why this background. They question everything. They need to understand why what's the theory behind this. And as a developer, come academician, I need to, you know, to dig deeper. Like, for example, I use the above full, kind of like, the theory of plot. Not theory, it's like the concept above full. Are you familiar with the above full concept? Right? So, I, you know, when you can't convince them, okay? Alright, so, and then you develop actual development and then you need to adhere to the milestones and report to the clients. I've done this, I've done this. So this is the progress right now. That's development, implementation, you deploy, test it from the test server first whether it's okay or not and then deploy it you can embed Google Analytics inside your website and track the performance of the pages where the behavioural flow to see whether your design really fit the goals. So that's how you analyse and evaluate. You evaluate the goals. Right? So lesson learned. You need to analyse. You need to carry analysis. Everything you need to analyse. With analysis, then only you can put down that these are the project requirements and this is what you can do. After that, draw a line for the project. Please and please draw a line because when you work with the television they want to put as many functionalities as possible. You can persuade them go minimally. Negotiate requirement with actual feasibility of the development. Just negotiate with them if you can't do that or if you think that the features that they requested are not beneficial or not contributing to the goal just say. Just say. I need any kind of feedbacks. Things like that. They can be perfectionist. I need this. I need this. So you need to counter them back with theories and hard facts. For example, they want the birthfold to be to have this, this, this and this. If your judgment saying that the birthfold shouldn't be cluttered with those kind of things you need to say to them. Otherwise they are or they will limit this creativity. Thus, designers we try to express ourselves through our products trying to be creative with our product. But with that with that in mind we have the 40 plus Maku guideline that we need to adhere so we need to try to find leaderhood somewhere. So I think that's about it. Thank you. Any question?