{"data":{"featured":{"edges":[{"node":{"frontmatter":{"title":"Tourism Web App & Mobile","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAAAsTAAALEwEAmpwYAAACUElEQVQozyXI20uTAQBA8S8pV5K6aBOn88Y2m7u4Td10zm1ubnO6Ze1m6MqUwhalpl1QwQep8EIZSlREeaEIfIjoSbIQCsqCUlIyoqAHsySkP6CXE9XDgR9HuDw0wuClYYZHRvnrsfHr3J2a4dbtKcYnJrhydZTx8Wt8Xt9ifes377/8YnH1O88W13jx7iuvVr6x9GmT16sbPF/+ibAtSUAQ/rcjWSAjS4baaEepNSNK2fnvJ20XmJx9xL25p9x8+ITpuTWG7i8zOPmGsdkVbjz+wMzcCgurPxCkUjH5BTJycqVk50hQaRRoTfsoMqiQ50vZnZpMqlhET6KFnp6jtHc30jt6lgfzL5lb2mR24SPzbzc43tVLa2c7gslYzOF4E7FoA+FwEH99NYEGF7V1TvTGQtLEItL3iIiF6jiXSNDfc4ZTJ45wvq+TgeGLtJ3s4vSFfqy1Wiw+A0JeloRSvRqzQU+1rRJnlRWPy0GN04ZRV0hBQQbpkhQOBaz0xX20RELEo03EY81EGhpwuzxYzAZsbh2Oeh1CcbGDMnsHbqeXoKsSWdousvemoZBnUpifS55chjQjjXionP5WL43uUjoiFSTCNg56K4gEqonV22nxOwiFHQjlJUVYzWacFg0esxKdPBVlRgoauRh1jhhlZjqKfAn7PQqORU00RbwEarQE3GpKzCo0ehX2KhOOGjXWoALBU6XFZ9fgcxRTV20kXGchWFNGqNZCLGAl5ivFY9PT3FrP6HA303eGGBjooq09QjTu50DMiz/qwBY0YvXp+AOqjj/eeA1mqAAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/bf6738ec9399463756085e52d03e8c14/f0afe/sumpu.png","srcSet":"/static/bf6738ec9399463756085e52d03e8c14/9892c/sumpu.png 175w,\n/static/bf6738ec9399463756085e52d03e8c14/c2959/sumpu.png 350w,\n/static/bf6738ec9399463756085e52d03e8c14/f0afe/sumpu.png 700w,\n/static/bf6738ec9399463756085e52d03e8c14/867ed/sumpu.png 1400w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/bf6738ec9399463756085e52d03e8c14/6c37f/sumpu.avif 175w,\n/static/bf6738ec9399463756085e52d03e8c14/87d84/sumpu.avif 350w,\n/static/bf6738ec9399463756085e52d03e8c14/791dd/sumpu.avif 700w,\n/static/bf6738ec9399463756085e52d03e8c14/2d49b/sumpu.avif 1400w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/bf6738ec9399463756085e52d03e8c14/0e166/sumpu.webp 175w,\n/static/bf6738ec9399463756085e52d03e8c14/fa533/sumpu.webp 350w,\n/static/bf6738ec9399463756085e52d03e8c14/71813/sumpu.webp 700w,\n/static/bf6738ec9399463756085e52d03e8c14/e1b0a/sumpu.webp 1400w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":290}}},"tech":["PHP","MySQL","Basic4Android","Azure App Service"],"github":"https://github.com/j03hanafi/desa-wisata-sumpu","external":"https://pesonasumpu.azurewebsites.net/"},"html":"<p>Built a Web and Mobile Geographic Information System Application for the Kampung Minang Nagari Sumpu Tourism Village using Figma, PHP, MySQL, and Basic4Android. Designed and analyzed system, user, and data requirements through observation of the tourism village, interviews with tourist and tourism village manager, and study research. Built using Model-View-Controller architecture to implement create, read, update, delete (CRUD) with CodeIgniter and Google Maps API to perform spatial functionalities and present spatial data on map. Built an Android application using the BASIC programming language. Integrated Continuous Integration/Continuous Deployment with GitHub Action and deployed using Azure App Service.</p>"}},{"node":{"frontmatter":{"title":"Seternak Web App","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAACiUlEQVQoz2WP20uTARiHP4ioPIaHlFlgSHXREdMLN8yptTW3+X3fdG4ehkecx9o8oDNdajt+07k8VEKKZpKUZIkgWXQjXgRB/UdPbGUQXTz84P3xPi+vkD9oJqeviuxeA6p+I4VPWilWnKh6DGR26xLk9MW7KrJ79GR0VnJ50MzNcRnvSoixtwton7koVLpQK20Ixeoyrt7WcOmWmoIbJWgqjEwqUSTZwrXiOxSrK6nQaDFpK2mukRnsdhIcdTPn9bDs9zLk6uNBTy/DIx5CXg+CXGXELolYTCYMOgNFRSWMTfo4+vadMfcQ/mE3vr42Zkb7CXhchMfdjD50MuJsJTLgxN3ewHhvK66WOhw1ZoR22US7VcRyX4et2oyrw8HCrEL41SI9djO60jJs2nKM5VpsFjN6/V2itVbmGuy02EXaGiw0WUUctdX0OySEUq0BWbQS8o6zPh9hfnqCx+4Bjr7ssDw1zPNHA0x0ddBbV8eKs4PV5lZ2nd1EzbXoNTqMlQb0ZfcYdnbybiGEEN5dY+3oA9s/D1g6eENsf5O5/dds/zhg6fMW8/sbrB5uE/u0ycLOKi9211j5usXLvQ2Uj2vM7q0T21tn8WCL1cP3CKlBidO+ak5OGUnyiyQHJFICEiemqsidqScv2kROJJ6N5MUcqGIOshQbpwIiqSGZlKBEclAiKSAmPEKaTyTNJ5HulxKZ6hM5M23iYtTB+Ug98T4jYEmQGbCQ7pPICVnJU+wkTZv5vX+MhJAWF/0hLssM1nIuXMf1xU4K5prJDNYkjsW7OBnBGvKjDq48bSMrZCXdLyfmx45/hCk+keyQlQszjagidvLir0YaOBuQ/wpzFVtipkp09f8JfwFSGan8G1jSIQAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/19f20cb7efd9c109cf6efaae69a92d5c/468fb/seternak.png","srcSet":"/static/19f20cb7efd9c109cf6efaae69a92d5c/b9bb2/seternak.png 175w,\n/static/19f20cb7efd9c109cf6efaae69a92d5c/aa464/seternak.png 350w,\n/static/19f20cb7efd9c109cf6efaae69a92d5c/468fb/seternak.png 700w,\n/static/19f20cb7efd9c109cf6efaae69a92d5c/d75e3/seternak.png 1400w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/19f20cb7efd9c109cf6efaae69a92d5c/c3835/seternak.avif 175w,\n/static/19f20cb7efd9c109cf6efaae69a92d5c/cdba5/seternak.avif 350w,\n/static/19f20cb7efd9c109cf6efaae69a92d5c/c74f5/seternak.avif 700w,\n/static/19f20cb7efd9c109cf6efaae69a92d5c/e7d8e/seternak.avif 1400w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/19f20cb7efd9c109cf6efaae69a92d5c/71830/seternak.webp 175w,\n/static/19f20cb7efd9c109cf6efaae69a92d5c/b0cbb/seternak.webp 350w,\n/static/19f20cb7efd9c109cf6efaae69a92d5c/f1516/seternak.webp 700w,\n/static/19f20cb7efd9c109cf6efaae69a92d5c/2f8ab/seternak.webp 1400w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":333}}},"tech":["PHP","MySQL","Azure App Service"],"github":"https://github.com/j03hanafi/seternak-v2","external":"https://seternak.azurewebsites.net/"},"html":"<p>Designed and built a web app which integrated farming activities with a B2B marketplace, mentoring with experts, forum and information features using Figma, PHP and MySQL. Collaborated with cross-functional teams, performed user research, made UI, and tested directly with users. Was a finalist in a startup idea competition in the field of culture organized by the Ministry of Education and Culture of the Republic of Indonesia. Integrated Continuous Integration/Continuous Deployment using GitHub Action and deployed using Azure App Service.</p>"}}]}}}