Công cụ môi trường phát triển phần mềm

C Biên www.hutech.edu.vn *1.2021.CMP210* tailieuhoctap@hutech.edu.vn : I .I III 1.1 KHÁI 1.1.1 Wireframing, mockup prototype 1.1.3 Các 1.2 BALSAMIQ WIREFRAMES 1.2.2 Giao Balsamiq 1.2.3 UI 1.3 ÁN 1.3.1 BALSAMIQ TÓM CÂU ÔN 10 2.1 CHROME DEVELOPER TOOL 10 2.2 KHUNG ELEMENTS 11 2.3 KHUNG RESOURCES 11 2.4 KHUNG NETWORK 11 2.5 KHUNG CONSOLE 12 2.6 PHÍM TRONG CHROME DEV TOOLS 13 TÓM 14 CÂU ÔN 14 15 3.1 LÝ PHIÊN 15 3.2 LÝ PHIÊN TRUNG 16 3.3 LÝ PHIÊN PHÂN TÁN 18 3.4 S GIT 19 19 20 20 21 22 II 23 23 3.5 CÀI GIT 25 .25 26 .26 27 3.6 HÌNH GIT 28 28 .29 29 29 30 BÀI 4: CÔNG 4.1 CÁC CÔNG 31 LÝ ÁN 31 4.1.1 Trello 32 4.1.2 Microsoft Project 33 4.1.3 Basecamp .34 4.1.4 Jira .35 4.1.5 Smartsheet 53 4.1.6 Easy Project 54 4.1.7 Redmine .55 CÂU ÔN BÀI 5: 56 57 5.1 57 5.1.1 IaaS gì? .57 5.1.2 PaaS gì? 58 5.2 MICROSOFT AZURE 58 5.2.1 (PaaS) Platform as a Service 59 5.2.2 (IaaS) Infrastructure as a Service 62 TÀI THAM 70 III MÔ MÔN Cơng mơi phát cung có có ngun trình p t , trình khơng cho phát cơng mà cịn giúp máy tính Các cơng ngày mơn rút lý lý phiên gian hoàn án cung quan tính giám sát g giúp nhóm làm DUNG MÔN - Bài 1: Cung cho sinh viên khái UI/UX các công công Balsamiq Wireframes - Bài 2: Cách phím developer - gian nâng cao Bài 3: lý phiên developer - Dev Tool , nhóm nên Bài 4: Trong lý, theo dõi hoàn thành nhanh, Bài 5: tốn hay máy gom hành trình ng lý án có q trình mua/th có mây cho phép (server) mã án yêu lý nêu yêu tài nguyên Môn trình, giúp lý code làm thơng tin khác nên - làm trình web yêu mình, sinh viên có trình website, xúc internet IV U MƠN , nhà dung gian CÁCH làm nhà DUNG MƠN t mơn này, sinh viên bài dung thúc toàn thúc ý tiêu tóm sinh viên sinh viên làm PHÁP Mơn câu tìm thêm thông tin liên quan sinh viên làm bài sau câu ơn GIÁ MƠN giá - ôn ba thành hành (30%): Hình thi hành, phù quy tình hình - trình (20%): Hình phê - thi án (50%): Hình dung viên án mơn cách giá viên lý môn làm án môn lý môn cung thi v Danh sách vào khóa BÀI 1: BÀI 1: Bài giúp dung sau: - Wireframing, Mockup, Prototype gì? - Các - Các tính wireframe cơng Balsamiq Wireframes chúng 1.1 KHÁI NI M Khi nói phát trơng n quan quan nào, phát vai trò kim nam cho bên liên quan án Theo mô Tuy nhiên, hình dung riêng yêu này, yêu cá nhân có cách nhóm phát lãng phí gian 1.1.1 Wireframing, mockup prototype Xu g chung trình dùng) cho UI/UX (giao ba giai wireframing, mockup prototype Wireframing có hình h (di ngày web) Trong hình/trang Mockup quan hóa giá trung vào Chúng quan hình/ trang v có nhu trang Mockups hồn thành t tin hình BÀI 1: Prototype mockup ta có vào có thêm UX button, có dùng) Có n hình, có h v.v 1.1.2 T i dùng wireframing Wireframing gian nói, Wireframing cung cách u tranh có giá nhìn thống qua quan hóa u ngàn u hình/ trang hình giúp nhóm phát theo wireframe cùng, tiêu chung Business Analyst (Nhà phân tích User Interface Designer (Nhà giao , / / Interaction Designer (Nhà tác) 1.1.3 Các công c wireframing Công wireframing bút bút chì khơng ! Tuy nhiên, nói t bút bút chì, nhóm, ta có thêm tính Có giao chia cơng này, qua email hay hình là: Axure, UxPin, Balsamiq Proto.io Balsamiq tác sáng công , tính nhóm có cho phép tác wireframe wireframing, cho phép thành viên nhóm wireframing nhanh chóng, Nó u tính tác nhóm khác nhau, nhóm trí PDF / PNG linh phát thành viên xa khác 1.2 GI I THI U BALSAMIQ WIREFRAMES Balsamiq phát Cloud Desktop BÀI 1: 1.2.1 Cài t Balsamiq máy tính Adobe Air 2.6 máy tính Nó hành Các yêu : Mac OS X macOS 10.12 (macOS Sierra) 4GB RAM 100MB không gian Windows Windows with SP2 4GB RAM 150MB không gian 1.2.2 Giao di n Balsamiq Sau cài Tính xong, giáo trình Balsamiq, biên hình sau: BÀI 1: Hình 1.1: Giao hình 1-1, giao Balsamiq dùng Balsamiq chia thành thành sau: - Navigator - UI Library - Inspector - Wireframe space/Area 1.2.3 UI Library UI theo c phân ngang vi n UI) theo hình khác All xem thành Balsamiq Hình 1.2: UI Library phân chia theo danh có hình có 56 BÀI 4: C Câu 1: link website dùng Jira lý link https://www.atlassian.com/software/jira ) Câu 2: project sample data) Câu 3: Issues hành Xem danh sách Issues thơng có thái chúng Issues Thêm thành viên thông Issues: Tên Issues, ngày thành viên khác làm công cho Xem Comment vào issues xét xem comment quy trình làm v Thay thúc Aggsin: thái (Workflow) Issues Thêm file vào Issues Thêm, xóa thành viên có task (có ngày Issues thúc có link Issues Câu 4: Sau khác) (sub-task) Issues (create linked issues) sub-task (Clone) Issues, Di xem Issues export file (Reported by me) issues (move) Dashboard cho riêng chia thay Câu 5: Tìm hoàn thành dashboard sang issues phân cho cá nhân cách: dùng tool câu query) cho vài thành viên project 57 BÀI 5: BÀI 5: 5.1 GI I THI U Các nhà cung PaaS IaaS tốn mây tìm cung PaaS IaaS 5.1.1 IaaS gì? IaaS (Infrastructure as a service) doanh máy kho mơ hình các phân p 58 BÀI 5: Doanh cung cho khách hàng IaaS n tích theo u hình giá hành, lõi hồn tồn cơng v tốn lên có IaaS góp mây doanh quy mơ tùy làm chi phí phát sinh cho mây, lên doanh trao dung IaaS vào nhu chi phí cho mua và vào kho 5.1.2 PaaS gì? Trong IaaS cung bên ngồi PaaS (Platform as a Service) cung phân phép qua môi nhà phát máy cho phép nhà phát trì mã có cho lúc có phát thơng qua trung ng, chi phí phát giúp cho PaaS có PaaS, nhà phát khai Web làm Trong môi cho ng môi vào phát PaaS cho phép môi IaaS PaaS CNTT giúp trung vào p nhà cung trì 5.2 GI I THI U MICROSOFT AZURE tốn mây có Amazon, Google, EXA phát cung nh nhà cung IBM, Intel, Cisco Microsoft Microsoft hình Microsoft Azure cung 59 BÀI 5: 5.2.1 (PaaS) Platform as a Service Azure Websites (Web Apps) Web Apps web lý Azure cho phép App Service App Service khai cho khách hàng web làm Internet khơng có truy vào sàng gian máy Trong n mà web app b WebsiteWeb App) Có cách web app Azure: Visual Studio Trong p azure portal dùng Azure porta tiên Azure Portal => Create a resource => Web + Mobile => Web App App Service Plan: mong => Create create new vào chi phí / web app 60 BÀI 5: ta có link URL truy web FTP, FTPS push code lên Server Websites Gallery Trên Marketplace Các ngơn Python Ngồi web app bao riêng có NET, Java, PHP, Node.js web có WordPress, Umbraco, Joomla Drupal Trong p Azure cách deploy wordpress marketplace 61 BÀI 5: Portal => search Marketplace => Wordpress có thêm vào Database Database có thêm tùy khác: ng MySQL Khi 62 BÀI 5: Chúng ta có tùy h cho h lý chi phí 5.2.2 (IaaS) Infrastructure as a Service Azure Virtual Machines Azure Virtual Machines gì? Azure Virtual Machines trung tâm tính IaaS Virtual Machines Azure, khai máy tâm Microsoft Azure trách cho u hành vá l Windows Linux sốt hình Billing, tính Azure Virtual Networks Azure có tồn cài hình trì VM máy ý status trung cho VM: - Running: The VM is on and running normally (billable) - Stopped: The VM is stopped but still deployed to a physical host (billable) - Stopped (Deallocated): The VM is not deployed to a physical host (not billable) Các thành p - Disk: Azure VM Virtual machine: VHDs kèm cung Có hai VHD Azure VM: Image: VHD template cho template nên khơng có cài Disk: cho VHD máy tên máy, Có hai tính i dùng disk: OS disk data disk a blob storage redundancy Là high availability, durability, and geo- Virtual Network (VNET) - Network interface card (NIC): cung Azure máy vào kích vơ trang blob có - trang blob VHD, storage, truy NIC cung nên Azure c xóa tình máy Azure có lên blob Azure Storage máy tài nguyên tài nguyên truy VM tài NIC 63 BÀI 5: - Availability set: Máy trung tâm Azure Azure máy Microsoft máy VM u máy theo máy khơng có nên) Trong khơng hai cho vá Azure Storage hành nên có VM khai SLA hai tính logical cho trung tâm t lúc vào mơ hình Classic Trong mơ hình Resource Manager, update domains máy Azure cung phép nhóm VM Khi nâng domains 20 update domains này, máy khai vào update domains khác tùy (các) máy o tránh không nâng gian hành máy a VM Trong máy di chu Bên trách khách mà Azure VM Quá trình Azure nâng khách Các máy khôi Microsoft ng Azure vài phút Trong máy có lý ra, lành có lý mơ hình classic, Azure nâng fault domains khai- Resource Manager có có có fault có fault domains 64 BÀI 5: M MÂY Microsoft Azure Storage Microsoft phòng quan lý cung Microsoft sóc, Azure subscription có tài có p tính trì có lý 100 tài 500 TB Blob Storage: v chúng Azure Blob cung cho cách các URL, giao Azure SDK Có cho Node.js, Java, PHP, Ruby Python Khi (storage account) container, có có ngơn d có khơng truy bao NET, Blob, tài tài có sau g container không blobs REST, blobs thùng tài container, kích tài 500 TB Table Storage: Azure cho phép quan có có có tin lên cách truy LINQ tài REST Các hàng lý khơng theo FIFO truy có truy tin có danh sách message Azure Files cho phép có và hàng kích File Storage: (SMB) truy 64 KB kích Queue service giao truy truy o hai khơng liên Queue Azure Thông báo hàng trúc bán WCF Data Service NET Queues Storage: hàng NoSQL có nhóm có cách nhanh chóng Odata kho cách Các chia máy tin g có giao có tin có Server Message Block chia truy tin cách 65 BÀI 5: Azure Virtual Networks Virtual Networks bao Subnet: thành p subnet subnet VNET Các máy VNET có liên máy Tuy nhiên, route internet mà dùng khác soát VM Load balancer: l t (NSGs) truy IP public IP private giao nhóm xác internet VM có IP address: bao tính IP IP public IP private khơng giao VM load balancer VNET External load balancer: giao sàng cao Internal load balancer: giao p internet, VM VNET Network security group: cho phép outbound traffic card VM rule subnet control inbound 66 BÀI 5: Azure Databases Azure SQL Database cung giao lý relational database (OLTP, là, tính t, kinh doanh liên lý trì lý khơng li ngồi C SQL hai mơ hình khác qua máy cung thay trong trì ngân sách Elastic database pools thích chia có hai mơ hình mà khơng gian cho phép 99,99% (SLA) Ngồi Azure SQL Database, Azure cịn Azure Database for PostgreSQL SQL Database có lý nhi pool Ngồi ra, mơ hình single database có elastic database pools single database Elastic database pools cho phép tính cịn làm pool, scale up and down nhu lý mà khơng có phát máy sốt u SQL, Microsoft SQL mà admin ngôn SQL bên trách elastic scale, quan làm tốn lý SQL cung có thu (PaaS) máy quen t vào giao SQL cho phép a h mây lý phát Azure database for MySQL 67 BÀI 5: Azure Active Directory Azure AD an toàn, cung lý truy cho mây Trên mây cao Azure AD Microsoft, Microsoft Office 365, Microsoft Dynamics CRM Online, Windows Intune Microsoft Azure qu lý truy có hình Windows Server Active Directory cung cho pháp có trách cho Active Directory lý tồn b Azure AD (tính vv) Là dùng g Azure AD không coi Directory Thay vào Directory Microsoft có thay nên truy trách khơi có thơng tin hồn tồn cho Windows Server Active sung dùng nhóm có ng có Active Azure AD Azure AD Azure AD có (SSO) cung sàng cao, Azure AD cách Azure AD (directory as a service), dùng thơng tin thơng tin p tính Azure AD làm Azure Tuy nhiên, thay máy nhiên liên có Active Directory SSO cách Liên t 68 BÀI 5: Active Directory (AD FS) chia liên Azure AD Azure AD Connect hóa Active Directory Azure AD Share sign-on g t delay làm hình hóa thay hồn thành vài phút) cách SSO cho nhân viên v Azure AD, có dùng khác) (SaaS) ng truy cung vào cách dàng Office365, Salesforce.com, Dropbox khác quan ý Azure AD khơng mây Azure Azure AD có Azure truy B dàng cách truy công truy Active thông qua REST API toán mây, v.v Azure AD directory mà không Azure AD REST API, nhà phát SSO cho xóa) mây Thay vào thơng tin phong phú có nhà phát khó pháp Azure AD có cho phép pháp hai Lightweight Directory Access Protocol (LDAP) Directory khác) Kerberos dành cho mây truy có directory Azure AD vai trò quan Microsoft Azure AD bao Authentication, RoleBased giám sát cách tính ký c tính lý Multi-Factor sốt truy báo an ninh, th ám mây (RBAC), giám sát lý giúp mây, bao yêu cung tuân cho tiêu, chi phí Azure Directory Edition Free: Cung local, Azure AD lý dùng, SSO Azure Office 365, truy hóa Active Directory SaaS 69 BÀI 5: Basic: Cung tính reset, truy Free tier, nhóm, customizable branding, Azure AD Application Proxy, 99,9 Premium: cung service group management, Factor Authentication, self-service password có tính báo cáo (SLA) phí báo phép cho Microsoft Identity Manager self- nâng cao, Multi- 70 TÀI THAM Scott Chacon and Ben Straub (2014), Pro Git (Second Edition), ISBN: 1484200772, Published by Apress Peter Moxon (2014), Google Chrome Developer Tools, Published by SAPPROUK Limited Marc Maxmeister (2014), Trello for Project Management Michael Collier and Robin Shahan (2016), Microsoft Azure Essentials: Fundamentals of Azure, Second Edition, ISBN: 978150930296, Published by Microsoft Press JIRA Strategy Admin Workbook (2016), ASIN: B07D7JMYHC, Industry Templates, LLC; 1st edition